.percentage-input .percentage-input__percentage{align-items:center;border:1px solid var(--action-edge);border-radius:7px;display:flex;flex-flow:row nowrap;justify-content:space-between}.percentage-input .percentage-input__percentage input[data-type=percentage]{border:none;border-bottom-right-radius:0;border-right:1px solid var(--action-edge);border-top-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{border:none;border-right:1px solid var(--action-edge);box-shadow:none}.percentage-input .percentage-input__percentage .percent{background:var(--surface);border-bottom-right-radius:7px;border-top-right-radius:7px;padding:9px 12px}.percentage-input .percentage-input__percentage:hover{box-shadow:0 0 0 3px var(--action)}.percentage-input .percentage-input__percentage.percentage-input__percentage--focused{border:1px solid var(--action-primary);box-shadow:0 0 0 1px var(--action-primary)}.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}