@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;700;800&display=swap";#shopify-section-voucher-banner,.shopify-section--voucher-banner{position:fixed;top:var(--header-height, 80px);left:0;right:0;z-index:11;pointer-events:none;transition:top .22s cubic-bezier(.4,0,.2,1)}.voucher-banner{pointer-events:auto;max-width:440px;margin:12px auto 0;padding:12px 24px 14px;background:#e8ecff;border-radius:14px;box-shadow:0 6px 18px #1c1c351f;font-family:DM Sans,sans-serif;text-align:center;transition:opacity .22s ease,transform .22s ease}.voucher-banner.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}.voucher-banner__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.voucher-banner__stock{margin-bottom:8px;font-size:14px;font-weight:600;color:#3b3f8c}.voucher-banner__stock-num{display:inline-block;margin:0 3px;padding:2px 8px;border-radius:5px;background:#4a50c8;color:#fff;font-size:14px;font-weight:800}.voucher-banner__timer{display:flex;align-items:center;justify-content:center;gap:2px}.voucher-banner .vb-block{display:flex;align-items:center;justify-content:center;width:24px;height:28px;border-radius:5px;background:#4a50c8;color:#fff;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.voucher-banner .vb-sep{margin:0 1px;color:#4a50c8;font-size:14px;font-weight:800}.voucher-banner--mix{background:linear-gradient(135deg,#ffe8e8,#ffd4d4);border:2px solid #DC2626;animation:vb-pulse 1s ease-in-out infinite}.voucher-banner--mix .voucher-banner__stock{color:#991b1b;font-weight:700}.voucher-banner--mix .vb-sep{color:#dc2626}.voucher-banner--mix .voucher-banner__stock-num,.voucher-banner--mix .vb-block{background:#dc2626}.voucher-banner--mix .voucher-banner__stock-num{animation:vb-flash .6s ease-in-out infinite}.voucher-banner--mix [data-seconds]{animation:vb-tick 1s steps(2) infinite}@keyframes vb-pulse{0%,to{box-shadow:0 6px 18px #dc26264d}50%{box-shadow:0 6px 28px #dc2626a6}}@keyframes vb-flash{0%,to{opacity:1}50%{opacity:.55}}@keyframes vb-tick{0%{opacity:1}50%{opacity:.55}}@media screen and (max-width:989px){.shopify-section-header.is-mobile-header-hidden~.shopify-section--voucher-banner{top:0}@media(prefers-reduced-motion:reduce){.shopify-section--voucher-banner,.voucher-banner,.voucher-banner__stock-num,.voucher-banner [data-seconds]{animation:none;transition:none}}}@media screen and (max-width:749px){.voucher-banner{max-width:calc(100% - 24px);margin:8px auto 0;padding:10px 16px 12px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-voucher-banner.css.map */