.product-media-container--live-mockup{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,9%,3.25rem);background-color:#f4f0ea;background-image:var(--mockup-background-image);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.product-media-container--live-mockup .live-mockup{width:100%;height:100%;container-type:size;display:flex;align-items:center;justify-content:center}.product-media-container--live-mockup .live-mockup__stage{width:min(100%,calc(100cqh * var(--live-mockup-aspect, .75)));max-width:100%;max-height:100%;margin-inline:auto}@media screen and (max-width:749px){.product-media-container--live-mockup{padding:max(2.5rem,10%) 8% 9%;align-items:center}.product-media-container--live-mockup .live-mockup__stage{width:min(88%,calc(96cqh * var(--live-mockup-aspect, .75)));max-height:90%}}.live-mockup{display:block;width:100%;height:auto;position:relative;--frame-width: 0px;--mat-width: 0px;--live-mockup-aspect: .75}.live-mockup:not([data-ready]) .live-mockup__stage{visibility:hidden}.live-mockup__preloads{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.live-mockup--empty,.live-mockup--empty .live-mockup__stage{display:none;height:0;min-height:0;margin:0;padding:0;overflow:hidden}.live-mockup__stage{position:relative;width:100%;max-width:var(--mockup-max-width, 520px);margin-inline:auto;transform:translateY(1.25%)}.live-mockup[data-show-dims] .live-mockup__stage{box-sizing:border-box;padding:0 3.75rem 2.5rem 0}.live-mockup__dim{position:absolute;color:#1f3b66;font-family:Futura,Futura PT,Futura Std,Century Gothic,Geneva,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap;pointer-events:none}.live-mockup__dim--h{top:0;right:0;bottom:2.5rem;width:3.75rem;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;padding-left:.75rem}.live-mockup__dim--w{right:3.75rem;bottom:0;left:0;height:2.5rem;display:flex;align-items:center;justify-content:center}.live-mockup__frame-shell{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;aspect-ratio:var(--live-mockup-aspect, .75);position:relative;padding:var(--frame-width, 0px);border:0;background:transparent}.live-mockup[data-frame-mode=css] .live-mockup__frame-shell[data-frame=white]{background:#f4f4f2}.live-mockup[data-frame-mode=css] .live-mockup__frame-shell[data-frame=black]{background:#1a1a1a}.live-mockup[data-frame-mode=css] .live-mockup__frame-shell[data-frame=wood]{background:#b08968}.live-mockup[data-frame-mode=css] .live-mockup__frame-shell[data-frame=red]{background:#8b1e1e}.live-mockup__rails{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;container-type:size}.live-mockup[data-frame-mode=overlay]:not([data-unframed=true]) .live-mockup__rails{display:block}.live-mockup__rail{position:absolute;box-sizing:border-box;overflow:hidden;background-image:var(--live-frame-overlay);background-size:var(--frame-width, 0px) auto;background-repeat:repeat-y;background-position:center}.live-mockup__rail--t,.live-mockup__rail--b{background-image:none}.live-mockup__rail--t:before,.live-mockup__rail--b:before{content:"";position:absolute;left:50%;top:50%;width:var(--frame-width, 0px);height:100cqw;background-image:var(--live-frame-overlay);background-size:100% auto;background-repeat:repeat-y;background-position:center}.live-mockup__rail--t:before{transform:translate(-50%,-50%) rotate(90deg)}.live-mockup__rail--b:before{transform:translate(-50%,-50%) rotate(-90deg)}.live-mockup__rail--t{top:0;left:0;right:0;height:var(--frame-width, 0px);clip-path:polygon(0 0,100% 0,calc(100% - var(--frame-width, 0px)) 100%,var(--frame-width, 0px) 100%)}.live-mockup__rail--b{bottom:0;left:0;right:0;height:var(--frame-width, 0px);clip-path:polygon(var(--frame-width, 0px) 0,calc(100% - var(--frame-width, 0px)) 0,100% 100%,0 100%)}.live-mockup__rail--l{top:0;left:0;bottom:0;width:var(--frame-width, 0px);clip-path:polygon(0 0,100% var(--frame-width, 0px),100% calc(100% - var(--frame-width, 0px)),0 100%)}.live-mockup__rail--r{top:0;right:0;bottom:0;width:var(--frame-width, 0px);clip-path:polygon(0 var(--frame-width, 0px),100% 0,100% 100%,0 calc(100% - var(--frame-width, 0px)))}.live-mockup:not([data-unframed=true]) .live-mockup__frame-shell{box-shadow:1px 2px 4px #0000000f}.live-mockup__frame-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.live-mockup__frame-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:var(--frame-width, 0px);background:linear-gradient(135deg,#ffffff1f,#ffffff08 40%,#0000000a 68%,#0000001a);mix-blend-mode:overlay;opacity:.35;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.live-mockup__miter{position:absolute;height:1px;width:calc(var(--frame-width, 0px) * 1.414);background:#5a5a5a4d}.live-mockup__miter--tl{top:0;left:0;transform-origin:0 50%;transform:rotate(45deg)}.live-mockup__miter--tr{top:0;right:0;transform-origin:100% 50%;transform:rotate(-45deg)}.live-mockup__miter--bl{bottom:0;left:0;transform-origin:0 50%;transform:rotate(-45deg)}.live-mockup__miter--br{bottom:0;right:0;transform-origin:100% 50%;transform:rotate(45deg)}.live-mockup__frame-fx:after{content:none}.live-mockup:not([data-unframed=true]) .live-mockup__frame-fx:after{content:"";position:absolute;inset:var(--frame-width, 0px);pointer-events:none;box-shadow:inset 0 0 5px #00000029,inset 0 1px 3px #0000002e}.live-mockup__window{position:relative;z-index:1;width:100%;height:100%;min-width:0;min-height:0;background:#efeae3}.live-mockup__glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;box-sizing:border-box;padding:var(--mat-width, 0px)}.live-mockup__mat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fcfcfc}.live-mockup__art-wrap{position:relative;width:100%;height:100%;z-index:1;overflow:hidden}.live-mockup[data-mat=yes] .live-mockup__art-wrap{box-sizing:border-box;border:1px solid #c8c8c8}.live-mockup__art{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.live-mockup[data-unframed=true] .live-mockup__frame-fx{display:none}.live-mockup[data-unframed=true] .live-mockup__window,.live-mockup[data-unframed=true] .live-mockup__glass,.live-mockup[data-unframed=true] .live-mockup__art-wrap{overflow:visible;background:transparent}.live-mockup[data-unframed=true] .live-mockup__art-wrap{box-shadow:0 2px 6px #0000001f}.live-mockup[data-unframed=true] .live-mockup__art{object-fit:contain}.product-framed-mockup{display:block;width:100%;box-sizing:border-box;background-color:#f4f0ea;background-image:var(--mockup-wall-image);background-size:cover;background-position:center}.product-framed-mockup__inner{width:100%;max-width:var(--page-width, 1200px);margin-inline:auto}.product-framed-mockup__heading{margin:0 0 1.25rem;text-align:center;font-size:1.125rem;letter-spacing:.04em}.product-framed-mockup__empty{margin:0;padding:2rem 1.5rem;text-align:center;line-height:1.4;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/live-product-mockup.css.map */