.fnr-wall-preview{--fnr-control-bg: #ffffff;--fnr-control-border: rgba(16, 34, 48, .12);--fnr-text: #193240;--fnr-accent: #0e8f91;--fnr-room-bg: #f7f4ee;--fnr-panel-shadow: 0 16px 40px rgba(0, 0, 0, .08);--fnr-art-shadow-main: 0 32px 70px rgba(0, 0, 0, calc(var(--art-shadow-opacity) * .5)), 0 10px 24px rgba(0, 0, 0, calc(var(--art-shadow-opacity) * .35))}.fnr-wall-preview *{box-sizing:border-box}.fnr-wall-preview .fnr-wall-preview__inner{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.fnr-wall-preview .fnr-wall-preview__stage-wrap{min-width:0}.fnr-wall-preview .fnr-wall-preview__stage{position:relative;min-height:860px;overflow:hidden;border-radius:0;background:var(--fnr-room-bg);isolation:isolate}.fnr-wall-preview .fnr-wall-preview__bg,.fnr-wall-preview .fnr-wall-preview__mood,.fnr-wall-preview .fnr-wall-preview__blinds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fnr-wall-preview .fnr-wall-preview__bg--solid{background:var(--wall-color);z-index:1;opacity:1;transition:opacity .35s ease}.fnr-wall-preview .fnr-wall-preview__bg--texture{z-index:2;opacity:0;transition:opacity .35s ease;background-size:cover;background-position:center;background-repeat:repeat}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-solid .fnr-wall-preview__bg--solid{opacity:1}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-solid .fnr-wall-preview__bg--texture,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-linen .fnr-wall-preview__bg--solid,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-limewash .fnr-wall-preview__bg--solid,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-concrete .fnr-wall-preview__bg--solid,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-paper .fnr-wall-preview__bg--solid{opacity:0}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-linen .fnr-wall-preview__bg--texture,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-limewash .fnr-wall-preview__bg--texture,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-concrete .fnr-wall-preview__bg--texture,.fnr-wall-preview .fnr-wall-preview__stage.is-wall-paper .fnr-wall-preview__bg--texture{opacity:1}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-linen .fnr-wall-preview__bg--texture{background:linear-gradient(180deg,#e7ddd0,#ddd1c2),repeating-linear-gradient(90deg,#ffffff29 0 1px,#00000008 1px 6px),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px)}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-limewash .fnr-wall-preview__bg--texture{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.5),transparent 22%),radial-gradient(circle at 80% 35%,rgba(0,0,0,.08),transparent 30%),radial-gradient(circle at 40% 75%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 60% 58%,rgba(0,0,0,.07),transparent 26%),linear-gradient(180deg,#ddd6cc,#cfc6ba);filter:blur(1.5px)}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-concrete .fnr-wall-preview__bg--texture{background:radial-gradient(circle at 14% 22%,rgba(0,0,0,.08),transparent 18%),radial-gradient(circle at 72% 30%,rgba(255,255,255,.18),transparent 16%),radial-gradient(circle at 60% 72%,rgba(0,0,0,.06),transparent 20%),radial-gradient(circle at 28% 68%,rgba(255,255,255,.12),transparent 18%),linear-gradient(180deg,#d6d3cd,#beb9b2)}.fnr-wall-preview .fnr-wall-preview__stage.is-wall-paper .fnr-wall-preview__bg--texture{background:linear-gradient(#cedeecd6,#cedeecd6),var(--wallpaper-paper);background-size:cover;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-wall-preview__mood--ambient,.fnr-wall-preview .fnr-wall-preview__mood--spotlight{opacity:0;transition:opacity .35s ease;z-index:4}.fnr-wall-preview .fnr-wall-preview__stage.is-mode-dark-ambient .fnr-wall-preview__mood--ambient{opacity:1;background:radial-gradient(133% 91% at 50% 0%,rgb(246 200 119 / 38%),transparent 45%),radial-gradient(70% 60% at 50% 38%,rgba(255,210,120,.1),transparent 42%),linear-gradient(to bottom,#1e181229,#1c18150d 18%,#0000 35%),radial-gradient(circle at left center,rgba(0,0,0,.22),transparent 35%),radial-gradient(circle at right center,rgba(0,0,0,.22),transparent 35%),radial-gradient(circle at bottom center,rgba(0,0,0,.28),transparent 42%)}.fnr-wall-preview .fnr-wall-preview__stage.is-mode-dark-spotlight .fnr-wall-preview__mood--spotlight{opacity:1;background:radial-gradient(82% 116% at 50% -7%,#ffffeb66,#ffffeb2e 32%,#ffffeb00 60%),linear-gradient(to bottom,#16161a4d,#16161a14 20%,#16161a00 34%),radial-gradient(circle at left center,rgba(0,0,0,.28),transparent 34%),radial-gradient(circle at right center,rgba(0,0,0,.28),transparent 34%),radial-gradient(circle at bottom center,rgba(0,0,0,.34),transparent 44%)}.fnr-wall-preview .fnr-wall-preview__blinds{z-index:30;opacity:0;transition:opacity .35s ease;will-change:opacity,transform,filter}.fnr-wall-preview .fnr-wall-preview__stage.is-shade-on .fnr-wall-preview__blinds{opacity:1;background:repeating-linear-gradient(10deg,#ffffff38 0px 19px,#ffffff1a 20px 28px,#00000014 28px 46px,#9292921a 50px 52px);mix-blend-mode:multiply;filter:blur(5px);transform:scale(3);transform-origin:center}.fnr-wall-preview .fnr-wall-preview__art-holder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:72px 84px}.fnr-wall-preview .fnr-wall-preview__art-frame{position:relative;width:min(100%,var(--art-max-width));aspect-ratio:var(--art-ratio);display:block;background:#fff;border-radius:0;box-shadow:var(--fnr-art-shadow-main);overflow:hidden;transform:translateZ(0)}.fnr-wall-preview .fnr-wall-preview__art-image,.fnr-wall-preview .fnr-wall-preview__placeholder{display:block;width:100%;height:100%}.fnr-wall-preview .fnr-wall-preview__art-image{object-fit:cover}.fnr-wall-preview .fnr-wall-preview__placeholder{aspect-ratio:var(--art-ratio);display:grid;place-items:center;color:#55646d;background:#f6f6f6;font-size:16px;text-align:center;padding:24px}.fnr-wall-preview .fnr-wall-preview__art-shadow{position:absolute;left:50%;top:50%;width:min(100%,var(--art-max-width));aspect-ratio:var(--art-ratio);transform:translate(-50%,-50%);z-index:9;pointer-events:none}.fnr-wall-preview .fnr-wall-preview__stage.is-mode-light .fnr-wall-preview__art-shadow{box-shadow:0 26px 36px #00000017,0 8px 12px #0000000f;border-radius:calc(var(--art-radius) + 2px)}.fnr-wall-preview .fnr-wall-preview__stage.is-mode-dark-ambient .fnr-wall-preview__art-shadow{box-shadow:0 34px 52px #0000003d,0 12px 18px #0000002e,12px 0 18px #ffca7812;border-radius:calc(var(--art-radius) + 2px)}.fnr-wall-preview .fnr-wall-preview__stage.is-mode-dark-spotlight .fnr-wall-preview__art-shadow{box-shadow:0 28px 50px #00000047,0 10px 16px #0000002e,0 0 30px #ffffdc14;border-radius:calc(var(--art-radius) + 2px)}.fnr-wall-preview .fnr-wall-preview__stage.is-shade-on.is-mode-light .fnr-wall-preview__art-shadow,.fnr-wall-preview .fnr-wall-preview__stage.is-shade-on.is-mode-dark-ambient .fnr-wall-preview__art-shadow,.fnr-wall-preview .fnr-wall-preview__stage.is-shade-on.is-mode-dark-spotlight .fnr-wall-preview__art-shadow{box-shadow:26px 32px 48px #0003,12px 8px 18px #0000001f}.fnr-wall-preview .fnr-wall-preview__controls{display:flex;flex-direction:column;gap:14px}.fnr-wall-preview .fnr-wall-preview__group{background:#f5f2ef;border:0;border-radius:0;box-shadow:unset;overflow:hidden}.fnr-wall-preview .fnr-wall-preview__toggle{width:100%;border:0;background:transparent;color:var(--fnr-text);font:inherit;font-weight:600;text-align:left;padding:16px 18px;cursor:pointer}.fnr-wall-preview .fnr-wall-preview__options{display:none;padding:0 18px 18px;gap:12px;flex-wrap:wrap}.fnr-wall-preview .fnr-swatch,.fnr-wall-preview .fnr-pattern{width:42px;height:42px;border-radius:999px;border:2px solid rgba(0,0,0,.08);background:var(--swatch, #eee);cursor:pointer;padding:0;position:relative}.fnr-wall-preview .fnr-swatch.is-active,.fnr-wall-preview .fnr-pattern.is-active{border-color:var(--fnr-accent);box-shadow:0 0 0 3px #0e8f9124}.fnr-wall-preview .fnr-pattern[data-value=none]{background:linear-gradient(135deg,#f2f2f2 0% 46%,#d3d3d3 46% 54%,#f2f2f2 54% 100%)}.fnr-wall-preview .fnr-pattern[data-value=linen]{background:linear-gradient(180deg,#d9ccbc,#cdbca8),repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000000d 1px 5px)}.fnr-wall-preview .fnr-pattern[data-value=limewash]{background:radial-gradient(circle at 30% 30%,#ece5d6,#d4c6b2 55%,#c4b5a2)}.fnr-wall-preview .fnr-pattern[data-value=concrete]{background:radial-gradient(circle at 25% 25%,#ededed,#cfceca 60%,#b5b3ae)}.fnr-wall-preview .fnr-pattern[data-value=paper]{background:linear-gradient(#cedeecd9,#cedeecd9),var(--wallpaper-paper);background-size:cover;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-chip{border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:999px;padding:11px 14px;cursor:pointer;font:inherit;color:var(--fnr-text);line-height:1.2}.fnr-wall-preview .fnr-chip.is-active{background:#eefbfb;border-color:#0e8f9147;color:#0b6062;font-weight:600}@media(max-width:989px){.fnr-wall-preview .fnr-wall-preview__inner{grid-template-columns:1fr}.fnr-wall-preview .fnr-wall-preview__stage{min-height:720px}.fnr-wall-preview .fnr-wall-preview__art-holder{padding:56px 42px}.fnr-wall-preview .fnr-wall-preview__controls{order:2}.fnr-wall-preview .fnr-wall-preview__art-frame{width:min(100%,var(--art-max-width))}}@media(max-width:640px){.fnr-wall-preview .fnr-wall-preview__stage{min-height:580px;border-radius:0}.fnr-wall-preview .fnr-wall-preview__art-holder{padding:36px 24px}.fnr-wall-preview .fnr-swatch,.fnr-wall-preview .fnr-pattern{width:38px;height:38px}.fnr-wall-preview .fnr-wall-preview__toggle{padding:14px 16px}.fnr-wall-preview .fnr-wall-preview__options{padding:0 16px 16px}}.fnr-wall-preview .fnr-wall-preview__options{display:none;padding:0 18px 18px;gap:14px;flex-wrap:wrap}.fnr-wall-preview .fnr-wall-preview__options.is-open{display:flex}.fnr-wall-preview .fnr-swatch,.fnr-wall-preview .fnr-pattern{width:42px;height:42px;border-radius:999px;border:2px solid rgba(0,0,0,.08);background:var(--swatch, #eee);cursor:pointer;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.fnr-wall-preview .fnr-swatch.is-active,.fnr-wall-preview .fnr-pattern.is-active{border-color:var(--fnr-accent);box-shadow:0 0 0 3px #0e8f9124,inset 0 0 0 1px #ffffff2e}@media(max-width:640px){.fnr-wall-preview .fnr-wall-preview__options{gap:12px;padding:0 16px 16px}.fnr-wall-preview .fnr-swatch,.fnr-wall-preview .fnr-pattern{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/fnr-artwork-wall-preview.css.map */