:root{--look-w:316px;--look-page-font:var(--eq-font);--look-page-h-s:var(--eq-h-s);--look-page-h-m:var(--eq-h-m);--look-page-h-l:var(--eq-h-l);--look-page-text-s:var(--eq-text-s);--look-page-text-m:var(--eq-text-m);--look-page-space-1:var(--eq-space-1);--look-page-space-2:var(--eq-space-2);--look-page-space-3:var(--eq-space-3)}:root[data-look-open] .frame{grid-template-columns:var(--index-w) minmax(0, 1fr) var(--look-w)}:root[data-look-open] .stage{padding-right:28px}.look.mix{height:calc(100dvh - var(--dock));border:0;border-left:1px solid var(--eq-line);background:color-mix(in srgb, var(--eq-surface) 60%, transparent);--eq-font:"Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--eq-h-s:26px;--eq-h-m:30px;--eq-h-l:36px;--eq-text-xs:11px;--eq-text-s:12.5px;--eq-text-m:13px;--eq-text-l:15px;--eq-space-1:4px;--eq-space-2:6px;--eq-space-3:10px;--eq-space-4:12px;--eq-space-5:16px;--eq-space-6:24px;border-radius:0;align-content:start;align-self:start;gap:20px;max-height:none;padding:20px 16px 28px;font-family:Hanken Grotesk Variable,ui-sans-serif,system-ui,sans-serif;position:sticky;top:0}.look.mix[hidden]{display:none}.look-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.look.mix .look-head h2{margin:0 0 2px;font-size:17px}.look-head p,.look-note,.look-foot p{color:var(--eq-ink-2);font-size:12.5px;line-height:1.45}.look-note{margin-top:8px}.look-close{width:var(--eq-h-s);color:var(--eq-ink-2);flex:none;padding:0}.look a:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.look .look-range{grid-template-columns:104px minmax(0,1fr) 44px;align-items:center;gap:10px;height:30px}.look .look-range .eq-slider-header{display:contents}.look .look-range .eq-slider-label{color:var(--eq-ink-2);grid-area:1/1;font-size:13px;font-weight:450}.look .look-range.look-touched .eq-slider-label{color:var(--eq-ink);font-weight:650}.look .look-range .eq-slider-input{grid-area:1/2}.look .look-range .eq-slider-output{font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);text-align:right;grid-area:1/3;font-size:12px}.look .eq-segmented-control{margin-bottom:6px}.look .eq-segmented-control-track{width:100%;display:flex}.look .eq-segmented-control-segment{min-width:0;padding-inline:6px}.look-row{align-items:start;gap:6px;display:flex}.look-row .eq-segmented-control{flex:1;min-width:0}.look-row .eq-button{height:var(--eq-h-m)}.look-ready{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;display:grid}.look-ready .eq-dropdown-label{color:var(--eq-ink-2);font-size:13px;font-weight:450}.look .look-check{color:var(--eq-ink-2);margin-top:6px;font-size:12.5px}.look-try{--eq-font:var(--look-page-font);--eq-h-s:var(--look-page-h-s);--eq-h-m:var(--look-page-h-m);--eq-h-l:var(--look-page-h-l);--eq-text-s:var(--look-page-text-s);--eq-text-m:var(--look-page-text-m);--eq-space-1:var(--look-page-space-1);--eq-space-2:var(--look-page-space-2);--eq-space-3:var(--look-page-space-3);border:1px dashed var(--eq-line-strong);border-radius:var(--eq-radius-m);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.look-foot{border-top:1px solid var(--eq-line);background:var(--eq-bg);flex-wrap:wrap;gap:6px;margin:0 -16px -28px;padding:12px 16px 16px;display:flex;position:sticky;bottom:-28px}.look-foot .look-reset{color:var(--eq-ink-2);margin-left:auto;font-weight:450}.look-foot a{color:var(--eq-ink-2);flex-basis:100%;font-size:12.5px}:root:is([data-finish=glass],[data-glassy]) .look.mix{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@media (max-width:1180px){:root[data-look-open] .frame{grid-template-columns:var(--index-w) minmax(0, 1fr)}:root[data-look-open] .cal{display:none!important}.look.mix{inset:12px 12px calc(var(--dock) + 4px) auto;z-index:45;width:min(var(--look-w), calc(100vw - 24px));border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-l);background:var(--eq-bg);height:auto;box-shadow:var(--eq-shadow);position:fixed}}@media (max-width:900px){:root[data-look-open] .frame{display:block}.look.mix{max-height:none;position:fixed}}.steps{border-block:1px solid var(--eq-line);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:48px;display:grid}.steps li{counter-increment:step;align-content:start;gap:6px;padding:18px 24px 20px 0;display:grid}.steps li+li{border-left:1px solid var(--eq-line);padding-left:24px}.steps h2{font-family:var(--eq-font);letter-spacing:0;font-size:15px;font-weight:700}.steps h2:before{content:counter(step) ". ";color:var(--eq-ink-3);font-weight:450}.steps p{color:var(--eq-ink-2);font-size:13.5px;line-height:1.5}.steps .eq-button{justify-self:start;margin-top:4px}@media (max-width:900px){.steps{grid-template-columns:minmax(0,1fr)}.steps li+li{border-top:1px solid var(--eq-line);border-left:0;padding-left:0}}:is(.ready-try,.start-try)[data-glass]{background:radial-gradient(90% 120% at 10% 0%, var(--lightningcss-light,#c9d5ff)var(--lightningcss-dark,#2a2478), transparent 70%), radial-gradient(80% 120% at 95% 10%, var(--lightningcss-light,#ffd9c7)var(--lightningcss-dark,#5b1f52), transparent 70%), radial-gradient(90% 110% at 60% 110%, var(--lightningcss-light,#c8eede)var(--lightningcss-dark,#0d4a55), transparent 70%), var(--eq-bg)}.look-tabs{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.look-panel:not([hidden]){grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.look-icons{color:var(--eq-ink);justify-content:space-between;margin:10px 0 2px;display:flex}.look-swatches{grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:2px;display:grid}.look-swatches i{border-radius:var(--eq-radius-s);height:22px}