.cl-offers,#cl-ship-ring,.cl-toast{--cl-ink: #1A1A1A;--cl-muted: #6B6B6B;--cl-faint: #9B9B9B;--cl-line: #E8E8E8;--cl-red: #E5585B;--cl-red-soft: #FDF2F2;--cl-red-edge: #F5D3D4;--cl-green: #1E7A43;--cl-green-soft: #EFF7F1;--cl-green-edge: #C7E3D2;--cl-card: #FFFFFF;--cl-page: #FFFFFF;--cl-shadow: 0 1px 2px rgba(26, 26, 26, .05), 0 6px 16px -8px rgba(26, 26, 26, .16);--cl-shadow-lift: 0 2px 4px rgba(26, 26, 26, .06), 0 12px 24px -10px rgba(26, 26, 26, .22);--cl-font: "Mukta", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--cl-ease: cubic-bezier(.22, .8, .3, 1)}.cl-offers{font-family:var(--cl-font);color:var(--cl-ink);padding:18px 0 20px;margin-top:12px;border-top:1px solid var(--cl-line)}.cl-offers__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cl-offers__title{margin:0;font-size:15px;line-height:20px;font-weight:700;letter-spacing:-.01em}@media(min-width:990px){.cl-offers__title{font-size:17px;line-height:24px}}.cl-offers__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cl-red-soft);color:var(--cl-red);font-size:11px;line-height:1;font-weight:700}.cl-offers__spacer{flex:1 1 auto}@media(min-width:990px){.cl-offers__spacer{display:none}.cl-offers__head{gap:12px}}.cl-offers__claim{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border:1px solid var(--cl-red);border-radius:999px;background:var(--cl-red);color:#fff;font:700 12.5px/1 var(--cl-font);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:background .18s var(--cl-ease),border-color .18s var(--cl-ease),color .18s var(--cl-ease),transform .12s var(--cl-ease),opacity .18s}.cl-offers__claim:hover{background:#d84a4d;border-color:#d84a4d}.cl-offers__claim:active{transform:scale(.97)}.cl-offers__claim:focus-visible{outline:2px solid var(--cl-ink);outline-offset:2px}.cl-offers__claim svg{width:13px;height:13px;flex:none}.cl-offers__claim[data-state=busy]{opacity:.55;pointer-events:none}.cl-offers__claim[data-state=busy] .cl-offers__claim-ico{animation:cl-spin .7s linear infinite}.cl-offers__claim[data-state=claimed]{background:var(--cl-green-soft);border-color:var(--cl-green-edge);color:var(--cl-green);cursor:default;pointer-events:none}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-offers__rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}.cl-offers__rail::-webkit-scrollbar{display:none}@media(min-width:990px){.cl-offers__rail{-webkit-mask-image:none;mask-image:none;flex-wrap:wrap}}.cl-ticket{--stub: 86px;--notch: 7px;position:relative;flex:0 0 auto;width:268px;min-height:92px;display:grid;grid-template-columns:var(--stub) 1fr;border-radius:12px;background:var(--cl-card);box-shadow:var(--cl-shadow);scroll-snap-align:start;overflow:hidden;transition:box-shadow .22s var(--cl-ease),transform .22s var(--cl-ease)}@media(min-width:990px){.cl-ticket:hover{box-shadow:var(--cl-shadow-lift);transform:translateY(-1px)}}.cl-ticket:before,.cl-ticket:after{content:"";position:absolute;left:calc(var(--stub) - var(--notch));width:calc(var(--notch) * 2);height:var(--notch);background:var(--cl-page);z-index:2}.cl-ticket:before{top:0;border-radius:0 0 var(--notch) var(--notch)}.cl-ticket:after{bottom:0;border-radius:var(--notch) var(--notch) 0 0}.cl-ticket__stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:10px 6px;background:#f4f4f5;color:var(--cl-ink);text-align:center;transition:background .25s var(--cl-ease),color .25s var(--cl-ease)}.cl-ticket__stub:after{content:"";position:absolute;right:0;top:var(--notch);bottom:var(--notch);width:1px;background-image:linear-gradient(to bottom,#C4C4C6 0 4px,transparent 4px 8px);background-size:1px 8px}.cl-ticket__amt{font-size:22px;line-height:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cl-ticket__off{font-size:10px;line-height:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.62}.cl-ticket__body{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:11px 13px 11px 15px;min-width:0}.cl-ticket__cond{font-size:12.5px;line-height:16px;font-weight:600;color:var(--cl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-ticket__meter{position:relative;height:5px;border-radius:3px;background:#e6e6e9;overflow:hidden}.cl-ticket__fill{position:absolute;inset:0 auto 0 0;width:var(--cl-progress, 0%);border-radius:3px;background:#5a5a60;transition:width .5s var(--cl-ease),background .25s var(--cl-ease)}.cl-ticket__gap{font-size:11px;line-height:14px;font-weight:700;color:var(--cl-muted);font-variant-numeric:tabular-nums}.cl-ticket__code{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;max-width:100%;height:22px;padding:0 7px;border:1px dashed var(--cl-line);border-radius:5px;background:#fafafa;color:var(--cl-muted);font:700 10.5px/1 var(--cl-font);letter-spacing:.07em;cursor:pointer;transition:border-color .18s var(--cl-ease),color .18s var(--cl-ease),background .18s var(--cl-ease)}.cl-ticket__code:hover{border-color:var(--cl-faint);color:var(--cl-ink)}.cl-ticket__code:focus-visible{outline:2px solid var(--cl-ink);outline-offset:2px}.cl-ticket__code svg{width:11px;height:11px;flex:none;opacity:.65}.cl-ticket__code[data-copied="1"]{border-color:var(--cl-green-edge);background:var(--cl-green-soft);color:var(--cl-green)}.cl-ticket[data-met="1"] .cl-ticket__stub{background:var(--cl-red-soft);color:var(--cl-red)}.cl-ticket[data-met="1"] .cl-ticket__off{opacity:.8}.cl-ticket[data-met="1"] .cl-ticket__fill{background:var(--cl-red)}.cl-ticket[data-met="1"] .cl-ticket__gap{color:var(--cl-red)}.cl-ticket[data-claimed="1"] .cl-ticket__stub{background:var(--cl-green-soft);color:var(--cl-green)}.cl-ticket[data-claimed="1"] .cl-ticket__fill{background:var(--cl-green)}.cl-ticket[data-claimed="1"] .cl-ticket__gap{color:var(--cl-green)}.cl-ticket__stamp{position:absolute;top:9px;right:10px;display:none;align-items:center;gap:4px;padding:2px 7px 2px 5px;border-radius:999px;background:var(--cl-green);color:#fff;font:700 9.5px/1.4 var(--cl-font);letter-spacing:.06em;text-transform:uppercase;z-index:3}.cl-ticket__stamp svg{width:10px;height:10px}.cl-ticket[data-claimed="1"] .cl-ticket__stamp{display:inline-flex;animation:cl-stamp .32s var(--cl-ease) both}@keyframes cl-stamp{0%{opacity:0;transform:scale(.72) rotate(-6deg)}to{opacity:1;transform:none}}.cl-offers__note{display:flex;align-items:flex-start;gap:6px;margin:11px 0 0;font-size:12px;line-height:16px;color:var(--cl-muted)}.cl-offers__note:empty{display:none}.cl-offers__note[data-tone=ok]{color:var(--cl-green);font-weight:600}.cl-offers__note[data-tone=warn]{color:#92500f}#cl-ship-ring{position:fixed;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:19;width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--cl-font);-webkit-tap-highlight-color:transparent;animation:cl-ring-in .38s var(--cl-ease) both}#cl-ship-ring[hidden]{display:none}#cl-ship-ring:focus-visible{outline:2px solid var(--cl-ink);outline-offset:4px;border-radius:12px}@keyframes cl-ring-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}.cl-ring-wrap{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:var(--cl-shadow-lift);transition:transform .2s var(--cl-ease)}#cl-ship-ring:active .cl-ring-wrap{transform:scale(.94)}.cl-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from -90deg,var(--cl-ring-fill, var(--cl-red)) var(--cl-pct, 0deg),#ECECEC 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));transition:background .55s var(--cl-ease)}.cl-ring-wrap svg.cl-ring__bag{width:20px;height:20px;color:var(--cl-ink);display:block}.cl-ring__count{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--cl-red);color:#fff;border:2px solid #fff;font:700 10px/14px var(--cl-font);text-align:center;font-variant-numeric:tabular-nums}.cl-ring__count[hidden]{display:none}.cl-ring__label{max-width:80px;padding:3px 8px;border-radius:999px;background:#fff;box-shadow:var(--cl-shadow);color:var(--cl-ink);font:700 10.5px/13px var(--cl-font);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .25s var(--cl-ease),background .25s var(--cl-ease)}#cl-ship-ring[data-earned="1"]{--cl-ring-fill: var(--cl-green)}#cl-ship-ring[data-earned="1"] .cl-ring__label{color:var(--cl-green);background:var(--cl-green-soft)}#cl-ship-ring[data-earned="1"] .cl-ring-wrap{box-shadow:var(--cl-shadow-lift),0 0 0 1px var(--cl-green-edge)}#cl-ship-ring.is-celebrating .cl-ring-wrap{animation:cl-pop .6s var(--cl-ease)}@keyframes cl-pop{0%{transform:scale(1)}38%{transform:scale(1.11)}70%{transform:scale(.975)}to{transform:scale(1)}}body.template-cart #cl-ship-ring{display:none}.cl-toast{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.94);z-index:999999;display:flex;align-items:center;gap:9px;max-width:min(360px,calc(100vw - 40px));padding:13px 18px;border-radius:12px;background:#141414ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 13.5px/18px var(--cl-font);text-align:left;box-shadow:0 18px 44px -12px #0000008c;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s var(--cl-ease),transform .28s var(--cl-ease),visibility .28s}.cl-toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.cl-toast__ico{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--cl-green)}.cl-toast__ico svg{width:12px;height:12px;color:#fff}.cl-toast[data-tone=warn] .cl-toast__ico{background:#e0952f}@media(prefers-reduced-motion:reduce){.cl-ring,.cl-ticket__fill,.cl-toast,.cl-ticket,.cl-ring-wrap{transition-duration:.01ms}#cl-ship-ring,.cl-ticket__stamp,#cl-ship-ring.is-celebrating .cl-ring-wrap{animation:none}.cl-toast,.cl-toast.is-on{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/cl-offers.css.map */
