.sonioro-s.so-g-look{--D:min(82cqw,360px);position:relative;isolation:isolate;overflow:hidden;background:var(--g-cream)}@container so (min-width:600px){.sonioro-s.so-g-look{--D:min(44cqw,400px)}}@container so (min-width:900px){.sonioro-s.so-g-look{--A:calc(var(--so-wrap) - 170px - 2*clamp(24px,3.2cqw,60px));--D:min(clamp(340px,34cqw,500px),calc(var(--A)/1.85 + 6px),calc(var(--A) - 294px))}}.sonioro-s.so-g-look .g-lk-tints{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.sonioro-s.so-g-look .g-lk-tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s var(--g-io)}.sonioro-s.so-g-look .g-lk-tint.is-on{z-index:1;opacity:1}.sonioro-s.so-g-look .g-lk-tint.is-out{opacity:1;transition:none}.sonioro-s.so-g-look .g-lk-t-pink{background:var(--g-pink)}.sonioro-s.so-g-look .g-lk-t-green{background:var(--g-green)}.sonioro-s.so-g-look .g-lk-t-paper{background:var(--g-paper)}.sonioro-s.so-g-look .g-lk-t-cream{background:var(--g-cream)}.sonioro-s.so-g-look .no-tr{transition:none!important}.sonioro-s.so-g-look .g-lk{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"note" "stage" "thumbs" "info";row-gap:22px;width:var(--so-wrap);margin-inline:auto;align-items:center}@container so (min-width:600px){.sonioro-s.so-g-look .g-lk{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"note note" "stage info" "thumbs info";column-gap:32px}}@container so (min-width:900px){.sonioro-s.so-g-look .g-lk{grid-template-columns:minmax(110px,170px) minmax(0,1fr) minmax(300px,.85fr);grid-template-rows:auto 1fr;grid-template-areas:"note stage info" "thumbs stage info";column-gap:clamp(24px,3.2cqw,60px);row-gap:18px}}.sonioro-s.so-g-look .g-lk-note{grid-area:note;align-self:start}.sonioro-s.so-g-look .g-lk-thumbs{grid-area:thumbs}.sonioro-s.so-g-look .g-lk-stage{grid-area:stage}.sonioro-s.so-g-look .g-lk-info{grid-area:info}.sonioro-s.so-g-look .g-lk-head{width:auto;margin:0}.sonioro-s.so-g-look .g-lk-head .g-title{font:italic 400 calc(clamp(26px,2.5cqw,36px)*var(--g-dfs,1))/1.05 var(--g-d);letter-spacing:-.01em}.sonioro-s.so-g-look .g-lk-curl{display:block;width:40px;height:48px;margin:6px 0 0 22px;fill:none;stroke:var(--g-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sonioro-s.so-g-look .g-lk-thumbs{display:flex;justify-content:center;gap:12px}@container so (min-width:900px){.sonioro-s.so-g-look .g-lk-thumbs{flex-direction:column;justify-content:flex-start;align-self:start;gap:14px}}.sonioro-s.so-g-look .g-lk-th{display:block;width:64px;padding:0;border:0;border-radius:4px;background:none;cursor:pointer}@container so (min-width:900px){.sonioro-s.so-g-look .g-lk-th{width:84px}}.sonioro-s.so-g-look .g-lk-thm{display:block;aspect-ratio:4/5;border-radius:4px;box-shadow:0 0 0 1px #1a161380;transition:transform .45s var(--g-out),box-shadow .3s}.sonioro-s.so-g-look .g-lk-th:hover .g-lk-thm{transform:translate3d(0,-3px,0)}.sonioro-s.so-g-look .g-lk-th[aria-pressed=true] .g-lk-thm{box-shadow:0 0 0 2px var(--g-ink),0 12px 26px -14px #1a16138c}.sonioro-s.so-g-look .g-lk-stage{position:relative;display:grid;place-items:center;width:var(--D);aspect-ratio:1;justify-self:center;margin-block:6px}.sonioro-s.so-g-look .g-lk-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px #1a16138c}.sonioro-s.so-g-look .g-lk-words{position:absolute;top:0;right:-120%;bottom:0;left:-120%;z-index:-1;display:grid;place-items:center;pointer-events:none}.sonioro-s.so-g-look .g-lk-word{grid-area:1/1;font:italic 400 calc(var(--D)*.52*var(--g-dfs,1))/1 var(--g-d);letter-spacing:-.03em;color:#1a161312;white-space:nowrap;opacity:0;transform:translate3d(16%,0,0);transition:transform 1s var(--g-out),opacity .6s}.sonioro-s.so-g-look .g-lk-word.is-on{opacity:1;transform:none}.sonioro-s.so-g-look .g-lk-word.is-out{transform:translate3d(-16%,0,0)}.sonioro-s.so-g-look .g-lk-pcs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.sonioro-s.so-g-look .g-lk-pc{grid-area:1/1;position:relative;opacity:0;transform:scale(1.06);transition:opacity .5s var(--g-out) .12s,transform .9s var(--g-out) .12s}.sonioro-s.so-g-look .g-lk-pc.is-on{opacity:1;transform:none}.sonioro-s.so-g-look .g-lk-pc.is-out{opacity:0;transform:scale(.9);transition-duration:.38s,.5s;transition-delay:0s}.sonioro-s.so-g-look .g-lk-pc--cut{width:min(var(--pw),calc(var(--D)*.9),calc(var(--D)*.84*var(--pa)));aspect-ratio:var(--pa)}.sonioro-s.so-g-look .g-lk-pc--cut img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sonioro-s.so-g-look .g-lk-cut{z-index:1}.sonioro-s.so-g-look .g-lk-ell{position:absolute;left:14%;right:14%;bottom:-4%;height:8%;border-radius:50%;background:radial-gradient(closest-side,#1a161347,#1a161300)}.sonioro-s.so-g-look .g-lk-pc--ph{width:calc(var(--D)*.66);aspect-ratio:4/5}.sonioro-s.so-g-look .g-lk-pc--ph.is-c{width:calc(var(--D)*.8);aspect-ratio:1}.sonioro-s.so-g-look .g-lk-disc{position:absolute;top:0;right:0;bottom:0;left:0}.sonioro-s.so-g-look .g-lk-arr{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:var(--g-paper);box-shadow:inset 0 0 0 1.5px var(--g-ink);color:var(--g-ink);transition:background-color .3s,color .3s}.sonioro-s.so-g-look .g-lk-prev{left:-23px}.sonioro-s.so-g-look .g-lk-next{right:-23px}.sonioro-s.so-g-look .g-lk-arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.sonioro-s.so-g-look .g-lk-arr:hover{background:var(--g-ink);color:var(--g-cream)}.sonioro-s.so-g-look .g-lk-info{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.sonioro-s.so-g-look .g-lk-roll{display:grid;width:100%;overflow:hidden}.sonioro-s.so-g-look .g-lk-roll>*{grid-area:1/1;transform:translate3d(0,108%,0);transition:transform .75s var(--g-out)}.sonioro-s.so-g-look .g-lk-roll>.is-on{transform:none}.sonioro-s.so-g-look .g-lk-roll>.is-out{transform:translate3d(0,-108%,0)}.sonioro-s.so-g-look .g-lk-name{padding-bottom:.06em;font:400 calc(clamp(28px,3.3cqw,48px)*var(--g-dfs,1))/1 var(--g-d);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}.sonioro-s.so-g-look .g-lk-prs .g-price{font-size:18px}.sonioro-s.so-g-look .g-lk-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;width:100%;margin:0;padding:16px 0 0;list-style:none;border-top:1px solid rgba(26,22,19,.25)}@container so (min-width:1200px){.sonioro-s.so-g-look .g-lk-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.sonioro-s.so-g-look .g-lk-facts li{flex-direction:column;align-items:flex-start}}.sonioro-s.so-g-look .g-lk-facts li{display:flex;align-items:center;gap:10px;font:500 12px/1.3 var(--g-t);color:var(--g-ink)}.sonioro-s.so-g-look .g-lk-fi{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;color:var(--g-ink)}.sonioro-s.so-g-look .g-lk-swbox{min-height:48px}.sonioro-s.so-g-look .g-lk-sws{display:flex;flex-wrap:wrap;gap:10px}.sonioro-s.so-g-look .g-lk-sws[hidden]{display:none}.sonioro-s.so-g-look .g-lk-sw{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:4px 16px 4px 4px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px #1a16138c;color:var(--g-ink);font:600 11px/1 var(--g-t);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .3s,box-shadow .3s}.sonioro-s.so-g-look .g-lk-sw[aria-pressed=true]{background:var(--g-paper);box-shadow:inset 0 0 0 2px var(--g-ink)}.sonioro-s.so-g-look .g-lk-swi{flex:none;width:40px;height:40px;border-radius:50%}.sonioro-s.so-g-look .g-lk-cta{display:inline-flex;align-items:center;gap:14px;min-height:56px;margin:8px 0 0 6px;padding:0 8px 0 26px;border-radius:999px;background:var(--g-ink);color:var(--g-cream);font:600 12px/1 var(--g-t);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transform:rotate(-6deg);box-shadow:0 14px 30px -16px #1a161399;transition:background-color .3s}.sonioro-s.so-g-look .g-lk-cta i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--g-cream);color:var(--g-ink);transition:transform .45s var(--g-out)}.sonioro-s.so-g-look .g-lk-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.sonioro-s.so-g-look .g-lk-cta:hover{background:#3a322b}.sonioro-s.so-g-look .g-lk-cta:hover i{transform:translate3d(4px,0,0)}@container so (max-width:599px){.sonioro-s.so-g-look{--g-sp:22px;--D:min(calc(var(--so-wrap) - 64px),340px,max(200px,calc(100svh - 475px - 70px*(var(--g-dfs,1) - 1))))}.sonioro-s.so-g-look .g-lk{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"note note" "thumbs stage" "info info";column-gap:12px;row-gap:12px}.sonioro-s.so-g-look .g-lk-note{display:flex;align-items:flex-start;gap:6px}.sonioro-s.so-g-look .g-lk-curl{width:30px;height:36px;margin:6px 0 0}.sonioro-s.so-g-look .g-lk-thumbs{flex-direction:column;gap:8px}.sonioro-s.so-g-look .g-lk-th{width:52px}.sonioro-s.so-g-look .g-lk-stage{margin:0}.sonioro-s.so-g-look .g-lk-arr{top:auto;bottom:0;margin:0}.sonioro-s.so-g-look .g-lk-prev{left:0}.sonioro-s.so-g-look .g-lk-next{right:0}.sonioro-s.so-g-look .g-lk-pc--ph:not(.is-c){width:min(calc(var(--D)*.66),calc(var(--D) - 100px))}.sonioro-s.so-g-look .g-lk-info{gap:10px}.sonioro-s.so-g-look .g-lk-name{font-size:calc(22px*var(--g-dfs,1));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sonioro-s.so-g-look .g-lk-facts{gap:8px 12px;padding-top:10px}.sonioro-s.so-g-look .g-lk-facts li{gap:8px;font-size:11px}.sonioro-s.so-g-look .g-lk-fi{width:18px;height:18px}.sonioro-s.so-g-look .g-lk-swbox{min-height:44px}.sonioro-s.so-g-look .g-lk-sw{min-height:44px;padding:4px 14px 4px 4px}.sonioro-s.so-g-look .g-lk-swi{width:36px;height:36px}.sonioro-s.so-g-look .g-lk-cta{min-height:48px;margin:2px 0 8px 6px;padding-left:22px}.sonioro-s.so-g-look .g-lk-cta i{width:36px;height:36px}}.sonioro-s.so-g-look .g-lk:not(.is-ready) :is(.g-lk-thumbs,.g-lk-swbox,.g-lk-arr){visibility:hidden}@media(prefers-reduced-motion:reduce){.sonioro-s.so-g-look :is(.g-lk-pc,.g-lk-word,.g-lk-roll>*){transform:none!important;transition:opacity .2s linear}.sonioro-s.so-g-look .g-lk-roll>:not(.is-on){opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sonioro-g-look.css.map */