/* Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @import url("chrome://browser/content/usercontext/usercontext.css"); :root { --preference-selected-color: #008484; --preference-unselected-color: #9C9CFF; --preference-active-color: #FF9F00; } .radio-buttons { display: flex; margin-inline-start: 0.35rem; } .radio-buttons > radio { flex: auto; display: flex; align-items: center; justify-content: center; -moz-user-select: none; outline: 2px solid transparent; outline-offset: 4px; -moz-outline-radius: 100%; min-block-size: 24px; min-inline-size: 24px; border-radius: 50%; padding: 2px; margin: 10px; } .icon-buttons > radio > [data-identity-icon] { fill: #A09090; } .radio-buttons > radio { padding-inline-start: 2px; } radio > [data-identity-icon] { inline-size: 22px; block-size: 22px; } .radio-buttons > radio[selected=true] { outline-color: var(--preference-unselected-color); } .radio-buttons > radio[focused=true] { outline-color: var(--preference-selected-color); } .radio-buttons > radio:hover:active { outline-color: var(--preference-active-color); }