.vf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f0f0f80;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}:root[data-theme=dark] .vf-modal-backdrop{background:#000000c7}.vf-modal-backdrop.is-open{opacity:1;visibility:visible}.vf-modal{position:relative;width:100%;max-width:820px;max-height:calc(100vh - 4rem);background:var(--c-bg);border:1px solid var(--c-border);box-shadow:0 20px 56px #00000024;display:flex;flex-direction:column;transform:translateY(16px) scale(.97);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;overflow-y:auto;overflow-x:visible}:root[data-theme=dark] .vf-modal{box-shadow:0 20px 56px #000000b3}.vf-modal-backdrop.is-open .vf-modal{transform:translateY(0) scale(1);opacity:1}.vf-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--c-accent);z-index:2}.vf-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.5rem 1.75rem 1rem;border-bottom:1px solid var(--c-border)}.vf-modal-title{display:flex;flex-direction:column;gap:.5rem}.vf-modal-title .eyebrow-line{font-size:.62rem}.vf-modal-title h2{font-family:var(--f-display);font-size:clamp(1.25rem,2.5vw,1.65rem);letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;font-weight:600;color:var(--c-text-strong);margin:.15rem 0 0}.vf-modal-title h2 .accent{color:var(--c-accent)}.vf-modal-step-indicator{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-muted);white-space:nowrap;display:inline-flex;align-items:baseline;gap:.35rem;padding:.35rem .6rem;border:1px solid var(--c-border)}.vf-modal-step-indicator strong{color:var(--c-accent);font-weight:600}.vf-modal-step-indicator span{color:var(--c-text-muted);opacity:.5}.vf-modal-close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;font-size:1rem;transition:all var(--t-fast);z-index:3}.vf-modal-close:hover{border-color:var(--c-accent);color:var(--c-accent)}.vf-modal-body{padding:1.25rem 1.75rem 1.75rem;flex:1;position:relative}.vf-modal-body .vfinder-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem}@media(max-width:800px){.vf-modal-body .vfinder-row{grid-template-columns:1fr 1fr}}@media(max-width:540px){.vf-modal-body .vfinder-row{grid-template-columns:1fr}.vf-modal-header{padding:1.1rem 1.1rem .85rem}.vf-modal-body{padding:1.1rem 1.1rem 1.25rem}.vf-modal-step-indicator{display:none}}.vf-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.75rem;border-top:1px solid var(--c-border);flex-wrap:wrap;background:var(--c-bg-soft)}.vf-modal-reset{font-family:var(--f-body);font-size:.66rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--c-text-muted);background:transparent;border:0;cursor:pointer;padding:.4rem 0;transition:color var(--t-fast)}.vf-modal-reset:hover{color:var(--c-accent)}.vf-modal-hint{font-family:var(--f-body);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;color:var(--c-text-muted);display:inline-flex;align-items:center;gap:.45rem}.vf-modal-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;background:var(--c-bg);border:1px solid var(--c-border-strong);font-family:var(--f-mono);font-size:.6rem;font-weight:500;color:var(--c-text);letter-spacing:.05em}.vf-modal-result{text-align:center;padding:1.75rem 1rem .5rem}.vf-modal-result-icon{width:50px;height:50px;border-radius:50%;background:var(--c-accent);color:#0f0f0f;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.85rem;animation:vfPulse .6s ease}.vf-modal-result-icon svg{width:22px;height:22px}@keyframes vfPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.vf-modal-result h3{font-family:var(--f-display);font-size:1.45rem;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase;color:var(--c-text-strong);margin-bottom:.5rem;font-weight:600}.vf-modal-result p{font-family:var(--f-mono);font-size:.74rem;color:var(--c-text-muted);letter-spacing:.06em;margin-bottom:1.25rem}.vf-modal-submit-row{display:flex;justify-content:center;margin-top:.85rem;padding-top:1.1rem;border-top:1px solid var(--c-border)}.vf-modal-submit-row .vf-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;background:var(--c-accent);color:#0f0f0f;border:1px solid var(--c-accent);font-family:var(--f-body);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast);min-width:260px;justify-content:center}.vf-modal-submit-row .vf-submit:not(:disabled):hover{background:var(--c-accent-deep);border-color:var(--c-accent-deep)}.vf-modal-submit-row .vf-submit:disabled{opacity:.32;cursor:not-allowed}.vf-modal-submit-row .vf-submit svg{flex-shrink:0}@media(max-width:540px){.vf-modal-backdrop{padding:1rem .5rem;align-items:flex-end}.vf-modal{max-height:calc(100vh - 2rem);border-radius:0}}@media(max-width:400px){.vf-modal-submit-row .vf-submit{min-width:0;width:100%}}.vf-field{position:relative;z-index:1}.vf-field:has(.vf-dropdown.is-open){z-index:100}.vf-field-label{display:block;font-family:var(--f-body);font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:.4rem}.vf-dropdown{position:relative;width:100%}.vf-dropdown-toggle{width:100%;min-height:46px;padding:.7rem .85rem;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border-strong);font-family:var(--f-body);font-size:.84rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:border-color var(--t-fast)}.vf-dropdown-toggle:hover{border-color:var(--c-accent)}.vf-dropdown-toggle:disabled{opacity:.5;cursor:not-allowed;background:var(--c-bg-soft)}.vf-dropdown.is-open .vf-dropdown-toggle{border-color:var(--c-accent)}.vf-toggle-value{display:inline-flex;align-items:center;gap:.55rem;flex:1;min-width:0}.vf-toggle-value .vf-toggle-logo{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--c-text-strong)}.vf-toggle-value .vf-toggle-logo svg{width:100%;height:100%}.vf-toggle-value .vf-toggle-text{font-size:.84rem;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-toggle-value .vf-placeholder{color:var(--c-text-light);font-weight:400}.vf-toggle-arrow{width:10px;height:10px;flex-shrink:0;color:var(--c-accent);transition:transform var(--t-fast)}.vf-dropdown.is-open .vf-toggle-arrow{transform:rotate(180deg)}.vf-dropdown-menu{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:200;max-height:300px;overflow-y:auto;background:var(--c-bg);border:1px solid var(--c-accent);display:none;flex-direction:column;box-shadow:0 10px 28px #0000001a}:root[data-theme=dark] .vf-dropdown-menu{box-shadow:0 14px 40px #0009}.vf-dropdown.is-open .vf-dropdown-menu{display:flex}.vf-dropdown-menu::-webkit-scrollbar{width:5px}.vf-dropdown-menu::-webkit-scrollbar-track{background:var(--c-bg-soft)}.vf-dropdown-menu::-webkit-scrollbar-thumb{background:var(--c-border-strong)}.vf-option{display:flex;align-items:center;gap:.65rem;padding:.65rem .9rem;background:transparent;border:0;border-bottom:1px solid var(--c-border);width:100%;cursor:pointer;text-align:left;font-family:inherit;font-size:.84rem;color:var(--c-text);transition:background var(--t-fast),color var(--t-fast)}.vf-option:last-child{border-bottom:0}.vf-option:hover{background:var(--c-bg-soft);color:var(--c-accent-deep)}.vf-option.is-selected{background:var(--c-accent-soft);color:var(--c-accent-deep);font-weight:500}.vf-option-logo{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--c-text-strong);transition:color var(--t-fast)}.vf-option:hover .vf-option-logo{color:var(--c-accent)}.vf-option-logo svg{width:100%;height:100%}.vf-option-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*# sourceMappingURL=/cdn/shop/t/17/assets/vfinder.css.map */