.px-to-rem-tool-module__XADSha__page{--brand:#0e9d6a;--mint:#a8f1c5;--text:#f4f7f5;--muted:#a5b3ac;--line:#303a3d;min-height:100dvh;color:var(--text);background:#13171a}.px-to-rem-tool-module__XADSha__main{max-width:1168px;margin:0 auto;padding:32px 24px 0}.px-to-rem-tool-module__XADSha__topline{justify-content:space-between;align-items:center;display:flex}.px-to-rem-tool-module__XADSha__back,.px-to-rem-tool-module__XADSha__help{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.px-to-rem-tool-module__XADSha__back:hover,.px-to-rem-tool-module__XADSha__help:hover{color:var(--text)}.px-to-rem-tool-module__XADSha__back svg,.px-to-rem-tool-module__XADSha__help svg{width:16px;height:16px}.px-to-rem-tool-module__XADSha__intro{justify-content:space-between;align-items:center;gap:24px;padding:45px 0 35px;display:flex}.px-to-rem-tool-module__XADSha__eyebrow{color:var(--mint);font:11px var(--font-jetbrains-mono), monospace;letter-spacing:.12em;margin:0 0 12px}.px-to-rem-tool-module__XADSha__intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,60px);font-weight:650;line-height:1.08}.px-to-rem-tool-module__XADSha__headingTo{padding:0 16px}.px-to-rem-tool-module__XADSha__headingDot{color:var(--brand)}.px-to-rem-tool-module__XADSha__description{max-width:570px;color:var(--muted);margin-top:18px;font-size:15px;line-height:1.7}.px-to-rem-tool-module__XADSha__toolIcon{border:1px solid var(--line);width:76px;height:76px;color:var(--mint);background:#191f21;border-radius:16px;place-items:center;display:grid}.px-to-rem-tool-module__XADSha__toolIcon svg{width:34px;height:34px}.px-to-rem-tool-module__XADSha__workspace{border:1px solid var(--line);background:#191f21;border-radius:12px;grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden}.px-to-rem-tool-module__XADSha__converter{min-width:0;padding:26px 30px 0}.px-to-rem-tool-module__XADSha__panelHeading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.px-to-rem-tool-module__XADSha__panelHeading>span{align-items:center;gap:8px;display:inline-flex}.px-to-rem-tool-module__XADSha__liveDot{background:var(--mint);border-radius:50%;width:5px;height:5px}.px-to-rem-tool-module__XADSha__textButton{cursor:pointer;min-height:36px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.px-to-rem-tool-module__XADSha__textButton:hover{color:var(--text);background:#202729}.px-to-rem-tool-module__XADSha__textButton svg{width:13px;height:13px}.px-to-rem-tool-module__XADSha__fields{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:20px;margin-top:38px;display:grid}.px-to-rem-tool-module__XADSha__unitField{min-width:0}.px-to-rem-tool-module__XADSha__unitField label{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;font-weight:500;display:flex}.px-to-rem-tool-module__XADSha__unitField label span{color:var(--muted);font-size:10px;font-weight:400}.px-to-rem-tool-module__XADSha__inputWrap{border-bottom:1px solid #4b5953;align-items:center;gap:8px;padding:14px 0 12px;transition:border-color .15s;display:flex}.px-to-rem-tool-module__XADSha__activeInput{border-color:var(--brand)}.px-to-rem-tool-module__XADSha__inputWrap:focus-within{border-color:var(--mint)}.px-to-rem-tool-module__XADSha__inputWrap input{text-align:center;width:100%;min-width:0;color:var(--text);font:500 clamp(28px, 3vw, 44px)/1.3 var(--font-jetbrains-mono), monospace;letter-spacing:-.06em;background:0 0;border:0;outline:0}.px-to-rem-tool-module__XADSha__inputWrap input::placeholder{color:#68776f}.px-to-rem-tool-module__XADSha__unit{color:var(--mint);font:14px var(--font-jetbrains-mono), monospace;flex-shrink:0}.px-to-rem-tool-module__XADSha__exchange{color:#72847a;width:20px}.px-to-rem-tool-module__XADSha__copyButton{width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.px-to-rem-tool-module__XADSha__copyButton svg{width:15px;height:15px}.px-to-rem-tool-module__XADSha__copyButton:hover:not(:disabled){color:var(--mint);background:#202729}.px-to-rem-tool-module__XADSha__copyButton[data-copied=true]{color:var(--mint)}.px-to-rem-tool-module__XADSha__hint{min-height:38px;color:var(--muted);margin:22px 0 14px;font-size:12px;line-height:1.7}.px-to-rem-tool-module__XADSha__equation{border-top:1px solid var(--line);padding:24px 0}.px-to-rem-tool-module__XADSha__equation>span,.px-to-rem-tool-module__XADSha__copyResult>span{color:var(--muted);font:10px var(--font-jetbrains-mono), monospace;letter-spacing:.09em}.px-to-rem-tool-module__XADSha__equation p{font:14px/1.7 var(--font-jetbrains-mono), monospace;overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:12px;display:flex}.px-to-rem-tool-module__XADSha__equation p>span{color:#8c9d93}.px-to-rem-tool-module__XADSha__equation strong{font-weight:500}.px-to-rem-tool-module__XADSha__result{color:var(--mint)}.px-to-rem-tool-module__XADSha__settings{border-left:1px solid var(--line);background:#161c1e;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;padding:30px 24px;display:flex}.px-to-rem-tool-module__XADSha__settings h2{margin:0 0 8px;font-size:14px;font-weight:550}.px-to-rem-tool-module__XADSha__settings p{color:var(--muted);font-size:11px;line-height:1.8}.px-to-rem-tool-module__XADSha__settings code{color:#d4e2db}.px-to-rem-tool-module__XADSha__baseInput{background:#13171a;border:1px solid #45534c;border-radius:6px;align-items:center;gap:12px;margin-top:18px;padding:11px 12px;display:flex}.px-to-rem-tool-module__XADSha__baseInput:focus-within{border-color:var(--mint)}.px-to-rem-tool-module__XADSha__baseInput input{text-align:center;width:100%;min-width:0;color:var(--text);font:16px var(--font-jetbrains-mono), monospace;background:0 0;outline:none}.px-to-rem-tool-module__XADSha__baseInput span{font:12px var(--font-jetbrains-mono), monospace;color:var(--muted)}.px-to-rem-tool-module__XADSha__presets{gap:6px;margin-top:10px;display:flex}.px-to-rem-tool-module__XADSha__presets button{border:1px solid var(--line);min-height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:5px;padding:6px 8px;font-size:10px}.px-to-rem-tool-module__XADSha__presets button[aria-pressed=true]{color:var(--mint);background:#17372b;border-color:#48715e}.px-to-rem-tool-module__XADSha__baseHint{margin-top:12px}.px-to-rem-tool-module__XADSha__copyResult code{overflow-wrap:anywhere;margin:9px 0 15px;font-size:24px;display:block}.px-to-rem-tool-module__XADSha__primary{background:var(--brand);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-size:12px;font-weight:550;transition:background .15s;display:flex}.px-to-rem-tool-module__XADSha__primary:hover:not(:disabled){background:#0b8b5d}.px-to-rem-tool-module__XADSha__primary svg{width:15px;height:15px}.px-to-rem-tool-module__XADSha__page button:disabled{cursor:not-allowed;opacity:.4}.px-to-rem-tool-module__XADSha__page :is(button,a):focus-visible{outline:2px solid var(--mint);outline-offset:4px}.px-to-rem-tool-module__XADSha__feedback{min-height:38px;color:var(--mint);margin:8px 0 0;font-size:12px;line-height:1.6}.px-to-rem-tool-module__XADSha__error{color:#ffb3a5!important}.px-to-rem-tool-module__XADSha__sectionHeading{justify-content:space-between;align-items:flex-end;gap:24px;margin:22px 0;display:flex}.px-to-rem-tool-module__XADSha__sectionHeading h2{letter-spacing:-.03em;font-size:25px;font-weight:550}.px-to-rem-tool-module__XADSha__sectionHeading p:not(.px-to-rem-tool-module__XADSha__eyebrow){color:var(--muted);max-width:280px;font-size:12px;line-height:1.8}.px-to-rem-tool-module__XADSha__sectionHeading strong{color:var(--text);font-weight:500}.px-to-rem-tool-module__XADSha__tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.px-to-rem-tool-module__XADSha__tables table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.px-to-rem-tool-module__XADSha__tables caption{text-align:left;border:1px solid var(--line);background:#191f21;padding:18px 16px;font-size:13px;font-weight:500}.px-to-rem-tool-module__XADSha__tables th{color:var(--muted);border-bottom:1px solid var(--line);padding:12px 16px;font-size:11px;font-weight:400}.px-to-rem-tool-module__XADSha__tables th:last-child,.px-to-rem-tool-module__XADSha__tables td:last-child{text-align:right}.px-to-rem-tool-module__XADSha__tables td{height:43px;font:12px var(--font-jetbrains-mono), monospace;overflow-wrap:anywhere;border-bottom:1px solid #252e30;padding:4px 16px}.px-to-rem-tool-module__XADSha__tables td>span{color:var(--muted);margin-left:3px;font-size:10px}.px-to-rem-tool-module__XADSha__tables td button{max-width:100%;min-height:34px;color:var(--mint);text-align:right;cursor:pointer;justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.px-to-rem-tool-module__XADSha__tables td button:hover{color:#fff}.px-to-rem-tool-module__XADSha__tables td svg{width:12px;height:12px;color:var(--muted);flex-shrink:0}.px-to-rem-tool-module__XADSha__tables tr:hover td{background:#191f21}.px-to-rem-tool-module__XADSha__explainer{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:56px 0 0;padding:36px 0;display:grid}.px-to-rem-tool-module__XADSha__noteNumber{color:var(--muted);font:10px var(--font-jetbrains-mono), monospace;letter-spacing:.08em}.px-to-rem-tool-module__XADSha__explainer h2{letter-spacing:-.025em;margin:14px 0 12px;font-size:18px;font-weight:500}.px-to-rem-tool-module__XADSha__explainer p{color:var(--muted);font-size:13px;line-height:1.9}.px-to-rem-tool-module__XADSha__explainer a{color:var(--mint);align-items:center;gap:10px;margin-top:18px;font-size:12px;display:inline-flex}.px-to-rem-tool-module__XADSha__explainer svg{width:14px;height:14px}.px-to-rem-tool-module__XADSha__privacy{color:var(--muted);margin:10px 0 44px;font-size:11px}.px-to-rem-tool-module__XADSha__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.px-to-rem-tool-module__XADSha__intro,.px-to-rem-tool-module__XADSha__workspace{animation:.42s ease-out both px-to-rem-tool-module__XADSha__arrive}@keyframes px-to-rem-tool-module__XADSha__arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:900px){.px-to-rem-tool-module__XADSha__workspace{grid-template-columns:minmax(0,1fr)}.px-to-rem-tool-module__XADSha__settings{border-left:0;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.px-to-rem-tool-module__XADSha__copyResult{align-self:center}.px-to-rem-tool-module__XADSha__converter{padding:22px 24px 0}}@media (max-width:600px){.px-to-rem-tool-module__XADSha__main{padding:24px 16px 0}.px-to-rem-tool-module__XADSha__intro{padding:32px 0 26px}.px-to-rem-tool-module__XADSha__toolIcon{display:none}.px-to-rem-tool-module__XADSha__description{font-size:13px}.px-to-rem-tool-module__XADSha__converter{padding:16px 18px 0}.px-to-rem-tool-module__XADSha__fields{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px}.px-to-rem-tool-module__XADSha__unitField label{font-size:13px;display:block}.px-to-rem-tool-module__XADSha__unitField label span{margin-top:5px;font-size:9px;display:block}.px-to-rem-tool-module__XADSha__inputWrap input{font-size:29px}.px-to-rem-tool-module__XADSha__unit{font-size:11px}.px-to-rem-tool-module__XADSha__exchange{justify-self:center;width:16px;height:16px;transform:rotate(90deg)}.px-to-rem-tool-module__XADSha__settings{grid-template-columns:1fr;gap:24px;padding:24px 18px}.px-to-rem-tool-module__XADSha__copyResult{border-top:1px solid var(--line);padding-top:20px}.px-to-rem-tool-module__XADSha__sectionHeading{display:block}.px-to-rem-tool-module__XADSha__sectionHeading>p{margin-top:12px}.px-to-rem-tool-module__XADSha__tables{grid-template-columns:1fr;gap:24px}.px-to-rem-tool-module__XADSha__explainer{grid-template-columns:1fr;gap:32px;margin-top:36px}}@media (prefers-reduced-motion:reduce){.px-to-rem-tool-module__XADSha__page *,.px-to-rem-tool-module__XADSha__page :before,.px-to-rem-tool-module__XADSha__page :after{transition:none!important;animation:none!important}}