.sens-converter{flex-direction:column;gap:16px;width:100%;display:flex}.sens-converter__mode{justify-content:flex-end;align-items:center;min-height:40px;display:flex}@media (max-width:899px){.sens-converter__mode{justify-content:flex-start}}.sens-converter__form{border-radius:var(--radius-surface);flex-direction:column;gap:16px;padding:20px;display:flex}@media (min-width:900px){.sens-converter__form{grid-template-columns:1fr 32px 1fr;display:grid}}.sens-converter__form.neo-surface:hover{background-color:var(--surface);box-shadow:var(--shadow-surface)}.sens-converter__pair{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:900px){.sens-converter__pair{display:contents}}.sens-converter__side{flex-direction:column;gap:10px;min-width:0;display:flex}@media (min-width:900px){.sens-converter__side:last-child{grid-area:1/3/span 2}}.sens-converter__field{flex-direction:column;gap:6px;display:flex}.sens-converter__label,.sens-converter .text-input-container>label{font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weak);font-weight:500}.sens-converter__swap{margin-top:calc(var(--type-small-size)*var(--type-small-line-height) + 6px);align-self:start}@media (max-width:899px){.sens-converter__swap{justify-self:center;margin-top:0}}.sens-converter__swap-glyphs{align-items:center;display:flex}.sens-converter__ghost-swap{width:32px;height:32px}.sens-converter__swap-narrow{display:none}@media (max-width:899px){.sens-converter__swap-wide{display:none}.sens-converter__swap-narrow{display:block}}.sens-converter__settings{align-items:flex-end;gap:12px;margin-top:8px;display:flex}@media (min-width:900px){.sens-converter__settings{grid-area:2/1}}.sens-converter__dpi{flex:1}.sens-converter__lock{flex:none}.sens-converter__answer{border-radius:var(--radius-surface);background-color:var(--surface-nested);box-shadow:var(--shadow-surface);min-height:calc(var(--type-small-size)*var(--type-small-line-height) + var(--type-display-size)*var(--type-display-line-height) + 2px + 32px);flex-wrap:wrap;flex:1;align-content:center;align-items:flex-start;gap:4px 16px;margin-top:8px;padding:16px;display:flex}.sens-converter__answer-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sens-converter__answer-label{font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weak);margin:0;font-weight:500}.sens-converter__answer-value{font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-letter-spacing);color:var(--text-strong);font-variant-numeric:tabular-nums;margin:0}.sens-converter__answer-pending{font-size:var(--type-body-large-size);line-height:var(--type-body-large-line-height);color:var(--text-weakest);margin:0}.sens-converter__copy{margin-left:auto;margin-top:calc(var(--type-small-size)*var(--type-small-line-height) + 2px + (var(--type-display-size)*var(--type-display-line-height) - 48px)/2)}.sens-converter__readout{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;display:grid}@media (max-width:599px){.sens-converter__readout{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sens-converter__featured{grid-row:1/-1}@media (max-width:599px){.sens-converter__featured{grid-area:auto/1/auto/-1}}.sens-converter__featured .neo-stat-card-value{font-size:var(--type-h2-size);line-height:var(--type-h2-line-height);font-weight:var(--type-h2-weight);letter-spacing:var(--type-h2-letter-spacing)}.sens-converter__mini.neo-stat-card{padding:12px 16px}.sens-converter__mini.neo-stat-card .neo-stat-card-content{flex-direction:row;flex:1;align-items:baseline;gap:8px}.sens-converter__mini.neo-stat-card .neo-stat-card-label{margin-left:auto;line-height:1.2}.sens-converter__readout .neo-stat-card-value.value-changed{animation:none}.sens-converter__readout-prompt{font-size:var(--type-body-size);color:var(--text-information);animation:neoSensValueSettle var(--dur-base) var(--ease-out);visibility:visible;align-items:center;gap:6px;font-weight:400;display:flex;position:absolute;inset:0}.sens-converter__readout-prompt .neo-icon{--neo-icon-box:14px;flex:none}.sens-converter .neo-stat-card.is-prompt .neo-stat-card-label{visibility:hidden}.sens-converter .neo-stat-card.is-prompt .neo-stat-card-content{flex:1;align-self:stretch;position:relative}.sens-converter .neo-stat-card.is-prompt .neo-stat-card-value{visibility:hidden}.sens-converter__ghost-mini{height:48px}.sens-converter__ghost-featured{grid-row:1/-1}@media (max-width:599px){.sens-converter__ghost-featured{height:calc(var(--type-h2-size)*var(--type-h2-line-height) + 18.2px + 32px);grid-area:auto/1/auto/-1}}.sens-converter__speed{--speed-rail:22px;--speed-knob:22px;--speed-row:38px;--speed-target:44px;flex-direction:column;gap:6px;padding:4px 0 2px;display:flex}.sens-converter__speed-graph{height:var(--speed-target);position:relative}.sens-converter__speed-input{appearance:none;width:100%;height:var(--speed-target);cursor:grab;touch-action:pan-y;background:0 0;margin:0;padding:0;display:block}.sens-converter__speed-input.is-pressed{cursor:grabbing}.sens-converter__speed-input::-webkit-slider-runnable-track{height:var(--speed-rail);border-radius:var(--radius-control);background-color:var(--surface-input);transition:box-shadow var(--dur-hover) var(--ease-micro);background-image:linear-gradient(90deg,#db514c 0%,#ce4c7b 20%,#bc49a2 40%,#a049c8 60%,#7558d7 80%,#3b65d5 100%)}.sens-converter__speed-input::-moz-range-track{height:var(--speed-rail);border-radius:var(--radius-control);background-color:var(--surface-input);transition:box-shadow var(--dur-hover) var(--ease-micro);background-image:linear-gradient(90deg,#db514c 0%,#ce4c7b 20%,#bc49a2 40%,#a049c8 60%,#7558d7 80%,#3b65d5 100%)}.sens-converter__speed-input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--speed-knob);height:var(--speed-knob);background:var(--text-strong);box-shadow:inset 0 0 0 1px var(--thumb-edge-on-light),inset 0 1px 0 var(--thumb-highlight-on-light),inset 0 -1px 0 var(--thumb-shade-on-light),0 0 0 2px var(--background-sunken),var(--shadow-raised);cursor:inherit;transform:translateX(var(--speed-overshoot,0px)) scale(var(--speed-stretch-x,1), var(--speed-stretch-y,1));transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-hover) var(--ease-micro);margin-top:calc((var(--speed-rail) - var(--speed-knob))/2);border:0;border-radius:50%}.sens-converter__speed-input::-moz-range-thumb{appearance:none;box-sizing:border-box;width:var(--speed-knob);height:var(--speed-knob);background:var(--text-strong);box-shadow:inset 0 0 0 1px var(--thumb-edge-on-light),inset 0 1px 0 var(--thumb-highlight-on-light),inset 0 -1px 0 var(--thumb-shade-on-light),0 0 0 2px var(--background-sunken),var(--shadow-raised);cursor:inherit;transform:translateX(var(--speed-overshoot,0px)) scale(var(--speed-stretch-x,1), var(--speed-stretch-y,1));transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-hover) var(--ease-micro);border:0;border-radius:50%}@media (hover:hover) and (pointer:fine){.sens-converter__speed-input:hover:not(:disabled)::-webkit-slider-runnable-track{box-shadow:inset 0 0 0 9999px #ffffff0f}.sens-converter__speed-input:hover:not(:disabled)::-moz-range-track{box-shadow:inset 0 0 0 9999px #ffffff0f}.sens-converter__speed-input:hover:not(:disabled)::-webkit-slider-thumb{transform:translateX(var(--speed-overshoot,0px)) scale(var(--speed-stretch-x,1), var(--speed-stretch-y,1)) scale(1.12)}.sens-converter__speed-input:hover:not(:disabled)::-moz-range-thumb{transform:translateX(var(--speed-overshoot,0px)) scale(var(--speed-stretch-x,1), var(--speed-stretch-y,1)) scale(1.12)}}.sens-converter__speed-input.is-pressed:not(:disabled)::-webkit-slider-runnable-track{box-shadow:inset 0 0 0 9999px #ffffff1f}.sens-converter__speed-input.is-pressed:not(:disabled)::-moz-range-track{box-shadow:inset 0 0 0 9999px #ffffff1f}.sens-converter__speed-input.is-pressed:not(:disabled)::-webkit-slider-thumb{transform:translateX(var(--speed-overshoot,0px)) scale(var(--speed-stretch-x,1), var(--speed-stretch-y,1)) scale(1.24);transition:transform var(--dur-press) var(--ease-micro),background-color var(--dur-hover) var(--ease-micro)}.sens-converter__speed-input.is-pressed:not(:disabled)::-moz-range-thumb{transform:translateX(var(--speed-overshoot,0px)) scale(var(--speed-stretch-x,1), var(--speed-stretch-y,1)) scale(1.24);transition:transform var(--dur-press) var(--ease-micro),background-color var(--dur-hover) var(--ease-micro)}.sens-converter__speed-input.is-stretch-pos::-webkit-slider-thumb{transform-origin:0}.sens-converter__speed-input.is-stretch-neg::-webkit-slider-thumb{transform-origin:100%}.sens-converter__speed-input.is-stretch-pos::-moz-range-thumb{transform-origin:0}.sens-converter__speed-input.is-stretch-neg::-moz-range-thumb{transform-origin:100%}.sens-converter__speed-input.is-elastic::-webkit-slider-thumb{transition:none}.sens-converter__speed-input.is-elastic::-moz-range-thumb{transition:none}.sens-converter__speed-input:disabled{cursor:default}.sens-converter__speed-input:disabled::-webkit-slider-thumb{opacity:0}.sens-converter__speed-input:disabled::-moz-range-thumb{opacity:0}.sens-converter__speed-input.is-empty::-webkit-slider-thumb{opacity:0}.sens-converter__speed-input.is-empty::-moz-range-thumb{opacity:0}@media (prefers-reduced-motion:reduce){.sens-converter__speed-input::-webkit-slider-thumb{transition:none}.sens-converter__speed-input::-moz-range-thumb{transition:none}.sens-converter__speed-input:hover::-webkit-slider-thumb{transform:none}.sens-converter__speed-input.is-pressed::-webkit-slider-thumb{transform:none}.sens-converter__speed-input:hover::-moz-range-thumb{transform:none}.sens-converter__speed-input.is-pressed::-moz-range-thumb{transform:none}.sens-converter__speed:has(.sens-converter__speed-input.is-pressed) .sens-converter__speed-current{transition:none;transform:translate(-50%)}}.sens-converter__speed-gauge{top:calc((var(--speed-target) - var(--speed-rail))/2);inset-inline:calc(var(--speed-knob)/2);height:var(--speed-rail);pointer-events:none;position:absolute}.sens-converter__speed-gtick{background:#fff6;width:1px;height:4px;position:absolute;top:0}.sens-converter__speed-gtick.is-major{height:8px}.sens-converter__speed-ends{font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weakest);text-transform:uppercase;letter-spacing:var(--type-uppercase-letter-spacing);justify-content:space-between;display:flex}.sens-converter__speed-scale{height:calc(var(--type-small-size)*var(--type-small-line-height));margin-inline:calc(var(--speed-knob)/2);font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weakest);position:relative}.sens-converter__speed-num{white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity var(--dur-hover) var(--ease-micro);position:absolute;top:0;transform:translate(-50%)}.sens-converter__speed-current{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-strong);transition:color var(--dur-hover) var(--ease-micro),transform var(--dur-base) var(--ease-spring);font-weight:600;position:absolute;top:0;transform:translate(-50%)}.sens-converter__speed:has(.sens-converter__speed-input.is-pressed:not(:disabled)) .sens-converter__speed-current{transition:color var(--dur-hover) var(--ease-micro),transform var(--dur-press) var(--ease-micro);transform:translate(-50%)scale(1.12)}.sens-converter__speed-rows{min-height:calc(var(--speed-row)*2);margin-inline:calc(var(--speed-knob)/2);position:relative}.sens-converter__speed-rows.is-single{min-height:var(--speed-row)}.sens-converter__speed-row{height:var(--speed-row);position:relative}.sens-converter__speed-bar{border-radius:var(--radius-pill);background:#ffffff1f;height:10px;position:absolute;top:24px;box-shadow:inset 0 0 0 1px #ffffff1f}.sens-converter__speed-bar.is-to{box-shadow:none;background:#ffffff6b}.sens-converter__speed-name{z-index:1;background:var(--background-sunken);font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weak);white-space:nowrap;padding:0 5px;position:absolute;top:0}.sens-converter__speed-name.is-to{color:var(--text-strong);font-weight:500}.sens-converter__speed.is-dimmed .sens-converter__speed-input::-webkit-slider-thumb{background:var(--text-weakest)}.sens-converter__speed.is-dimmed .sens-converter__speed-input::-moz-range-thumb{background:var(--text-weakest)}.sens-converter__speed.is-dimmed .sens-converter__speed-current{color:var(--text-weakest)}.sens-converter__speed.is-dimmed .sens-converter__speed-you{opacity:.4}.sens-converter__speed-cm{color:var(--text-weakest);font-variant-numeric:tabular-nums;font-weight:400}.sens-converter__speed-you{background:linear-gradient(180deg, #ffffff1f 0 26px, var(--text-strong) 26px);pointer-events:none;width:2px;position:absolute;top:-28px;bottom:2px;transform:translate(-1px)}.sens-converter__ghost-label{height:calc(var(--type-small-size)*var(--type-small-line-height))}.sens-converter__ghost-mode{height:32px}.sens-converter__ghost-select,.sens-converter__ghost-input{height:44px}.sens-converter__ghost-input-field{flex-direction:column;gap:4px;display:flex}.sens-converter__ghost-answer{height:calc(var(--type-display-size)*var(--type-display-line-height))}.sens-converter__ghost-answer--pending{height:calc(var(--type-body-large-size)*var(--type-body-large-line-height))}.sens-converter__ghost-copy{height:32px}@media (prefers-reduced-motion:reduce){.sens-converter__readout-prompt{animation:none}}@keyframes neoSensValueSettle{0%{opacity:.55;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
