.sonioro-s.so-g-night{--g-wh:clamp(44px,7cqw,104px);position:relative;isolation:isolate;overflow:hidden;background:var(--g-night);color:var(--g-cream);padding-block:calc(var(--g-wh) + 30px) calc(var(--g-wh) + 40px)}@container so (min-width:900px){.sonioro-s.so-g-night{padding-block:calc(var(--g-wh) + 28px) calc(var(--g-wh) + 60px)}}.sonioro-s.so-g-night .g-nt-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.sonioro-s.so-g-night .g-nt-vid{position:absolute;top:0;right:0;bottom:0;left:0;background:none}.sonioro-s.so-g-night .g-nt-blob{position:absolute;display:block;aspect-ratio:1;border-radius:50%;will-change:transform;animation:g-nt-drift 26s ease-in-out infinite alternate paused}.sonioro-s.so-g-night .g-nt-b1{left:-22%;top:-14%;width:max(520px,64cqw);background:radial-gradient(closest-side,#c9dabb57,#c9dabb1f 52%,#c9dabb00)}.sonioro-s.so-g-night .g-nt-b2{right:-24%;top:18%;width:max(480px,58cqw);background:radial-gradient(closest-side,#ebc4cf52,#ebc4cf1c 52%,#ebc4cf00);animation-duration:33s;animation-direction:alternate-reverse}.sonioro-s.so-g-night .g-nt-b3{left:22%;bottom:-34%;width:max(420px,46cqw);background:radial-gradient(closest-side,#fffbee1a,#fffbee00);animation-duration:21s}@keyframes g-nt-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(10%,7%,0) scale(1.14)}to{transform:translate3d(-7%,11%,0) scale(.92)}}.sonioro-s.so-g-night .g-nt-wv{position:absolute;left:0;right:0;z-index:1;height:var(--g-wh);overflow:hidden;pointer-events:none;transform:scaleY(var(--g-wa,1));transform-origin:50% 0}.sonioro-s.so-g-night .g-nt-wv--t{top:-1px;color:var(--g-et)}.sonioro-s.so-g-night .g-nt-wv--b{bottom:-1px;color:var(--g-eb);transform-origin:50% 100%}.sonioro-s.so-g-night .g-nt-wv-in{display:block;width:200%;height:100%;will-change:transform;animation:g-nt-wave 26s linear infinite paused}.sonioro-s.so-g-night .g-nt-wv--b .g-nt-wv-in{animation-duration:34s;animation-direction:reverse}.sonioro-s.so-g-night .g-nt-wv svg{display:block;width:100%;height:100%;fill:currentColor}.sonioro-s.so-g-night .g-nt-wv--b svg{transform:scaleY(-1)}@keyframes g-nt-wave{to{transform:translate3d(-50%,0,0)}}.sonioro-s.so-g-night.is-run :is(.g-nt-blob,.g-nt-wv-in){animation-play-state:running}@media(max-width:767px),(max-height:500px){.sonioro-s.so-g-night .g-nt-wv-in{animation:none}}.sonioro-s.so-g-night .g-nt{position:relative;z-index:2;display:grid;gap:34px;width:var(--so-wrap);margin-inline:auto}@container so (min-width:600px){.sonioro-s.so-g-night .g-nt{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:28px;align-items:start}}@container so (min-width:900px){.sonioro-s.so-g-night .g-nt{grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:clamp(32px,3.6cqw,60px)}}.sonioro-s.so-g-night .g-nt-story{position:relative;isolation:isolate;width:100%;max-height:80svh;overflow:hidden;background:#2b2520}@container so (min-width:900px){.sonioro-s.so-g-night .g-nt-story{align-self:center;width:100%;max-height:none}}.sonioro-s.so-g-night .g-nt-slides{position:absolute;top:0;right:0;bottom:0;left:0}.sonioro-s.so-g-night .g-nt-slide{position:absolute;top:0;right:0;bottom:0;left:0;background:none;opacity:0;transform:scale(1.08);transition:opacity 1s var(--g-out),transform 1.7s var(--g-out)}.sonioro-s.so-g-night .g-nt-slide.is-on{z-index:2;opacity:1;transform:none}.sonioro-s.so-g-night .g-nt-slide.was{z-index:1;opacity:1;transform:none;transition:none}.sonioro-s.so-g-night .g-nt-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#1a161380 0,#1a161300 96px),linear-gradient(0deg,#1a1613a8 0,#1a161300 160px)}.sonioro-s.so-g-night .g-nt-go{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px;color:var(--g-cream)}.sonioro-s.so-g-night .g-nt-go:focus-visible{outline-offset:-6px}.sonioro-s.so-g-night .g-nt-go-t{max-width:8.5em;font:400 calc(clamp(24px,2.3cqw,32px)*var(--g-dfs,1))/1.02 var(--g-d);letter-spacing:-.01em}.sonioro-s.so-g-night .g-nt-go-b{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:3px;background:var(--g-cream);color:var(--g-ink);transition:transform .5s var(--g-out),background-color .35s}.sonioro-s.so-g-night .g-nt-go-b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.sonioro-s.so-g-night .g-nt-go:is(:hover,:focus-visible) .g-nt-go-b{transform:rotate(45deg);background:var(--g-green)}.sonioro-s.so-g-night .g-nt-top{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;padding:4px 14px 0}.sonioro-s.so-g-night .g-nt-story:is([data-g-shape=arch],[data-g-shape=oval],[data-g-shape=circle]) .g-nt-top{padding:8% 27% 0}.sonioro-s.so-g-night .g-nt-story:is([data-g-shape=oval],[data-g-shape=circle]) .g-nt-go{flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:0 18% 11%;text-align:center}.sonioro-s.so-g-night .g-nt-sa{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;background:#1a1613a8;box-shadow:inset 0 0 0 1.5px var(--g-cream);color:var(--g-cream);cursor:pointer;transition:background-color .3s,color .3s}.sonioro-s.so-g-night .g-nt-sa--p{left:10px}.sonioro-s.so-g-night .g-nt-sa--n{right:10px}.sonioro-s.so-g-night .g-nt-story[data-g-shape=arch] .g-nt-sa{top:58%;margin-inline:4px}.sonioro-s.so-g-night .g-nt-sa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.sonioro-s.so-g-night .g-nt-sa:hover{background:var(--g-cream);color:var(--g-ink);box-shadow:inset 0 0 0 1.5px var(--g-cream),0 0 0 2px #1a16139e}.sonioro-s.so-g-night .g-nt-story .g-nt-sa:focus-visible{outline:3px solid var(--g-cream);outline-offset:3px;box-shadow:inset 0 0 0 1.5px var(--g-cream),0 0 0 9px #1a16139e}.sonioro-s.so-g-night .g-nt-bars{flex:1;display:flex;gap:6px;min-width:0}.sonioro-s.so-g-night .g-nt-bar{position:relative;flex:1;min-width:24px;height:44px;padding:0;border:0;background:none;cursor:pointer}.sonioro-s.so-g-night .g-nt-bar:before,.sonioro-s.so-g-night .g-nt-bar i{content:"";position:absolute;left:0;right:0;top:21px;height:2px;border-radius:2px;background:#fffbee61}.sonioro-s.so-g-night .g-nt-bar i{display:block;background:var(--g-cream);transform-origin:0 50%;transform:scaleX(0)}.sonioro-s.so-g-night .g-nt-bar[aria-current] i{transform:scaleX(1)}.sonioro-s.so-g-night .g-nt-story .g-nt-bar:focus-visible{outline-offset:-3px;box-shadow:inset 0 0 0 6px #1a161380}.sonioro-s.so-g-night :is(.g-nt-story,.g-nt-head) :is(a,button):focus-visible{outline-color:var(--g-cream)}.sonioro-s.so-g-night .g-nt-main{display:flex;flex-direction:column;gap:26px;min-width:0}.sonioro-s.so-g-night .g-nt-head{width:auto;margin:0}.sonioro-s.so-g-night .g-nt-head .g-kick{color:var(--g-cream)}.sonioro-s.so-g-night .g-nt-head .g-kick:before{box-shadow:0 0 0 1px var(--g-cream)}.sonioro-s.so-g-night .g-nt-head .g-title{color:var(--g-cream)}.sonioro-s.so-g-night .g-nt-head .g-title em{color:var(--g-ink);padding:0 .1em;margin:0 -.02em}.sonioro-s.so-g-night .g-nt-head .g-title em:after{left:0;right:0;top:.14em;bottom:.02em;height:auto;border-radius:.1em}.sonioro-s.so-g-night .g-nt-head .g-arr:hover{background:var(--g-cream);color:var(--g-ink);box-shadow:inset 0 0 0 1.5px var(--g-cream)}.sonioro-s.so-g-night .g-nt-track{--g-cg:14px;display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:var(--g-cg);align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-10px calc((var(--so-wrap) - 100cqw)/2);padding:10px calc((100cqw - var(--so-wrap))/2);scroll-padding-inline:calc((100cqw - var(--so-wrap))/2)}.sonioro-s.so-g-night .g-nt-track::-webkit-scrollbar{display:none}.sonioro-s.so-g-night .g-nt-track.is-dragging{scroll-snap-type:none;-webkit-user-select:none;user-select:none}.sonioro-s.so-g-night .g-nt-track.is-kb{scroll-snap-type:none}.sonioro-s.so-g-night .g-nt-track :is(a,button){scroll-margin-inline:8px}@container so (min-width:600px){.sonioro-s.so-g-night .g-nt-track{grid-auto-columns:calc((100% - var(--g-cg))/1.6);margin-left:0;padding-left:0;scroll-padding-left:0}}@container so (min-width:900px){.sonioro-s.so-g-night .g-nt-track{--g-cg:20px;grid-auto-columns:calc((100% - 2*var(--g-cg))/3)}.sonioro-s.so-g-night .g-nt-track>.so-card .card-action .button{min-width:min(148px,100%)}}.sonioro-s.so-g-night .g-nt-track>.so-card{scroll-snap-align:start;padding:8px 8px 14px;border-radius:4px;background:var(--g-paper);color:var(--g-ink)}.sonioro-s.so-g-night .g-nt-track>.so-card[data-so-rv]:nth-child(n+4):not(.is-in){opacity:1;transform:none}.sonioro-s.so-g-night .so-card .card-information{padding-inline:4px!important}@container so (max-width:599px){.sonioro-s.so-g-night{--g-wh:36px;padding-block:calc(var(--g-wh) + 12px) calc(var(--g-wh) + 30px)}.sonioro-s.so-g-night .g-nt{gap:14px}.sonioro-s.so-g-night .g-nt-story{max-height:max(180px,calc(100svh - 320px - 66px*(var(--g-dfs,1) - 1) - (100cqw - 50px)/2))}.sonioro-s.so-g-night .g-nt-story[data-g-shape=circle]{justify-self:center;width:min(100%,max(180px,calc(100svh - 320px - 66px*(var(--g-dfs,1) - 1) - (100cqw - 50px)/2)))}.sonioro-s.so-g-night .g-nt-go{padding:14px}.sonioro-s.so-g-night .g-nt-story[data-g-shape=circle] .g-nt-sa{top:auto;bottom:calc(11% + 1px);margin:0}.sonioro-s.so-g-night .g-nt-story[data-g-shape=circle] .g-nt-sa--p{left:calc(50% - 81px)}.sonioro-s.so-g-night .g-nt-story[data-g-shape=circle] .g-nt-sa--n{right:calc(50% - 81px)}.sonioro-s.so-g-night .g-nt-main{gap:12px}.sonioro-s.so-g-night .g-nt-head .g-head-l{gap:8px}.sonioro-s.so-g-night .g-nt-head .g-head-r{display:none}.sonioro-s.so-g-night .g-nt-track{--g-cg:10px;grid-auto-columns:calc((100% - var(--g-cg))/2)}.sonioro-s.so-g-night .g-nt-track>.so-card{padding:6px 6px 8px}.sonioro-s.so-g-night .so-card .card-information{padding:8px 2px 0!important}.sonioro-s.so-g-night .so-card .card-title{font-size:calc(14px*var(--g-dfs,1));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.36em}.sonioro-s.so-g-night .so-card .card-price{margin-top:4px;min-height:33px}.sonioro-s.so-g-night .so-card .price-item{font-size:12.5px}.sonioro-s.so-g-night .so-card :is(.price__compare .price-item,.price__label_sale .label_sale){font-size:11px}.sonioro-s.so-g-night .so-card .card-action{padding-top:8px!important}}.sonioro-s.so-g-night .g-nt:not(.is-ready) :is(.g-nt-bars,.g-nt-sa,.g-arr){visibility:hidden}@media(prefers-reduced-motion:reduce){.sonioro-s.so-g-night .g-nt-slide{transform:none;transition:opacity .2s linear}.sonioro-s.so-g-night :is(.g-nt-go-b,.g-nt-sa){transition:none}}.sonioro-s.so-g-night .g-nt-head .g-title em{transition:color .3s .55s}body.so-motion-on .sonioro-s.so-g-night [data-so-rv]:not(.is-in) .g-title em{color:var(--g-cream)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sonioro-g-night.css.map */