.ps-section[data-ps-framing-render-mode=css] .ps-css-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ps-section .ps-css-frame{position:relative;z-index:1;display:grid;box-sizing:content-box;width:var(--ps-css-mat-box-width, 1px);height:var(--ps-css-mat-box-height, 1px);padding:var(--ps-css-frame-width, 0);place-items:stretch;background-color:transparent;transition:width .2s ease,height .2s ease,padding .2s ease,box-shadow .2s ease}.ps-section .ps-css-frame[data-has-frame=true]{background-color:var(--ps-css-frame-color, #111);box-shadow:0 10px 18px #19141038}.ps-section[data-ps-framing-render-mode=css] .ps-css-frame[data-has-frame=true]:before{position:absolute;z-index:3;top:var(--ps-css-frame-width, 0);right:var(--ps-css-frame-width, 0);left:var(--ps-css-frame-width, 0);height:4px;background:linear-gradient(180deg,rgb(20 14 10 / 52%) 0,rgb(20 14 10 / 28%) 45%,transparent 100%);content:"";pointer-events:none}.ps-section[data-ps-framing-render-mode=css] .ps-css-frame[data-has-frame=true]:after{position:absolute;z-index:2;inset:var(--ps-css-frame-width, 0);box-shadow:inset 0 12px 16px -9px #18120e75,inset 12px 0 16px -9px #18120e75;content:"";pointer-events:none}.ps-section .ps-css-mat{position:relative;display:grid;box-sizing:border-box;width:100%;height:100%;padding:var(--ps-css-mat-width, 0);place-items:stretch;background-color:transparent;transition:padding .2s ease,background-color .2s ease}.ps-section .ps-css-frame__rail{position:absolute;z-index:1;display:none;background-color:var(--ps-css-frame-color, #111);pointer-events:none}.ps-section[data-ps-framing-render-mode=css] .ps-css-frame[data-has-frame=true]>.ps-css-mat>.ps-css-frame__rail{display:block}.ps-section .ps-css-frame__rail--top{top:calc(0px - var(--ps-css-frame-width, 0px));right:calc(0px - var(--ps-css-frame-width, 0px));left:calc(0px - var(--ps-css-frame-width, 0px));height:var(--ps-css-frame-width, 0px);clip-path:polygon(0 0,100% 0,calc(100% - var(--ps-css-frame-width, 0px)) 100%,var(--ps-css-frame-width, 0px) 100%);background-position:center,var(--ps-css-frame-texture-top-position, center);background-repeat:no-repeat,var(--ps-css-frame-texture-top-repeat, no-repeat);background-size:cover,var(--ps-css-frame-texture-top-size, cover)}.ps-section .ps-css-frame__rail--right{top:calc(0px - var(--ps-css-frame-width, 0px));right:calc(0px - var(--ps-css-frame-width, 0px));bottom:calc(0px - var(--ps-css-frame-width, 0px));width:var(--ps-css-frame-width, 0px);clip-path:polygon(100% 0,100% 100%,0 calc(100% - var(--ps-css-frame-width, 0px)),0 var(--ps-css-frame-width, 0px));background-position:center,var(--ps-css-frame-texture-right-position, center);background-repeat:no-repeat,var(--ps-css-frame-texture-right-repeat, no-repeat);background-size:cover,var(--ps-css-frame-texture-right-size, cover)}.ps-section .ps-css-frame__rail--bottom{right:calc(0px - var(--ps-css-frame-width, 0px));bottom:calc(0px - var(--ps-css-frame-width, 0px));left:calc(0px - var(--ps-css-frame-width, 0px));height:var(--ps-css-frame-width, 0px);clip-path:polygon(var(--ps-css-frame-width, 0px) 0,calc(100% - var(--ps-css-frame-width, 0px)) 0,100% 100%,0 100%);background-position:center,var(--ps-css-frame-texture-bottom-position, center);background-repeat:no-repeat,var(--ps-css-frame-texture-bottom-repeat, no-repeat);background-size:cover,var(--ps-css-frame-texture-bottom-size, cover)}.ps-section .ps-css-frame__rail--left{top:calc(0px - var(--ps-css-frame-width, 0px));bottom:calc(0px - var(--ps-css-frame-width, 0px));left:calc(0px - var(--ps-css-frame-width, 0px));width:var(--ps-css-frame-width, 0px);clip-path:polygon(0 0,100% var(--ps-css-frame-width, 0px),100% calc(100% - var(--ps-css-frame-width, 0px)),0 100%);background-position:center,var(--ps-css-frame-texture-left-position, center);background-repeat:no-repeat,var(--ps-css-frame-texture-left-repeat, no-repeat);background-size:cover,var(--ps-css-frame-texture-left-size, cover)}.ps-section .ps-css-frame[data-frame-style=oak]{--ps-css-frame-texture-top: url(./ps-css-frame-oak-texture-v3-horizontal.webp);--ps-css-frame-texture-right: url(./ps-css-frame-oak-texture-v3-vertical.webp);--ps-css-frame-texture-bottom: url(./ps-css-frame-oak-texture-v3-horizontal.webp);--ps-css-frame-texture-left: url(./ps-css-frame-oak-texture-v3-vertical.webp);--ps-css-frame-texture-top-position: 0 center;--ps-css-frame-texture-right-position: center 0;--ps-css-frame-texture-bottom-position: var(--ps-css-oak-texture-bottom-offset, 47px) center;--ps-css-frame-texture-left-position: center var(--ps-css-oak-texture-left-offset, 53px);--ps-css-frame-texture-top-repeat: repeat;--ps-css-frame-texture-right-repeat: repeat;--ps-css-frame-texture-bottom-repeat: repeat;--ps-css-frame-texture-left-repeat: repeat;--ps-css-frame-texture-top-size: calc(var(--ps-css-oak-texture-size, 100px) + var(--ps-css-oak-texture-size, 100px)) var(--ps-css-oak-texture-size, 100px);--ps-css-frame-texture-right-size: var(--ps-css-oak-texture-size, 100px) calc(var(--ps-css-oak-texture-size, 100px) + var(--ps-css-oak-texture-size, 100px));--ps-css-frame-texture-bottom-size: calc(var(--ps-css-oak-texture-size, 100px) + var(--ps-css-oak-texture-size, 100px)) var(--ps-css-oak-texture-size, 100px);--ps-css-frame-texture-left-size: var(--ps-css-oak-texture-size, 100px) calc(var(--ps-css-oak-texture-size, 100px) + var(--ps-css-oak-texture-size, 100px))}.ps-section .ps-css-frame[data-frame-material=wood] .ps-css-frame__rail--top{background-image:linear-gradient(180deg,rgb(255 255 255 / 22%),transparent 34%,rgb(0 0 0 / 18%)),var(--ps-css-frame-texture-top, repeating-linear-gradient(0deg, transparent 0 3px, rgb(255 255 255 / 8%) 4px, rgb(0 0 0 / 9%) 6px));background-blend-mode:soft-light,normal}.ps-section .ps-css-frame[data-frame-material=wood] .ps-css-frame__rail--right{background-image:linear-gradient(90deg,rgb(0 0 0 / 20%),transparent 42%,rgb(255 255 255 / 16%)),var(--ps-css-frame-texture-right, repeating-linear-gradient(90deg, transparent 0 3px, rgb(0 0 0 / 10%) 5px, rgb(255 255 255 / 7%) 7px));background-blend-mode:soft-light,normal}.ps-section .ps-css-frame[data-frame-material=wood] .ps-css-frame__rail--bottom{background-image:linear-gradient(0deg,rgb(255 255 255 / 13%),transparent 38%,rgb(0 0 0 / 22%)),var(--ps-css-frame-texture-bottom, repeating-linear-gradient(180deg, transparent 0 4px, rgb(0 0 0 / 9%) 5px, rgb(255 255 255 / 7%) 7px));background-blend-mode:soft-light,normal}.ps-section .ps-css-frame[data-frame-material=wood] .ps-css-frame__rail--left{background-image:linear-gradient(270deg,rgb(0 0 0 / 18%),transparent 46%,rgb(255 255 255 / 20%)),var(--ps-css-frame-texture-left, repeating-linear-gradient(270deg, transparent 0 4px, rgb(255 255 255 / 8%) 5px, rgb(0 0 0 / 10%) 7px));background-blend-mode:soft-light,normal}.ps-section .ps-css-frame[data-frame-style=white-wood] .ps-css-frame__rail,.ps-section .ps-css-frame[data-frame-style=black-wood] .ps-css-frame__rail{background-color:var(--ps-css-frame-color, #111);background-image:none;background-blend-mode:normal}.ps-section .ps-css-frame[data-frame-material=alu] .ps-css-frame__rail--top{background-image:linear-gradient(180deg,rgb(255 255 255 / 58%),transparent 32%,rgb(0 0 0 / 28%)),var(--ps-css-frame-texture-top, linear-gradient(90deg, rgb(255 255 255 / 12%), transparent 38%, rgb(0 0 0 / 10%)));background-blend-mode:overlay,normal}.ps-section .ps-css-frame[data-frame-material=alu] .ps-css-frame__rail--right{background-image:linear-gradient(90deg,rgb(0 0 0 / 32%),transparent 45%,rgb(255 255 255 / 48%)),var(--ps-css-frame-texture-right, linear-gradient(180deg, rgb(255 255 255 / 8%), transparent 45%, rgb(0 0 0 / 12%)));background-blend-mode:overlay,normal}.ps-section .ps-css-frame[data-frame-material=alu] .ps-css-frame__rail--bottom{background-image:linear-gradient(0deg,rgb(255 255 255 / 42%),transparent 40%,rgb(0 0 0 / 35%)),var(--ps-css-frame-texture-bottom, linear-gradient(270deg, rgb(0 0 0 / 10%), transparent 38%, rgb(255 255 255 / 10%)));background-blend-mode:overlay,normal}.ps-section .ps-css-frame[data-frame-material=alu] .ps-css-frame__rail--left{background-image:linear-gradient(270deg,rgb(0 0 0 / 28%),transparent 44%,rgb(255 255 255 / 52%)),var(--ps-css-frame-texture-left, linear-gradient(0deg, rgb(0 0 0 / 12%), transparent 46%, rgb(255 255 255 / 8%)));background-blend-mode:overlay,normal}.ps-section[data-ps-framing-render-mode=css] .ps-css-frame[data-has-frame=true]>.ps-css-mat:before{position:absolute;z-index:4;inset:calc(0px - var(--ps-css-frame-width, 0px));background:linear-gradient(180deg,#fff 0,transparent 3px),linear-gradient(90deg,#fff 0,transparent 3px);content:"";mix-blend-mode:screen;opacity:.5;pointer-events:none}.ps-section[data-ps-framing-render-mode=css] .ps-css-frame[data-has-frame=true]>.ps-css-mat:after{position:absolute;z-index:5;inset:calc(0px - var(--ps-css-frame-width, 0px));background:linear-gradient(45deg,transparent calc(50% - 1.25px),rgb(18 13 9 / 55%) calc(50% - .5px),rgb(255 255 255 / 28%) calc(50% + .5px),transparent calc(50% + 1.25px)) top left / var(--ps-css-frame-width, 0px) var(--ps-css-frame-width, 0px) no-repeat,linear-gradient(135deg,transparent calc(50% - 1.25px),rgb(18 13 9 / 55%) calc(50% - .5px),rgb(255 255 255 / 28%) calc(50% + .5px),transparent calc(50% + 1.25px)) top right / var(--ps-css-frame-width, 0px) var(--ps-css-frame-width, 0px) no-repeat,linear-gradient(135deg,transparent calc(50% - 1.25px),rgb(18 13 9 / 55%) calc(50% - .5px),rgb(255 255 255 / 28%) calc(50% + .5px),transparent calc(50% + 1.25px)) bottom left / var(--ps-css-frame-width, 0px) var(--ps-css-frame-width, 0px) no-repeat,linear-gradient(45deg,transparent calc(50% - 1.25px),rgb(18 13 9 / 55%) calc(50% - .5px),rgb(255 255 255 / 28%) calc(50% + .5px),transparent calc(50% + 1.25px)) bottom right / var(--ps-css-frame-width, 0px) var(--ps-css-frame-width, 0px) no-repeat;content:"";opacity:.45;pointer-events:none}.ps-section .ps-css-mat[data-has-mat=true]{background-color:var(--ps-css-mat-color, #fff);box-shadow:inset 0 0 0 1px #1e202014}.ps-section .ps-css-artwork{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.ps-section .ps-css-artwork .ps-main-media__image{position:static;display:block;width:100%;height:100%;max-height:none;object-fit:contain;transform:none}@media(prefers-reduced-motion:reduce){.ps-section .ps-css-frame,.ps-section .ps-css-mat{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-css-framing.css.map?psv=plain-frame-finish-v1-20260818 */