.jh-mockup{position:relative;display:block;aspect-ratio:1080 / 762;overflow:hidden;background:#e8e6e2;container-type:inline-size;content-visibility:auto;contain-intrinsic-size:auto 320px auto 226px}.jh-mockup__stage{position:absolute;top:0;left:0;transform-origin:0 0;background:var(--jh-room) 0 0 / 100% 100% no-repeat}.jh-mockup__stage>*,.jh-mockup__face>*,.jh-mockup__side>*{position:absolute;top:0;left:0}.jh-mockup__hand{background:var(--jh-hand) 0 0 / 100% 100% no-repeat}.jh-mockup__face,.jh-mockup__side{overflow:hidden;transform-origin:0 0;backface-visibility:hidden}.jh-mockup__face>*,.jh-mockup__side>*{width:100%;height:100%}.jh-mockup__paint{background:#ddd var(--jh-art) center / cover no-repeat}.jh-mockup__weave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1.3 0 0 0 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29' opacity='.5'/%3E%3C/svg%3E") 0 0 / 160px 160px,repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px)}.jh-mockup__side .jh-mockup__paint{background-position:0 0;background-size:var(--art-w) 100%;transform:scaleX(-1)}.jh-mockup__grain{width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E") 0 0 / 200px 200px;mix-blend-mode:overlay}.jh-mockup--h1 .jh-mockup__stage{width:1080px;height:762px;scale:tan(atan2(100cqw,1080px))}.jh-mockup--h1 .jh-mockup__face{width:1500px;height:1000px;transform:matrix3d(.3147479997,.0000656079,0,.0000010973,.003201601,.3088515275,0,.000005349,0,0,1,0,316.1364634756,60.1077203879,0,1)}.jh-mockup--h1 .jh-mockup__paint{filter:brightness(.96) contrast(1.07) saturate(1.14)}.jh-mockup--h1 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%),linear-gradient(110deg,rgba(255,255,255,.08) 0%,transparent 45% 55%,rgba(0,0,0,.08) 100%)}.jh-mockup--h1 .jh-mockup__weave{opacity:.154}.jh-mockup--h1 .jh-mockup__gloss{background:linear-gradient(#ffffff05,#ffffff05),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%);box-shadow:inset 0 0 16px #00000029,inset 0 0 3.8px #00000021}.jh-mockup--h1 .jh-mockup__grain{opacity:.132}.jh-mockup--h2 .jh-mockup__stage{width:1080px;height:762px;scale:tan(atan2(100cqw,1080px))}.jh-mockup--h2 .jh-mockup__face{width:1500px;height:1000px;transform:matrix3d(.3383516909,.0155166115,0,.0000783288,.0015040545,.3648406949,0,.0000023074,0,0,1,0,198.3589270766,121.6657943712,0,1)}.jh-mockup--h2 .jh-mockup__paint{filter:brightness(1) contrast(1.07) saturate(1.14)}.jh-mockup--h2 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%),linear-gradient(110deg,rgba(255,255,255,.1) 0%,transparent 45% 55%,rgba(0,0,0,.1) 100%)}.jh-mockup--h2 .jh-mockup__weave{opacity:.154}.jh-mockup--h2 .jh-mockup__gloss{background:linear-gradient(#ffffff05,#ffffff05),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%)}.jh-mockup--h2 .jh-mockup__side{--art-w: 1500px;width:45px;height:1000px;transform:matrix3d(.1976098846,-.0932280645,0,-.000255533,-.0012904553,.3579227245,0,-.0000065147,0,0,1,0,189.5748755605,124.1063390805,0,1)}.jh-mockup--h2 .jh-mockup__side .jh-mockup__shade{background:#00000040}.jh-mockup--h2 .jh-mockup__hand{left:598px;top:107px;width:71px;height:376px}.jh-mockup--h3 .jh-mockup__stage{width:1080px;height:762px;scale:tan(atan2(100cqw,1080px))}.jh-mockup--h3 .jh-mockup__face{width:1500px;height:1000px;transform:matrix3d(.3476992042,0,0,0,0,.3383019284,0,0,0,0,1,0,251.2255968779,55.8490358127,0,1)}.jh-mockup--h3 .jh-mockup__paint{filter:brightness(1) contrast(1.07) saturate(1.14)}.jh-mockup--h3 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%),linear-gradient(110deg,rgba(255,255,255,.08) 0%,transparent 45% 55%,rgba(0,0,0,.08) 100%)}.jh-mockup--h3 .jh-mockup__weave{opacity:.154}.jh-mockup--h3 .jh-mockup__gloss{background:linear-gradient(#ffffff05,#ffffff05),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%)}.jh-mockup--h3 .jh-mockup__hand{left:735px;top:387px;width:47px;height:60px}.jh-mockup--h3 .jh-mockup__grain{opacity:.176}.jh-mockup--h4 .jh-mockup__stage{width:1080px;height:762px;scale:tan(atan2(100cqw,1080px))}.jh-mockup--h4 .jh-mockup__face{width:1500px;height:1000px;transform:matrix3d(.2439793434,-.0323399374,0,-.0000903342,.0029567469,.3113733601,0,.0000058072,0,0,1,0,329.9154423099,152.6797062877,0,1)}.jh-mockup--h4 .jh-mockup__paint{filter:brightness(.97) contrast(1.07) saturate(1.14)}.jh-mockup--h4 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%),linear-gradient(110deg,rgba(255,255,255,.1) 0%,transparent 45% 55%,rgba(0,0,0,.1) 100%)}.jh-mockup--h4 .jh-mockup__weave{opacity:.154}.jh-mockup--h4 .jh-mockup__gloss{background:linear-gradient(to bottom,rgba(0,0,0,.111) 0,rgba(0,0,0,.05) 17.2px,transparent 57.2px),linear-gradient(to left,rgba(0,0,0,.12) 0,rgba(0,0,0,.054) 18.1px,transparent 60.4px),linear-gradient(to top,rgba(0,0,0,.065) 0,rgba(0,0,0,.029) 13.3px,transparent 44.5px),linear-gradient(to right,rgba(0,0,0,.052) 0,rgba(0,0,0,.023) 12.4px,transparent 41.3px),linear-gradient(#ffffff05,#ffffff05),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%)}.jh-mockup--h4 .jh-mockup__grain{opacity:.176}.jh-mockup--v1 .jh-mockup__stage{width:1216px;height:848px;scale:tan(atan2(100cqw,1216px))}.jh-mockup--v1 .jh-mockup__face{width:1000px;height:1500px;transform:matrix3d(.3507090924,-.0010020875,0,-.0000000267,-.0061214961,.3465566827,0,-.0000094203,0,0,1,0,439.634452835,56.9448023963,0,1)}.jh-mockup--v1 .jh-mockup__paint{filter:brightness(.9) contrast(1.07) saturate(1.14)}.jh-mockup--v1 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%),linear-gradient(110deg,rgba(255,255,255,.08) 0%,transparent 45% 55%,rgba(0,0,0,.08) 100%)}.jh-mockup--v1 .jh-mockup__weave{opacity:.154}.jh-mockup--v1 .jh-mockup__gloss{background:linear-gradient(to bottom,rgba(0,0,0,.243) 0,rgba(0,0,0,.109) 16.4px,transparent 54.6px),linear-gradient(to left,rgba(0,0,0,.265) 0,rgba(0,0,0,.119) 16.4px,transparent 54.6px),linear-gradient(to top,rgba(0,0,0,.124) 0,rgba(0,0,0,.056) 12.1px,transparent 40.2px),linear-gradient(to right,rgba(0,0,0,.118) 0,rgba(0,0,0,.053) 11.2px,transparent 37.4px),linear-gradient(#ffffff05,#ffffff05),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%)}.jh-mockup--v1 .jh-mockup__grain{opacity:.22}.jh-mockup--v2 .jh-mockup__stage{width:1080px;height:762px;scale:tan(atan2(100cqw,1080px))}.jh-mockup--v2 .jh-mockup__face{width:1000px;height:1500px;transform:matrix3d(.3300020871,-.0019143103,0,.0000021036,.0013419366,.3183189126,0,-.0000000087,0,0,1,0,433.7921986075,48.2637854982,0,1)}.jh-mockup--v2 .jh-mockup__paint{filter:brightness(.92) contrast(1.07) saturate(1.14)}.jh-mockup--v2 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%),linear-gradient(110deg,rgba(255,255,255,.08) 0%,transparent 45% 55%,rgba(0,0,0,.08) 100%)}.jh-mockup--v2 .jh-mockup__weave{opacity:.154}.jh-mockup--v2 .jh-mockup__gloss{background:linear-gradient(to bottom,rgba(0,0,0,.237) 0,rgba(0,0,0,.107) 8.3px,transparent 27.6px),linear-gradient(to left,rgba(0,0,0,.131) 0,rgba(0,0,0,.059) 6.4px,transparent 21.5px),linear-gradient(to top,rgba(0,0,0,.039) 0,rgba(0,0,0,.018) 4.6px,transparent 15.3px),linear-gradient(to right,rgba(0,0,0,.131) 0,rgba(0,0,0,.059) 6.4px,transparent 21.5px),linear-gradient(#ffffff05,#ffffff05),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%)}.jh-mockup--v2 .jh-mockup__hand{left:335px;top:296px;width:455px;height:466px}.jh-mockup--v2 .jh-mockup__grain{opacity:.22}.jh-mockup--v3 .jh-mockup__stage{width:1225px;height:864px;scale:tan(atan2(100cqw,1225px))}.jh-mockup--v3 .jh-mockup__face{width:1000px;height:1500px;transform:matrix3d(.5063369561,.0198247882,0,.0000656417,.0146098096,.4575566664,0,-.0000233199,0,0,1,0,370.7847269903,92.2690070734,0,1)}.jh-mockup--v3 .jh-mockup__paint{filter:brightness(1) contrast(1.07) saturate(1.14)}.jh-mockup--v3 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.2) 100%),linear-gradient(110deg,rgba(255,255,255,.14) 0%,transparent 45% 55%,rgba(0,0,0,.14) 100%)}.jh-mockup--v3 .jh-mockup__weave{opacity:.154}.jh-mockup--v3 .jh-mockup__gloss{background:linear-gradient(#ffffff08,#ffffff08),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%)}.jh-mockup--v3 .jh-mockup__side{--art-w: 1000px;width:30px;height:1500px;transform:matrix3d(.143327982,-.2784661418,0,-.0005810822,-.0084537466,.4047374716,0,-.0000786686,0,0,1,0,361.8073312758,98.8267588375,0,1)}.jh-mockup--v3 .jh-mockup__side .jh-mockup__shade{background:#0000004d}.jh-mockup--v3 .jh-mockup__hand{left:756px;top:59px;width:89px;height:62px}.jh-mockup--v4 .jh-mockup__stage{width:1080px;height:762px;scale:tan(atan2(100cqw,1080px))}.jh-mockup--v4 .jh-mockup__face{width:1000px;height:1500px;transform:matrix3d(.3259264683,-.0022674566,0,-.0000051571,.001165767,.3363070212,0,.0000018288,0,0,1,0,380.6035650946,130.539179835,0,1)}.jh-mockup--v4 .jh-mockup__paint{filter:brightness(1) contrast(1.07) saturate(1.14)}.jh-mockup--v4 .jh-mockup__shade{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.08) 100%),linear-gradient(110deg,rgba(255,255,255,.08) 0%,transparent 45% 55%,rgba(0,0,0,.08) 100%)}.jh-mockup--v4 .jh-mockup__weave{opacity:.154}.jh-mockup--v4 .jh-mockup__gloss{background:linear-gradient(#ffffff06,#ffffff06),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.066) 50%,transparent 70%);box-shadow:inset 0 0 15.2px #00000029,inset 0 0 3.7px #00000021}.jh-mockup--v4 .jh-mockup__grain{opacity:.176}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jh-canvas-mockup.css.map */