.flr-viz{display:grid;gap:clamp(14px,2.4vw,28px)}@media(min-width:990px){.flr-viz{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.flr-viz__stage{--flr-horizon:55%;--flr-tilt:62deg;--flr-floor-opacity:.94;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:linear-gradient(#efebe6 0,#e4ded6 var(--flr-horizon),#cfc6bb 100%);isolation:isolate}@media(min-width:750px){.flr-viz__stage{aspect-ratio:16/10}}.flr-viz__room,.flr-viz__mask,.flr-viz__shadow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.flr-viz__room{z-index:0}.flr-viz__wall{position:absolute;left:0;right:0;top:calc(var(--flr-horizon) - 22%);height:22%;z-index:1;background-size:120px auto;background-repeat:repeat;opacity:.95;box-shadow:inset 0 -6px 10px #00000026}.flr-viz__floor{position:absolute;left:-60%;right:-60%;top:var(--flr-horizon);bottom:0;z-index:2;overflow:hidden;perspective:520px;perspective-origin:50% 0;opacity:var(--flr-floor-opacity);transition:opacity .2s}.flr-viz__floor canvas{position:absolute;left:0;bottom:0;width:100%;height:320%;transform-origin:50% 100%;transform:rotateX(var(--flr-tilt))}.flr-viz:not(.is-painted) .flr-viz__floor{opacity:0}.flr-viz__shadow{z-index:3;mix-blend-mode:multiply;opacity:.35;clip-path:inset(var(--flr-horizon) 0 0 0);pointer-events:none}.flr-viz__mask{z-index:4;pointer-events:none}.flr-viz__badge{position:absolute;left:10px;bottom:10px;z-index:5;background:#ffffffeb;border-radius:999px;padding:6px 12px;font-size:.85rem;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flr-viz__rooms,.flr-viz__strip{display:flex;gap:8px;overflow-x:auto;list-style:none;margin:10px 0 0;padding:2px 2px 6px;scroll-snap-type:x proximity}.flr-viz__rooms button,.flr-viz__strip button{flex:0 0 auto;width:64px;height:64px;border-radius:8px;border:2px solid transparent;padding:0;overflow:hidden;background:#eee;cursor:pointer;scroll-snap-align:start}.flr-viz__rooms button img,.flr-viz__strip button img{width:100%;height:100%;object-fit:cover;display:block}.flr-viz__rooms button[aria-pressed=true],.flr-viz__strip button[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 2px #fff inset}.flr-viz__rooms button:focus-visible,.flr-viz__strip button:focus-visible{outline:2px solid;outline-offset:2px}.flr-viz__upload{display:flex;align-items:center;justify-content:center;font-size:.72rem;line-height:1.1;text-align:center;background:#fff!important;border:1px dashed #999!important}.flr-viz__layouts{display:flex;flex-wrap:wrap;gap:6px;border:0;margin:12px 0 0;padding:0}.flr-viz__layouts legend,.flr-viz__label{font-weight:600;margin-bottom:6px;padding:0}.flr-viz__layouts label{position:relative}.flr-viz__layouts input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.flr-viz__layouts span{display:inline-block;padding:7px 12px;border:1px solid #bbb;border-radius:999px;font-size:.88rem}.flr-viz__layouts input:checked+span{background:#111;color:#fff;border-color:#111}.flr-viz__layouts input:focus-visible+span{outline:2px solid;outline-offset:2px}.flr-viz__sliders{display:grid;gap:8px;margin-top:12px}.flr-viz__sliders label{display:grid;grid-template-columns:7.5em 1fr;align-items:center;gap:8px;font-size:.88rem}.flr-viz__sliders input{width:100%}.flr-viz__pair{display:flex;gap:10px;align-items:center;margin-top:10px;padding:8px;border:1px solid #e3e3e3;border-radius:10px}.flr-viz__pair img{width:48px;height:48px;object-fit:cover;border-radius:6px}.flr-viz__embed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:flex;align-items:center;justify-content:center;padding:12px}.flr-viz__embed[hidden]{display:none}.flr-viz__embed-inner{position:relative;width:min(1100px,100%);height:min(780px,92vh);background:#fff;border-radius:12px;overflow:hidden}.flr-viz__embed iframe{width:100%;height:100%;border:0}.flr-viz__embed-inner [data-viz-embed-close]{position:absolute;top:8px;right:8px;z-index:1}@media(prefers-reduced-motion:reduce){.flr-viz__floor{transition:none}}.flr-viz [hidden]{display:none!important}.flr-viz__rooms,.flr-viz__strip{position:relative}.flr-viz>*{min-width:0}
/*# sourceMappingURL=/cdn/shop/t/484/assets/flooring-visualizer.css.map */