.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: #fbfbf9;--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,#ffffff80,#fff0 42%,#00000008);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:block;z-index:2;inset:calc(var(--fp-cw, 320px) * .021);border-image-source:var(--fp-mat-src);border-image-slice:99 71;border-width:calc(var(--fp-cw, 320px) * .11)}.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[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/29/assets/frame-preview.css.map */