html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#0000!important}canvas{width:100%;height:100%;display:block;background-color:#0000!important}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular.woff)format("woff");font-weight:400;font-style:normal}body{color:#18181b;background-color:#0000;margin:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;max-width:100%;min-height:100vh;margin:0;display:block}.app-container{background-color:#0000;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.display-area{box-sizing:border-box;background-color:#0000;flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.carousel-wrapper{z-index:1;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.product-card-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.product-card-box{background-color:#0000;border-radius:40px;width:100%;height:80%;transition:all .3s;position:relative;overflow:visible}.product-card-bg-frame{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-position:50%;background-size:cover;border-radius:30px;width:70%;height:70%;transition:all .3s;position:absolute;top:15%;left:15%}.card-preview-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.card-3d-container{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.card-buttons-wrapper{z-index:5;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex;position:relative}.card-explore-button{color:#2d2d2d;cursor:pointer;box-shadow:none;z-index:1;background-color:#f7f7f7;border:none;border-radius:99px;flex-flow:row;justify-content:flex-start;align-items:center;gap:12px;height:44px;padding:4px 20px 4px 5px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.card-view-live-button{cursor:pointer;box-shadow:none;z-index:1;background-color:#f7f7f7;border:1px solid #e4e4e7;border-radius:99px;justify-content:center;align-items:center;height:44px;padding:0 24px;transition:border-color .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.card-view-live-button:before{content:"";z-index:0;transform-origin:0;border-radius:inherit;background-color:#2d2d2d;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.card-view-live-button:hover{border-color:#2d2d2d}.card-view-live-button:hover:before{transform:scaleX(1)}.button-label-text-live{color:#2d2d2d;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:1;letter-spacing:normal;font-family:Satoshi,sans-serif;font-size:13px;font-weight:600;transition:color .3s cubic-bezier(.16,1,.3,1);position:relative}.card-view-live-button:hover .button-label-text-live{color:#fff}.card-explore-button:before{content:"";z-index:0;transform-origin:0;border-radius:inherit;background-color:#2d2d2d;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.product-card-container.active .card-explore-button{color:#2d2d2d;background-color:#f7f7f7;gap:12px;height:44px;padding:4px 20px 4px 5px}.product-card-container:not(.active) .card-explore-button{opacity:1;cursor:pointer;pointer-events:auto}.card-explore-button:hover,.product-card-container.active .card-explore-button:hover{box-shadow:none;transform:none}.card-explore-button:hover:before,.product-card-container.active .card-explore-button:hover:before{transform:scaleX(1)}.button-arrow-circle{z-index:1;background-color:#2d2d2d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.product-card-container.active .button-arrow-circle{background-color:#2d2d2d;width:36px;height:36px}.card-explore-button:hover .button-arrow-circle,.product-card-container.active .card-explore-button:hover .button-arrow-circle{background-color:#0000;transform:rotate(-45deg)}.button-label-text{color:#2d2d2d;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:1;letter-spacing:normal;font-family:Satoshi,sans-serif;font-size:13px;font-weight:600;transition:color .3s cubic-bezier(.16,1,.3,1);position:relative}.product-card-container.active .button-label-text{color:#2d2d2d;letter-spacing:normal;font-size:13px}.card-explore-button:hover .button-label-text,.product-card-container.active .card-explore-button:hover .button-label-text{color:#fff}.interact-pointer-overlay{pointer-events:none;z-index:8;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interact-pointer-overlay.visible{opacity:1;visibility:visible;animation:3.5s ease-in-out infinite pointerWobble}.pointer-hand-img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 12px #00000026);width:60px;height:auto}@keyframes pointerWobble{0%,to{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(-20px)}75%{transform:translate(-50%,-50%)translate(20px)}}