| | |
| | | padding: 0 .5rem; |
| | | position: fixed; |
| | | right: .5rem; |
| | | top: var(--btnbtn); |
| | | bottom: 0; |
| | | --w: 1em; |
| | | box-shadow: rgba(var(--base),var(--op-6)) var(--shdw); |
| | | --wrap: nowrap; |
| | | --gap: 1rem; |
| | | } |
| | | body:has(nav.fixed.bottom) .fstatus { |
| | | bottom: var(--btn); |
| | | z-index: var(--z-8); |
| | | } |
| | | .fstatus .spinner { |
| | | display: none; |
| | | } |
| | |
| | | transition-duration: 2s; |
| | | } |
| | | .restore-form.restore-form:not([hidden]) { |
| | | width: 50vw; |
| | | width: min(500px, 90vw); |
| | | padding: 1rem; |
| | | z-index: var(--z-7); |
| | | background-color: rgba(var(--base), var(--op-6)); |
| | | border-radius: var(--radius); |
| | | box-shadow: rgba(var(--action-0), var(--op-6)) var(--shdw); |
| | | position: fixed; |
| | | right: var(--btnbtn); |
| | | left: 0; |
| | | bottom: 0; |
| | | transition: bottom var(--trans-base); |
| | | } |