.promo-discount-drawer{position:fixed;top:50%;z-index:1001;transform:translateY(-50%);pointer-events:none;background:transparent}.promo-discount-drawer:not(.is-hidden){pointer-events:auto}.promo-discount-drawer--right{inset-inline-end:0}.promo-discount-drawer--left{inset-inline-start:0}.promo-discount-drawer__tab{position:relative;z-index:3;display:none;align-items:center;justify-content:center;min-width:4.4rem;min-height:4.4rem;padding:1rem .8rem;border:none;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.05em;opacity:1;transition:opacity .35s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease,visibility .35s ease;-webkit-appearance:none;appearance:none}.promo-discount-drawer:not(.is-hidden) .promo-discount-drawer__tab{display:flex;background:var(--gradient-background);background-clip:padding-box;color:rgb(var(--color-foreground));box-shadow:0 2px 12px #0003;overflow:hidden}.promo-discount-drawer:not(.is-hidden) .promo-discount-drawer__tab:hover,.promo-discount-drawer:not(.is-hidden) .promo-discount-drawer__tab:focus-visible{background:var(--gradient-background);color:rgb(var(--color-foreground));box-shadow:0 4px 16px #00000040;filter:brightness(.95)}.promo-discount-drawer.is-open .promo-discount-drawer__tab{opacity:0;visibility:hidden;pointer-events:none}.promo-discount-drawer.is-minimized .promo-discount-drawer__tab{opacity:1;visibility:visible;pointer-events:auto}.promo-discount-drawer__tab-label{font-weight:700;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.promo-discount-drawer--right:not(.is-hidden) .promo-discount-drawer__tab{border-radius:1.2rem 0 0 1.2rem}.promo-discount-drawer--left:not(.is-hidden) .promo-discount-drawer__tab{border-radius:0 1.2rem 1.2rem 0}[dir=rtl] .promo-discount-drawer--right:not(.is-hidden) .promo-discount-drawer__tab{border-radius:0 1.2rem 1.2rem 0}[dir=rtl] .promo-discount-drawer--left:not(.is-hidden) .promo-discount-drawer__tab{border-radius:1.2rem 0 0 1.2rem}.promo-discount-drawer__panel{position:absolute;top:50%;z-index:2;width:min(90vw,32rem);max-height:min(85vh,52rem);overflow-y:auto;padding:2.4rem 2rem 2rem;background-color:#fef5e9;--color-foreground: var(--color-base-text);--color-background: var(--color-base-background-1);color:rgb(var(--color-foreground));border-radius:.8rem;box-shadow:0 5px 24px #0000002e;transform:translateY(-50%);transition:transform .45s cubic-bezier(.4,0,.2,1),visibility .45s ease;visibility:hidden;pointer-events:none}.promo-discount-drawer--right .promo-discount-drawer__panel{inset-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.promo-discount-drawer--left .promo-discount-drawer__panel{inset-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.promo-discount-drawer.is-hidden .promo-discount-drawer__panel{visibility:hidden;pointer-events:none}.promo-discount-drawer--right.is-minimized .promo-discount-drawer__panel,.promo-discount-drawer--right.is-hidden .promo-discount-drawer__panel{transform:translate(100%,-50%)}.promo-discount-drawer--left.is-minimized .promo-discount-drawer__panel,.promo-discount-drawer--left.is-hidden .promo-discount-drawer__panel{transform:translate(-100%,-50%)}.promo-discount-drawer.is-open .promo-discount-drawer__panel{visibility:visible;pointer-events:auto}.promo-discount-drawer--right.is-open .promo-discount-drawer__panel,.promo-discount-drawer--left.is-open .promo-discount-drawer__panel{transform:translateY(-50%)}.promo-discount-drawer__close{position:absolute;top:1rem;inset-inline-end:1rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.promo-discount-drawer__close .icon{width:1.4rem;height:1.4rem}.promo-discount-drawer__media{margin-bottom:1.6rem;border-radius:.6rem;overflow:hidden}.promo-discount-drawer__image{display:block;width:100%;height:auto}.promo-discount-drawer__heading{margin:0 2.4rem 1rem 0;font-size:clamp(2rem,4vw,2.4rem);line-height:1.2}.promo-discount-drawer__message{margin-bottom:1.6rem;font-size:1.4rem;line-height:1.5}.promo-discount-drawer__message p:last-child{margin-bottom:0}.promo-discount-drawer__code{display:inline-flex;align-items:center;gap:.8rem;width:100%;padding:1.2rem 1.6rem;border:.2rem dashed rgba(var(--color-foreground),.35);border-radius:.6rem;background-color:rgba(var(--color-background),.65);color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.promo-discount-drawer__code:hover,.promo-discount-drawer__code:focus-visible{border-color:rgba(var(--color-foreground),.6);background-color:rgba(var(--color-background),.9)}.promo-discount-drawer__code.is-success{border-color:#2278468c;background-color:#22784614}.promo-discount-drawer__code.is-error{border-color:#b428288c;background-color:#b4282814}.promo-discount-drawer__code .icon{flex-shrink:0;width:1.4rem;height:1.4rem}.promo-discount-drawer__feedback{margin:1rem 0 0;font-size:1.3rem;line-height:1.4}.promo-discount-drawer__feedback.is-success{color:#227846}.promo-discount-drawer__feedback.is-error{color:#b42828}@media screen and (max-width:749px){.promo-discount-drawer__panel{width:min(92vw,36rem);padding:2rem 1.6rem 1.6rem}.promo-discount-drawer__tab-label{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.promo-discount-drawer__panel,.promo-discount-drawer__tab{transition:none}}html[lang=ar] .promo-discount-drawer--right{left:0;right:auto;inset-inline-start:auto;inset-inline-end:auto}html[lang=ar] .promo-discount-drawer--right .promo-discount-drawer__panel{left:0;right:auto;inset-inline-start:auto;inset-inline-end:auto;border-radius:0 .8rem .8rem 0}html[lang=ar] .promo-discount-drawer--right.is-minimized .promo-discount-drawer__panel,html[lang=ar] .promo-discount-drawer--right.is-hidden .promo-discount-drawer__panel{transform:translate(-100%,-50%)}html[lang=ar] .promo-discount-drawer--right:not(.is-hidden) .promo-discount-drawer__tab{border-radius:0 1.2rem 1.2rem 0}html[lang=ar] .promo-discount-drawer__heading,html[lang=ar] .promo-discount-drawer__message,html[lang=ar] .promo-discount-drawer__feedback{direction:rtl;text-align:left}html[lang=ar] .promo-discount-drawer__heading{margin:0 2.4rem 1rem 0}html[lang=ar] .promo-discount-drawer__close{inset-inline-end:auto;right:1rem}html[lang=ar] .promo-discount-drawer__code{direction:ltr;text-align:left;justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/129/assets/promo-discount-drawer.css.map */