.promo-code{--promo-code-background: 232 232 232;--promo-code-text: 1 3 8;--promo-code-padding-block: .5em;--promo-code-padding-inline: .75em;--promo-code-radius: var(--c8-radius-badge);--promo-code-ease: cubic-bezier(.16, 1, .3, 1);--button-background: var(--promo-code-background);--button-text-color: var(--promo-code-text);--button-outline-color: var(--promo-code-background);display:inline-flex;flex-shrink:0;align-items:center;gap:.5em;padding-block:var(--promo-code-padding-block);padding-inline:var(--promo-code-padding-inline) calc(var(--promo-code-padding-inline) - .15em);border-radius:var(--promo-code-radius);font-size:inherit;line-height:1;overflow:hidden;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s var(--promo-code-ease)}:is(.promo-bar,.hero-promo,.promo-note) .button.promo-code{min-height:0;padding-block:var(--promo-code-padding-block);padding-inline:var(--promo-code-padding-inline) calc(var(--promo-code-padding-inline) - .15em);font-size:inherit;font-family:var(--mono-font-family);font-weight:min(calc(var(--label-font-weight) + 100),900);letter-spacing:var(--c8-label-sm-tracking);text-transform:uppercase}.promo-code.promo-code--glass{--promo-code-glass-opacity: .08;--promo-code-glass-border-opacity: var(--c8-border-strong-opacity);--promo-code-glass-blur: 8px;background:rgb(var(--promo-code-glass-tint) / var(--promo-code-glass-opacity))!important;box-shadow:inset 0 0 0 var(--c8-hairline) rgb(var(--promo-code-glass-tint) / var(--promo-code-glass-border-opacity))!important;color:rgb(var(--promo-code-text))!important;backdrop-filter:blur(var(--promo-code-glass-blur));-webkit-backdrop-filter:blur(var(--promo-code-glass-blur));transition:background .2s ease,box-shadow .2s ease}.button.promo-code:not([disabled]):hover{animation:none}.button.promo-code{transition:background-color var(--c8-duration-fast) ease,color var(--c8-duration-fast) ease,box-shadow var(--c8-duration-fast) ease}@media(hover:hover)and (pointer:fine){.button.promo-code:not(.promo-code--glass):not([disabled]):hover{background-color:rgb(var(--promo-code-text));color:rgb(var(--promo-code-background));box-shadow:inset 0 0 0 var(--c8-hairline) rgb(var(--promo-code-background))}.promo-code.promo-code--glass.button:not([disabled]):hover{background:rgb(var(--promo-code-glass-tint))!important;box-shadow:inset 0 0 0 var(--c8-hairline) rgb(var(--promo-code-glass-tint))!important;color:rgb(var(--background, var(--c8-black)))!important}}.prose .promo-code{margin-block-start:0!important}.prose .promo-code .promo-code__icons{display:grid;margin-block-start:0}.prose .promo-code .promo-code__label{display:block;margin-block-start:0}.promo-code__labels{--promo-code-roll: 110%;--promo-code-overshoot: .1em;position:relative;display:block;overflow:hidden;padding-block:var(--promo-code-overshoot);margin-block:calc(-1 * var(--promo-code-overshoot))}.promo-code__label{display:block;white-space:nowrap;text-box:trim-both cap alphabetic;transition:transform .4s var(--promo-code-ease),opacity .25s ease}.promo-code__label--copied,.promo-code.is-copied .promo-code__label--code{position:absolute;top:var(--promo-code-overshoot);inset-inline-start:0}.promo-code__label--copied{opacity:0;transform:translateY(var(--promo-code-roll))}.promo-code.is-copied .promo-code__label--code{opacity:0;transform:translateY(calc(-1 * var(--promo-code-roll)))}.promo-code.is-copied .promo-code__label--copied{position:static;opacity:1;transform:none}.promo-code__icons{display:grid;width:1em;height:1em}.promo-code__icons>svg{grid-area:1 / 1;width:100%;height:100%;transition:opacity .2s ease,transform .35s var(--promo-code-ease)}.promo-code__icon-check{opacity:0;transform:scale(.6)}.promo-code__icon-check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 0s linear .2s}.promo-code.is-copied{animation:promo-code-press .45s var(--promo-code-ease)}.promo-code.is-copied .promo-code__icon-copy{opacity:0;transform:scale(.5) rotate(-20deg)}.promo-code.is-copied .promo-code__icon-check{opacity:1;transform:scale(1)}.promo-code.is-copied .promo-code__icon-check path{stroke-dashoffset:0;transition:stroke-dashoffset .35s cubic-bezier(.65,0,.35,1) .1s}@keyframes promo-code-press{0%{transform:scale(1)}30%{transform:scale(.92)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.promo-code.is-copied,.promo-code__label,.promo-code__icons>svg{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/promo-code.css.map */