:root{--color-primary:#bfae7a;--color-neutral-01:#f5f5f5;--color-neutral-02:#a6a6a6;--color-neutral-03:#666;--color-neutral-04:#525252;--color-neutral-05:#4a4a4a;--color-neutral-06:#424242;--color-neutral-07:#2b2b2b;--border-radius:0.25rem;--transition:100ms ease-in-out}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html:focus-within{scroll-behavior:smooth}body,html{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}body,h1,h2,h3,h4,p,ul{margin:0}ol[role=list],ul[role=list]{list-style:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}b,strong{font-weight:bolder}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}body{background-color:var(--color-neutral-07);color:var(--color-neutral-01);display:flex;flex-direction:column;font-family:system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}body>footer{margin-top:auto}::-moz-selection{background-color:var(--color-primary);color:var(--color-neutral-07)}::selection{background-color:var(--color-primary);color:var(--color-neutral-07)}h1{color:var(--color-primary);font-size:2.2rem;font-weight:400;margin-block:1.5rem 3rem;text-align:center}a{color:inherit}button{background-color:transparent;border:none;cursor:pointer;padding:0}:focus-visible{outline:none}:is(a,button,input[type=submit]):focus-visible{border:none;outline:2px solid var(--color-neutral-01)}input:not(input[type=submit]):focus-visible{border:1px solid var(--color-neutral-01);transition:border var(--transition)}.wrapper{margin-inline:auto;max-width:22rem;padding-inline:24px}.visually-hidden{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}[class*=space]{display:grid}.space-lg{gap:1.5rem}.space-sm{gap:.375rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}[role=tablist]{display:grid;gap:6px;grid-template-columns:1fr 1fr}[role=tab]{background-color:var(--color-neutral-06);border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:.875rem;font-weight:700;letter-spacing:.033em;padding:.5em 1em}[role=tab][aria-selected=true]{background-color:var(--color-neutral-04)}[role=tab][aria-selected=false]{color:var(--color-neutral-02)}[role=tab][aria-selected=false]:hover{color:inherit;transition:color var(--transition)}[role=tabpanel]{background-color:var(--color-neutral-04);border-radius:0 0 var(--border-radius) var(--border-radius);isolation:isolate;padding:.75em}.base-value{display:grid;font-size:.875rem;grid-template-columns:1fr 3.125rem}.base-value label{border:1px solid var(--color-neutral-03);border-radius:var(--border-radius) 0 0 var(--border-radius);border-right:0;padding:.25rem .5rem}.base-value input{background-color:var(--color-neutral-05);border:1px solid var(--color-neutral-03);border-radius:0 var(--border-radius) var(--border-radius) 0;padding:4px 0;text-align:center}.base-value.rem{display:none}.base-value.rem.show{display:grid}.option{--checkbox-width:1rem;--checkbox-color:var(--color-neutral-01);display:flex;font-size:.875rem;position:relative}.option input[type=checkbox]{aspect-ratio:1;opacity:0;width:var(--checkbox-width)}.option input[type=checkbox]:focus-visible+label:before{border-color:var(--checkbox-color)}.option input[type=checkbox]:checked+label:before{background-clip:content-box;background-color:var(--checkbox-color);border-color:var(--checkbox-color);transition:border-color var(--transition),background-color var(--transition)}.option label{align-items:center;display:flex;line-height:1;padding-left:6px}.option label:before{aspect-ratio:1;background-color:var(--color-neutral-05);border:2px solid var(--color-neutral-03);border-radius:.125rem;content:"";display:inline-block;left:0;padding:2px;position:absolute;width:var(--checkbox-width);z-index:-1}.enter-px label{display:block;font-weight:700;margin-bottom:3px}.enter-px input{background-color:var(--color-neutral-05);border:1px solid var(--color-neutral-03);border-radius:var(--border-radius);height:2.5rem;padding-inline:.625rem;width:100%}.enter-px input:focus-visible{box-shadow:inset 0 0 0 1px var(--color-neutral-01)}.enter-px input::-webkit-input-placeholder{color:var(--color-neutral-02)}.enter-px input::-moz-placeholder{color:var(--color-neutral-02)}.enter-px input:-ms-input-placeholder{color:var(--color-neutral-02)}.enter-px input::placeholder{color:var(--color-neutral-02)}.result{align-items:center;background-color:var(--color-neutral-03);border-radius:var(--border-radius);display:flex;font-weight:700;height:2.5rem;justify-content:space-between;padding-inline:.625rem}.cp-button{display:none;height:auto;line-height:0;width:1.3125rem}.cp-button.show{display:block}.cp-button svg{stroke:var(--color-neutral-01)}.convert-button{background-color:var(--color-primary);border:0;border-radius:var(--border-radius);color:var(--color-neutral-07);cursor:pointer;font-weight:700;letter-spacing:1.5px;padding:1em;text-transform:uppercase;transition:background-color var(--transition)}.convert-button:hover{--color-primary:#cdbc89}.cp-message{--trans:150ms ease-out;background-color:var(--color-neutral-06);border:1px solid var(--color-primary);border-radius:var(--border-radius);bottom:1.5rem;font-size:.875rem;left:1.5rem;opacity:0;padding:1em;position:fixed;-webkit-transform:translateY(1rem);transform:translateY(1rem);transition:visibility var(--trans),opacity var(--trans),-webkit-transform var(--trans);transition:visibility var(--trans),opacity var(--trans),transform var(--trans);transition:visibility var(--trans),opacity var(--trans),transform var(--trans),-webkit-transform var(--trans);visibility:hidden}.cp-message.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.site-footer{padding-block:3rem .75rem;text-align:center}.link-icon{display:inline-block;line-height:0;margin-bottom:.375rem}.link-icon svg{fill:var(--color-neutral-03);width:2.125rem}.link-icon svg:hover{fill:var(--color-neutral-02);transition:fill var(--transition)}.copyright{color:var(--color-neutral-02);display:block;font-size:.75rem}