.sqw{--sqw-coffee: var(--color-coffee, #2b1912);--sqw-room: #1e110c;--sqw-linen: var(--color-linen, #e9e1d4);--sqw-linen-2: rgba(233, 225, 212, .7);--sqw-linen-3: rgba(233, 225, 212, .5);--sqw-dust: var(--color-dust, #daceb4);--sqw-hair: rgba(218, 206, 180, .2);--sqw-rust: var(--color-rust, #954626);--sqw-ease: cubic-bezier(.2, .7, .1, 1);--sqw-gutter: 40px;--sqw-chrome: 144px;position:relative;background:var(--sqw-room);color:var(--sqw-linen);isolation:isolate;color-scheme:dark}.sqw *,.sqw *:before,.sqw *:after{box-sizing:border-box}.sqw__stage{position:relative;height:clamp(560px,calc(100svh - var(--sqw-chrome)),1080px);overflow:hidden}.sqw__poster,.sqw__poster img,.sqw__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sqw__poster{margin:0;z-index:0;transition:opacity .7s var(--sqw-ease),filter .6s var(--sqw-ease)}.sqw__poster img{display:block;object-fit:cover;object-position:50% 50%}.sqw__canvas{display:block;z-index:1;opacity:0;transition:opacity .7s var(--sqw-ease);touch-action:pan-y;cursor:default}.sqw.is-live .sqw__canvas{opacity:1}.sqw.is-live .sqw__poster{opacity:0;visibility:hidden;transition:opacity .7s var(--sqw-ease),visibility 0s .7s}.sqw__canvas.is-grab{cursor:grab}.sqw__canvas.is-pointing{cursor:pointer}.sqw__canvas.is-dragging{cursor:grabbing}.sqw:not(.is-live).is-focus .sqw__poster{filter:brightness(.42)}.sqw__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 38%,#1e110c00 52%,#140b08b8),linear-gradient(180deg,#140b088c,#140b0800 16% 78%,#140b08b3)}.sqw__intro{position:absolute;z-index:4;left:50%;top:36px;transform:translate(-50%);width:min(720px,calc(100% - 32px));text-align:center;display:grid;gap:12px;pointer-events:none;transition:opacity .6s var(--sqw-ease),transform .8s var(--sqw-ease)}.sqw__title{margin:0;color:var(--sqw-linen)}.sqw__lead{margin:0 auto;max-width:52ch;color:var(--sqw-linen-2);text-wrap:pretty}.sqw.is-focus .sqw__intro{opacity:0;transform:translate(-50%) translateY(-12px)}.sqw__caption{position:absolute;z-index:4;left:0;top:0;margin:0;pointer-events:none;text-align:center;transform:translate(-50%);display:grid;gap:4px;justify-items:center;white-space:nowrap;transition:opacity .25s;will-change:transform}.sqw__caption-num{color:var(--sqw-linen-3);font-variant-numeric:tabular-nums}.sqw__caption.is-hidden,.sqw.is-focus .sqw__caption,.sqw:not(.is-live) .sqw__caption{opacity:0}.sqw__index{position:absolute;z-index:4;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);display:grid;justify-items:center;gap:12px;padding-inline:16px;transition:opacity .5s,transform .6s var(--sqw-ease)}.sqw__hint{margin:0;color:var(--sqw-linen-3);min-height:1.4em}.sqw__chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:6px 4px;scrollbar-width:none}.sqw__chips::-webkit-scrollbar{display:none}.sqw__chip{flex:0 0 auto;width:30px;height:30px;border-radius:2px;border:1px solid rgba(233,225,212,.18);padding:0;cursor:pointer;background-color:var(--c);background-image:var(--sqw-sprite);background-size:calc(var(--n) * 100%) 100%;background-position:calc(var(--k) / (var(--n) - 1) * 100%) 0;background-repeat:no-repeat;outline:1px solid transparent;outline-offset:3px;transition:outline-color .15s}.sqw__chip:hover,.sqw__chip.is-on{outline-color:var(--sqw-linen)}.sqw__chip:focus-visible{outline:1px dashed var(--sqw-linen);outline-offset:4px}.sqw.is-focus .sqw__index{opacity:0;transform:translateY(12px);pointer-events:none}.sqw__panel{position:absolute;z-index:6;top:0;right:0;bottom:0;width:min(440px,38vw);padding:72px var(--sqw-gutter) 48px;display:flex;flex-direction:column;gap:22px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(90deg,#2b191200,#2b1912e0 16%,#2b1912f5);transform:translate(24px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--sqw-ease),transform .7s var(--sqw-ease),visibility 0s .7s}.sqw.is-focus .sqw__panel{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .5s var(--sqw-ease),transform .7s var(--sqw-ease)}.sqw__head{margin-top:auto}.sqw:not(.is-live) .sqw__walk{margin-bottom:auto}.sqw__close{position:absolute;top:18px;right:32px;z-index:2;background:none;border:0;color:var(--sqw-linen);padding:10px 0;cursor:pointer;display:inline-flex;gap:10px;align-items:center}.sqw__close:hover{text-decoration:underline;text-underline-offset:4px}.sqw__close svg{width:14px;height:14px}.sqw__count{margin:0;color:var(--sqw-linen-3);font-variant-numeric:tabular-nums}.sqw__head{display:grid;gap:12px}.sqw__name{margin:0;color:var(--sqw-linen);text-wrap:balance}.sqw__name:focus{outline:none}.sqw__rule{width:48px;height:1px;background:var(--sqw-rust);border:0;margin:2px 0 0}.sqw__note{margin:0;color:var(--sqw-linen-2);max-width:36ch}.sqw__figs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sqw__figs figure{margin:0;display:grid;gap:8px;min-width:0}.sqw__ph{aspect-ratio:1;max-width:100%;overflow:hidden;background:#e9e1d40f}.sqw__figs img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.6s var(--sqw-ease)}.sqw__figs figure:hover img{transform:scale(1.06)}.sqw__figcap{color:var(--sqw-linen-3)}.sqw__facts{margin:0;display:grid;border-top:1px solid var(--sqw-hair)}.sqw__facts>div{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--sqw-hair)}.sqw__facts dt{color:var(--sqw-dust);padding-top:2px}.sqw__facts dd{margin:0;min-width:0}.sqw__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.sqw__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 24px;background:var(--sqw-linen);color:var(--sqw-coffee);text-decoration:none;border-radius:0;outline:1px dashed transparent;outline-offset:4px;transition:outline-color .15s}.sqw__btn:hover,.sqw__btn:focus-visible{outline-color:#e9e1d499;text-decoration:underline;text-underline-offset:4px}.sqw__link{color:var(--sqw-linen);text-decoration:underline;text-decoration-color:var(--sqw-linen-3);text-underline-offset:5px}.sqw__link:hover{text-decoration-color:var(--sqw-linen)}.sqw__link:focus-visible,.sqw__close:focus-visible{outline:1px dashed var(--sqw-linen);outline-offset:4px}.sqw__price{margin:-8px 0 0;color:var(--sqw-linen-2)}.sqw__walk{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sqw__walk button{display:flex;align-items:center;gap:12px;min-height:44px;background:none;border:0;padding:0;color:var(--sqw-linen);cursor:pointer;text-align:left;min-width:0}.sqw__walk button:last-child{justify-content:flex-end;text-align:right}.sqw__sq{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--sqw-hair);transition:border-color .15s,background-color .15s}.sqw__walk button:hover .sqw__sq{border-color:var(--sqw-linen);background-color:#e9e1d40f}.sqw__walk button:focus-visible .sqw__sq{outline:1px dashed var(--sqw-linen);outline-offset:3px}.sqw__sq svg{width:16px;height:16px}.sqw__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sqw__phint{margin:0 0 auto;color:var(--sqw-linen-3)}.sqw:not(.is-live) .sqw__phint{display:none}.sqw__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:989px){.sqw__panel{width:min(400px,46vw);padding-inline:28px}}@media screen and (min-width:750px)and (max-height:960px){.sqw__panel{gap:16px;padding-top:64px;padding-bottom:32px}.sqw__figs{grid-template-columns:1fr 1fr;max-width:320px}.sqw__facts>div{padding:8px 0}}@media screen and (max-width:749px){.sqw{--sqw-gutter: 16px;--sqw-chrome: 96px}.sqw__stage{height:clamp(520px,calc(100svh - var(--sqw-chrome)),860px)}.sqw__intro{top:24px;gap:8px}.sqw__index{bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.sqw__chip{width:28px;height:28px}.sqw__chips{justify-content:flex-start}.sqw__panel{top:auto;left:0;width:100%;max-height:58%;justify-content:flex-start;gap:16px;padding:22px 16px calc(env(safe-area-inset-bottom,0px) + 28px);background:linear-gradient(180deg,#2b1912db,#2b1912f7 14%);border-top:1px solid var(--sqw-hair);transform:translateY(24px)}.sqw__close{top:12px;right:16px}.sqw__facts>div{grid-template-columns:96px 1fr}.sqw__actions .sqw__btn{flex:1 1 auto}}@media screen and (max-height:640px){.sqw__intro{top:18px;gap:4px}.sqw__lead{display:none}.sqw__index{bottom:calc(env(safe-area-inset-bottom,0px) + 14px);gap:6px}.sqw__hint{display:none}.sqw__chip{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.sqw__panel,.sqw__intro,.sqw__index,.sqw__canvas,.sqw__poster{transition-duration:.01s}.sqw__figs figure:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/stella-quilt-wall.css.map */