.zp-coupon-ribbon{padding-block:16px!important;background:linear-gradient(112deg,#bd3546,#a62335)!important;color:#fff}.zp-coupon-ribbon .ribbon-banner__grid{display:grid!important;grid-template-columns:minmax(0,max-content) 288px;grid-template-rows:auto auto;align-items:center;gap:3px 28px!important;width:auto;max-width:100%;padding:0 56px!important;box-sizing:border-box}.zp-promo-copy{min-width:0;color:#fff}.zp-promo-copy>*,.zp-promo-copy .rte{max-width:none}.zp-promo-copy p{margin:0!important;color:inherit}.zp-promo-copy--primary{grid-column:1;grid-row:1;align-self:end;font-size:16px;line-height:1.35}.zp-promo-copy--secondary{grid-column:1;grid-row:2;align-self:start;font-size:13px;line-height:1.4}.zp-promo-copy--primary *,.zp-promo-copy--secondary *{font-size:inherit;line-height:inherit}.zp-coupon-wrap{grid-column:2;grid-row:1 / 3;width:288px;max-width:100%;min-width:0}zp-discount-coupon{display:block;position:relative;width:100%}.zp-coupon{position:relative;display:block;box-sizing:border-box;width:100%;height:52px;margin:0;padding:0;border:0;border-radius:999px;background:linear-gradient(125deg,#2568b5,#79aade);box-shadow:0 3px 8px #31142424;isolation:isolate;transition:box-shadow .18s ease}.zp-coupon .zp-coupon__trigger{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:block;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:999px;list-style:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.zp-coupon__trigger::-webkit-details-marker{display:none}.zp-coupon__trigger::marker{content:""}.zp-coupon__trigger:focus{outline:none}zp-discount-coupon:has(.zp-coupon__trigger:focus-visible){outline:2px solid #fff;outline-offset:4px;border-radius:999px}.zp-coupon .zp-coupon__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;height:100%;overflow:hidden;border-radius:999px;opacity:1;visibility:visible;transform:none;transform-origin:100% 50%;transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility 0s}.zp-coupon .zp-coupon__surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(110deg,#075fb9,#0752a3);clip-path:polygon(0 0,calc(100% - 48px) 0,100% 44px,100% 100%,0 100%);transition:clip-path .22s cubic-bezier(.2,.75,.25,1)}.zp-coupon__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 50px 0 20px;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.zp-coupon__gift{width:20px;height:20px;flex:0 0 20px}.zp-coupon__fold{position:absolute;top:0;right:0;display:block;width:68px;height:52px;pointer-events:none;transform-origin:100% 0;filter:drop-shadow(-3px 3px 3px rgb(0 31 69 / 35%));transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .22s ease}.zp-coupon__dismiss{position:absolute;inset:0 auto 0 0;display:none;align-items:center;justify-content:center;width:44px;height:52px;border-radius:999px 0 0 999px;cursor:pointer;pointer-events:auto}.zp-coupon__dismiss svg{width:17px;height:17px}.zp-coupon__dismiss:hover{background:#ffffff1a}.zp-coupon .zp-coupon__panel{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:none;align-items:center;width:100%;height:100%;overflow:hidden;padding-left:44px;border-radius:999px;background:#0752a3;color:#fff}.zp-coupon__code{display:block;flex:1 1 auto;min-width:0;overflow-x:auto;padding:0 8px 0 10px;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.025em;white-space:nowrap;scrollbar-width:none;-webkit-user-select:all;user-select:all}.zp-coupon__code::-webkit-scrollbar{display:none}.zp-coupon__copy{-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;flex:0 0 118px;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:118px;height:52px;margin:0;padding:0 12px 0 10px;border:0;border-left:1px solid rgb(255 255 255 / 24%);border-radius:0 999px 999px 0;background:#ffffff14;color:#fff;font:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}.zp-coupon__copy:hover{background:#ffffff2b}.zp-coupon__copy:focus-visible{outline:2px solid #fff;outline-offset:-6px}.zp-coupon__copy svg{width:16px;height:16px;flex:0 0 16px}.zp-coupon__check-icon,.zp-coupon__copy.is-copied .zp-coupon__copy-icon{display:none}.zp-coupon__copy.is-copied .zp-coupon__check-icon{display:block}.zp-coupon__copy.is-copied{background:#ffffff26}.zp-coupon[open] .zp-coupon__trigger{pointer-events:none}.zp-coupon[open] .zp-coupon__cover{transform:translate(44px) rotate(7deg);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility 0s .28s}.zp-coupon[open] .zp-coupon__dismiss{display:flex}.zp-coupon[open] .zp-coupon__panel{display:flex;animation:zp-coupon-reveal .22s ease both}.zp-coupon-ribbon>.closable-element__close{top:50%;right:8px;width:44px;min-width:44px;height:44px;min-height:44px;border:0;background:transparent;transform:translateY(-50%);opacity:.9}.zp-coupon-ribbon>.closable-element__close:focus-visible{outline:2px solid #fff;outline-offset:-8px}@media(hover:hover)and (pointer:fine){.zp-coupon:not([open]):has(.zp-coupon__trigger:hover){box-shadow:0 5px 14px #22112838}.zp-coupon:not([open]) .zp-coupon__trigger:hover .zp-coupon__surface{clip-path:polygon(0 0,calc(100% - 54px) 0,100% 48px,100% 100%,0 100%)}.zp-coupon:not([open]) .zp-coupon__trigger:hover .zp-coupon__fold{transform:translate(-4px,3px) rotate(-3deg) scale(1.05);filter:drop-shadow(-4px 5px 4px rgb(0 31 69 / 40%))}}.zp-coupon:not([open]) .zp-coupon__trigger:focus-visible .zp-coupon__surface{clip-path:polygon(0 0,calc(100% - 54px) 0,100% 48px,100% 100%,0 100%)}.zp-coupon:not([open]) .zp-coupon__trigger:focus-visible .zp-coupon__fold{transform:translate(-4px,3px) rotate(-3deg) scale(1.05)}@keyframes zp-coupon-reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.zp-coupon-ribbon{padding-block:17px!important}.zp-coupon-ribbon .ribbon-banner__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px!important;width:100%;max-width:400px;padding:0 24px!important;text-align:center}.zp-promo-copy--primary{grid-column:1;grid-row:1;font-size:15px}.zp-promo-copy--secondary{grid-column:1;grid-row:2;font-size:13px}.zp-coupon-wrap{grid-column:1;grid-row:3;width:100%;max-width:288px;margin:9px auto 0!important}.zp-coupon-ribbon>.closable-element__close{top:5px;right:2px;transform:none}.zp-coupon__label{font-size:14px;padding-right:44px;padding-left:14px}.zp-coupon__copy{flex-basis:116px;width:116px;padding-right:10px;padding-left:8px;font-size:12px}.zp-coupon__code{font-size:13px}}@media(prefers-reduced-motion:reduce){.zp-coupon,.zp-coupon *{animation:none!important;transition:none!important}}@media(forced-colors:active){.zp-coupon{border:1px solid ButtonText}.zp-coupon__copy{border-left:1px solid ButtonText}.zp-coupon__fold{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/zp-discount-coupon.css.map */