.jp2-art,.joffz-home-art__piece{--joffz-frame:url(joffz-oak-materials-v2.svg#oak);--joffz-slice:32}.jp2-art[data-finish=black]{--joffz-frame:url(joffz-gelato-materials.svg#black)}.jp2-art[data-finish=white]{--joffz-frame:url(joffz-gelato-materials.svg#white)}.jp2-art[data-finish=oak-canvas]{--joffz-frame:url(joffz-oak-materials-v2.svg#oak-canvas);--joffz-slice:40}.jp2-art[data-finish=black-canvas]{--joffz-frame:url(joffz-gelato-materials.svg#black-canvas);--joffz-slice:40}.jp2-art[data-finish=white-canvas]{--joffz-frame:url(joffz-gelato-materials.svg#white-canvas);--joffz-slice:40}.jp2-art .jp2-art__rail,.joffz-home-art__piece .joffz-home-art__rail{display:none}.jp2-art:after,.joffz-home-art__piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:var(--rail,var(--home-rail,8px)) solid transparent;border-image-source:var(--joffz-frame);border-image-slice:var(--joffz-slice);border-image-repeat:stretch;pointer-events:none;z-index:1}.jp2-art[data-finish$=-canvas]:after{border-width:calc(var(--rail) + 4px)}.jp2-art[data-finish=poster]:after,.jp2-art[data-finish=canvas]:after{display:none}.joffz-home-frame-card .joffz-home-art__piece{background:transparent;box-shadow:2px 3px 3px #4b3b2526,5px 9px 13px #4b3b252c}.jp2-art[data-finish$=-canvas]{background:#34312b}.jp2-art[data-finish=white-canvas]{background:#cac9c4}.jp2__selected-finish{display:block;width:36px;height:42px;object-fit:contain;flex:0 0 36px;border-radius:3px;background:transparent}.jp2-framing .jp2-framing__film{max-width:390px;width:100%;aspect-ratio:9/16;background:transparent}.jp2-framing .jp2-framing__film video{width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:cover}joffz-pdp2 .jp2__dialog{height:100dvh;top:0;right:0;bottom:0;left:0;transform:none;translate:none;overscroll-behavior:none}joffz-pdp2 .jp2__dialog--drawer .jp2__panel{transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .25s ease;will-change:transform}@media(max-width:749px){joffz-pdp2 .jp2__dialog--drawer .jp2__panel{position:absolute;inset:auto 0 0;width:100%;max-height:88dvh;min-height:0;border-radius:18px 18px 0 0;transform:translateY(28px);opacity:0}joffz-pdp2 .jp2__dialog--drawer.is-visible .jp2__panel{transform:translateY(0);opacity:1}joffz-pdp2 .jp2__dialog--drawer .jp2__panel header{position:sticky;top:-18px;z-index:2;margin:-1px 0 20px;padding:8px 0 12px;background:var(--jp2-paper)}.jp2-framing .jp2-framing__film{max-width:330px}.jp2__selected-finish{width:34px;height:38px;flex-basis:34px}}@media(prefers-reduced-motion:reduce){joffz-pdp2 .jp2__dialog--drawer .jp2__panel{transition:none;transform:none}}.jp2-art{--rail:clamp(7px,.8vw,12px);box-shadow:1px 2px 2px #0002,4px 8px 12px #0002}.jp2-art[data-finish$=-canvas]{padding:calc(var(--rail) + 4px)}.joffz-home-frame-card .joffz-home-art__piece{--home-rail:8px;box-shadow:1px 2px 2px #0002,3px 6px 9px #0002}.jp2__slide .jp2-art[data-finish^=oak]{--rail:clamp(12px,1.1vw,18px)!important}.joffz-home-frame-card .joffz-home-art__piece[data-finish^=oak]{--home-rail:10px!important}.joffz-home-frame-card .joffz-home-art__piece[data-finish^=oak]{--home-rail:clamp(3px,1.7cqw,8px)!important;container-type:normal}.joffz-home-frame-card:has(.joffz-home-art){container-type:inline-size}
/*# sourceMappingURL=/cdn/shop/t/65/assets/joffz-frame-materials.css.map */