.yxw{--yxw-bg:#FFFFFF;--yxw-soft:#F2F1EE;--yxw-ink:#111111;--yxw-muted:#62625F;--yxw-line:#E4E2DD;--yxw-ease:cubic-bezier(.2,.8,.2,1);container-type:inline-size;container-name:yxw;display:block;background:var(--yxw-bg);color:var(--yxw-ink);font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.yxw *,.yxw *:before,.yxw *:after{box-sizing:border-box}:where(.yxw) button{font:inherit;color:inherit;cursor:pointer;border-radius:0;-webkit-tap-highlight-color:transparent;margin:0}.yxw button:focus{outline:none}.yxw button:focus-visible{outline:2px solid var(--yxw-ink);outline-offset:2px}.yxw-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0 0 12px}.yxw-title{font-weight:500;font-size:20px;letter-spacing:-.01em;text-wrap:balance}.yxw-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;border:0;background:transparent}.yxw .yxw-close:focus-visible{outline-offset:-2px}.yxw-close:hover{background:var(--yxw-soft)}.yxw-body{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.yxw-stage{position:relative;width:100%;aspect-ratio:4/5;background:var(--yxw-soft);overflow:hidden}.yxw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s var(--yxw-ease)}.yxw-stage[data-ready] .yxw-canvas{opacity:1}.yxw-status{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;font-size:14px;color:var(--yxw-muted);text-align:center}.yxw-stage[data-state=loading]:not([data-ready]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%) 0 0/250% 100%;animation:yxwShimmer 1.3s linear infinite}@keyframes yxwShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.yxw-stage[data-state=error] .yxw-status{color:var(--yxw-ink);top:0;display:flex;align-items:center;justify-content:center;padding:24px}.yxw-stage[data-ready][data-state=loading] .yxw-status{display:none}.yxw-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.yxw-sz{position:absolute;transform:translate(-50%,calc(-100% - 2.2cqw));display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--yxw-muted);transition:color .2s}.yxw-sz b{font-weight:500;font-size:clamp(12px,2.9cqw,16px)}.yxw-sz span{font-size:clamp(11px,2.5cqw,14px)}.yxw-sz.is-on{color:var(--yxw-ink)}.yxw-sz.is-on b{font-weight:600}.yxw-side{min-width:0}.yxw-cap{margin:0 0 12px;font-size:15px;color:var(--yxw-muted);text-wrap:pretty}.yxw-meta{margin:12px 0 0;font-size:14px;color:var(--yxw-muted);font-variant-numeric:tabular-nums}.yxw-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.yxw-scene{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--yxw-line);background:var(--yxw-bg);text-align:center;transition:border-color .2s,background .2s,color .2s}.yxw-scene:hover{border-color:#c9c7c1}.yxw-thumb{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--yxw-soft)}.yxw-thumb .yxw-tprint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.yxw-thumb img{display:block;width:100%;height:100%;object-fit:cover}.yxw-sname{display:block;padding:7px 2px 8px;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yxw-scene[aria-checked=true]{border-color:var(--yxw-ink);background:var(--yxw-ink);color:#fff}.yxw-scene:active{opacity:.85}@container yxw (min-width:720px){.yxw-body{grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:32px;align-items:start}.yxw-stage{max-width:calc(min(82vh,900px)*.8)}.yxw-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yxw-cap{margin-top:4px}.yxw-title{font-size:24px}}@media(prefers-reduced-motion:reduce){.yxw-canvas{transition:none}.yxw-stage[data-state=loading]:not([data-ready]):after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/yxi-modules--wallview.css.map */