.sens-converter{display:flex;flex-direction:column;gap:16px;width:100%}.sens-converter__mode{display:flex;align-items:center;justify-content:flex-end;min-height:calc(32px + 8px)}@media(max-width:899px){.sens-converter__mode{justify-content:flex-start}}.sens-converter__form{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--radius-surface)}@media(min-width:900px){.sens-converter__form{display:grid;grid-template-columns:1fr 32px 1fr}}.sens-converter__form.neo-surface:hover{background-color:var(--surface);box-shadow:var(--shadow-surface)}.sens-converter__pair{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media(min-width:900px){.sens-converter__pair{display:contents}}.sens-converter__side{display:flex;flex-direction:column;gap:10px;min-width:0}@media(min-width:900px){.sens-converter__side:last-child{grid-column:3;grid-row:1/span 2}}.sens-converter__field{display:flex;flex-direction:column;gap:6px}.sens-converter .text-input-container>label,.sens-converter__label{font-size:var(--type-small-size);line-height:var(--type-small-line-height);font-weight:500;color:var(--text-weak)}.sens-converter__swap{align-self:start;margin-top:calc(var(--type-small-size)*var(--type-small-line-height) + 6px)}@media(max-width:899px){.sens-converter__swap{justify-self:center;margin-top:0}}.sens-converter__swap-glyphs{display:flex;align-items:center}.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{display:flex;align-items:flex-end;gap:12px;margin-top:8px}@media(min-width:900px){.sens-converter__settings{grid-column:1;grid-row:2}}.sens-converter__dpi{flex:1 1}.sens-converter__lock{flex:0 0 auto}.sens-converter__answer{display:flex;flex:1 1;flex-wrap:wrap;margin-top:8px;align-items:flex-start;align-content:center;gap:4px 16px;padding:16px;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)}.sens-converter__answer-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sens-converter__answer-label{margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line-height);font-weight:500;color:var(--text-weak)}.sens-converter__answer-value{margin:0;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-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sens-converter__answer-pending{margin:0;font-size:var(--type-body-large-size);line-height:var(--type-body-large-line-height);color:var(--text-weakest)}.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{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:1fr 1fr;grid-gap:12px;gap:12px}@media(max-width:599px){.sens-converter__readout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none}}.sens-converter__featured{grid-row:1/-1}@media(max-width:599px){.sens-converter__featured{grid-row:auto;grid-column:1/-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;align-items:baseline;gap:8px;flex:1 1}.sens-converter__mini.neo-stat-card .neo-stat-card-label{line-height:1.2;margin-left:auto}.sens-converter__readout .neo-stat-card-value.value-changed{animation:none}.sens-converter__readout-prompt{display:flex;align-items:center;gap:6px;font-size:var(--type-body-size);font-weight:400;color:var(--text-information);animation:neoSensValueSettle var(--dur-base) var(--ease-out);visibility:visible;position:absolute;inset:0}.sens-converter__readout-prompt .neo-icon{--neo-icon-box:14px;flex:0 0 auto}.sens-converter .neo-stat-card.is-prompt .neo-stat-card-label{visibility:hidden}.sens-converter .neo-stat-card.is-prompt .neo-stat-card-content{position:relative;align-self:stretch;flex:1 1}.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{grid-row:auto;grid-column:1/-1;height:calc(var(--type-h2-size)*var(--type-h2-line-height) + 18.2px + 32px)}}.sens-converter__speed{--speed-rail:22px;--speed-knob:22px;--speed-row:38px;--speed-target:44px;display:flex;flex-direction:column;gap:6px;padding:4px 0 2px}.sens-converter__speed-graph{position:relative;height:var(--speed-target)}.sens-converter__speed-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:var(--speed-target);margin:0;padding:0;background:rgba(0,0,0,0);cursor:-webkit-grab;cursor:grab;touch-action:pan-y}.sens-converter__speed-input.is-pressed{cursor:-webkit-grabbing;cursor:grabbing}.sens-converter__speed-input::-webkit-slider-runnable-track{height:var(--speed-rail);border-radius:var(--radius-control);background-color:var(--surface-input);background-image:linear-gradient(90deg,rgb(219,81,76),rgb(206,76,123) 20%,rgb(188,73,162) 40%,rgb(160,73,200) 60%,rgb(117,88,215) 80%,rgb(59,101,213));-webkit-transition:box-shadow var(--dur-hover) var(--ease-micro);transition:box-shadow var(--dur-hover) var(--ease-micro)}.sens-converter__speed-input::-moz-range-track{height:var(--speed-rail);border-radius:var(--radius-control);background-color:var(--surface-input);background-image:linear-gradient(90deg,rgb(219,81,76),rgb(206,76,123) 20%,rgb(188,73,162) 40%,rgb(160,73,200) 60%,rgb(117,88,215) 80%,rgb(59,101,213));-moz-transition:box-shadow var(--dur-hover) var(--ease-micro);transition:box-shadow var(--dur-hover) var(--ease-micro)}.sens-converter__speed-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:var(--speed-knob);height:var(--speed-knob);border:0;border-radius:50%;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,0)) scale(var(--speed-stretch-x,1),var(--speed-stretch-y,1));-webkit-transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-hover) var(--ease-micro);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)}.sens-converter__speed-input::-moz-range-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:var(--speed-knob);height:var(--speed-knob);border:0;border-radius:50%;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,0)) scale(var(--speed-stretch-x,1),var(--speed-stretch-y,1));-moz-transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-hover) var(--ease-micro);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-hover) var(--ease-micro)}@media(hover:hover)and (pointer:fine){.sens-converter__speed-input:hover:not(:disabled)::-webkit-slider-runnable-track{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.06)}.sens-converter__speed-input:hover:not(:disabled)::-moz-range-track{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.06)}.sens-converter__speed-input:hover:not(:disabled)::-webkit-slider-thumb{transform:translateX(var(--speed-overshoot,0)) 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,0)) 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 hsla(0,0%,100%,.12)}.sens-converter__speed-input.is-pressed:not(:disabled)::-moz-range-track{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.12)}.sens-converter__speed-input.is-pressed:not(:disabled)::-webkit-slider-thumb{transform:translateX(var(--speed-overshoot,0)) scale(var(--speed-stretch-x,1),var(--speed-stretch-y,1)) scale(1.24);-webkit-transition:transform var(--dur-press) var(--ease-micro),background-color var(--dur-hover) var(--ease-micro);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,0)) scale(var(--speed-stretch-x,1),var(--speed-stretch-y,1)) scale(1.24);-moz-transition:transform var(--dur-press) var(--ease-micro),background-color var(--dur-hover) var(--ease-micro);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:left center}.sens-converter__speed-input.is-stretch-neg::-webkit-slider-thumb{transform-origin:right center}.sens-converter__speed-input.is-stretch-pos::-moz-range-thumb{transform-origin:left center}.sens-converter__speed-input.is-stretch-neg::-moz-range-thumb{transform-origin:right center}.sens-converter__speed-input.is-elastic::-webkit-slider-thumb{-webkit-transition:none;transition:none}.sens-converter__speed-input.is-elastic::-moz-range-thumb{-moz-transition:none;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{-webkit-transition:none;transition:none}.sens-converter__speed-input::-moz-range-thumb{-moz-transition:none;transition:none}.sens-converter__speed-input.is-pressed::-webkit-slider-thumb,.sens-converter__speed-input:hover::-webkit-slider-thumb{transform:none}.sens-converter__speed-input.is-pressed::-moz-range-thumb,.sens-converter__speed-input:hover::-moz-range-thumb{transform:none}.sens-converter__speed:has(.sens-converter__speed-input.is-pressed) .sens-converter__speed-current{transform:translateX(-50%);transition:none}}.sens-converter__speed-gauge{position:absolute;top:calc((var(--speed-target) - var(--speed-rail))/2);inset-inline:calc(var(--speed-knob)/2);height:var(--speed-rail);pointer-events:none}.sens-converter__speed-gtick{position:absolute;top:0;width:1px;height:4px;background:hsla(0,0%,100%,.4)}.sens-converter__speed-gtick.is-major{height:8px}.sens-converter__speed-ends{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:var(--type-uppercase-letter-spacing)}.sens-converter__speed-ends,.sens-converter__speed-scale{font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weakest)}.sens-converter__speed-scale{position:relative;height:calc(var(--type-small-size)*var(--type-small-line-height));margin-inline:calc(var(--speed-knob)/2)}.sens-converter__speed-num{transition:opacity var(--dur-hover) var(--ease-micro)}.sens-converter__speed-current,.sens-converter__speed-num{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sens-converter__speed-current{font-weight:600;color:var(--text-strong);transition:color var(--dur-hover) var(--ease-micro),transform var(--dur-base) var(--ease-spring)}.sens-converter__speed:has(.sens-converter__speed-input.is-pressed:not(:disabled)) .sens-converter__speed-current{transform:translateX(-50%) scale(1.12);transition:color var(--dur-hover) var(--ease-micro),transform var(--dur-press) var(--ease-micro)}.sens-converter__speed-rows{position:relative;min-height:calc(var(--speed-row)*2);margin-inline:calc(var(--speed-knob)/2)}.sens-converter__speed-rows.is-single{min-height:var(--speed-row)}.sens-converter__speed-row{position:relative;height:var(--speed-row)}.sens-converter__speed-bar{position:absolute;top:24px;height:10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.sens-converter__speed-bar.is-to{background:rgba(255,255,255,.42);box-shadow:none}.sens-converter__speed-name{position:absolute;top:0;z-index:1;padding:0 5px;background:var(--background-sunken);font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weak);white-space:nowrap}.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-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sens-converter__speed-you{position:absolute;top:-28px;bottom:2px;width:2px;transform:translateX(-1px);background:linear-gradient(180deg,rgba(255,255,255,.12) 0 26px,var(--text-strong) 26px);pointer-events:none}.sens-converter__ghost-label{height:calc(var(--type-small-size)*var(--type-small-line-height))}.sens-converter__ghost-mode{height:32px}.sens-converter__ghost-input,.sens-converter__ghost-select{height:44px}.sens-converter__ghost-input-field{display:flex;flex-direction:column;gap:4px}.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)}}