dialog.pop{--tab-chip:#ffffff12;--ha-focus:#ffffff0a;inset:var(--rb,0px) 0 0;max-width:none;max-height:none;width:min(var(--pop-w,800px), calc(100vw - 48px));height:min(var(--pop-h,580px), calc(100dvh - var(--rb,0px) - 48px));color:#fff;opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), overlay .16s allow-discrete, display .16s allow-discrete;transition-behavior:allow-discrete;overscroll-behavior:contain;background:#0e1638;border:0;border-radius:28px;margin:auto;padding:0;position:fixed;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:0 0 0 1px #080a2280,0 44px 100px -28px #06081e9e,0 14px 36px -14px #06081e6b}dialog.pop[open]{opacity:1;transition-duration:.28s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:none}@starting-style{dialog.pop[open]{opacity:0;transform:translateY(10px)scale(.985)}}dialog.pop::backdrop{-webkit-backdrop-filter:blur(5px)saturate(1.1);backdrop-filter:blur(5px)saturate(1.1);opacity:0;transition:opacity .22s var(--ease-out), overlay .22s allow-discrete, display .22s allow-discrete;background:#0c0a1875}dialog.pop[open]::backdrop{opacity:1}@starting-style{dialog.pop[open]::backdrop{opacity:0}}html:has(dialog.pop[open]){overflow:hidden}dialog.pop:focus,dialog.pop:focus-visible{outline:none}.pop-rim{z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff21,inset 0 1px #fff3}@supports (corner-shape:superellipse(1.6)){html:not([data-corners=round]) :is(dialog.pop,.pop-rim){corner-shape:superellipse(1.6)}}.pop-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;height:100%;position:relative;overflow-y:auto}.pop ::selection{background:#ffffff47}.pop :focus-visible{outline-offset:2px;outline:2px solid #fff}.pop-fold{grid-template-columns:minmax(0, 1fr) var(--pop-slab,420px);height:100%;min-height:0;display:grid;position:relative}.pop-scene{position:absolute;inset:0}.pop-lede{flex-direction:column;min-width:0;padding:36px 36px 28px;display:flex;position:relative}.pop-lede:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 0 0,#0a0e2c80,#0a0e2c00 70%);position:absolute;inset:0 -40px 40% 0}.pop-lede>*{position:relative}.pop-slab{-webkit-backdrop-filter:blur(28px)saturate(1.35);backdrop-filter:blur(28px)saturate(1.35);background:#0e143a80;flex-direction:column;min-width:0;padding:30px 32px 26px;display:flex;position:relative;box-shadow:inset 1px 0 #ffffff1f}.pop-x{z-index:7;color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);width:36px;height:36px;transition:background-color .14s var(--ease-out), transform .12s var(--ease-out);background:#ffffff1f;border-radius:999px;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff47}@media (hover:hover){.pop-x:hover{background:#fff3}}.pop-x:active{transform:scale(.94)}.pop-link{color:#fff;text-underline-offset:3px;font-weight:600;text-decoration:none}@media (hover:hover){.pop-link:hover{-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80}}.pop-tile{text-align:left;transition:background-color .14s var(--ease-out), box-shadow .14s var(--ease-out), transform .12s var(--ease-out);background:#ffffff12;border-radius:16px;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}@media (hover:hover){.pop-tile:hover{background:#ffffff1c}}.pop-tile:active{transform:scale(.985)}.pop-tile[aria-checked=true]{background:#ffffff29;box-shadow:inset 0 0 0 1.5px #ffffffeb}@supports (corner-shape:superellipse(1.6)){html:not([data-corners=round]) .pop-tile{corner-shape:superellipse(1.6)}}.pop-grab{display:none}@media (max-width:759px){dialog.pop{width:100%;height:auto;max-height:calc(100dvh - var(--rb,0px) - 16px);opacity:1;transition:transform var(--dur-sheet-out,.3s) var(--ease-sheet-out,ease-in), overlay var(--dur-sheet-out,.3s) allow-discrete, display var(--dur-sheet-out,.3s) allow-discrete;border-radius:28px 28px 0 0;margin:0;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -1px #ffffff0f,0 -24px 60px -20px #06081e80}dialog.pop[open]{transition:transform var(--dur-sheet-in,.4s) var(--ease-sheet,cubic-bezier(.32, .72, 0, 1)), overlay var(--dur-sheet-in,.4s) allow-discrete, display var(--dur-sheet-in,.4s) allow-discrete;transform:none}@starting-style{dialog.pop[open]{transform:translateY(100%)}}.pop-scroll{height:auto;max-height:calc(100dvh - var(--rb,0px) - 16px);padding-bottom:env(safe-area-inset-bottom)}.pop-fold{height:auto;display:block}.pop-scene{height:var(--pop-band,280px);bottom:auto}.pop-lede{min-height:var(--pop-band,280px);padding:26px 20px 20px}.pop-slab{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;padding:6px 20px 28px}.pop-grab{z-index:7;background:#ffffff6b;border-radius:999px;width:36px;height:4px;margin-left:-18px;display:block;position:absolute;top:7px;left:50%}.pop-x{top:16px;right:14px}.pop-rim{box-shadow:inset 0 1px #fff3}}@media (prefers-reduced-motion:reduce){dialog.pop,dialog.pop[open]{transform:none!important}}.pop .glass-btn:not(.primary):not(.action){color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff42}@media (hover:hover){.pop .glass-btn:not(.primary):not(.action):not(:disabled):hover{background:#fff3}}.pop .glass-btn.primary{box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #fff6,inset 0 -8px 16px -10px #28003c73}
