:root{--ColorDisplay-height: 15%;--Footer-height: 20px;--Font-Size-Large: 48px;--Font-Size-Regular: 14px;--Font-Size-Small: 12px;--Normal-Spacing: 4px;--Normal-Border: 1px;--Timing-Normal: .15s;--Timing-Short: 50ms;--Timing-Shorter: 25ms;--Transition-Normal: cubic-bezier(0, .7, .3, 1);--border-color: #00000030;--Normal-Padding: 2px;--interactable-radius: 0px}.outlined{outline:2px solid var(--border-color)}.rounded{border-radius:calc(var(--interactable-radius) / 2)}.padded{padding:var(--Normal-Padding)}.interactable{border-radius:var(--interactable-radius)}.ColorOption:first-of-type{border-radius:var(--interactable-radius) 0 0 var(--interactable-radius)}.ColorOption:last-of-type{border-radius:0 var(--interactable-radius) var(--interactable-radius) 0}