.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;position:relative}.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:var(--wallpaper-paper);background-size:245px;background-position:center;background-repeat: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:linear-gradient(90deg,#0000002e,#00000014 18%,#0000 42%,#ffffff1a 70%,#ffffff2e),repeating-linear-gradient(10deg,#ffffff57 0px 24px,#ffffff24 24px 34px,#0000001f 34px 52px,#0000000a 52px 58px);mix-blend-mode:soft-light;filter:blur(6px);transform:scale(1.35);transform-origin:left 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;display:block}.fnr-wall-preview .fnr-wall-preview__toggle-icon{display:none}.fnr-wall-preview .fnr-wall-preview__toggle-text{display:inline}.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}.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=reset]{background:linear-gradient(135deg,#f2f2f2 0% 46%,#d3d3d3 46% 54%,#f2f2f2 54% 100%)}.fnr-wall-preview .fnr-pattern[data-value=background-01]{background:var(--wall-background-01);background-size:125px;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-pattern[data-value=background-02]{background:var(--wall-background-02);background-size:125px;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-pattern[data-value=background-03]{background:var(--wall-background-03);background-size:125px;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-pattern[data-value=background-04]{background:var(--wall-background-04);background-size:125px;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-pattern[data-value=background-05]{background:var(--wall-background-05);background-size:125px;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-pattern[data-value=background-06]{background:var(--wall-background-06);background-size:125px;background-position:center;background-repeat:no-repeat}.fnr-wall-preview .fnr-pattern[data-value=background-07]{background:var(--wall-background-07);background-size:125px;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:767px){.fnr-wall-preview .fnr-wall-preview__inner{grid-template-columns:1fr;position:relative}.fnr-wall-preview .fnr-wall-preview__stage-wrap{position:relative}.fnr-wall-preview .fnr-wall-preview__stage{min-height:375px;border-radius:0}.fnr-wall-preview .fnr-wall-preview__art-holder{padding:0;width:225px;margin:0 0 0 15%}.fnr-wall-preview .fnr-wall-preview__art-frame,.fnr-wall-preview .fnr-wall-preview__art-shadow{width:min(100%,420px)}.fnr-wall-preview .fnr-wall-preview__controls{position:absolute;top:22px;right:12px;z-index:50;display:flex;flex-direction:column;gap:10px;pointer-events:none;order:0}.fnr-wall-preview .fnr-wall-preview__group{position:relative;background:transparent;overflow:visible;pointer-events:auto}.fnr-wall-preview .fnr-wall-preview__toggle{width:115px;height:35px;min-width:115px;min-height:35px;padding:0;border:0;background:#fffffff5;box-shadow:0 8px 22px #0000001f;display:inline-flex;align-items:initial;justify-content:flex-start;text-align:left;border-radius:20px 0 0 20px}.fnr-wall-preview .fnr-wall-preview__toggle-icon{display:inline-flex;align-items:center;justify-content:center;color:#9e5350;line-height:1}.fnr-wall-preview .fnr-wall-preview__toggle-icon svg{width:20px;height:20px;display:block;fill:#9e5350;margin:0 10px}.fnr-wall-preview .fnr-wall-preview__toggle-text{position:relative;width:auto;height:auto;padding:0;margin:10px 0 0;overflow:visible;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:10px;color:#000;text-align:left}.fnr-wall-preview .fnr-wall-preview__options{position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%) translate(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s ease;background:#fffffffa;border-radius:14px;box-shadow:0 12px 30px #00000029;padding:10px;min-width:214px;max-width:240px;display:flex;flex-wrap:wrap;gap:8px;z-index:51}.fnr-wall-preview .fnr-wall-preview__options.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translate(0)}.fnr-wall-preview .fnr-wall-preview__options .fnr-swatch,.fnr-wall-preview .fnr-wall-preview__options .fnr-pattern{width:34px;height:34px;flex:0 0 34px}.fnr-wall-preview .fnr-wall-preview__options .fnr-chip{min-height:34px;padding:8px 10px;font-size:13px;line-height:1.2}.fnr-wall-preview .fnr-wall-preview__group--blinds .fnr-wall-preview__options,.fnr-wall-preview .fnr-wall-preview__group--mood .fnr-wall-preview__options{min-width:180px}}@media(max-width:640px){.fnr-wall-preview .fnr-wall-preview__stage{min-height:375px}.fnr-wall-preview .fnr-wall-preview__art-holder{padding:0;width:225px;margin:0 0 0 6%}.fnr-wall-preview .fnr-wall-preview__art-frame,.fnr-wall-preview .fnr-wall-preview__art-shadow{width:min(100%,390px)}.fnr-wall-preview .fnr-wall-preview__controls{top:20px;right:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/fnr-artwork-wall-preview.css.map */