.product__3d-button{border:1px solid rgb(var(--border-color));border-radius:1px;background:rgb(var(--root-background));color:rgb(var(--root-text-color));z-index:1;justify-content:flex-start;align-items:center;width:36px;height:36px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;cursor:pointer;overflow:hidden;perspective:200px;transform-style:preserve-3d;padding:0 7px;position:absolute!important;bottom:16px!important;left:16px!important}.product__3d-button:hover{width:120px;border-radius:1px;box-shadow:0 4px 12px #0000001a}.product__3d-button .icon-morph-container{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product__3d-button .cube-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;perspective:150px;opacity:1}.product__3d-button .cube{position:relative;width:14px;height:14px;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(45deg)}.product__3d-button:hover .cube{animation:cubeRotateFast 2s linear infinite}.product__3d-button .cube-face{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;backface-visibility:visible}.product__3d-button .cube-front{transform:translateZ(7px);background:#fff;border:1px solid #666}.product__3d-button .cube-back{transform:translateZ(-7px) rotateY(180deg);background:#fff;border:1px solid #666}.product__3d-button .cube-right{transform:rotateY(90deg) translateZ(7px);background:#666;border:1px solid #666}.product__3d-button .cube-left{transform:rotateY(-90deg) translateZ(7px);background:#666;border:1px solid #666}.product__3d-button .cube-top{transform:rotateX(90deg) translateZ(7px);background:#fff;border:1px solid #666}.product__3d-button .cube-bottom{transform:rotateX(-90deg) translateZ(7px);background:#fff;border:1px solid #666}@keyframes cubeRotateFast{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.product__3d-button.demo-active .cube{animation:cubeDemoSpin 2s ease-in-out}@keyframes cubeDemoSpin{0%{transform:rotateX(-25deg) rotateY(45deg)}50%{transform:rotateX(165deg) rotateY(385deg)}to{transform:rotateX(335deg) rotateY(765deg)}}.product__3d-button .sliding-text{color:rgb(var(--root-text-color));font-size:12px;font-weight:600;margin-left:8px;opacity:0;transform:translate(-10px);transition:all .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;max-width:0}.product__3d-button:hover .sliding-text{opacity:1;transform:translate(0);max-width:80px}.product__3d-button.auto-show-text .sliding-text{animation:slideTextShow 3s ease-in-out;animation-fill-mode:forwards}@keyframes slideTextShow{0%{opacity:0;transform:translate(-10px);max-width:0}15%{opacity:1;transform:translate(0);max-width:80px}70%{opacity:1;transform:translate(0);max-width:80px}85%,to{opacity:0;transform:translate(-10px);max-width:0}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/custom.css.map */