.framed-art{isolation:isolate;container-type:inline-size}.print-face{isolation:isolate;line-height:0;position:absolute}.frame-rails{pointer-events:none;background:inherit;position:absolute;inset:0}.frame-rail{background-color:var(--frame-color,transparent);display:block;position:absolute;box-shadow:inset .5px .5px .6px #fff5,inset -.5px -.5px .8px #0007}.frame-rail.top{height:var(--face-y);clip-path:polygon(0 0,100% 0,calc(100% - var(--face-x)) 100%,var(--face-x) 100%);filter:brightness(1.04);inset:0 0 auto}.frame-rail.bottom{height:var(--face-y);clip-path:polygon(var(--face-x) 0,calc(100% - var(--face-x)) 0,100% 100%,0 100%);filter:brightness(.9);inset:auto 0 0}.frame-rail.left{width:var(--face-x);clip-path:polygon(0 0,100% var(--face-y),100% calc(100% - var(--face-y)),0 100%);filter:brightness(1.01);inset:0 auto 0 0}.frame-rail.right{width:var(--face-x);clip-path:polygon(0 var(--face-y),100% 0,100% 100%,0 calc(100% - var(--face-y)));filter:brightness(.88);inset:0 0 0 auto}.wood-frame .frame-rail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='500'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.17 .008' numOctaves='3' seed='17'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .12 0 0 0 0 .07 0 0 0 0 .025 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:35px 340px}.wood-frame .frame-rail.top,.wood-frame .frame-rail.bottom{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .17' numOctaves='3' seed='17'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .12 0 0 0 0 .07 0 0 0 0 .025 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:340px 35px}.textured-frame .frame-rail.top{background-image:var(--frame-tex-top);background-position:0 0;background-repeat:repeat-x;background-size:auto 100%}.textured-frame .frame-rail.bottom{background-image:var(--frame-tex-bottom);background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%}.textured-frame .frame-rail.left{background-image:var(--frame-tex-left);background-position:0 0;background-repeat:repeat-y;background-size:100%}.textured-frame .frame-rail.right{background-image:var(--frame-tex-right);background-position:100% 0;background-repeat:repeat-y;background-size:100%}.canvas-print.unframed{box-shadow:1px 1px 1px #0003,3px 5px 5px #0003,7px 12px 19px #0002}.canvas-print>.mat{box-shadow:none}.canvas-print .print-face{box-shadow:inset 1px 1px .8px #fff3,1px 2px 2px #0005}.canvas-print .print-face:after{content:"";pointer-events:none;opacity:.12;background:linear-gradient(125deg,#ffffff0a,#0000 45%,#00000005),repeating-linear-gradient(0deg,#fff3 0 .4px,#0000 .4px 2px),repeating-linear-gradient(90deg,#0002 0 .3px,#0000 .3px 2px);position:absolute;inset:0;box-shadow:inset .6px .6px .7px #fff5,inset -.7px -.7px 1px #0005}.canvas-side{z-index:-1;pointer-events:none;background-repeat:no-repeat;position:absolute}.canvas-side.right{width:var(--canvas-side);transform-origin:0 0;filter:brightness(.64);background-position:100%;background-size:8000% 100%;height:100%;top:0;left:calc(100% - .2px);transform:skewY(13deg)}.canvas-side.bottom{width:100%;height:var(--canvas-bottom);transform-origin:0 0;filter:brightness(.53);background-position:bottom;background-size:100% 8000%;top:calc(100% - .2px);left:0;transform:skew(58deg)}.floating-print>.mat{box-shadow:inset 1px 1px 2px #000b,inset -1px -1px 1px #ffffff18;background:linear-gradient(135deg,#191713,#3b352c)!important}.floating-print .print-face{box-shadow:-.5px -.5px .7px #ffffff1a,1px 2px 2px #000c,3px 4px 5px #0006}.floating-print .canvas-side.right{filter:brightness(.8)}.floating-print .canvas-side.bottom{filter:brightness(.7);transform:skew(30deg)}.room-hung-art:has(.canvas-print.unframed){box-shadow:var(--contact-x) var(--contact-y) var(--contact-blur) #15130f66,var(--cast-x) var(--cast-y) var(--cast-blur) #16130e45,0 0 var(--ambient-blur) #17140f16}.room-hung-art .canvas-print.unframed,.room-hung-art .canvas-print>.mat{box-shadow:none}.frame-rail:after{content:"";pointer-events:none;position:absolute;inset:0}.frame-rail.top:after{background:linear-gradient(to bottom,#ffffff40 0,#fff0 calc(var(--in)*.07),#0000 calc(100% - var(--in)*.07),#00000059 100%)}.frame-rail.left:after{background:linear-gradient(to right,#fff3 0,#fff0 calc(var(--in)*.07),#0000 calc(100% - var(--in)*.07),#00000052 100%)}.frame-rail.bottom:after{background:linear-gradient(to top,#0000004d 0,#0000 calc(var(--in)*.08),#0000 calc(100% - var(--in)*.05),#ffffff2e 100%)}.frame-rail.right:after{background:linear-gradient(to left,#00000052 0,#0000 calc(var(--in)*.08),#0000 calc(100% - var(--in)*.05),#ffffff26 100%)}.framed-art.has-frame>.mat{box-shadow:none}.framed-art.has-frame>.mat:after{content:"";z-index:2;pointer-events:none;box-shadow:inset calc(var(--in)*.09) calc(var(--in)*.13) calc(var(--in)*.2) #0000004d,inset calc(var(--in)*-.02) calc(var(--in)*-.02) calc(var(--in)*.06) #0000001a;position:absolute;inset:0}.framed-art.has-mat .print-face:before{content:"";inset:calc(var(--in)*-.07);z-index:-1;border:calc(var(--in)*.07) solid var(--bevel-color,#fbfaf6);border-top-color:color-mix(in srgb,var(--bevel-color,#fbfaf6) 84%,#000);border-left-color:color-mix(in srgb,var(--bevel-color,#fbfaf6) 90%,#000);pointer-events:none;position:absolute}.framed-art.has-mat .print-face:after{content:"";z-index:1;pointer-events:none;box-shadow:inset calc(var(--in)*.02) calc(var(--in)*.03) calc(var(--in)*.05) #00000038;position:absolute;inset:0}.framed-art.glazed>.mat:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(118deg,#fff0 30%,#ffffff14 42%,#ffffff08 50%,#fff0 58%);position:absolute;inset:0}
