.sonioro-s.so-g-moods .g-mo-head .g-stmt{font-size:calc(clamp(44px,7.6cqw,112px)*var(--g-dfs,1))}.sonioro-s.so-g-moods .g-mo-head .g-stmt em{font-size:.36em;letter-spacing:0;margin-left:.24em}.sonioro-s.so-g-moods .g-mo-head .g-head-r{margin-left:auto}.sonioro-s.so-g-moods .g-mo-head .g-head-r .g-arrs{display:flex}.sonioro-s.so-g-moods:not(.is-swipe) .g-mo-head .g-head-r{display:none}.sonioro-s.so-g-moods .g-mo{display:block;position:relative}.sonioro-s.so-g-moods .g-mo-row{--g-rise:0px;--g-gap:10px;display:flex;align-items:flex-start;gap:var(--g-gap);margin-top:22px;padding:8px var(--so-gut) 26px;overflow:auto hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--so-gut);scrollbar-width:none;overscroll-behavior-x:contain}.sonioro-s.so-g-moods .g-mo-row::-webkit-scrollbar{display:none}.sonioro-s.so-g-moods .g-mo-i{flex:none;width:calc((100cqw - var(--so-gut) - 3*var(--g-gap))/3.12);scroll-snap-align:start}.sonioro-s.so-g-moods .g-mo-i.is-in{transition:opacity .9s var(--g-out),transform 1.3s var(--g-out);transition-delay:calc(min(var(--so-i,0),2)*.12s)}@container so (min-width:600px){.sonioro-s.so-g-moods .g-mo-row{--g-rise:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px;align-items:start;width:var(--so-wrap);margin:44px auto 0;padding:0 0 12px;overflow:visible}.sonioro-s.so-g-moods .g-mo-i{width:auto}.sonioro-s.so-g-moods .g-mo-i.is-in{transition-delay:calc(var(--so-i,0)*.12s)}}@container so (min-width:900px){.sonioro-s.so-g-moods .g-mo-row{--g-rise:90px;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,1.8cqw,28px);margin-top:clamp(52px,5.4cqw,84px)}}.sonioro-s.so-g-moods .g-mo.is-pre .g-mo-p{transform:translate3d(var(--g-gl,120px),0,0)}.sonioro-s.so-g-moods .g-mo.is-gl .g-mo-p{transition:transform 1.05s var(--g-out);transition-delay:calc(min(var(--so-i,0),3)*45ms)}.sonioro-s.so-g-moods .g-mo-p{will-change:transform}.sonioro-s.so-g-moods .g-mo-a{display:block;color:var(--g-ink)}.sonioro-s.so-g-moods .g-mo-m{display:block;aspect-ratio:2/3;isolation:isolate}.sonioro-s.so-g-moods :is(.g-mo-z,.g-mo-h){position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sonioro-s.so-g-moods .g-mo-h{transition:transform 1.1s var(--g-out)}.sonioro-s.so-g-moods .g-mo-i.is-in .g-mo-z{transition:transform 1.8s var(--g-out) calc(min(var(--so-i,0),2)*.12s)}@container so (min-width:600px){.sonioro-s.so-g-moods .g-mo-i.is-in .g-mo-z{transition-delay:calc(var(--so-i,0)*.12s)}}body.so-motion-on:not(.so-motion-off) .sonioro-s.so-g-moods .g-mo-i:not(.is-in):not(:focus-within) .g-mo-z{transform:scale(1.2)}.sonioro-s.so-g-moods .g-mo-go{position:absolute;z-index:1;right:9%;bottom:9px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--g-cream);color:var(--g-ink);opacity:0;transform:scale(.55);transition:opacity .3s,transform .5s var(--g-out)}.sonioro-s.so-g-moods .g-mo-m:is([data-g-shape=oval],[data-g-shape=circle]) .g-mo-go{right:calc(50% - 19px);bottom:9%}.sonioro-s.so-g-moods .g-mo-go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.sonioro-s.so-g-moods .g-mo-l{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font:600 10.5px/1.3 var(--g-t);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}@container so (min-width:600px){.sonioro-s.so-g-moods .g-mo-l{gap:8px;margin-top:16px;letter-spacing:.16em}}.sonioro-s.so-g-moods .g-mo-l:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--g-pink);box-shadow:0 0 0 1px var(--g-ink);transition:transform .45s var(--g-out)}.sonioro-s.so-g-moods .g-mo-i:nth-child(2n) .g-mo-l:before{background:var(--g-green)}.sonioro-s.so-g-moods .g-mo-l>span{padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--g-out)}body.so-motion-on:not(.so-motion-off) .sonioro-s.so-g-moods .g-mo-i:not(.is-in):not(:focus-within) .g-mo-l{opacity:0;transform:translate3d(0,10px,0)}.sonioro-s.so-g-moods .g-mo-i.is-in .g-mo-l{transition:opacity .8s var(--g-out),transform .9s var(--g-out);transition-delay:calc(min(var(--so-i,0),2)*.12s + .45s)}@container so (min-width:600px){.sonioro-s.so-g-moods .g-mo-i.is-in .g-mo-l{transition-delay:calc(var(--so-i,0)*.12s + .45s)}}@media(hover:hover){.sonioro-s.so-g-moods .g-mo-a:hover .g-mo-h{transform:scale(1.07)}.sonioro-s.so-g-moods .g-mo-a:hover .g-mo-go{opacity:1;transform:none}.sonioro-s.so-g-moods .g-mo-a:hover .g-mo-l>span{background-size:100% 1px}.sonioro-s.so-g-moods .g-mo-a:hover .g-mo-l:before{transform:scale(1.45)}}.sonioro-s.so-g-moods .g-mo-a:focus-visible .g-mo-go{opacity:1;transform:none}.sonioro-s.so-g-moods .g-mo-a:focus-visible .g-mo-l>span{background-size:100% 1px}@media(prefers-reduced-motion:reduce){.sonioro-s.so-g-moods :is(.g-mo-p,.g-mo-z){transform:none!important}}@media(forced-colors:active){.sonioro-s.so-g-moods .g-mo-go{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sonioro-g-moods.css.map */