.warmepunkte{display:flex;align-items:center;gap:.4rem;margin-bottom:.8rem;cursor:help;position:relative}.warmepunkte__dot{width:.8rem;height:.8rem;border-radius:50%;border:.1rem solid #E21A22;transition:all .2s ease}.warmepunkte__dot--filled{background-color:#e21a22}.warmepunkte__dot--outline{background-color:transparent}.warmepunkte:hover .warmepunkte__dot{transform:scale(1.1)}.warmepunkte:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-.4rem);background-color:#282828;color:rgb(var(--color-foreground));padding:.4rem .8rem;border-radius:.4rem;font-size:1.2rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 .2rem .8rem #0000001a;z-index:10;border:.1rem solid rgb(var(--color-border))}.warmepunkte:hover:after{opacity:1;transform:translate(-50%) translateY(-.8rem)}@media screen and (min-width: 750px){.warmepunkte__dot{width:1rem;height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-warmepunkte.css.map */