#percentage-calculator{margin:1rem 0 2rem}#percentage-calculator,#percentage-calculator *{box-sizing:border-box}#percentage-calculator .percentage-tool__hint{margin-bottom:.75rem}#percentage-calculator .method-container{display:grid;gap:2rem}#percentage-calculator .category-section{border:0;margin:0;padding:0}#percentage-calculator .category-section legend{padding:0;font-weight:700}#percentage-calculator .solve-target{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.45rem 0 .65rem;font-size:.92rem}#percentage-calculator .solve-target__label{margin-right:.1rem;opacity:.75}#percentage-calculator .solve-selector{display:inline-flex;position:relative;margin:0;cursor:pointer;user-select:none}#percentage-calculator .solve-selector input{position:absolute;width:1px;height:1px;opacity:0}#percentage-calculator .solve-selector span{display:inline-flex;align-items:center;border:3px solid #000;border-radius:2px;box-shadow:4px 4px #000;min-height:1.75rem;padding:.35rem .65rem;background:#fff;color:#000;line-height:1.2;transition:background-color .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out}#percentage-calculator .solve-selector input:checked+span{background:var(--accent-button);color:#fff;box-shadow:2px 2px #000;font-weight:700}#percentage-calculator .solve-selector input:focus+span{outline:2px solid var(--accent-button);outline-offset:2px}@media(hover:none) and (pointer:coarse){#percentage-calculator .solve-selector input:not(:checked)+span{background:#fff;color:#000;box-shadow:4px 4px #000;outline:none}}#percentage-calculator .calculator-fields{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .55rem;font-size:1.08rem;line-height:2.75rem;max-width:100%}#percentage-calculator .block{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0;max-width:100%}#percentage-calculator .block>label,#percentage-calculator .block>span{flex:none;margin:0;white-space:nowrap}#percentage-calculator input[type=number]{appearance:textfield;-moz-appearance:textfield;width:7.25rem;min-width:0;max-width:100%;height:2.25rem;resize:none;text-align:right;border:0;border-bottom:3px solid var(--text);background:0 0;color:var(--text);font-size:inherit;font-weight:inherit;padding:0 .2rem .15rem;margin-bottom:0}#percentage-calculator input[type=number]::-webkit-outer-spin-button,#percentage-calculator input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#percentage-calculator input[type=number]:read-only{background:var(--accent-bg);border-bottom-color:var(--accent-button);font-weight:700}#percentage-calculator input[type=number]:focus{outline:2px solid var(--accent-button);outline-offset:2px}#percentage-calculator input[aria-invalid=true]{color:#b00020}#percentage-calculator .calculator-instruction{margin:.5rem 0 0;font-size:.92rem;line-height:1.35}#percentage-calculator .settings{display:flex;align-items:center;justify-content:flex-start;margin:0 0 1.4rem}#percentage-calculator .rounding-control{display:inline-flex;align-items:center;gap:.5rem;margin:0}#percentage-calculator input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0}#percentage-calculator .percentage-status{min-height:1.5rem;margin-top:.75rem;color:#b00020}@media(max-width:34rem){#percentage-calculator .calculator-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;line-height:2.5rem;width:100%}#percentage-calculator .block{display:flex;justify-content:flex-start;width:100%;min-width:0}#percentage-calculator input[type=number]{flex:1;width:auto;min-width:0}}