#vokal-choose{--paper: #f5f5f2;--ink: #202621;--muted: #62685f;--line: #d6d9d1;--soft: #e9ece3;--olive: #495a43;--rose: #a84f65}#vokal-choose *{box-sizing:border-box}#vokal-choose{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Helvetica Neue,Arial,sans-serif}#vokal-choose button,#vokal-choose a,#vokal-choose input{-webkit-tap-highlight-color:transparent}#vokal-choose button{font:inherit;color:inherit;cursor:pointer}#vokal-choose a{color:inherit;text-decoration:none;text-underline-offset:5px}#vokal-choose button{background:none;border:0}#vokal-choose button:focus-visible,#vokal-choose a:focus-visible,#vokal-choose select:focus-visible,#vokal-choose [tabindex]:focus-visible{outline:2px solid var(--olive);outline-offset:4px}#vokal-choose ::selection{background:var(--olive);color:#fff}#vokal-choose svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#vokal-choose h1,#vokal-choose h2,#vokal-choose h3,#vokal-choose p{margin:0}#vokal-choose h1,#vokal-choose h2{font-family:Didot,"Bodoni 72",Georgia,serif;font-weight:400;letter-spacing:-.025em;text-wrap:balance}#vokal-choose img{display:block;max-width:100%}#vokal-choose .logo{font:38px/1 Didot,"Bodoni 72",Georgia,serif;letter-spacing:-.04em}#vokal-choose .inline-helper{display:flex;width:100%;justify-content:space-between;align-items:center;margin:22px 0 30px;padding:18px 22px;background:var(--soft);text-align:left;border-radius:8px}#vokal-choose .inline-helper span{display:flex;align-items:center;gap:16px;font-weight:500}#vokal-choose .side-helper{position:fixed;right:0;top:46%;display:flex;align-items:center;gap:15px;background:var(--ink);color:#fff;padding:17px 20px;border-radius:8px 0 0 8px;box-shadow:0 6px 22px #20262120;font-size:14px}#vokal-choose dialog{padding:0;margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(780px,100%);max-width:100%;border:0;background:var(--paper);color:var(--ink)}#vokal-choose dialog::backdrop{background:#18211960}#vokal-choose .panel{display:flex;flex-direction:column;height:100%;overflow:hidden}#vokal-choose .panel-header{display:flex;align-items:center;padding:22px 36px;gap:22px;border-bottom:1px solid var(--line);flex-shrink:0}#vokal-choose .panel-header .logo{font-size:30px}#vokal-choose .panel-label{color:var(--muted);font-size:13px;padding-left:22px;border-left:1px solid var(--line)}#vokal-choose .icon-button{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}#vokal-choose .panel-body{overflow:auto;padding:28px 36px 34px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#8d9785 var(--paper)}#vokal-choose .step-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;min-height:34px;font-size:13px;color:var(--muted)}#vokal-choose .back{display:flex;align-items:center;gap:7px;padding:5px 0;min-height:36px}#vokal-choose .back svg{width:16px}#vokal-choose .step-dots{display:flex;gap:5px}#vokal-choose .step-dots i{width:29px;height:3px;background:var(--line)}#vokal-choose .step-dots i.on{background:var(--olive)}#vokal-choose h2#vc-stepTitle{font-size:46px;line-height:1.08;max-width:560px;outline:none}#vokal-choose .sub{color:var(--muted);margin:12px 0 26px;font-size:15px}#vokal-choose .category-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}#vokal-choose .category-option{padding:0 0 15px;text-align:left;min-width:0;border-bottom:1px solid var(--line)}#vokal-choose .category-option .picture{height:222px;background:#edece7;border-radius:12px;overflow:hidden;margin-bottom:17px}#vokal-choose .category-option img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}#vokal-choose .category-option strong{font-size:21px;font-weight:500;display:flex;align-items:center;justify-content:space-between}#vokal-choose .category-option small{display:block;color:var(--muted);font-size:13px;margin-top:5px}#vokal-choose .quick-promise{display:flex;gap:22px;margin-top:30px;font-size:13px;color:var(--muted)}#vokal-choose .quick-promise span{display:flex;align-items:center;gap:6px}#vokal-choose .quick-promise svg{width:16px}#vokal-choose .options{display:grid;grid-template-columns:1fr 1fr;gap:12px}#vokal-choose .choice{display:flex;gap:16px;align-items:center;text-align:left;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:104px}#vokal-choose .choice strong{display:block;font-size:18px;font-weight:500}#vokal-choose .choice small{display:block;font-size:13px;color:var(--muted);margin-top:4px}#vokal-choose .choice>svg{margin-left:auto;width:17px}#vokal-choose .choice .mini{width:63px;height:86px;object-fit:contain;flex-shrink:0}#vokal-choose .choice.wide{grid-column:1/-1}#vokal-choose .choice .swatch{width:44px;height:44px;border-radius:50%;flex-shrink:0;border:1px solid #0002;background:var(--swatch)}#vokal-choose .note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:18px}#vokal-choose .result-hero{display:grid;grid-template-columns:43% 1fr;gap:26px;margin-top:22px;align-items:center}#vokal-choose .result-image{position:relative;background:#e8e9e3;border-radius:12px;overflow:hidden}#vokal-choose .result-image img{width:100%;height:292px;object-fit:contain;mix-blend-mode:multiply}#vokal-choose .result-title{font-size:37px;font-family:Didot,"Bodoni 72",Georgia,serif;font-weight:400;line-height:1.12}#vokal-choose .result-type{font-size:13px;color:var(--muted);margin:7px 0 16px}#vokal-choose .match{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:9px 0}#vokal-choose .match svg{width:17px;height:20px;color:var(--olive)}#vokal-choose .price{font-size:22px;font-weight:500;margin-top:19px;font-variant-numeric:tabular-nums}#vokal-choose .price small{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}#vokal-choose .primary{background:var(--ink);color:#fff;border-radius:6px;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;margin-top:16px;font-size:15px;width:100%}#vokal-choose .pack{font-size:12px;color:var(--muted);margin-top:5px}#vokal-choose .compare-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px;padding-top:24px;border-top:1px solid var(--line)}#vokal-choose .compare-heading h3{font-size:16px;font-weight:500}#vokal-choose .text-button{font-size:13px;text-decoration:underline;min-height:34px}#vokal-choose .comparisons{display:grid;grid-template-columns:1fr 1fr;gap:18px}#vokal-choose .alternative{display:flex;gap:14px;align-items:center;text-align:left;padding:0;min-width:0}#vokal-choose .alternative img{width:65px;height:90px;background:#eeefea;border-radius:8px;object-fit:contain;mix-blend-mode:multiply}#vokal-choose .alternative strong{display:block;font-size:15px;font-weight:500}#vokal-choose .alternative small{display:block;font-size:12px;color:var(--muted);margin:3px 0}#vokal-choose .alternative span{font-size:14px}#vokal-choose .variant-label{font-size:13px;display:block;margin-top:15px}#vokal-choose .variant-label select{display:block;width:100%;margin-top:6px;border:1px solid #a8aea1;background:#fff;color:var(--ink);font:inherit;min-height:44px;padding:8px;border-radius:4px}#vokal-choose .advisor{border-top:1px solid var(--line);padding:18px 36px;background:#eceee5;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}#vokal-choose .advisor strong{display:block;font-size:15px;font-weight:500}#vokal-choose .advisor span{font-size:13px;color:#57614e}#vokal-choose .advisor-links{display:flex;gap:10px}#vokal-choose .advisor-links a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 13px;background:var(--paper);border-radius:6px;font-size:14px}#vokal-choose .advisor-links svg{width:16px;height:16px}#vokal-choose .advisor-links a:first-child{background:#3f5038;color:#fff}#vokal-choose .empty-advice{padding:25px 0}#vokal-choose .empty-advice h3{font-size:21px;font-weight:500}#vokal-choose .empty-advice p{color:var(--muted);margin-top:10px}#vokal-choose .secondary-link{display:flex;align-items:center;gap:12px;padding:12px 0;margin-top:13px;font-size:14px;text-decoration:underline}#vokal-choose .choice:hover,#vokal-choose .choice:focus-visible{border-color:var(--olive);background:#eef0e7}#vokal-choose .category-option:hover .picture{background:#e0e4d7}#vokal-choose .primary:hover{background:#40503a}#vokal-choose .icon-button:hover{background:var(--soft)}#vokal-choose .alternative:hover strong{text-decoration:underline}#vokal-choose .inline-helper:hover{background:#dfe5d5}@media(min-width:800px){#vokal-choose dialog[open] .panel{animation:enter .22s cubic-bezier(.16,1,.3,1)}@keyframes enter{0%{translate:28px 0;opacity:.8}to{translate:0;opacity:1}}}@media(max-width:799px){#vokal-choose .inline-helper{padding:14px;margin:18px 0 24px;font-size:13px}#vokal-choose .inline-helper span{font-size:13px;gap:5px}#vokal-choose .side-helper{display:none}#vokal-choose dialog{height:94dvh;max-height:94dvh;margin:auto 0 0;width:100%;border-radius:20px 20px 0 0}#vokal-choose .panel-header{padding:12px 20px;gap:14px}#vokal-choose .panel-header .logo{font-size:27px}#vokal-choose .panel-label{padding-left:14px;font-size:12px}#vokal-choose .icon-button{width:38px;height:38px}#vokal-choose .panel-body{padding:19px 20px 24px}#vokal-choose h2#vc-stepTitle{font-size:36px;line-height:1.08}#vokal-choose .sub{font-size:14px;margin:10px 0 20px}#vokal-choose .step-nav{margin-bottom:15px;min-height:30px}#vokal-choose .category-options{display:flex;flex-direction:column;gap:0;margin-top:20px}#vokal-choose .category-option{display:grid;grid-template-columns:90px 1fr;column-gap:18px;align-items:center;padding:12px 0}#vokal-choose .category-option .picture{height:91px;width:90px;margin:0;grid-row:1/3}#vokal-choose .category-option strong{align-self:end;font-size:21px}#vokal-choose .category-option small{align-self:start;margin-top:4px}#vokal-choose .quick-promise{font-size:11px;gap:16px;margin-top:20px}#vokal-choose .options{gap:10px}#vokal-choose .choice{padding:14px;min-height:104px;gap:8px;flex-wrap:wrap;position:relative}#vokal-choose .choice strong{font-size:16px}#vokal-choose .choice small{font-size:12px}#vokal-choose .choice>svg{position:absolute;right:10px;top:12px;width:14px}#vokal-choose .choice .mini{height:70px;width:50px}#vokal-choose .choice:has(.mini){flex-direction:column;align-items:flex-start}#vokal-choose .choice .swatch{height:32px;width:32px}#vokal-choose .result-hero{grid-template-columns:38% 1fr;gap:16px;margin-top:20px}#vokal-choose .result-image img{height:230px}#vokal-choose .result-title{font-size:29px}#vokal-choose .result-type{font-size:12px;margin:5px 0 12px}#vokal-choose .match{font-size:12px;gap:6px;margin:7px 0}#vokal-choose .price{font-size:19px;margin-top:14px}#vokal-choose .price small{font-size:10px}#vokal-choose .primary{font-size:13px;padding:12px;gap:6px}#vokal-choose .primary svg{width:17px}#vokal-choose .compare-heading{margin-top:24px;padding-top:18px}#vokal-choose .comparisons{gap:10px}#vokal-choose .alternative{gap:9px;align-items:flex-start}#vokal-choose .alternative img{width:42px;height:70px}#vokal-choose .alternative strong{font-size:14px}#vokal-choose .alternative small{font-size:11px}#vokal-choose .alternative span{font-size:12px}#vokal-choose .advisor{padding:13px 20px;gap:10px;flex-wrap:wrap;padding-bottom:max(13px,env(safe-area-inset-bottom))}#vokal-choose .advisor strong{font-size:13px}#vokal-choose .advisor span{font-size:12px}#vokal-choose .advisor-links{gap:7px}#vokal-choose .advisor-links a{font-size:12px;gap:5px;padding:9px 11px}#vokal-choose .advisor-links svg{width:14px}#vokal-choose .result-hero:has(select){grid-template-columns:1fr}#vokal-choose .result-hero:has(select) .result-image img{height:190px}#vokal-choose .result-hero:has(select) .result-copy{display:block}#vokal-choose .note{font-size:11px}#vokal-choose dialog[open] .panel{animation:rise .2s cubic-bezier(.16,1,.3,1)}@keyframes rise{0%{translate:0 20px;opacity:.8}to{translate:0;opacity:1}}}@media(prefers-reduced-motion:reduce){#vokal-choose dialog[open] .panel{animation:none}}@media(min-width:800px)and (max-height:760px){#vokal-choose .panel-header{padding-block:15px}#vokal-choose .panel-body{padding-top:18px}#vokal-choose .step-nav{margin-bottom:14px}#vokal-choose .category-options{margin-top:22px}#vokal-choose .category-option .picture{height:160px}#vokal-choose .quick-promise{margin-top:22px}#vokal-choose .result-image img{height:240px}#vokal-choose .result-hero{margin-top:17px}#vokal-choose .sub{margin-bottom:18px}#vokal-choose .advisor{padding-block:14px}}@media(min-width:800px){#vokal-choose .inline-helper{display:none}}#vokal-choose .needle-options,#vokal-choose .onepass-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#vokal-choose .needle-option{text-align:left;padding:0 0 16px;border-bottom:1px solid var(--line);min-width:0}#vokal-choose .needle-option>img{width:100%;height:150px;object-fit:contain;background:#fff;border-radius:12px;margin-bottom:12px}#vokal-choose .needle-option>strong{display:block;font-size:20px;font-weight:500;margin-top:8px}#vokal-choose .needle-option>small{display:block;font-size:12px;color:var(--muted);margin-top:4px}#vokal-choose .compatibility{font-size:11px;color:var(--olive);font-weight:500}#vokal-choose .compatibility.dedicated{color:#8c3e29}#vokal-choose .needle-price{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:12px}#vokal-choose .needle-option:hover>strong{text-decoration:underline}#vokal-choose .shared-spec{background:var(--soft);padding:12px 16px;font-size:13px;margin-bottom:20px;border-radius:8px}#vokal-choose .onepass-card{min-width:0}#vokal-choose .onepass-card>img{width:100%;height:135px;object-fit:contain;background:#fff;border-radius:12px;margin-bottom:15px}#vokal-choose .onepass-card h3{font:40px/1.15 Didot,Georgia,serif;margin-bottom:5px}#vokal-choose .onepass-card>strong{font-size:18px;font-weight:500;display:block}#vokal-choose .onepass-card>p{font-size:13px;color:var(--muted);margin-top:7px;min-height:40px}#vokal-choose .onepass-card dl{margin:18px 0 0}#vokal-choose .onepass-card dt{font-size:11px;color:var(--muted);margin-top:13px}#vokal-choose .onepass-card dd{font-size:14px;margin:3px 0 0;min-height:42px}#vokal-choose .single-rl{margin-top:20px;width:100%;min-height:80px}#vokal-choose .more-shades{margin:20px 0 24px;padding:18px 20px;background:var(--soft);border-radius:10px}#vokal-choose .more-shades h3{font-size:19px;font-weight:500}#vokal-choose .more-shades p{font-size:13px;color:#526047;margin-top:5px;max-width:52ch}#vokal-choose .shade-contacts{display:flex;gap:24px;margin-top:10px}#vokal-choose .shade-contacts a{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;text-decoration:underline}#vokal-choose .shade-contacts svg{width:17px}#vokal-choose .shade-contacts a:hover{color:var(--olive)}@media(max-width:799px){#vokal-choose .needle-options,#vokal-choose .onepass-options{gap:16px}#vokal-choose .needle-option>img{height:125px}#vokal-choose .needle-option>strong{font-size:17px}#vokal-choose .needle-option>small{min-height:36px}#vokal-choose .compatibility{display:block;font-size:11px;min-height:33px}#vokal-choose .needle-price{font-size:13px}#vokal-choose .onepass-card>img{height:112px}#vokal-choose .onepass-card h3{font-size:33px}#vokal-choose .onepass-card>strong{font-size:15px}#vokal-choose .onepass-card>p{font-size:12px;min-height:54px}#vokal-choose .onepass-card dd{font-size:12px;min-height:54px}#vokal-choose .onepass-card .primary{font-size:13px}#vokal-choose .shared-spec{font-size:12px;padding:12px}#vokal-choose .more-shades{padding:15px;margin:16px 0 20px}#vokal-choose .more-shades h3{font-size:18px}#vokal-choose .more-shades p{font-size:12px}#vokal-choose .shade-contacts{gap:25px;margin-top:5px}}#vokal-choose[hidden]{display:none}#vokal-choose{background:transparent;margin:0;line-height:1.5;text-align:left}#vokal-choose button{letter-spacing:normal;text-transform:none}#vokal-choose .side-helper{z-index:30}#vokal-choose dialog{overscroll-behavior:contain}#vokal-choose .panel-body{overscroll-behavior:contain}#vokal-choose h2#vc-stepTitle{margin:0}#vokal-choose .primary,#vokal-choose .side-helper{color:#fff}#vokal-choose h3{letter-spacing:normal;text-transform:none}#vokal-choose .step-dots i{display:block}#vokal-choose button{transition:background-color .16s,border-color .16s}#vokal-choose dialog:not([open]){display:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/vokal-product-finder.css.map */