.vp-size-advisor{--vp-black: #111111;--vp-white: #ffffff;--vp-gray-50: #fafafa;--vp-gray-100: #f4f4f4;--vp-gray-200: #e9e9e9;--vp-gray-300: #dcdcdc;--vp-gray-400: #b5b5b5;--vp-gray-600: #767676;--vp-gray-800: #2b2b2b;--vp-accent: var(--vp-btn-color, #111111);--vp-radius-sm: 10px;--vp-radius-md: 18px;--vp-radius-lg: 28px;--vp-radius-pill: 999px;--vp-shadow-soft: 0 4px 20px rgba(0, 0, 0, .06);--vp-shadow-elevated: 0 24px 70px rgba(0, 0, 0, .18);--vp-ease: cubic-bezier(.4, 0, .2, 1);--vp-speed: .32s;--vp-font: inherit;display:block;font-family:var(--vp-font);color:var(--vp-black);-webkit-font-smoothing:antialiased}.vp-size-advisor *{box-sizing:border-box}.vp-trigger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 4px;padding:14px 20px;background:var(--vp-white);color:var(--vp-black);border:1px solid var(--vp-gray-300);border-radius:var(--vp-radius-pill);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color var(--vp-speed) var(--vp-ease),transform var(--vp-speed) var(--vp-ease),box-shadow var(--vp-speed) var(--vp-ease)}.vp-trigger-btn:hover{border-color:var(--vp-black);box-shadow:var(--vp-shadow-soft);transform:translateY(-1px)}.vp-trigger-btn:active{transform:translateY(0)}.vp-trigger-btn svg{width:16px;height:16px;flex-shrink:0}.vp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;background:#11111159;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--vp-speed) var(--vp-ease),visibility var(--vp-speed) var(--vp-ease);padding:0}.vp-modal-overlay.is-open{opacity:1;visibility:visible}.vp-modal{position:relative;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--vp-white);border-radius:var(--vp-radius-lg) var(--vp-radius-lg) 0 0;box-shadow:var(--vp-shadow-elevated);padding:28px 24px 32px;transform:translateY(24px);transition:transform var(--vp-speed) var(--vp-ease)}.vp-modal-overlay.is-open .vp-modal{transform:translateY(0)}@media(min-width:640px){.vp-modal-overlay{align-items:center}.vp-modal{border-radius:var(--vp-radius-lg);padding:40px 40px 44px;transform:translateY(12px) scale(.98)}.vp-modal-overlay.is-open .vp-modal{transform:translateY(0) scale(1)}}.vp-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:none;border-radius:50%;background:var(--vp-gray-100);color:var(--vp-black);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--vp-speed) var(--vp-ease)}.vp-modal-close:hover{background:var(--vp-gray-200)}.vp-progress{margin:4px 0 28px}.vp-progress-track{width:100%;height:3px;background:var(--vp-gray-200);border-radius:var(--vp-radius-pill);overflow:hidden}.vp-progress-bar{height:100%;width:25%;background:var(--vp-black);border-radius:var(--vp-radius-pill);transition:width var(--vp-speed) var(--vp-ease)}.vp-progress-label{display:block;margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vp-gray-600)}.vp-step{animation:vpFadeSlide var(--vp-speed) var(--vp-ease)}.vp-step[hidden]{display:none!important}@keyframes vpFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vp-title{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px;line-height:1.25}.vp-subtitle{font-size:14px;line-height:1.6;color:var(--vp-gray-600);margin:0 0 24px}.vp-intro-icon{width:56px;height:56px;border-radius:50%;background:var(--vp-gray-50);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.vp-intro-icon svg{width:26px;height:26px}.vp-benefits{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}.vp-benefits li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--vp-gray-800)}.vp-benefits li svg{width:16px;height:16px;color:var(--vp-black);flex-shrink:0}.vp-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:15px 22px;border-radius:var(--vp-radius-pill);font-size:13.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform var(--vp-speed) var(--vp-ease),background var(--vp-speed) var(--vp-ease),opacity var(--vp-speed) var(--vp-ease)}.vp-btn:active{transform:scale(.98)}.vp-btn-primary{background:var(--vp-black);color:var(--vp-white)}.vp-btn-primary:hover{opacity:.88}.vp-btn-primary:disabled{background:var(--vp-gray-300);cursor:not-allowed}.vp-btn-secondary{background:transparent;color:var(--vp-black);border-color:var(--vp-gray-300)}.vp-btn-secondary:hover{border-color:var(--vp-black)}.vp-btn-text{background:none;border:none;color:var(--vp-gray-600);font-size:12.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0}.vp-btn-row{display:flex;flex-direction:column;gap:10px;margin-top:28px}@media(min-width:480px){.vp-btn-row.vp-btn-row-split{flex-direction:row}}.vp-field{margin-bottom:26px}.vp-field-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.vp-field-label span:first-child{font-size:13px;font-weight:600;color:var(--vp-gray-800)}.vp-field-value{font-size:20px;font-weight:700;color:var(--vp-black)}.vp-field-value small{font-size:12px;font-weight:500;color:var(--vp-gray-600);margin-left:2px}.vp-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--vp-radius-pill);background:var(--vp-gray-200);outline:none;margin:6px 0 4px}.vp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--vp-black);border:3px solid var(--vp-white);box-shadow:0 2px 8px #00000040;cursor:pointer;transition:transform var(--vp-speed) var(--vp-ease)}.vp-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.vp-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--vp-black);border:3px solid var(--vp-white);box-shadow:0 2px 8px #00000040;cursor:pointer}.vp-range-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--vp-gray-400)}.vp-option-group{display:flex;flex-direction:column;gap:10px}.vp-option-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--vp-gray-300);border-radius:var(--vp-radius-md);cursor:pointer;transition:border-color var(--vp-speed) var(--vp-ease),background var(--vp-speed) var(--vp-ease)}.vp-option-card input{position:absolute;opacity:0;pointer-events:none}.vp-option-card-title{font-size:13.5px;font-weight:600}.vp-option-card-tag{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vp-white);background:var(--vp-black);padding:3px 8px;border-radius:var(--vp-radius-pill)}.vp-option-card-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--vp-gray-400);flex-shrink:0;transition:border-color var(--vp-speed) var(--vp-ease),background var(--vp-speed) var(--vp-ease)}.vp-option-card.is-selected{border-color:var(--vp-black);background:var(--vp-gray-50)}.vp-option-card.is-selected .vp-option-card-check{border-color:var(--vp-black);background:var(--vp-black);box-shadow:inset 0 0 0 3px var(--vp-white)}.vp-optional-toggle{width:100%;padding:16px 18px;border:1px dashed var(--vp-gray-300);border-radius:var(--vp-radius-md);background:var(--vp-gray-50);font-size:13px;font-weight:600;color:var(--vp-black);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color var(--vp-speed) var(--vp-ease)}.vp-optional-toggle:hover{border-color:var(--vp-black)}.vp-optional-fields{margin-top:18px;display:grid;grid-template-columns:1fr;gap:14px}.vp-optional-fields[hidden]{display:none}@media(min-width:420px){.vp-optional-fields{grid-template-columns:1fr 1fr 1fr}}.vp-input-group label{display:block;font-size:11.5px;font-weight:600;color:var(--vp-gray-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.vp-input-group input{width:100%;padding:12px 14px;border:1px solid var(--vp-gray-300);border-radius:var(--vp-radius-sm);font-size:14px;font-family:var(--vp-font);background:var(--vp-white);color:var(--vp-black);transition:border-color var(--vp-speed) var(--vp-ease)}.vp-input-group input:focus{outline:none;border-color:var(--vp-black)}.vp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0;text-align:center}.vp-spinner{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--vp-gray-200);border-top-color:var(--vp-black);animation:vpSpin .8s linear infinite;margin-bottom:18px}@keyframes vpSpin{to{transform:rotate(360deg)}}.vp-loading p{font-size:13px;color:var(--vp-gray-600);margin:0}.vp-result{text-align:center}.vp-result-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-gray-600);margin-bottom:14px}.vp-result-size-circle{width:104px;height:104px;margin:0 auto 18px;border-radius:50%;background:var(--vp-black);color:var(--vp-white);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;letter-spacing:.02em;box-shadow:var(--vp-shadow-soft)}.vp-result-precision{font-size:13px;font-weight:600;color:var(--vp-gray-800);margin-bottom:18px}.vp-result-precision strong{color:var(--vp-black)}.vp-result-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--vp-radius-pill);background:var(--vp-gray-50);border:1px solid var(--vp-gray-200);font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--vp-black);margin-bottom:20px}.vp-result-badge svg{width:14px;height:14px}.vp-result-message{font-size:13.5px;line-height:1.65;color:var(--vp-gray-800);margin:0 0 8px}.vp-result-between{font-size:12.5px;color:var(--vp-gray-600);background:var(--vp-gray-50);border-radius:var(--vp-radius-sm);padding:12px 14px;margin-top:14px;line-height:1.6}.vp-result-between[hidden]{display:none}.vp-hidden{display:none!important}.vp-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body.vp-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/vp-size-advisor.css.map */