#vto-modal-overlay{--vto-hot-pink: #FF69B4;--vto-pink-light: #FF6CB5;--vto-soft-pink: #FFB6C1;--vto-magenta: #A8216E;--vto-magenta-deep: #7E1551;--vto-surface: #FFFFFF;--vto-surface-canvas: #F6F6F6;--vto-surface-input: #FFE3EE;--vto-on-surface: #2D2F2F;--vto-on-surface-variant: #5B5B5B;--vto-on-surface-faint: #9A9A9A;--vto-chip-bg: #FFE3EE;--vto-chip-text: #8A1F5C;--vto-ghost-border: rgba(45, 47, 47, .12);--vto-grad-primary: linear-gradient(135deg, #A8216E 0%, #FF6CB5 100%);--vto-grad-soft: linear-gradient(135deg, #FFE3EE 0%, #FFB6C1 100%);--vto-radius-md: 1.5rem;--vto-radius-lg: 2rem;--vto-radius-full: 9999px;--vto-shadow-ambient: 0 18px 40px rgba(168, 33, 110, .1);--vto-shadow-glow: 0 8px 22px rgba(255, 105, 180, .4);--vto-shadow-glow-lg: 0 12px 34px rgba(255, 105, 180, .52);--vto-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--vto-ease-soft: cubic-bezier(.22, 1, .36, 1);--vto-font-display: "Fredoka", "Poppins", system-ui, sans-serif;--vto-font-body: "Poppins", system-ui, -apple-system, sans-serif}.vto-hidden{display:none!important}#vto-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2a12157a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.vto-modal-container{background-color:var(--vto-surface);border-radius:var(--vto-radius-lg);width:90%;max-width:960px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--vto-shadow-ambient);padding:48px;font-family:var(--vto-font-body);color:var(--vto-on-surface)}.vto-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;display:grid;place-items:center;background:var(--vto-surface-canvas);border:none;border-radius:var(--vto-radius-full);font-size:24px;cursor:pointer;color:var(--vto-on-surface);line-height:1;transition:background .2s var(--vto-ease-soft),color .2s,transform .2s var(--vto-ease-bounce)}.vto-close-btn:hover{background:var(--vto-chip-bg);color:var(--vto-hot-pink);transform:rotate(90deg)}.vto-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}@media(max-width:768px){.vto-modal-container{padding:32px 24px}}.vto-title{font-family:var(--vto-font-display);font-size:2.4rem;font-weight:600;letter-spacing:-.01em;margin-top:0;margin-bottom:12px;color:var(--vto-on-surface)}.vto-subtitle{font-family:var(--vto-font-body);font-size:1.05rem;line-height:1.5;color:var(--vto-on-surface-variant);margin-bottom:36px}.vto-actions-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%;max-width:400px}.vto-btn{padding:16px 28px;border-radius:var(--vto-radius-full);font-family:var(--vto-font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .25s var(--vto-ease-bounce),box-shadow .25s var(--vto-ease-soft),background .25s var(--vto-ease-soft),color .2s,border-color .2s;text-align:center;width:100%}.vto-btn-primary{background:var(--vto-grad-primary);color:#fff;border:none;box-shadow:var(--vto-shadow-glow)}.vto-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--vto-shadow-glow-lg)}.vto-btn-secondary{background:var(--vto-surface);color:var(--vto-magenta);border:1.5px solid var(--vto-ghost-border)}.vto-btn-secondary:hover{background:var(--vto-chip-bg);border-color:var(--vto-hot-pink);color:var(--vto-magenta-deep);transform:translateY(-2px)}.vto-status-msg{font-size:.85rem;color:var(--vto-on-surface-faint);display:flex;align-items:center;justify-content:center;gap:8px}.vto-status-msg.vto-status-error{color:#c0392b}.vto-privacy-lock{display:inline-flex;width:16px;height:16px;color:var(--vto-hot-pink)}.vto-privacy-lock svg{width:100%;height:100%;fill:currentColor}.vto-view{display:none;width:100%;flex-direction:column;align-items:center;animation:vtoFadeIn .5s var(--vto-ease-soft) forwards}.vto-view.vto-view-active{display:flex}@keyframes vtoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vto-scanner-frame,.vto-result-frame{background:var(--vto-grad-soft);border-radius:var(--vto-radius-md);aspect-ratio:3/4;width:100%;max-width:400px;position:relative;overflow:hidden;margin-bottom:24px;display:flex;justify-content:center;align-items:center}.vto-scanner-frame img,.vto-result-frame img{width:100%;height:100%;object-fit:cover}.vto-subtitle-compact{margin-bottom:28px}.vto-prepare-layout{width:100%;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:24px;align-items:stretch}.vto-upload-preview-card,.vto-skeleton-panel{min-width:0;border:1px solid var(--vto-ghost-border);border-radius:var(--vto-radius-md);background:var(--vto-surface);padding:16px;position:relative;overflow:hidden}.vto-upload-preview-card .vto-scanner-frame{margin-bottom:0}.vto-panel-label{display:block;font-size:.78rem;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--vto-magenta);margin-bottom:12px}.vto-skeleton-panel{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,#ffffffdb,#ffe3eeb8),var(--vto-surface-canvas)}.vto-skeleton-lines{width:min(100%,320px);display:grid;gap:12px;margin:6px 0 26px}.vto-skeleton-lines span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#ffd7e7,#fff3f8 46%,#ffd7e7);background-size:220% 100%;animation:vtoSkeletonShimmer 1.8s infinite linear}.vto-skeleton-lines span:nth-child(1){width:72%}.vto-skeleton-lines span:nth-child(2){width:100%}.vto-skeleton-lines span:nth-child(3){width:56%}.vto-progress-pie{--vto-progress: 5;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;background:radial-gradient(circle at center,var(--vto-surface) 0 55%,transparent 56%),conic-gradient(var(--vto-hot-pink) calc(var(--vto-progress) * 1%),var(--vto-soft-pink) 0);box-shadow:inset 0 0 0 1px #a8216e14,0 14px 30px #ff69b447;transition:background .45s ease}.vto-progress-pie span{color:var(--vto-magenta-deep);font-family:var(--vto-font-display);font-size:1.15rem;font-weight:600;line-height:1}.vto-scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--vto-hot-pink);box-shadow:0 4px 12px #ff69b499;animation:vtoScan 2s linear infinite;z-index:10}@keyframes vtoScan{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.vto-scanning-text{font-family:var(--vto-font-display);font-size:1.2rem;font-weight:500;color:var(--vto-on-surface);text-align:center;margin:0 0 8px}.vto-scanning-subtext{font-family:var(--vto-font-body);font-size:.9rem;color:var(--vto-on-surface-faint);text-align:center;margin:0}.vto-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:400px}.virtual-tryon-trigger{margin-top:16px;width:100%;font-weight:600;letter-spacing:.02em}.virtual-tryon-trigger:hover{transform:translateY(-1px);transition:all .2s var(--vto-ease-bounce)}.vto-skeleton-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffe3ee00,#ffffff80,#ffe3ee00);background-size:200% 100%;animation:vtoSkeletonShimmer 2s infinite linear;z-index:5;pointer-events:none}@keyframes vtoSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vto-loading-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px}.vto-skeleton-panel .vto-loading-container{position:relative;z-index:2}.vto-progress-track{display:none}.vto-progress-fill{height:100%;width:0%;background:var(--vto-grad-primary);border-radius:var(--vto-radius-full);transition:width .5s ease}.vto-text-fade{animation:vtoFadeText .5s ease-in-out}@keyframes vtoFadeText{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.vto-error-state .vto-skeleton-overlay,.vto-error-state .vto-skeleton-lines span{animation-play-state:paused}.vto-error-state .vto-progress-pie{background:radial-gradient(circle at center,#fff7f7 0 55%,transparent 56%),conic-gradient(#c0392b 100%,#2d2f2f1f 0)}.vto-error-state .vto-progress-pie span{color:#c0392b}@media(max-width:768px){.vto-prepare-layout{grid-template-columns:1fr}.vto-skeleton-panel{min-height:300px}.vto-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){.vto-skeleton-overlay,.vto-skeleton-lines span,.vto-text-fade,.vto-view{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/virtual-tryon.css.map */