.shopify-section:not(.section-product-information):has(.product__discount-coupon){position:relative;z-index:var(--layer-flat)}.shopify-section:has(.product__discount-coupon) .section--background-color{overflow:visible}.discount-coupon-wrapper{container-type:inline-size}.discount-coupon{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 4px Max(calc(100% / 3 - 39px),140px);align-items:center;gap:30px;padding:30px;border-radius:var(--border-radius-size-5);background-color:var(--color-background);box-shadow:inset 0 0 0 1px var(--color-line),0 0 #0000;transition:box-shadow var(--duration-default) var(--transition-primary);overflow:hidden}.discount-coupon.has-underlay-hover:after{border-radius:var(--border-radius-size-5);overflow:hidden}.discount-coupon__icon svg{position:relative;top:-3px;width:24px;height:24px;color:var(--color-accent)}.discount-coupon__divider{width:4px;height:calc(100% + 72px);background-color:var(--color-line);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='100%'><line x1='2' y1='0' x2='2' y2='100%' stroke='black' stroke-width='4' stroke-dasharray='8.8 8.8'/></svg>") repeat-y;-webkit-mask-size:4px auto;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='100%'><line x1='2' y1='0' x2='2' y2='100%' stroke='black' stroke-width='4' stroke-dasharray='8.8 8.8'/></svg>") repeat-y;mask-size:4px auto}.discount-coupon__percent{white-space:nowrap}.discount-coupon__percent,.discount-coupon__content{display:flex;align-items:center;column-gap:20px}.discount-coupon__content{flex-wrap:wrap;row-gap:9px}.discount-coupon__text{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.discount-coupon .h2{--line-heigth-factor: .1895;font-size:var(--text-size-h-37)}.discount-coupon .h4{--line-heigth-factor: .2106;font-size:var(--text-size-h-19)}.discount-coupon__code{position:static;height:100%}.discount-coupon__code .discount-coupon__code-inner{height:100%;display:flex;flex-direction:column;justify-content:center;row-gap:5px}.discount-coupon__copy{position:absolute;display:flex;align-items:center;justify-content:center;top:10px;inset-inline-end:10px;width:40px;height:40px;opacity:.2}[data-copied] .discount-coupon__copy{opacity:1}.discount-coupon__copy svg:last-child{position:absolute;opacity:0;transform:scale(.2)}[data-copied] .discount-coupon__copy svg:first-child{opacity:0;transform:scale(.4);transition:none}[data-copied] .discount-coupon__copy svg:last-child{opacity:1;transform:scale(1);transition:opacity var(--duration-default) var(--transition-primary),transform var(--duration-default) var(--transition-primary)}@media(hover:none){.discount-coupon__copy:active{opacity:1}}@media screen and (min-width:1025px){.discount-coupon__copy{opacity:0}.discount-coupon:hover{box-shadow:inset 0 0 0 0 var(--color-line),var(--popup-box-shadow)}.discount-coupon:hover .discount-coupon__copy{opacity:.2;transition:opacity var(--duration-default) var(--transition-primary)}.discount-coupon__copy:hover svg:first-child{transition:opacity var(--duration-default) var(--transition-primary),transform var(--duration-default) var(--transition-primary)}.discount-coupon:hover [data-copied] .discount-coupon__copy,.discount-coupon .discount-coupon__copy:hover{opacity:1}}@container (width < 455px){.discount-coupon,.discount-coupon__content{display:grid;grid-template-columns:minmax(0,1fr);text-align:center}.discount-coupon{gap:18px}.discount-coupon__percent{justify-content:center}.discount-coupon__divider{height:4px;width:calc(100% + 60px);justify-self:center;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='4'><line x1='0' y1='2' x2='100%' y2='2' stroke='black' stroke-width='4' stroke-dasharray='8.8 8.8'/></svg>") repeat-x;-webkit-mask-size:auto 4px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='4'><line x1='0' y1='2' x2='100%' y2='2' stroke='black' stroke-width='4' stroke-dasharray='8.8 8.8'/></svg>") repeat-x;mask-size:auto 4px}.discount-coupon__code{position:relative}.discount-coupon__copy{top:50%;inset-inline-end:-10px;transform:translateY(-50%)}.discount-coupon__code .discount-coupon__code-inner:before{top:-19px}}@container (width < 215px){.discount-coupon__percent{flex-direction:column;white-space:normal}}.discount-coupon--compact{padding:15px 5px;grid-template-columns:1fr}.discount-coupon--compact .discount-coupon__copy{top:-15px;right:-5px;transform:none}.discount-coupon--compact .discount-coupon__code{position:relative}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-discount-coupon.css.map */