.visualization-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.visualization-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.visualization-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.visualization-modal__content{position:relative;background-color:rgb(var(--color-background));border-radius:var(--border-radius, 8px);box-shadow:0 10px 40px #0003;max-width:90vw;max-height:90vh;width:100%;overflow-y:auto;overflow-x:hidden;z-index:1;transform:scale(.95);transition:transform .3s ease;padding:3rem}.visualization-modal.is-open .visualization-modal__content{transform:scale(1)}@media (min-width: 750px){.visualization-modal__content{max-width:600px}}@media (max-width: 749px){.visualization-modal__content{max-width:95vw;padding:2.5rem 2rem;border-radius:var(--border-radius, 8px) var(--border-radius, 8px) 0 0;margin-top:auto}}.visualization-modal__close{position:absolute;top:1.5rem;right:1.5rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color .2s ease,color .2s ease;z-index:10;padding:0}.visualization-modal__close:hover{background-color:rgba(var(--color-foreground),.08)}.visualization-modal__close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.visualization-modal__step{width:100%}.visualization-modal__title{font-size:2.4rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 .8rem;text-align:center;line-height:1.3}.visualization-modal__helper-text{font-size:1.4rem;color:rgba(var(--color-foreground),.65);text-align:center;margin:0 0 2rem}.visualization-modal__tips{background-color:rgba(var(--color-foreground),.04);border-left:3px solid rgb(var(--color-link));padding:1.5rem 1.8rem;margin:0 0 2.5rem;border-radius:4px}.visualization-modal__tips-title{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 1rem}.visualization-modal__tips-list{margin:0;padding-left:2.2rem;list-style:none}.visualization-modal__tips-list li{font-size:1.3rem;color:rgba(var(--color-foreground),.75);margin-bottom:.7rem;position:relative;line-height:1.6}.visualization-modal__tips-list li:before{content:"\2713";position:absolute;left:-2.2rem;color:rgb(var(--color-link));font-weight:700;font-size:1.5rem}.visualization-modal__tips-list li:last-child{margin-bottom:0}.visualization-modal__example{margin:0 0 2.5rem}.visualization-modal__example-title{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 1.2rem;text-align:center}.visualization-modal__example-single{max-width:280px;margin:0 auto;position:relative;border-radius:8px;overflow:hidden;background-color:rgba(var(--color-foreground),.03);box-shadow:0 2px 8px #0000001a}.visualization-modal__example-image{position:relative;width:100%;padding-top:133.33%;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.visualization-modal__example-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.visualization-modal__example-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;font-size:1.3rem;font-weight:600;background-color:#10b981;color:#fff}.visualization-modal__example-label svg{flex-shrink:0}.visualization-modal__upload-area{margin-bottom:2rem}.visualization-modal__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visualization-modal__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:22rem;padding:3.5rem 2.5rem;border:2px dashed rgba(var(--color-foreground),.2);border-radius:var(--border-radius, 8px);background-color:rgba(var(--color-foreground),.02);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease;text-align:center}.visualization-modal__dropzone:hover,.visualization-modal__dropzone.is-dragover{border-color:rgb(var(--color-link));background-color:rgba(var(--color-link),.04);transform:translateY(-2px)}.visualization-modal__upload-icon{width:5.6rem;height:5.6rem;color:rgba(var(--color-foreground),.5);margin-bottom:1.8rem;transition:color .2s ease,transform .2s ease}.visualization-modal__dropzone:hover .visualization-modal__upload-icon,.visualization-modal__dropzone.is-dragover .visualization-modal__upload-icon{color:rgb(var(--color-link));transform:translateY(-4px)}.visualization-modal__dropzone-text{font-size:1.5rem;color:rgba(var(--color-foreground),.75);font-weight:500}.visualization-modal__preview{margin-bottom:2rem;text-align:center;border-radius:var(--border-radius, 8px);overflow:hidden;background-color:rgba(var(--color-foreground),.02);padding:1rem}.visualization-modal__preview-image{max-width:100%;max-height:40rem;border-radius:var(--border-radius, 6px);object-fit:contain}.visualization-modal__error{padding:1.2rem 1.6rem;margin-bottom:1.5rem;background-color:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--border-radius, 6px);color:#dc2626;font-size:1.4rem;text-align:center;line-height:1.5}.visualization-modal__create-button{margin-top:.5rem}.visualization-modal__create-button:disabled{opacity:.5;cursor:not-allowed}.visualization-modal__loader{display:flex;align-items:center;justify-content:center;padding:5rem 0 3rem}.visualization-modal__spinner{width:5.6rem;height:5.6rem;color:rgb(var(--color-link));animation:visualization-spin 1s linear infinite}@keyframes visualization-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visualization-modal__loading-text{text-align:center;font-size:1.8rem;font-weight:500;color:rgb(var(--color-foreground));margin:0 0 .8rem}.visualization-modal__loading-subtext{text-align:center;font-size:1.4rem;color:rgba(var(--color-foreground),.6);margin:0}.visualization-modal__result-title{font-size:2.2rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 2rem;text-align:center;line-height:1.3}.visualization-modal__result-image-wrapper{margin-bottom:2.5rem;text-align:center;border-radius:var(--border-radius, 8px);overflow:hidden;background-color:rgba(var(--color-foreground),.02);box-shadow:0 4px 16px #0000001a}.visualization-modal__result-image{max-width:100%;max-height:55rem;width:100%;height:auto;object-fit:contain;display:block}.visualization-modal__add-to-cart-button{margin-top:0}@media (max-width: 749px){.visualization-modal__title{font-size:2rem;margin-bottom:.6rem}.visualization-modal__result-title{font-size:1.9rem}.visualization-modal__helper-text{font-size:1.3rem}.visualization-modal__tips{padding:1.2rem 1.5rem;margin:0 0 2rem}.visualization-modal__tips-title{font-size:1.3rem}.visualization-modal__tips-list li{font-size:1.2rem}.visualization-modal__example{margin:0 0 2rem}.visualization-modal__example-title{font-size:1.3rem;margin:0 0 1rem}.visualization-modal__example-single{max-width:220px}.visualization-modal__example-label{padding:.7rem .8rem;font-size:1.2rem}.visualization-modal__example-label svg{width:14px;height:14px}.visualization-modal__dropzone{min-height:18rem;padding:2.5rem 2rem}.visualization-modal__upload-icon{width:4.8rem;height:4.8rem}.visualization-modal__dropzone-text{font-size:1.4rem}.visualization-modal__preview-image{max-height:32rem}.visualization-modal__result-image{max-height:45rem}.visualization-modal__close{top:1rem;right:1rem;width:2.8rem;height:2.8rem}.visualization-modal__loading-text{font-size:1.6rem}.visualization-modal__loading-subtext{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.visualization-modal,.visualization-modal__content,.visualization-modal__dropzone,.visualization-modal__upload-icon{transition:none;animation:none}.visualization-modal__spinner{animation:none}}.visualization-modal__create-button:focus-visible,.visualization-modal__add-to-cart-button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/visualization.css.map */