| 1 | @import "../global/variables.css";
|
| 2 |
|
| 3 | .popup {
|
| 4 | composes: font from "../global/global.css";
|
| 5 |
|
| 6 | position: absolute;
|
| 7 | z-index: var(--ring-overlay-z-index);
|
| 8 | top: -100vh;
|
| 9 | left: -100vw;
|
| 10 |
|
| 11 | overflow-y: auto;
|
| 12 |
|
| 13 | box-sizing: border-box;
|
| 14 |
|
| 15 | border: 1px solid var(--ring-popup-border-color);
|
| 16 | border-radius: var(--ring-border-radius);
|
| 17 |
|
| 18 | background-color: var(--ring-popup-background-color);
|
| 19 | box-shadow: 0 2px 16px 0 var(--ring-popup-shadow-color);
|
| 20 | }
|
| 21 |
|
| 22 | .hidden {
|
| 23 | display: none;
|
| 24 | }
|
| 25 |
|
| 26 | .showing {
|
| 27 | opacity: 0;
|
| 28 | }
|
| 29 |
|
| 30 | .attached {
|
| 31 | border-top: 0;
|
| 32 | border-top-left-radius: 0;
|
| 33 | border-top-right-radius: 0;
|
| 34 | }
|