.cal-depth__pills{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:clamp(2rem,1.4rem + 2vw,3.2rem)}.cal-pill-btn{position:relative;cursor:pointer}.cal-pill-btn input{position:absolute;opacity:0;width:0;height:0}.cal-pill-btn span{display:block;padding:.9rem 1.6rem;border:1.5px solid var(--cal-line);border-radius:999px;background:var(--cal-white);font-size:1.45rem;font-weight:600;line-height:1.2;color:var(--cal-navy);transition:border-color var(--cal-duration) var(--cal-ease),background-color var(--cal-duration) var(--cal-ease),color var(--cal-duration) var(--cal-ease)}.cal-pill-btn:hover span{border-color:var(--cal-navy)}.cal-pill-btn input:focus-visible+span{outline:3px solid var(--cal-navy);outline-offset:2px}.cal-pill-btn input:checked+span{background:var(--cal-navy);border-color:var(--cal-navy);color:var(--cal-white)}.cal-pill-btn--us span{background:#fdf2dc;border-color:var(--cal-accent-deep);color:var(--cal-navy)}.cal-pill-btn--us:hover span{border-color:var(--cal-accent-deep);background:#fbe9c6}.cal-pill-btn--us input:checked+span{background:var(--cal-accent);border-color:var(--cal-accent);color:var(--cal-on-accent)}.cal-depth__stage{display:grid;grid-template-columns:10rem 1fr;gap:clamp(1.6rem,1rem + 2vw,3.2rem);align-items:stretch}.cal-depth__scale{position:relative;height:26rem}.cal-depth__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cal-radius-sm);background:linear-gradient(to bottom,#f7f8fa,#e7eaef);overflow:hidden}.cal-depth__zone{position:absolute;left:0;right:0;top:54.5%;height:36.4%;background:#f5b54442;border-top:1px dashed var(--cal-accent-deep);border-bottom:1px dashed var(--cal-accent-deep)}.cal-depth__reach{position:absolute;left:0;right:0;top:0;height:100%;transform-origin:top;transform:scaleY(var(--reach, 0));background:linear-gradient(to bottom,#0b1f3ae6,#0b1f3aad);transition:transform .42s var(--cal-ease)}.cal-depth.is-us .cal-depth__reach{background:linear-gradient(to bottom,#0b1f3aeb,#9a6408d9)}.cal-depth__mark{position:absolute;left:.6rem;top:var(--at);display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .6rem;border-radius:999px;background:#ffffffeb;font-size:1.05rem;font-weight:700;color:var(--cal-navy);pointer-events:none;transform:translateY(.3rem);white-space:nowrap}.cal-depth__mark i{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:currentColor}.cal-depth__mark--disc{color:var(--cal-accent-deep)}.cal-depth__mark--disc i{background:var(--cal-accent-deep)}.cal-depth__info{align-self:center}.cal-depth__info h3{font-family:var(--cal-font-display);font-weight:500;font-size:var(--cal-text-lg);line-height:1.25;margin:0 0 .4rem;color:var(--cal-navy)}.cal-depth__mm{margin:0 0 .8rem;font-size:2rem;font-weight:700;line-height:1.1;color:var(--cal-navy);font-variant-numeric:tabular-nums}.cal-depth.is-us .cal-depth__mm{color:var(--cal-accent-deep)}.cal-depth__desc{margin:0;font-size:var(--cal-text-base);line-height:1.55;color:var(--cal-muted);max-width:40ch}@media screen and (max-width:560px){.cal-depth__stage{grid-template-columns:11.2rem 1fr;gap:1.2rem}.cal-depth__mark{font-size:1rem;padding:.18rem .5rem}.cal-depth__scale{height:22rem}.cal-pill-btn span{padding:.75rem 1.3rem;font-size:1.35rem}.cal-depth__mm{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.cal-depth__reach{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/calunar-vergleich.css.map */