@layer components{.expo-pop{--room:7rem;inline-size:min(100% - 24px, calc((100svh - var(--room)) * 16 / 9), 62rem);color:#fff;background:0 0;border:0;margin:auto;padding:0;overflow:visible}.expo-pop-tall{--room:8.5rem;inline-size:min(100% - 24px, calc((100svh - var(--room)) * 9 / 16))}.expo-pop:focus{outline:0}.expo-pop::backdrop{background:#111214e6}.expo-pop-film{position:relative}.expo-pop video{background:var(--color-ink-3);block-size:auto;inline-size:100%;display:block}.expo-pop-x{color:#fff;cursor:pointer;background:#ffffff29;border:0;place-items:center;block-size:44px;inline-size:44px;margin-block-end:8px;margin-inline-start:auto;padding:0;display:grid}.expo-pop-x:focus-visible{outline-offset:2px;outline:2px solid #fff}.expo-pop-sound{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0 12px clamp(14px,3vw,24px);display:flex;position:absolute;inset:0}.expo-pop-sound span{background:var(--color-ink);align-items:center;gap:8px;min-block-size:46px;padding:0 20px;font-weight:600;display:inline-flex}.expo-pop-sound:focus-visible{outline:0}.expo-pop-sound:focus-visible span{outline-offset:2px;outline:2px solid #fff}.expo-pop-line{text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin:10px 0 0;font-size:.9375rem;line-height:1.5;display:flex}.expo-pop-line b{font-weight:600}@media (max-height:30rem){.expo-pop{--room:4.5rem}.expo-pop-line{display:none}}@media (hover:hover) and (pointer:fine){.expo-pop-x:hover{background:#ffffff47}}@media (prefers-reduced-motion:no-preference){.expo-pop[open],.expo-pop[open]::backdrop{animation:.25s ease-out expo-in}}@keyframes expo-in{0%{opacity:0}}@media screen{html:has(.expo-pop[open]){overflow:hidden}}@media print{.expo-pop{display:none}}}