.patron-slider__title{color:color-mix(in srgb, var(--patron) 72%, var(--text-main))}.patron-slider__badge{color:var(--patron);background:color-mix(in srgb, var(--patron) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--patron) 45%, transparent);transition:color .25s,background-color .25s,box-shadow .25s}.patron-slider__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--patron) 45%, transparent), var(--patron));box-shadow:0 0 10px color-mix(in srgb, var(--patron) 55%, transparent);transition:background .25s,box-shadow .25s}.patron-slider__thumb{background:var(--surface);border:3px solid var(--patron);box-shadow:0 0 0 4px color-mix(in srgb, var(--patron) 18%, transparent), 0 0 16px color-mix(in srgb, var(--patron) 55%, transparent);transition:border-color .25s,box-shadow .25s}.patron-slider__track:focus-visible .patron-slider__thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--patron) 32%, transparent), 0 0 18px color-mix(in srgb, var(--patron) 65%, transparent)}.patron-slider__input{border-color:var(--patron)}.patron-slider__flash{animation:.7s ease-out patron-slider-flash}@keyframes patron-slider-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--patron) 70%, transparent);transform:scale(1)}30%{box-shadow:0 0 0 7px color-mix(in srgb, var(--patron) 30%, transparent), 0 0 18px var(--patron);transform:scale(1.18)}55%{opacity:.7;transform:scale(.96)}75%{opacity:1;transform:scale(1.05)}to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--patron) 45%, transparent);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.patron-slider__flash{animation:none}}
