.button{display: flex;align-items: center;gap: var(--space-4);width: 100%;min-height: var(--row-height);padding: var(--space-5);border-bottom: 1px solid var(--line);color: var(--text);text-align: left;line-height: var(--leading-none);transition: background var(--dur-fast) var(--ease-out)}.button .icon{color: var(--icon);transition: color var(--dur-fast) var(--ease-out)}.button-icon{display: none}.button-label{flex: 1}@media (hover: hover){.button:hover{background: var(--surface-hover)}.button:hover .icon{color: var(--icon-active)}}.button[aria-expanded="true"]{background: var(--surface-pressed)}.button[aria-expanded="true"] .icon{color: var(--icon-active)}.button:active{background: var(--surface-pressed)}.button-chevron{stroke: currentColor;stroke-width: 1;stroke-linecap: round;fill: none}@property --chev-corner{syntax: "<length>";inherits: false;initial-value: 11px}@property --chev-turn{syntax: "<angle>";inherits: false;initial-value: 0deg}.button-chevron-arm{transform-box: view-box;transform-origin: 0 0;transition: --chev-corner var(--dur-base) var(--ease-out), --chev-turn var(--dur-base) var(--ease-out)}.button-chevron-top{transform: translate(var(--chev-corner), 8px) rotate(calc(-45deg + var(--chev-turn)))}.button-chevron-bottom{transform: translate(var(--chev-corner), 8px) rotate(calc(-135deg - var(--chev-turn)))}.button[aria-expanded="false"] .button-chevron-arm{--chev-corner: 11px;--chev-turn: 0deg}.button[aria-expanded="true"] .button-chevron-arm{--chev-corner: 5px;--chev-turn: 90deg}@media (max-width: 699px){.button{flex: 1;justify-content: center;border-bottom: none}.button-icon{display: block;width: var(--nav-icon-size);height: var(--nav-icon-size)}.button-label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.button-chevron{display: none}.button .icon{color: var(--nav-icon)}.button:active .icon, .button[aria-expanded="true"] .icon{color: var(--nav-icon-selected)}}