.frame-preview{--fp-frame-w: 2.1%;--fp-mat-w: 0%;--fp-frame-bg: #1c1c1c;--fp-frame-grain: none;--fp-frame-hi: rgba(255, 255, 255, .14);--fp-frame-lo: rgba(0, 0, 0, .4);--fp-mat-bg: var(--fp-mat-white, #f4f0e8);--fp-shadow: 0 .8rem 2.2rem rgba(0, 0, 0, .15);position:relative;display:block;width:100%;box-sizing:border-box}.frame-preview__frame{position:relative;display:block;box-sizing:border-box;width:100%;padding:var(--fp-frame-w);background-color:var(--fp-frame-bg);background-image:var(--fp-frame-grain);background-size:cover;overflow:hidden;box-shadow:var(--fp-shadow),inset 0 0 0 .1rem var(--fp-frame-lo),inset .08rem .08rem .12rem var(--fp-frame-hi),inset -.08rem -.08rem .12rem var(--fp-frame-lo)}.frame-preview__mat{position:relative;display:block;box-sizing:border-box;width:100%;padding:var(--fp-mat-w);background-color:var(--fp-mat-bg);background-image:linear-gradient(170deg,#ffffff14,#fff0 42%,#0000000d);box-shadow:inset 0 0 0 .1rem #0000000d,0 .2rem .45rem #00000024,0 0 0 .1rem #0003;z-index:1}.frame-preview__mat-overlay,.frame-preview__frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;border-style:solid;border-width:0;border-image-repeat:stretch}.frame-preview.has-mat-png.is-matted .frame-preview__mat-overlay{display:none}.frame-preview.has-frame-png .frame-preview__frame-overlay{display:block;z-index:4;border-image-source:var(--fp-frame-src);border-image-slice:12;border-width:calc(var(--fp-cw, 320px) * .021)}.frame-preview.has-frame-png .frame-preview__frame:after{display:none}.frame-preview__window{position:relative;display:block;box-sizing:border-box;width:100%;aspect-ratio:var(--fp-ratio, auto);box-shadow:inset .12rem .12rem #ffffff8c,inset -.1rem -.1rem #0000000f,inset 0 0 .5rem #00000029;background:#00000008}.frame-preview:not(.is-matted) .frame-preview__window{box-shadow:inset 0 0 .3rem #0000001a}.frame-preview__window img,.frame-preview__window picture{display:block;width:100%;height:auto}.frame-preview__window img{object-fit:contain}.frame-preview__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(118deg,#ffffff0d,#fff0 26% 100%);z-index:3}.frame-preview.is-matted{--fp-mat-w: 11%}.frame-preview.has-mat-layout.is-matted{--fp-mat-w: 0%}.frame-preview.has-mat-layout .frame-preview__mat{position:relative;aspect-ratio:var(--fp-mat-outer, 21 / 30);padding:0}.frame-preview.has-mat-layout .frame-preview__window,.frame-preview.has-mat-layout .frame-preview__window--extra{position:absolute;left:var(--fp-open-x, 0);top:var(--fp-open-y, 0);width:var(--fp-open-w, 100%);height:var(--fp-open-h, 100%);aspect-ratio:auto}.frame-preview.has-mat-layout .frame-preview__window img{width:100%;height:100%;object-fit:cover}.frame-preview[data-mat=linen].is-matted{--fp-mat-bg: #e4d7c3}.frame-preview[data-mat=linen].is-matted .frame-preview__mat{background-color:#e4d7c3;background-image:none}.frame-preview[data-mat=linen][data-linen].is-matted .frame-preview__mat{background-color:transparent;background-image:var(--fp-linen);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.frame-preview[data-mat=linen].is-landscape.is-matted .frame-preview__mat{background-image:none}.frame-preview[data-mat=linen][data-linen].is-landscape.is-matted .frame-preview__mat:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--fp-outer-h) / var(--fp-outer-w) * 100%);height:calc(var(--fp-outer-w) / var(--fp-outer-h) * 100%);transform:translate(-50%,-50%) rotate(90deg);background-image:var(--fp-linen);background-size:100% 100%;background-repeat:no-repeat;z-index:0;pointer-events:none}.frame-preview.has-mat-layout .frame-preview__window,.frame-preview.has-mat-layout .frame-preview__window--extra{z-index:1}.frame-preview[data-mat=brown].is-matted{--fp-mat-bg: var(--fp-mat-brown, #4e3f38)}.frame-preview[data-mat=black].is-matted{--fp-mat-bg: var(--fp-mat-black, #2e2e2e)}.frame-preview[data-mat=white].is-matted{--fp-mat-bg: var(--fp-mat-white, #f4f0e8)}.frame-preview[data-mat=white].is-matted .frame-preview__mat{background-image:linear-gradient(170deg,#ffffff59,#fff0 42%,#0000000a)}.frame-preview.is-matted:not([data-frame=none]) .frame-preview__mat{box-shadow:inset 0 0 0 .1rem #0000000d,0 .2rem .45rem #00000024,0 0 0 .1rem #0003,0 0 0 2px var(--fp-mat-bg)}.frame-preview[data-frame=black]{--fp-frame-bg: #1b1b1b;--fp-frame-grain: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(0, 0, 0, .15));--fp-frame-hi: rgba(255, 255, 255, .12);--fp-frame-lo: rgba(0, 0, 0, .55)}.frame-preview[data-frame=white]{--fp-frame-bg: #f4f3ef;--fp-frame-grain: linear-gradient(180deg, rgba(255, 255, 255, .6), rgba(0, 0, 0, .06));--fp-frame-hi: rgba(255, 255, 255, .9);--fp-frame-lo: rgba(0, 0, 0, .18)}.frame-preview[data-frame=natural]{--fp-frame-bg: #c8a678;--fp-frame-grain: repeating-linear-gradient( 90deg, rgba(120, 82, 42, .05) 0px, rgba(120, 82, 42, 0) 6px, rgba(255, 238, 208, .05) 12px, rgba(120, 82, 42, 0) 18px ), linear-gradient(180deg, rgba(255, 244, 222, .4), rgba(120, 82, 42, .16));--fp-frame-hi: rgba(255, 244, 220, .5);--fp-frame-lo: rgba(120, 82, 42, .42)}.frame-preview[data-frame=dark-oak]{--fp-frame-bg: #6d4a2d;--fp-frame-grain: repeating-linear-gradient( 90deg, rgba(30, 16, 6, .08) 0px, rgba(30, 16, 6, 0) 6px, rgba(170, 120, 74, .06) 12px, rgba(30, 16, 6, 0) 18px ), linear-gradient(180deg, rgba(180, 128, 82, .28), rgba(40, 22, 10, .32));--fp-frame-hi: rgba(180, 128, 82, .36);--fp-frame-lo: rgba(24, 12, 5, .55)}.frame-preview[data-frame=walnut]{--fp-frame-bg: #4e3421;--fp-frame-grain: repeating-linear-gradient( 90deg, rgba(20, 12, 6, .09) 0px, rgba(20, 12, 6, 0) 7px, rgba(140, 96, 58, .06) 13px, rgba(20, 12, 6, 0) 20px ), linear-gradient(180deg, rgba(140, 96, 58, .24), rgba(20, 12, 6, .34));--fp-frame-hi: rgba(150, 104, 64, .32);--fp-frame-lo: rgba(14, 8, 4, .6)}.frame-preview[data-frame=gray]{--fp-frame-bg: #8c8c8c;--fp-frame-grain: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(0, 0, 0, .16));--fp-frame-hi: rgba(255, 255, 255, .4);--fp-frame-lo: rgba(0, 0, 0, .4)}.frame-preview[data-frame=brass]{--fp-frame-bg: #b08d57;--fp-frame-grain: linear-gradient(180deg, rgba(255, 240, 200, .4), rgba(90, 66, 30, .3));--fp-frame-hi: rgba(255, 244, 210, .5);--fp-frame-lo: rgba(80, 58, 24, .5)}.frame-preview[data-frame=none]{--fp-frame-w: 0%;--fp-shadow: none}.frame-preview[data-frame=none] .frame-preview__frame{background:transparent;box-shadow:none}.frame-preview[data-frame=none] .frame-preview__frame:after{display:none}.frame-preview[data-frame=none]:not(.is-matted){--fp-mat-w: 0%}.frame-preview[data-frame=none]:not(.is-matted) .frame-preview__mat{padding:0;background:transparent;box-shadow:none}.frame-preview[data-frame=none]:not(.is-matted) .frame-preview__window{box-shadow:none;background:transparent}.frame-preview[data-frame=none].is-matted .frame-preview__mat{background-color:var(--fp-mat-bg);box-shadow:inset 0 0 0 .1rem #0000000f,0 .8rem 2.4rem #00000029}
/*# sourceMappingURL=/cdn/shop/t/32/assets/frame-preview.css.map */