.hpop-grund{z-index:1000;overscroll-behavior:contain;transition:opacity .2s var(--mo-kurve);background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}@starting-style{.hpop-grund{opacity:0}}.hpop{--hpop-hal:var(--hal-text,#ffb169);--hpop-hal-rgb:var(--hal-solid-rgb,252 135 49);box-sizing:border-box;overscroll-behavior:contain;background:var(--su-2,#1b1b25);outline:1px solid var(--li-2,#ffffff1a);outline-offset:-1px;width:min(400px,100%);max-height:calc(100svh - 32px);color:var(--tx-2);text-align:center;border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px -12px #000000b3,inset 0 1px #ffffff0f}@starting-style{.hpop{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.hpop{transition:opacity .15s ease-out}@starting-style{.hpop{transform:none}}}.hpop-kopf{flex-direction:column;align-items:center;gap:12px;display:flex}.hpop-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--hpop-hal);margin:0;font-size:.8125rem;font-weight:600}.hpop-titel{font-family:var(--font-outfit), sans-serif;letter-spacing:-.01em;color:var(--tx-1);text-wrap:balance;margin:-8px 0 0;font-size:2rem;font-weight:700;line-height:1.1}.hpop-text{text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.5}.hpop-text strong{color:var(--tx-1);font-weight:600}.hpop-code{background:var(--su-0,#0f0f13);border:1px dashed rgb(var(--hpop-hal-rgb) / .45);border-radius:12px;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-inline:auto;padding:6px 6px 6px 18px;display:flex}.hpop-code-wert{text-align:start;letter-spacing:.08em;min-width:0;color:var(--tx-1);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;flex:none;font-size:1.0625rem;font-weight:700}.hpop-kopier{min-width:104px;min-height:40px;color:var(--tx-1);font:inherit;cursor:pointer;transition:background-color var(--mo-schnell) var(--mo-kurve), transform var(--mo-schnell) var(--mo-kurve);background:#ffffff0f;border:0;border-radius:8px;flex:none;padding:0 14px;font-size:.875rem;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}@media (hover:hover){.hpop-kopier:hover{background:#ffffff1a}}.hpop-kopier:active{transform:scale(.96)}.hpop-uhr{justify-content:center;align-items:baseline;gap:10px;margin:0;font-size:.875rem;display:flex}.hpop-uhr-label{color:var(--tx-3)}.hpop-uhr-zeit{color:var(--tx-1);font-variant-numeric:tabular-nums;gap:8px;font-weight:600;display:inline-flex}.hpop-einheit{color:var(--tx-3);margin-inline-start:1px;font-weight:500}.hpop-haupt{border:1px solid var(--li-2,#ffffff1a);background:linear-gradient(180deg, var(--ac-1), color-mix(in srgb, var(--ac-1) 74%, #000));color:#fff;letter-spacing:.025em;text-transform:uppercase;min-height:52px;transition:filter var(--mo-normal) var(--mo-kurve), transform var(--mo-normal) var(--mo-kurve), box-shadow var(--mo-normal) var(--mo-kurve);border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-size:1rem;font-weight:700;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffff42,0 8px 22px #b32de066}@media (hover:hover){.hpop-haupt:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff52,0 14px 32px #b32de08a}}.hpop-haupt:active{filter:brightness(.94);transition-duration:var(--mo-schnell);transform:translateY(0)}.hpop-nein{min-height:40px;color:var(--tx-3);font:inherit;cursor:pointer;text-underline-offset:3px;transition:color var(--mo-schnell) var(--mo-kurve);background:0 0;border:0;border-radius:8px;align-self:center;margin-top:-8px;padding:0 12px;font-size:.875rem;text-decoration:underline}@media (hover:hover){.hpop-nein:hover{color:var(--tx-1)}}@media (pointer:coarse){.hpop-kopier,.hpop-nein{min-height:44px}}.hpop :is(a,button):focus-visible{outline:2px solid var(--ac-2);outline-offset:2px}.hpop-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:400px){.hpop{gap:14px;padding:20px 16px}.hpop-titel{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){.hpop-haupt,.hpop-kopier{transition:none}.hpop-haupt:hover,.hpop-haupt:active,.hpop-kopier:active{transform:none}}@media (forced-colors:active){.hpop{outline:1px solid canvastext}}
