.sonioro-s.so-g-rows .g-rw{display:flex;flex-direction:column;gap:44px;width:var(--so-wrap);margin-inline:auto}@container so (min-width:900px){.sonioro-s.so-g-rows .g-rw{gap:76px}}.sonioro-s.so-g-rows .g-rw-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sonioro-s.so-g-rows .g-rw-bar{flex:none;width:5px;height:clamp(30px,3.6cqw,46px);border-radius:3px;background:var(--g-pink)}.sonioro-s.so-g-rows .g-rw--green .g-rw-bar{background:var(--g-green)}.sonioro-s.so-g-rows .g-rw-t{flex:1 1 auto;min-width:0;margin:0;font:400 calc(clamp(30px,4.2cqw,54px)*var(--g-dfs,1))/1 var(--g-d);letter-spacing:-.02em;color:var(--g-ink)}.sonioro-s.so-g-rows .g-rw-hr{display:flex;align-items:center;gap:14px;margin-left:auto}@container so (max-width:599px){.sonioro-s.so-g-rows .g-rw-hr{flex:1 0 100%;justify-content:space-between;margin-top:-6px}}.sonioro-s.so-g-rows .g-rw:not(.is-live) .g-rw-arrs{display:none}.sonioro-s.so-g-rows .g-rw-list{--gap:12px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((var(--so-wrap) - var(--gap))/2.15);gap:var(--gap);align-items:start;margin:18px calc(-1*var(--so-gut)) 0;padding:6px var(--so-gut) 12px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--so-gut);scrollbar-width:none}.sonioro-s.so-g-rows .g-rw-list::-webkit-scrollbar{display:none}.sonioro-s.so-g-rows .g-rw-list.is-drag{scroll-snap-type:none;-webkit-user-select:none;user-select:none}@container so (min-width:600px){.sonioro-s.so-g-rows .g-rw-list{--gap:16px;grid-auto-columns:calc((var(--so-wrap) - 2.2*var(--gap))/3.2)}}@container so (min-width:900px){.sonioro-s.so-g-rows .g-rw-list{--gap:36px;--bleed:calc((100cqw - var(--so-wrap))/2);grid-auto-columns:calc((var(--so-wrap) - 2*var(--gap))/3);margin:28px calc(-1*var(--bleed)) 0 -8px;padding:6px var(--bleed) 10px 8px;scroll-padding-inline:8px 0}}.sonioro-s.so-g-rows .g-rw-item{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;scroll-snap-align:start}@container so (min-width:1200px){.sonioro-s.so-g-rows .g-rw-item{display:grid;grid-template-columns:clamp(120px,10.5cqw,150px) minmax(0,1fr);gap:18px;align-items:start}}body.template-index.so-motion-on:not(.so-motion-off) .sonioro-s.so-g-rows .g-rw-item[data-so-rv]:not(.is-in){transform:translate3d(0,14px,0)}.sonioro-s.so-g-rows .g-rw-fig{position:relative;min-width:0}.sonioro-s.so-g-rows .g-rw-ph{display:block;width:100%;border-radius:6px}.sonioro-s.so-g-rows .g-rw-pi{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s var(--g-out)}.sonioro-s.so-g-rows .g-rw-pi.is-on{opacity:1}.sonioro-s.so-g-rows .g-rw-pi img{transition:transform .8s var(--g-out)}@media(hover:hover){.sonioro-s.so-g-rows .g-rw-item:hover .g-rw-pi img{transform:scale(1.05)}}.sonioro-s.so-g-rows .g-rw-body{display:flex;flex-direction:column;gap:9px;min-width:0}@container so (min-width:1200px){.sonioro-s.so-g-rows .g-rw-body{gap:10px;padding-top:2px}}.sonioro-s.so-g-rows .g-rw-name{margin:0;font:500 14px/1.3 var(--g-t);color:var(--g-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}@container so (min-width:900px){.sonioro-s.so-g-rows .g-rw-name{font-size:15px}}.sonioro-s.so-g-rows .g-rw-chips{display:none;flex-wrap:wrap;gap:6px}.sonioro-s.so-g-rows .g-rw.is-live .g-rw-chips{display:flex}.sonioro-s.so-g-rows .g-rw-chip{position:relative;height:30px;margin:0;padding:0 11px;border:1px solid var(--g-ink);border-radius:999px;background:transparent;color:var(--g-ink);font:600 10px/28px var(--g-t);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}.sonioro-s.so-g-rows .g-rw-chip:before{content:"";position:absolute;top:-7px;right:-3px;bottom:-7px;left:-3px}.sonioro-s.so-g-rows .g-rw-chip:hover{box-shadow:inset 0 0 0 1px var(--g-ink)}.sonioro-s.so-g-rows .g-rw-chip[aria-pressed=true]{background:var(--g-ink);color:var(--g-cream)}.sonioro-s.so-g-rows .g-rw-chip:focus-visible{outline:3px solid var(--g-ink);outline-offset:3px}.sonioro-s.so-g-rows .g-rw-pr[hidden]{display:none}.sonioro-s.so-g-rows .g-rw-go{position:absolute;z-index:1;right:8px;bottom:8px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g-pink);box-shadow:inset 0 0 0 1.5px var(--g-ink),0 8px 18px -8px #1a161380;color:var(--g-ink);transition:background-color .3s,color .3s}.sonioro-s.so-g-rows .g-rw--green .g-rw-go{background:var(--g-green)}.sonioro-s.so-g-rows .g-rw-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .35s var(--g-out)}.sonioro-s.so-g-rows .g-rw-go:hover{background:var(--g-ink);color:var(--g-cream)}.sonioro-s.so-g-rows .g-rw-go:hover svg{transform:translate(3px)}.sonioro-s.so-g-rows .g-rw-go:focus-visible{outline:3px solid var(--g-ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){.sonioro-s.so-g-rows :is(.g-rw-pi,.g-rw-pi img){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sonioro-g-rows.css.map */