.field{--lead:26px;min-width:0;position:relative}.field-frame{padding-left:var(--lead);padding-bottom:1px;position:relative}.field-leader{background:color-mix(in srgb, var(--graphite) 55%, transparent);transform-origin:top;width:1px;transition:transform .9s var(--ease-out-expo) calc(var(--i,0) * 90ms);position:absolute;top:9px;bottom:-6px;left:0}.field-leader:before{content:"";width:calc(var(--lead) - 10px);background:color-mix(in srgb, var(--graphite) 55%, transparent);transform-origin:0;height:1px;transition:transform .5s var(--ease-out-expo), background-color .4s var(--ease-out-expo);position:absolute;top:0;left:0}.field-leader:after{content:"";background:var(--gold);transform-origin:top;transition:transform .35s var(--ease-out-expo);position:absolute;inset:0;transform:scaleY(0)}.field-caption{min-height:18px;transition:opacity .8s var(--ease-out-expo) calc(.15s + var(--i,0) * 90ms), transform 1s var(--ease-out-expo) calc(.15s + var(--i,0) * 90ms);justify-content:space-between;align-items:center;gap:16px;display:flex}.field-label{font:400 11.5px/1.5 var(--face-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);cursor:pointer;transition:color .4s var(--ease-out-expo);display:block}.field-index{font:400 12px/1 var(--face-display);letter-spacing:.06em;color:var(--gold);margin-right:10px;display:inline-block}.field-optional{letter-spacing:.06em;text-transform:none;color:color-mix(in srgb, var(--graphite) 80%, transparent)}.field-meta{font:400 11px/1.5 var(--face-caption);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--graphite)}.field-well{transition:opacity .8s var(--ease-out-expo) calc(.3s + var(--i,0) * 90ms), transform 1s var(--ease-out-expo) calc(.3s + var(--i,0) * 90ms);align-items:center;gap:14px;padding-top:4px;display:flex}.field-input{min-width:0;color:var(--ink);font:400 19px/1.45 var(--face-body);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:10px 0 12px}.field-input::placeholder{color:color-mix(in srgb, var(--graphite) 85%, transparent);opacity:1}.field-input:focus-visible{outline:none}.field-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 60px var(--porcelain) inset;caret-color:var(--ink)}.field-input::-webkit-search-cancel-button{-webkit-appearance:none}.field-input::-webkit-search-decoration{-webkit-appearance:none}.field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-input[type=number]{-moz-appearance:textfield}.field-unit{font:400 11.5px/1 var(--face-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);flex:none;align-self:flex-end;padding-bottom:15px}.field.is-figure .field-input{font:300 36px/1.1 var(--face-figure);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:6px 0 10px}.field.is-multiline .field-well{align-items:stretch}.field.is-multiline .field-input{--lh:30px;min-height:calc(var(--lh) * 5 + 22px);resize:none;font-size:18px;line-height:var(--lh);background-image:linear-gradient(to bottom, transparent calc(var(--lh) - 1px), color-mix(in srgb, var(--hairline) 90%, transparent) calc(var(--lh) - 1px));background-size:100% var(--lh);background-attachment:local;background-origin:content-box;background-clip:content-box;padding:10px 0 12px;overflow:hidden}.field-base{background:color-mix(in srgb, var(--graphite) 50%, transparent);transform-origin:0;height:1px;transition:transform 1.1s var(--ease-out-expo) calc(.1s + var(--i,0) * 90ms);position:absolute;bottom:0;left:0;right:0}.field-base:after{content:"";background:color-mix(in srgb, var(--graphite) 70%, transparent);width:1px;height:11px;transition:background-color .4s var(--ease-out-expo);position:absolute;bottom:-5px;right:0}.field-rule{background:linear-gradient(to right, var(--gold), var(--gold-lit) 55%, var(--gold));height:2px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--gold-lit) 70%, transparent));transform-origin:0;opacity:0;transition:transform .8s var(--ease-out-expo) .12s, opacity .3s var(--ease-out-expo), background .3s;position:absolute;top:-.5px;left:0;right:0;transform:scaleX(0)}.field-focus{pointer-events:none;opacity:0;--c:var(--signal);background:linear-gradient(var(--c), var(--c)) 0 0 / 10px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / 2px 10px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 10px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 2px 10px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 10px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 2px 10px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 10px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 2px 10px no-repeat;transition:opacity .3s var(--ease-out-expo), transform .45s var(--ease-out-expo);position:absolute;inset:-12px -12px -14px;transform:scale(1.015)}.field-frame:has(.field-input:focus-visible) .field-focus{opacity:1;transform:none}@media (hover:hover){.field:hover .field-leader:before{background-color:var(--gold);transform:scaleX(1.45)}.field:hover .field-base:after{background-color:var(--gold)}.field:hover .field-rule{opacity:.75;transform:scaleX(.14)}.field:hover .field-label{color:var(--ink)}}.field:focus-within .field-leader:after{transform:scaleY(1)}.field:focus-within .field-leader:before{background-color:var(--gold);transform:scaleX(1.45)}.field:focus-within .field-base:after{background-color:var(--gold)}.field:focus-within .field-rule{opacity:1;transform:scaleX(1)}.field:focus-within .field-label{color:var(--ink)}.field[data-invalid] .field-rule{opacity:1;background:var(--signal);filter:none;transition-delay:0s;transform:scaleX(1)}.field[data-invalid] .field-base:before{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--signal) 18%, transparent);border-radius:50%;position:absolute;top:-3px;right:-3.5px}.field[data-invalid] .field-base:after{background-color:var(--signal)}.field-error{margin:12px 0 0 var(--lead);font:500 14.5px/1.5 var(--face-body);color:var(--ink);align-items:baseline;gap:10px;display:flex}.field-error-point{background:var(--signal);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.motion-ready:not(.motion-fallback) .field-error{animation:field-signal .6s var(--ease-out-expo) both}@keyframes field-signal{0%{opacity:0;transform:translate(-8px)}}.field-hint{margin:12px 0 0 var(--lead);max-width:62ch;font:400 14.5px/1.6 var(--face-body);color:var(--graphite)}.field-hint p{margin:0}.field-hint a,.field-hint button{color:var(--ink)}.motion-ready:not(.motion-fallback) .field:not(.is-drawn) .field-base{transform:scaleX(0)}.motion-ready:not(.motion-fallback) .field:not(.is-drawn) .field-leader{transform:scaleY(0)}.motion-ready:not(.motion-fallback) .field:not(.is-drawn) .field-caption,.motion-ready:not(.motion-fallback) .field:not(.is-drawn) .field-well{opacity:0;transform:translateY(8px)}@media (width<=899px){.field{--lead:20px}.field.is-figure .field-input{font-size:32px}}@media (prefers-reduced-motion:reduce){.field-leader,.field-leader:before,.field-leader:after,.field-caption,.field-well,.field-base,.field-base:after,.field-rule,.field-focus{transition:none}.field-error{animation:none}}.selector-rail{flex-wrap:wrap;row-gap:22px;margin-top:8px;padding-bottom:20px;display:flex;position:relative}.selector-tab{cursor:pointer;transition:opacity .7s var(--ease-out-expo) calc(.2s + var(--t) * 45ms), transform .9s var(--ease-out-expo) calc(.2s + var(--t) * 45ms);align-items:center;padding:13px 18px 14px;display:inline-flex;position:relative}.selector-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.selector-text{font:400 12px/1.3 var(--face-display);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);text-shadow:0 1px 0 var(--glaze);white-space:nowrap;transition:color .4s var(--ease-out-expo), transform .5s var(--ease-out-expo);position:relative}.selector-tab:after{content:"";background:color-mix(in srgb, var(--graphite) 45%, transparent);transform-origin:0;height:1px;transition:transform 1s var(--ease-out-expo) calc(var(--t) * 45ms);position:absolute;bottom:0;left:0;right:0}.selector-tab:before{content:"";background:color-mix(in srgb, var(--graphite) 65%, transparent);width:1px;height:8px;transition:background-color .4s var(--ease-out-expo), height .4s var(--ease-out-expo);position:absolute;bottom:0;left:0}.selector-tab:last-of-type{background:linear-gradient(color-mix(in srgb, var(--graphite) 65%, transparent), color-mix(in srgb, var(--graphite) 65%, transparent)) right bottom / 1px 8px no-repeat}@media (hover:hover){.selector-tab:hover .selector-text{color:var(--ink);transform:translateY(-2px)}.selector-tab:hover:before{background-color:var(--gold);height:11px}}.selector-tab.is-chosen .selector-text{color:var(--ink)}.selector-tab.is-chosen:before{background-color:var(--gold);height:11px}.selector-focus{pointer-events:none;opacity:0;--c:var(--signal);background:linear-gradient(var(--c), var(--c)) 0 0 / 8px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / 2px 8px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 8px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 2px 8px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 8px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 2px 8px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 8px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 2px 8px no-repeat;transition:opacity .25s var(--ease-out-expo), transform .4s var(--ease-out-expo);position:absolute;inset:2px -2px 5px;transform:scale(1.06)}.selector-tab:has(.selector-input:focus-visible) .selector-focus{opacity:1;transform:none}.selector:not([data-measured]) .selector-tab:has(.selector-input:checked):after{background:var(--gold);height:2px}.selector-index,.selector-ghost{pointer-events:none;opacity:0;width:0;height:0;transform:translate(var(--x,0px), calc(var(--y,0px) + var(--h,0) * 1px));transition:opacity .35s var(--ease-out-expo);position:absolute;top:0;left:0}.selector[data-gliding] .selector-index,.selector[data-gliding] .selector-ghost{transition:opacity .35s var(--ease-out-expo), transform .65s var(--ease-out-expo)}.selector-index.is-set,.selector-ghost.is-set{opacity:1}.selector-lit{background:var(--gold);transform-origin:0;width:1px;height:2px;transform:scaleX(var(--w,0));position:absolute;top:-1px;left:0}.selector[data-gliding] .selector-lit{transition:transform .65s var(--ease-out-expo)}.selector-lit:after{content:"";background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--gold-lit) 40%, transparent), transparent);height:12px;position:absolute;top:-5px;left:0;right:0}.selector-pointer{transform:translateX(calc(var(--w,0) * .5px));position:absolute;top:5px;left:0}.selector[data-gliding] .selector-pointer{transition:transform .65s var(--ease-out-expo)}.selector-pointer:before{content:"";border-style:solid;border-width:0 5px 8px;border-color:transparent transparent var(--gold);position:absolute;top:0;left:-5px}.selector-index .selector-pointer:after{content:"";background:var(--signal);border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:-2px}.selector-ghost .selector-pointer:before{border-bottom-color:color-mix(in srgb, var(--graphite) 55%, transparent)}.motion-ready:not(.motion-fallback) .selector.is-drawn .selector-index.is-set .selector-pointer{animation:selector-drop .8s var(--ease-out-expo) .35s both}@keyframes selector-drop{0%{opacity:0;translate:0 -8px}}@property --selector-cal-l{syntax:"<number>";inherits:true;initial-value:0}@property --selector-cal-r{syntax:"<number>";inherits:true;initial-value:0}.selector-caliper{left:calc(var(--selector-cal-l) * 1px);top:calc(var(--y,0px) - 16px);width:calc((var(--selector-cal-r) - var(--selector-cal-l)) * 1px);pointer-events:none;opacity:0;height:16px;transition:opacity .4s var(--ease-out-expo);position:absolute}.selector-caliper.is-set{opacity:1}.selector[data-gliding] .selector-caliper{transition:opacity .4s var(--ease-out-expo), top .7s var(--ease-out-expo), --selector-cal-r .55s var(--ease-out-expo), --selector-cal-l .85s var(--ease-out-expo) 50ms}.selector[data-gliding] .selector-caliper[data-heading=left]{transition:opacity .4s var(--ease-out-expo), top .7s var(--ease-out-expo), --selector-cal-l .55s var(--ease-out-expo), --selector-cal-r .85s var(--ease-out-expo) 50ms}.selector-caliper-span{background:linear-gradient(var(--gold), var(--gold)) 0 100% / 100% 2px no-repeat, repeating-linear-gradient(90deg, color-mix(in srgb, var(--gold) 80%, transparent) 0 1px, transparent 1px 6px) 0 100% / 100% 5px no-repeat;height:7px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--gold-lit) 55%, transparent));position:absolute;bottom:-1px;left:0;right:0}.selector-caliper-jaws{border:solid var(--gold);border-width:0 1px;height:16px;position:absolute;bottom:-1px;left:-1px;right:-1px}.selector-caliper-index{border-style:solid;border-width:0 5px 8px;border-color:transparent transparent var(--gold);width:0;height:0;margin-left:-5px;position:absolute;top:calc(100% + 5px);left:50%}.selector-caliper-index:after{content:"";background:var(--signal);border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:-2px}.selector[data-caliper] .selector-index{display:none}.selector[data-caliper][data-measured] .selector-tab.is-chosen .selector-text{color:var(--ink)}.motion-ready:not(.motion-fallback) .selector[data-caliper]:not(.is-drawn) .selector-caliper{opacity:0}.motion-ready:not(.motion-fallback) .selector:not(.is-drawn) .selector-tab{opacity:0;transform:translateY(8px)}.motion-ready:not(.motion-fallback) .selector:not(.is-drawn) .selector-tab:after{transform:scaleX(0)}.motion-ready:not(.motion-fallback) .selector:not(.is-drawn) .selector-index{opacity:0}@media (width>=900px){.selector[data-column] .selector-rail{flex-flow:column;align-items:flex-start;row-gap:0;margin-top:14px;padding:0 0 4px}.selector[data-column] .selector-tab{transition-delay:calc(.15s + var(--t) * 35ms);padding:10px 14px 10px 20px}.selector[data-column] .selector-tab:after{transform-origin:top;width:1px;height:auto;inset:0 auto 0 0}.selector[data-column] .selector-tab:before{width:8px;height:1px;top:0;bottom:auto;left:0}.selector[data-column] .selector-tab:last-of-type{background:linear-gradient(color-mix(in srgb, var(--graphite) 65%, transparent), color-mix(in srgb, var(--graphite) 65%, transparent)) left bottom / 8px 1px no-repeat}.selector[data-column] .selector-tab:hover:before,.selector[data-column] .selector-tab.is-chosen:before{width:12px;height:1px}.selector[data-column] .selector-tab:hover .selector-text{transform:translate(3px)}.selector[data-column]:not([data-measured]) .selector-tab:has(.selector-input:checked):after{width:2px;height:auto}.motion-ready:not(.motion-fallback) .selector[data-column]:not(.is-drawn) .selector-tab:after{transform:scaleY(0)}.motion-ready:not(.motion-fallback) .selector[data-column]:not(.is-drawn) .selector-tab{transform:translate(-8px)}.selector[data-column] .selector-index,.selector[data-column] .selector-ghost{transform:translate(var(--x,0px), var(--y,0px))}.selector[data-column] .selector-lit{transform-origin:top;width:2px;height:1px;transform:scaleY(var(--h,0));top:0;left:-.5px}.selector[data-column] .selector-lit:after{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--gold-lit) 40%, transparent), transparent);width:12px;height:100%;top:0;left:-5px;right:auto}.selector[data-column] .selector-pointer{transform:translateY(calc(var(--h,0) * .5px));top:0;left:-16px}.selector[data-column] .selector-pointer:before{border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--gold);top:-5px;left:0}.selector[data-column] .selector-ghost .selector-pointer:before{border-color:transparent transparent transparent color-mix(in srgb, var(--graphite) 55%, transparent)}.selector[data-column] .selector-index .selector-pointer:after{top:-2px;left:-7px}@keyframes selector-drop-in{0%{opacity:0;translate:-8px}}.motion-ready:not(.motion-fallback) .selector[data-column].is-drawn .selector-index.is-set .selector-pointer{animation-name:selector-drop-in}}@media (width<=899px){.selector[data-stack][data-caliper] .selector-caliper{display:none}.selector[data-stack][data-caliper] .selector-index{display:block}.selector[data-stack] .selector-rail{flex-flow:column;align-items:flex-start;row-gap:0;margin-top:14px;padding:0 0 4px}.selector[data-stack] .selector-tab{transition-delay:calc(.15s + var(--t) * 35ms);padding:10px 14px 10px 20px}.selector[data-stack] .selector-tab:after{transform-origin:top;width:1px;height:auto;inset:0 auto 0 0}.selector[data-stack] .selector-tab:before{width:8px;height:1px;top:0;bottom:auto;left:0}.selector[data-stack] .selector-tab:last-of-type{background:linear-gradient(color-mix(in srgb, var(--graphite) 65%, transparent), color-mix(in srgb, var(--graphite) 65%, transparent)) left bottom / 8px 1px no-repeat}.selector[data-stack] .selector-tab:hover:before,.selector[data-stack] .selector-tab.is-chosen:before{width:12px;height:1px}.selector[data-stack] .selector-tab:hover .selector-text{transform:translate(3px)}.selector[data-stack]:not([data-measured]) .selector-tab:has(.selector-input:checked):after{width:2px;height:auto}.motion-ready:not(.motion-fallback) .selector[data-stack]:not(.is-drawn) .selector-tab:after{transform:scaleY(0)}.motion-ready:not(.motion-fallback) .selector[data-stack]:not(.is-drawn) .selector-tab{transform:translate(-8px)}.selector[data-stack] .selector-index,.selector[data-stack] .selector-ghost{transform:translate(var(--x,0px), var(--y,0px))}.selector[data-stack] .selector-lit{transform-origin:top;width:2px;height:1px;transform:scaleY(var(--h,0));top:0;left:-.5px}.selector[data-stack] .selector-lit:after{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--gold-lit) 40%, transparent), transparent);width:12px;height:100%;top:0;left:-5px;right:auto}.selector[data-stack] .selector-pointer{transform:translateY(calc(var(--h,0) * .5px));top:0;left:-16px}.selector[data-stack] .selector-pointer:before{border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--gold);top:-5px;left:0}.selector[data-stack] .selector-ghost .selector-pointer:before{border-color:transparent transparent transparent color-mix(in srgb, var(--graphite) 55%, transparent)}.selector[data-stack] .selector-index .selector-pointer:after{top:-2px;left:-7px}@keyframes selector-drop-in-stack{0%{opacity:0;translate:-8px}}.motion-ready:not(.motion-fallback) .selector[data-stack].is-drawn .selector-index.is-set .selector-pointer{animation-name:selector-drop-in-stack}.selector[data-column] .selector-rail{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;padding-right:32px;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#0000,#000 10px calc(100% - 44px),#0000);mask:linear-gradient(90deg,#0000,#000 10px calc(100% - 44px),#0000)}.selector[data-column] .selector-rail::-webkit-scrollbar{display:none}.selector[data-column] .selector-tab{flex:none}.selector-rail{row-gap:18px}.selector-tab{padding:12px 13px 13px}.selector-text{letter-spacing:.12em;font-size:11px}}@media (prefers-reduced-motion:reduce){.selector-tab,.selector-tab:after,.selector-tab:before,.selector-text,.selector-index,.selector-ghost,.selector-lit,.selector-pointer,.selector-caliper{transition:none!important}.selector-pointer{animation:none!important}}