.zentrale .drehrad{gap:6px;min-width:0;display:grid}.zentrale .drehrad-name{color:var(--color-salbei);font-size:13px;font-weight:600}.zentrale .drehrad-spalten{border:1px solid var(--z-kante);background:var(--z-flaeche);border-radius:14px;align-items:center;gap:4px;padding:0 6px;display:flex;position:relative}.zentrale .drehrad-spalten:before{content:"";background:color-mix(in srgb, var(--z-primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--z-primary) 40%, transparent);pointer-events:none;border-radius:10px;height:40px;position:absolute;inset:calc(50% - 20px) 4px auto}.zentrale .drehrad-spalte{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;cursor:grab;border-radius:10px;outline:none;flex:1 1 0;min-width:52px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.zentrale .drehrad-spalte::-webkit-scrollbar{display:none}.zentrale .drehrad-spalte:active{cursor:grabbing}.zentrale .drehrad-spalte:focus-visible{box-shadow:0 0 0 2px var(--z-primary)}.zentrale .drehrad-rand{height:calc(var(--drehrad-zeile) * 2)}.zentrale .drehrad-wert{height:var(--drehrad-zeile);scroll-snap-align:center;font-variant-numeric:tabular-nums;color:var(--color-salbei);-webkit-user-select:none;user-select:none;place-items:center;font-size:19px;transition:color .12s,font-weight .12s;display:grid}.zentrale .drehrad-wert[data-gewaehlt=ja]{color:var(--color-creme);font-weight:700}.zentrale .drehrad-trenner,.zentrale .drehrad-einheit{color:var(--color-creme);font-size:19px;font-weight:700;position:relative}.zentrale .drehrad-einheit{color:var(--color-salbei);padding-right:6px;font-size:14px;font-weight:600}@media (prefers-reduced-motion:reduce){.zentrale .drehrad-wert{transition:none}}.zentrale .drehrad-leeren{color:var(--color-salbei);cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:13px;text-decoration:underline}.zentrale .drehrad-knopf{display:inline-block;position:relative}.zentrale .drehrad-knopf-wert{text-align:center;cursor:pointer;min-width:6.5rem}.zentrale .drehrad-knopf-feld{z-index:40;border:1px solid var(--z-kante);background:var(--z-flaeche);width:15rem;color:var(--z-text);box-shadow:0 12px 32px color-mix(in srgb, var(--z-text) 22%, transparent);border-radius:14px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0}@media (width<=640px){.zentrale .drehrad-knopf-feld{width:auto;position:fixed;inset:auto 16px 16px}}.zentrale .drehrad-leer{white-space:nowrap;flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:200px}.zentrale .drehrad-leer>.zahlen{letter-spacing:.06em;font-size:19px}
