.tool-page[data-tool=css-units]:has(>.px-rem-content)>.tool-intro,.tool-page[data-tool=css-units]>.css-unit-content.px-rem-content{max-width:720px}.px-rem-swap{display:grid;place-items:center;width:34px;height:34px;margin:12px auto;border:1px solid #dedff8;border-radius:9px;background:#f3f2ff;color:#635cf1;cursor:pointer}.px-rem-swap:hover{background:#eae8ff}.px-rem-swap:focus-visible{outline:2px solid #635cf1;outline-offset:3px}.px-rem-content .px-em-unit-info p{font-size:13px;line-height:1.8}.px-rem-content .css-unit-faq details p,.px-rem-content .css-unit-overview>p,.px-rem-content .css-unit-steps p{font-size:14px}.px-rem-content .px-em-base-note,.px-rem-content .px-em-scenarios p{font-size:13px}.px-rem-content .px-em-reference tbody td:nth-child(2){white-space:normal}@media(max-width:480px){.px-rem-content .px-em-reference td,.px-rem-content .px-em-reference th{padding:12px 7px}.px-rem-content .px-em-reference table{font-size:11px}}.rem-px-unit-info article:first-child{order:1}.px-rem-info-icon{display:grid;place-items:center;flex:none;width:19px;height:19px;margin-top:3px;color:#1f2937}.px-rem-unit-table thead th:first-child{border-radius:13px 0 0 0}.px-rem-unit-table thead th:last-child{border-radius:0 13px 0 0}.px-rem-content .px-rem-unit-table tbody td:nth-child(2){font-family:inherit;white-space:nowrap}.px-rem-content .px-rem-unit-table tbody td:nth-child(3){text-align:left}.px-rem-content .px-rem-unit-table tbody td:nth-child(4){color:#263247}.px-rem-scale-badge{display:inline-block;min-width:34px;padding:3px 11px;border-radius:999px;text-align:center;font-size:12px;font-weight:600;line-height:1.5}.px-rem-scale-badge.is-no{background:#fdeaea;color:#e0483d}.px-rem-scale-badge.is-yes{background:#e4f6ec;color:#2aa06a}.px-rem-best-note{align-items:center;border-color:#2aa06a;background:linear-gradient(100deg,#eefaf2,#f9fdfb)}.px-rem-best-note p{color:#4a5f6e}.px-rem-best-icon{display:grid;place-items:center;flex:none;width:19px;height:19px;margin-top:1px;border-radius:50%;background:#1f2937;color:#fff}.px-rem-best-icon svg{stroke-width:3}@media(max-width:480px){.px-rem-unit-table tbody td:nth-child(4){white-space:normal}.px-rem-scale-badge{padding:2px 8px;font-size:11px}}