.mb-slider[data-v-60af5a07]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;width:calc(100% - 16px);height:20px;margin-inline:8px;display:grid;position:relative}.slider-track[data-v-60af5a07]{background-color:color-mix(in srgb,var(--color-gray-500),transparent 50%);border-radius:var(--rounded-full);display:grid;position:absolute;inset:4px 0;overflow:hidden}.slider-rate[data-v-60af5a07]{background-color:var(--color-theme);transform-origin:0}.slider-thumb[data-v-60af5a07]{aspect-ratio:1;background-color:var(--color-background);border:2px solid var(--color-theme-dark);border-radius:var(--rounded-circle);box-shadow:var(--box-shadow);opacity:0;outline:0 solid color-mix(in srgb,var(--color-theme-dark),transparent 66%);width:20px;transition-property:opacity,outline;transition-duration:.2s;position:absolute;translate:-50%}:where(:active,:hover)>.slider-thumb[data-v-60af5a07]{opacity:1}:active>.slider-thumb[data-v-60af5a07]{outline-width:10px}