.sonioro-s.so-g-offers{background:var(--g-green)}.sonioro-s.so-g-offers .g-title em{--g-hlc:var(--g-pink)}.sonioro-s.so-g-offers .g-of{display:block;--of-c:64px;--of-g:8px;--of-o:max(170px,min(calc(var(--so-wrap)*var(--rh,5)/var(--rw,4)),74svh));--of-r:8px;margin-top:32px}.sonioro-s.so-g-offers .g-of[data-ratio=auto]{--of-o:300px}.sonioro-s.so-g-offers .g-of-list{position:relative;height:calc(var(--of-o) + (var(--n) - 1)*(var(--of-c) + var(--of-g)))}.sonioro-s.so-g-offers .g-of-p{--cl:min(1,max(var(--i) - var(--a),var(--a) - var(--i)));--af:clamp(0,var(--i) - var(--a),1);--k:calc(var(--cl)*(100% - var(--of-c))/2);position:absolute;left:0;top:0;width:100%;height:var(--of-o);border-radius:var(--of-r);transform:translate3d(0,calc(var(--i)*(var(--of-c) + var(--of-g)) + var(--af)*(100% - var(--of-c)) - var(--k)),0);clip-path:inset(var(--k) 0 var(--k) 0 round var(--of-r));transition:transform .85s var(--g-out),clip-path .85s var(--g-out);will-change:transform,clip-path}.sonioro-s.so-g-offers .g-of-a{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:var(--g-cream);border-radius:inherit}.sonioro-s.so-g-offers .g-of-a:focus-visible{outline:0}.sonioro-s.so-g-offers .g-of-a:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px var(--g-ink),inset 0 0 0 6px var(--g-cream);opacity:0;transition:opacity .2s}.sonioro-s.so-g-offers .g-of-a:focus-visible:after{opacity:1}.sonioro-s.so-g-offers .g-of-in{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit;transition:transform 1.1s var(--g-out) calc(var(--i)*90ms + .1s)}body.so-motion-on:not(.so-motion-off) .sonioro-s.so-g-offers .g-of-list:not(.is-in):not(:focus-within) .g-of-in{transform:translate3d(0,101%,0)}.sonioro-s.so-g-offers .g-of-m{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sonioro-s.so-g-offers .g-of-z{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:scale(calc(1 + .07*var(--cl)));transition:transform 1.2s var(--g-out)}.sonioro-s.so-g-offers .g-of-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#1a1613b8 0,#1a16136b 30%,#1a161300 62%);opacity:calc(1 - var(--cl));transition:opacity .6s}.sonioro-s.so-g-offers .g-of-lab{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:translate3d(0,var(--k),0);transition:transform .85s var(--g-out)}.sonioro-s.so-g-offers :is(.g-of-num,.g-of-vl){position:absolute;display:inline-flex;align-items:center;justify-content:center;background:var(--g-cream);color:var(--g-ink);font:600 10px/1 var(--g-t);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px}.sonioro-s.so-g-offers .g-of-num{left:14px;top:calc(var(--of-c)/2);width:30px;height:30px;letter-spacing:.04em;font-variant-numeric:tabular-nums;transform:translateY(-50%)}.sonioro-s.so-g-offers .g-of-vl{left:54px;top:calc(var(--of-c)/2);height:26px;padding:0 11px;transform:translateY(-50%);opacity:var(--cl);transition:opacity .45s}.sonioro-s.so-g-offers .g-of-txt{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;opacity:calc(1 - var(--cl));transform:translate3d(0,calc(var(--cl)*18px),0);transition:opacity .5s,transform .8s var(--g-out);transition-delay:calc((1 - var(--cl))*.28s)}.sonioro-s.so-g-offers .g-of-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--g-pink);color:var(--g-ink);font:600 10px/1 var(--g-t);letter-spacing:.14em;text-transform:uppercase}.sonioro-s.so-g-offers .g-of-t{display:block;font:400 calc(clamp(30px,8cqw,54px)*var(--g-dfs,1))/1 var(--g-d);letter-spacing:-.02em;color:var(--g-cream);text-shadow:0 1px 18px rgba(26,22,19,.35)}.sonioro-s.so-g-offers .g-of-go{display:inline-flex;align-items:center;gap:8px;min-height:32px;font:600 11px/1 var(--g-t);letter-spacing:.14em;text-transform:uppercase}.sonioro-s.so-g-offers .g-of-go span{padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--g-out)}.sonioro-s.so-g-offers .g-of-go svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .35s var(--g-out)}.sonioro-s.so-g-offers .g-of-a:hover .g-of-go span{background-size:100% 1px}.sonioro-s.so-g-offers .g-of-a:hover .g-of-go svg{transform:translate(4px)}.sonioro-s.so-g-offers .g-of-warn{position:relative;z-index:4;margin:8px}@container so (min-width:600px){.sonioro-s.so-g-offers .g-of{--of-c0:56px;--of-cx:150px;--of-g:8px;--of-h:460px;--of-m:max(var(--n) - 1,1);--of-w:clamp(calc(var(--so-wrap) - var(--of-m)*(var(--of-cx) + var(--of-g))),calc(var(--of-h)*var(--rw,4)/var(--rh,5)),calc(var(--so-wrap) - var(--of-m)*(var(--of-c0) + var(--of-g))));--of-c:calc((var(--so-wrap) - var(--of-w))/var(--of-m) - var(--of-g));margin-top:44px}.sonioro-s.so-g-offers .g-of-list{height:var(--of-h)}.sonioro-s.so-g-offers .g-of-p{width:var(--of-w);height:100%;transform:translate3d(calc(var(--i)*(var(--of-c) + var(--of-g)) + var(--af)*(100% - var(--of-c)) - var(--k)),0,0);clip-path:inset(0 var(--k) 0 var(--k) round var(--of-r))}.sonioro-s.so-g-offers .g-of-lab{transform:translate3d(var(--k),0,0)}.sonioro-s.so-g-offers .g-of-num{left:calc(var(--of-c)/2);top:14px;transform:translate(-50%)}.sonioro-s.so-g-offers .g-of-vl{left:calc(var(--of-c)/2);top:auto;bottom:14px;height:auto;width:26px;max-height:calc(100% - 72px);padding:12px 0;overflow:hidden;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg)}.sonioro-s.so-g-offers .g-of-txt{left:26px;right:26px;bottom:26px;gap:12px}.sonioro-s.so-g-offers .g-of-t{font-size:calc(min(clamp(32px,4cqw,56px),var(--of-w)*.115)*var(--g-dfs,1))}.sonioro-s.so-g-offers .g-of[data-ratio=auto]{--of-c:56px}.sonioro-s.so-g-offers [data-ratio=auto] .g-of-p{width:calc(100% - (var(--n) - 1)*(var(--of-c) + var(--of-g)))}.sonioro-s.so-g-offers [data-ratio=auto] .g-of-t{font-size:calc(clamp(32px,4cqw,56px)*var(--g-dfs,1))}}@container so (min-width:900px){.sonioro-s.so-g-offers .g-of{--of-c0:clamp(72px,7cqw,112px);--of-cx:240px;--of-g:12px;--of-h:clamp(440px,64svh,620px);margin-top:56px}.sonioro-s.so-g-offers .g-of-txt{left:32px;bottom:32px}.sonioro-s.so-g-offers .g-of[data-ratio=auto]{--of-c:clamp(72px,7cqw,112px)}}body.so-g-static .sonioro-s.so-g-offers :is(.g-of-p,.g-of-in,.g-of-z,.g-of-lab,.g-of-vl,.g-of-scrim,.g-of-txt){transition:none}@media(prefers-reduced-motion:reduce){.sonioro-s.so-g-offers :is(.g-of-p,.g-of-in,.g-of-z,.g-of-lab,.g-of-vl,.g-of-scrim,.g-of-txt){transition:none}}@media(forced-colors:active){.sonioro-s.so-g-offers .g-of-a:focus-visible{outline:3px solid Highlight;outline-offset:-8px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sonioro-g-offers.css.map */