.color-mode{display:flex;flex-direction:column;gap:var(--space);justify-content:flex-start;padding:var(--space)}.color-mode--active{transform:translate(0)}.color-mode__heading{display:block;font-size:.75em}[data-color-mode=dark] .color-mode{--a11y-bg-lightness:20%}.contrast-setting{display:flex;flex-direction:column;gap:var(--space);padding:var(--space)}.contrast-setting--active{transform:translate(0)}.contrast-setting__heading{display:block;font-size:.75em}.font-size-setting{display:flex;flex-direction:column;gap:var(--space);padding:var(--space) 0}.font-size-setting--active{transform:translate(0)}.font-size-setting__header-container{align-items:center;display:flex;gap:var(--space-s)}.font-size-setting__header-icon{font-size:1.5em}.font-size-setting__header-arrow-icon{margin-left:auto}.font-size-setting__main{display:flex;flex-direction:column;gap:var(--space);padding:var(--space);width:320px}.font-size-setting__group{display:flex;flex-direction:column;gap:var(--space-s)}.font-size-setting__heading{display:block;font-size:.75em}.font-size-setting .small{--button-icon-size:.75em}.font-size-setting .medium{--button-icon-size:1em}.font-size-setting .large{--button-icon-size:1.25em}.font-size-setting .xlarge{--button-icon-size:1.5em}:root{--media-max-width:34em}.locale-setting{display:flex;flex-direction:column;gap:var(--space);padding:var(--space)}.locale-setting--active{transform:translate(0)}.locale-setting__heading{display:block;font-size:.75em}