.frame-preview-container{gap:1rem;display:flex;flex-direction:column}.frame-preview-container .overflow-hidden{overflow:hidden}.frame-preview-container .image{width:100%;height:auto;aspect-ratio:16/9;position:relative;background-color:#fff}.frame-preview-container .image.loading{animation:shimmer 2.5s infinite;-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/350% 100%;mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/350% 100%}@keyframes shimmer{to{-webkit-mask-position:left;mask-position:left}}.cart-item-image .frame-preview-container .image.loading{animation:none}.frame-preview-container .image.loading img{opacity:0}.frame-preview-container .image.loaded,.cart-item-image .frame-preview-container .image.loading img{opacity:1}.frame-preview-container .image img{width:100%;height:auto;display:block;transition:opacity .3s ease-in-out}.frame-preview-container .image img.template{z-index:10;position:relative;mix-blend-mode:multiply}.frame-preview-container .image img.canvas{max-width:initial;position:absolute}.frame-preview-container.scene-amy-collector .image img.template{mix-blend-mode:initial}.frame-preview-container.scene-amy-collector .template-1 img.canvas{top:9.5%;left:17.6%;width:64.6%;height:83%;position:absolute}.frame-preview-container.scene-amy-collector .template-2 img.canvas{bottom:16%;left:18.7%;height:38%;width:29.6%}.frame-preview-container.scene-concrete-framed .template-3{perspective:58rem}@media(max-width:1023px){.frame-preview-container.scene-concrete-framed .template-3{perspective:59vw}}@media(max-width:767px){.frame-preview-container.scene-concrete-framed .template-3{perspective:141vw}}.frame-preview-container.scene-concrete-framed .template-2 img.canvas{top:27.4%;left:42.7%;width:20.2%;height:auto;position:absolute}.frame-preview-container.scene-concrete-framed .template-1 img.canvas{bottom:14%;right:22.3%;height:auto;width:58.1%}.frame-preview-container.scene-concrete-framed .template-3 img.canvas{top:16.3%;left:47.9%;width:45.2%;height:57.8%;transform:rotate(354.1deg) rotateY(37.6deg) rotateX(358.9deg)}.frame-preview-container.scene-concrete-unframed .template-3 img.canvas{bottom:29.3%;left:-44.6%;width:285.5%;position:absolute;transform:rotate(330.6deg) rotateY(27.6deg) rotateX(46.8deg)}.frame-preview-container.scene-concrete-unframed .template-2 img.canvas{top:30.5%;left:30%;height:auto;width:12.7%}.frame-preview-container.scene-concrete-unframed .template-1 img.canvas{top:12.3%;left:19.1%;width:61.8%;height:auto}.frame-preview-container.scene-gym-framed .template-2,.frame-preview-container.scene-gym-framed .template-4{perspective:58rem}@media(max-width:1023px){.frame-preview-container.scene-gym-framed .template-2,.frame-preview-container.scene-gym-framed .template-4{perspective:59vw}}@media(max-width:767px){.frame-preview-container.scene-gym-framed .template-2,.frame-preview-container.scene-gym-framed .template-4{perspective:141vw}}.frame-preview-container.scene-gym-framed .template-5 img.canvas{bottom:24.2%;left:19.6%;width:199.6%;height:auto}.frame-preview-container.scene-gym-framed .template-2 img.canvas{bottom:25.5%;left:30.3%;height:54.7%;width:47.9%;transform:rotate(359deg) rotateY(55.4deg) rotateX(4deg)}.frame-preview-container.scene-gym-framed .template-3 img.canvas{top:31.3%;left:53.8%;width:9.2%;height:auto}.frame-preview-container.scene-gym-framed .template-4 img.canvas{top:21.6%;left:20.7%;width:24.6%;height:30%;transform:rotate(4.8deg) rotateY(35.6deg) rotateX(8.3deg)}.frame-preview-container.scene-gym-framed .template-1 img.canvas{top:17.1%;left:26.3%;width:52.5%;height:auto}.frame-preview-container.scene-gym-unframed .template-4,.frame-preview-container.scene-gym-unframed .template-5{perspective:58rem}@media(max-width:1023px){.frame-preview-container.scene-gym-unframed .template-4,.frame-preview-container.scene-gym-unframed .template-5{perspective:59vw}}@media(max-width:767px){.frame-preview-container.scene-gym-unframed .template-4,.frame-preview-container.scene-gym-unframed .template-5{perspective:141vw}}.frame-preview-container.scene-gym-unframed .template-3 img.canvas{bottom:25.7%;left:-45.7%;width:285.5%;position:absolute;transform:rotate(330.6deg) rotateY(27.6deg) rotateX(46.8deg)}.frame-preview-container.scene-gym-unframed .template-2 img.canvas{top:33.6%;left:30.5%;height:auto;width:9.9%}.frame-preview-container.scene-gym-unframed .template-1 img.canvas{top:19.5%;left:26.6%;width:48.6%;height:auto}.frame-preview-container.scene-gym-unframed .template-4 img.canvas{top:17.5%;left:35.4%;width:27.4%;height:36.7%;transform:rotate(.5deg) rotateY(0) rotateX(0)}.frame-preview-container.scene-gym-unframed .template-5 img.canvas{top:30.1%;left:38.8%;width:26.4%;height:23.8%;transform:rotate(359.6deg) rotateY(-55deg) rotateX(0)}.frame-preview-container.scene-a2-collector-walnut .template-2,.frame-preview-container.scene-a2-collector-walnut .template-3,.frame-preview-container.scene-a2-collector-walnut .template-4{perspective:58rem}@media(max-width:1023px){.frame-preview-container.scene-a2-collector-walnut .template-2,.frame-preview-container.scene-a2-collector-walnut .template-3,.frame-preview-container.scene-a2-collector-walnut .template-4{perspective:59vw}}@media(max-width:767px){.frame-preview-container.scene-a2-collector-walnut .template-2,.frame-preview-container.scene-a2-collector-walnut .template-3,.frame-preview-container.scene-a2-collector-walnut .template-4{perspective:141vw}}.frame-preview-container.scene-a2-collector-walnut .image img.template{mix-blend-mode:normal}.frame-preview-container.scene-a2-collector-walnut .template-1 img.canvas{top:-1.3%;left:0;width:73.9%;height:auto;right:0;margin:auto}.frame-preview-container.scene-a2-collector-walnut .template-1 img.meta{bottom:8%;left:16.3%;width:67.5%;height:auto;position:absolute}.frame-preview-container.scene-a2-collector-walnut .template-2 img.canvas{bottom:26.1%;right:23.6%;width:150%;height:auto;transform:rotate(-4.3deg) rotateY(-18.4deg) rotateX(15.9deg)}.frame-preview-container.scene-a2-collector-walnut .template-2 img.meta{bottom:26.1%;right:29.3%;width:148%;height:auto;max-width:initial;position:absolute;transform:rotate(-4.3deg) rotateY(-18.4deg) rotateX(18.9deg)}.frame-preview-container.scene-a2-collector-walnut .template-3 img.canvas{bottom:9.6%;width:28%;height:auto;right:31.6%;transform:rotate(-.9deg) rotateY(-35.4deg) rotateX(12deg)}.frame-preview-container.scene-a2-collector-walnut .template-3 img.meta{bottom:10.2%;right:33.8%;width:25.2%;height:auto;position:absolute;transform:rotate(-.9deg) rotateY(-35.4deg) rotateX(12deg)}.frame-preview-container.scene-a2-collector-walnut .template-4 img.canvas{top:26.4%;left:18.6%;width:28%;height:24.3%;transform:rotate(-3deg) rotateY(63.6deg) rotateX(-3.8deg)}.frame-preview-container.scene-a2-collector-walnut .template-4 img.meta{bottom:50.4%;left:19.6%;width:25.85%;height:4%;position:absolute;transform:rotate(-3deg) rotateY(63.6deg) rotateX(-3.8deg)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/frame-preview.css.map */