@font-face{font-family:TC_LaserSans;src:url(TC_LaserSans.ttf) format("truetype");font-weight:400;font-style:normal}input[hidden=hidden]{display:none}.box .face.back .face-text{position:absolute;top:0;left:0;bottom:0;right:0}.box .face.back .face-text .item p span{margin:auto;color:#000;font-family:TC_LaserSans!important;font-size:50px;width:215px;display:block;text-align:center}.box .face.back .face-text .item p.hidden{display:none}.item.product-line.product-line__placeholder:after{content:"Personalize \2665  sua \2665  mensagem";position:absolute;top:50%;left:50%;font-size:34px;transform:translate(-50%,-50%);color:#000;white-space:nowrap}.box3d{display:none;position:relative;perspective:1000px;width:300px;height:330px;margin:0 auto;text-align:center;transform:scale(.6)}.box3d .icon-new360{position:absolute;font-size:40px;top:-100px;right:-100px;transform:scale(1.5)}.box3d .rotate-box{position:absolute;top:50%;background:#fff;color:#ec6263;border:none;padding:6px;border-radius:50%;box-shadow:0 -1px 16px #0003;pointer-events:none}.box3d .rotate-box .svg-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.box3d .rotate-box svg{width:100%;height:100%}.box3d .rotate-box.rotate-top .svg-wrapper{transform:rotate(-90deg)}.box3d .rotate-box.rotate-right .svg-wrapper{transform:rotate(90deg)}.box3d .rotate-box.rotate-left .svg-wrapper{transform:rotate(-90deg)}@media (min-width: 1024px){.box3d .icon-new360{top:0;right:0;transform:scale(1)}.box3d .rotate-box .svg-wrapper{width:34px;height:34px}}.box3d .rotate-box.rotate-top{top:0;left:50%;padding-bottom:9px}.box3d .rotate-box.rotate-down{top:unset;bottom:0}.box3d .rotate-box.rotate-right{right:0}.box3d .rotate-box.rotate-left{left:0}@media (max-width: 1023px){.box3d .rotate-box.rotate-top{top:-112px;left:44%}.box3d .rotate-box.rotate-down{top:unset;bottom:0}.box3d .rotate-box.rotate-right{right:-117px}.box3d .rotate-box.rotate-left{left:-117px}}.box3d[data-active=front] .side.top{display:block;width:100%;height:80px;top:-80px}.box3d[data-active=front] .side.left{display:block;width:100px;height:260px;top:20%;left:-120px}.box3d[data-active=front] .side.right{display:block;width:80px;height:260px;top:34%;left:unset;right:-105px}.box3d[data-active=right] .side.top{display:block;width:100%;height:80px;top:-80px}.box3d[data-active=right] .side.front{display:block;width:100px;height:260px;top:20%;left:-120px}.box3d[data-active=right] .side.message{display:block;width:80px;height:260px;top:34%;left:unset;right:-105px}.box3d[data-active=left] .side.top{display:block;width:100%;height:80px;top:-80px}.box3d[data-active=left] .side.message{display:block;width:100px;height:260px;top:20%;left:-120px}.box3d[data-active=left] .side.front{display:block;width:80px;height:260px;top:34%;left:unset;right:-105px}.box3d[data-active=top] .side.message{display:block;width:100%;height:80px;top:-115px}.box3d[data-active=top] .side.left{display:block;width:100px;height:260px;top:20%;left:-120px}.box3d[data-active=top] .side.right{display:block;width:80px;height:260px;top:34%;left:unset;right:-105px}.box3d[data-active=message] .side.top{display:block;width:65%;height:80px;top:-110px}.box3d[data-active=message] .side.right{display:block;width:100px;height:260px;top:20%;left:-120px}.box3d[data-active=message] .side.left{display:block;width:80px;height:260px;top:34%;left:unset;right:-105px}@media (min-width: 1024px){.box3d[data-active=front] .side.top{display:block;width:100%;height:80px;top:unset}.box3d[data-active=front] .side.left{display:block;width:80px;height:260px;top:34%;left:unset}.box3d[data-active=front] .side.right{display:block;width:80px;height:260px;top:34%;left:unset;right:0}.box3d[data-active=right] .side.top{display:block;width:100%;height:80px;top:unset}.box3d[data-active=right] .side.front{display:block;width:80px;height:260px;top:34%;left:unset}.box3d[data-active=right] .side.message{display:block;width:80px;height:260px;top:34%;left:unset;right:0}.box3d[data-active=left] .side.top{display:block;width:100%;height:80px;top:unset}.box3d[data-active=left] .side.message{display:block;width:80px;height:260px;top:34%;left:unset}.box3d[data-active=left] .side.front{display:block;width:80px;height:260px;top:34%;left:unset;right:0}.box3d[data-active=top] .side.message{display:block;width:100%;height:80px;top:unset}.box3d[data-active=top] .side.left{display:block;width:80px;height:260px;top:34%;left:unset}.box3d[data-active=top] .side.right{display:block;width:80px;height:260px;top:34%;left:unset;right:0}.box3d[data-active=message] .side.top{display:block;width:100%;height:80px;top:unset}.box3d[data-active=message] .side.right{display:block;width:80px;height:260px;top:34%;left:unset}.box3d[data-active=message] .side.left{display:block;width:80px;height:260px;top:34%;left:unset;right:0}}.box3d .side{display:none;left:0;position:absolute;z-index:1}.box3d input[id^=top-]:checked~.box{transform:rotateX(-115deg) rotate(30deg) rotateY(0)}.box3d input[id^=bottom-]:checked~.box{transform:rotateX(90deg) rotateY(0)}.box3d input[id^=left-]:checked~.box{transform:rotateX(-25deg) rotateY(120deg)}.box3d input[id^=right-]:checked~.box{transform:rotateX(-25deg) rotateY(300deg) rotate(0)}.box3d[data-active=right] input[id^=right-]:checked~.box{transform:rotateX(-25deg) rotateY(-55deg) rotate(0)}.box3d input[id^=message-]:checked~.box{transform:rotateX(-25deg) rotateY(215deg)}.box3d input[id^=front-]:checked~.box{transform:rotateX(-25deg) rotateY(35deg)}.box{pointer-events:none;display:inline-block;transition:.85s cubic-bezier(.17,.8,.3,1.2);text-align:center;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:270px;height:270px;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(35deg)}.box .face{overflow:hidden;position:absolute;display:grid;width:250px;height:250px;border-radius:5px;text-transform:uppercase;font-size:0;background-repeat:no-repeat;background-size:contain}.box .face.remove-filter img{filter:brightness(1)}.box .face.front{transform:translateZ(125px);background-image:url(frontal-v2.jpg)}.box .face.top{background-image:url(superior-v2.jpg);transform:rotateX(90deg) translateZ(125px)}.box .face.right{background-image:url(direito-v2.jpg);transform:rotateY(90deg) translateZ(125px)}.box .face.left{background-image:url(esquerdo-v2.jpg);transform:rotateY(-90deg) translateZ(125px)}.box .face.back{background-image:url(mensagem-v2.jpg);transform:rotateY(180deg) translateZ(125px)}.box .face.bottom{background-image:url(superior-v2.jpg);transform:rotateX(-90deg) translateZ(125px)}@keyframes initialBox{0%{transform:rotateX(-25deg) rotateY(360deg)}to{transform:rotateX(-25deg) rotateY(215deg)}}.box{animation:2s ease-out 0s 1 initialBox}.box3d.active{position:absolute;bottom:90px;right:-90px;transform:scale(.25);z-index:1}.box3d.active .box{animation:none}.box3d.active label,.box3d.active .rotate-box,.box3d.active .icon-new360{display:none!important}.box .face img{margin:auto;filter:brightness(0);-webkit-user-select:none;user-select:none;max-width:100%;max-height:230px}.box .face.back .face-text{position:absolute;top:0;left:0;bottom:0;right:0;display:grid;display:-webkit-inline-box;-webkit-box-pack:center;-webkit-box-align:center}.box .face.back .face-text .item{display:grid;height:130px;margin:auto}.box .face.back .face-text .item p{width:215px;margin:auto}.box .face.back .face-text .item p span{margin:auto;color:#000;font-family:TC_LaserSans!important;font-size:50px;width:215px}.item.product-line.active #productLine1{margin-bottom:-5px}.item.product-line.product-line__placeholder{position:relative}.item.product-line.product-line__placeholder:after{content:"Personalize \2665  sua \2665  mensagem";position:absolute;top:50%;left:50%;font-size:34px;transform:translate(-50%,-50%);font-family:TC_LaserSans}@media (min-width: 1024px){.box3d{transform:scale(1);width:500px;height:500px;margin:0 auto 70px}}.product__media-item--3d{display:flex;align-items:center;justify-content:center;background:#f7f7f7;min-height:400px}.product__media-item--3d .box3d{display:block}@media (min-width: 750px){.product__media-item--3d{min-height:600px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-box3d.css.map */