.percentage-input .percentage-input__percentage{border:1px solid var(--edge-action);border-radius:7px;flex-flow:row;justify-content:space-between;align-items:center;display:flex}.percentage-input .percentage-input__percentage input[data-type=percentage]{border:none;border-top-right-radius:0;border-bottom-right-radius:0;flex-grow:1}.percentage-input .percentage-input__percentage input[data-type=percentage]:hover{box-shadow:none}.percentage-input .percentage-input__percentage input[data-type=percentage]:focus,.percentage-input .percentage-input__percentage input[data-type=percentage]:focus:hover{box-shadow:none;border:none}.percentage-input .percentage-input__percentage .percent{border-left:1px solid var(--edge-action);background:var(--overlay-hover);border-top-right-radius:7px;border-bottom-right-radius:7px;padding:9px 12px}.percentage-input .percentage-input__percentage:hover{box-shadow:0 0 0 3px var(--action-2)}.percentage-input .percentage-input__percentage.percentage-input__percentage--focused{border:1px solid var(--action-1);box-shadow:0 0 0 1px var(--action-1)}.percentage-input .percentage-input__percentage.percentage-input__percentage--disabled{border:1px solid var(--edge)}.percentage-input .percentage-input__percentage.percentage-input__percentage--disabled input[data-type=percentage]{border-right:1px solid var(--edge)}.percentage-input .percentage-input__percentage.percentage-input__percentage--disabled:hover{box-shadow:none}