| | |
| | | z-index: var(--z-5); |
| | | transition: var(--trans-size); |
| | | --dir: column-reverse; |
| | | background-color: var(--base); |
| | | border-left: 1px solid var(--base-200); |
| | | box-shadow:rgba(var(--base-rgb), var(--op-4)) var(--shdw-left); |
| | | background-color: rgb(var(--base)); |
| | | border-left: 1px solid rgb(var(--base-200)); |
| | | box-shadow:rgba(var(--base), var(--op-4)) var(--shdw-left); |
| | | height: auto; |
| | | --w: var(--chip_); |
| | | |
| | |
| | | |
| | | .toggle { |
| | | width: 100%; |
| | | aspect-ratio: unset; |
| | | .icon { |
| | | transform: rotate(0); |
| | | transition: var(--trans-transform); |
| | |
| | | margin: 0; |
| | | height: auto; |
| | | width:100%; |
| | | overflow: hidden; |
| | | } |
| | | li { |
| | | height: auto; |
| | |
| | | } |
| | | |
| | | .menu-section { |
| | | border-bottom: 1px solid var(--contrast-200); |
| | | border-bottom: 1px solid rgb(var(--contrast-200)); |
| | | } |
| | | .section-title { |
| | | padding: 0.5rem var(--px); |
| | |
| | | } |
| | | |
| | | } |
| | | |
| | | .main-actions .buttons.buttons { |
| | | right: calc(var(--btn_) + .5rem); |
| | | } |