dialog{position:fixed;top:50%;transform:translateY(-50%);border-radius:10px;z-index:1102;border:none}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1101}body{margin:0;display:flex;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden}html{--s: 78px;--c1: rgb(251, 251, 251);--c2: rgb(255, 255, 255);--c3: rgb(252, 252, 252);--_g: var(--c3) 0 120deg,#0000 0;background:conic-gradient(from -60deg at 50% calc(100%/3),var(--_g)),conic-gradient(from 120deg at 50% calc(200%/3),var(--_g)),conic-gradient(from 60deg at calc(200%/3),var(--c3) 60deg,var(--c2) 0 120deg,#0000 0),conic-gradient(from 180deg at calc(100%/3),var(--c1) 60deg,var(--_g)),linear-gradient(90deg,var(--c1) calc(100%/6),var(--c2) 0 50%,var(--c1) 0 calc(500%/6),var(--c2) 0);background-size:calc(1.732*var(--s)) var(--s)}