.logo-3d-container{position:relative;margin:2rem 0}.logo-3d-viewer{position:relative;background:var(--color-background);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:box-shadow .3s ease}.logo-3d-viewer:hover{box-shadow:0 8px 30px #00000026}.logo-3d-viewer canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.logo-3d-viewer canvas:active{cursor:grabbing}.logo-3d-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:rgb(var(--color-foreground));background:linear-gradient(135deg,rgba(var(--color-background),.8),rgba(var(--color-base-background-1),.9))}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-foreground),.1);border-top:3px solid rgb(var(--color-foreground));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-3d-loading p{margin:0;font-size:1.4rem;font-weight:500;text-align:center}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:rgb(var(--color-foreground));text-align:center}.error-message svg{color:rgb(var(--color-base-accent-2));margin-bottom:1rem}.error-message p{margin:0;font-size:1.4rem;max-width:300px}.logo-3d-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:rgba(var(--color-foreground),.6);background:rgba(var(--color-base-background-2),.5);border:2px dashed rgba(var(--color-foreground),.2);border-radius:10px;text-align:center}.logo-3d-placeholder svg{margin-bottom:1rem;opacity:.6}.logo-3d-placeholder p{margin:0;font-size:1.4rem;font-weight:500}.logo-3d-controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.logo-3d-control{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;font-family:inherit;line-height:1}.logo-3d-control:hover{background:rgb(var(--color-button-text));color:rgb(var(--color-button));transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-button),.3)}.logo-3d-control:active{transform:translateY(0)}.logo-3d-control:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}.logo-3d-instructions{margin-top:1rem;text-align:center}.logo-3d-instructions p{margin:0;font-size:1.2rem;color:rgba(var(--color-foreground),.7);font-style:italic}@media screen and (max-width: 749px){.logo-3d-container{margin:1.5rem 0}.logo-3d-viewer{border-radius:8px}.logo-3d-controls{gap:.8rem;margin-top:1rem}.logo-3d-control{padding:.8rem 1.5rem;font-size:1.3rem;min-width:100px}.logo-3d-loading p,.error-message p,.logo-3d-placeholder p{font-size:1.3rem}.logo-3d-instructions p{font-size:1.1rem;padding:0 1rem}.logo-3d-viewer canvas{touch-action:manipulation}}@media screen and (max-width: 550px){.logo-3d-controls{flex-direction:column;align-items:center}.logo-3d-control{width:100%;max-width:200px}}@media (prefers-contrast: high){.logo-3d-viewer{border:2px solid rgb(var(--color-foreground))}.logo-3d-control{border:2px solid rgb(var(--color-button-text))}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.logo-3d-control{transition:none}.logo-3d-control:hover{transform:none}}@media print{.logo-3d-container{display:none}}.shopify-section[data-section-type=logo-3d-interactive]{position:relative}.shopify-section[data-section-type=logo-3d-interactive]:before{content:"3D Interactive Logo Section";position:absolute;top:-30px;left:0;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-background-1));padding:.5rem 1rem;font-size:1.2rem;border-radius:.3rem;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.shopify-section[data-section-type=logo-3d-interactive]:hover:before{opacity:1}.logo-3d-viewer:focus-within{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:4px}.logo-3d-viewer.loading{opacity:.7}.logo-3d-viewer.loaded{opacity:1;transition:opacity .5s ease}.logo-3d-viewer canvas{will-change:transform}.logo-3d-viewer:not(.initialized){background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/logo-3d-viewer.css.map */