.brightness-example[data-v-3482cf13]{--brightness-percent:calc(var(--brightness)*100%);background-color:var(--bg-up);border-radius:var(--border-radius-md);margin-block:var(--sp-md) var(--sp-lg);padding:var(--sp-sm)}figcaption[data-v-3482cf13]{font-family:var(--font);font-size:var(--font-size-h6);font-weight:700;letter-spacing:.1em;line-height:var(--line-height-h6);text-transform:uppercase;text-wrap:pretty}figcaption strong[data-v-3482cf13]{font-weight:900}figcaption[data-v-3482cf13]{color:var(--fg-accent);font-weight:800;margin-block:var(--block-margin-h6);margin-block:0}figure p[data-v-3482cf13]{font-size:var(--font-size-sm);font-weight:400;letter-spacing:.03em;line-height:var(--line-height-sm);text-wrap:pretty}figure p strong[data-v-3482cf13]{font-weight:700}figure p[data-v-3482cf13]{--block-margin:var(--block-margin-sm)}figure p[data-v-3482cf13]:not(:last-child){margin-block-end:var(--sp-xs)}.gradient-track.--brightness[data-v-3482cf13]{--gt-current-percent:var(--brightness-percent);--gt-animation-duration:var(--animation-duration);--gt-animation-timing-function:var(--animation-timing-function);--gt-current-point-radius:1rem;margin-block-end:calc(var(--gt-current-point-radius)*-.5)}.gradient-track.--brightness[data-v-3482cf13] .track{background:linear-gradient(90deg,#000,#fff);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.gradient-track.--brightness[data-v-3482cf13] .current-point{background-color:hsl(0,0%,var(--brightness-percent));transition:background-color var(--gt-animation-duration) var(--gt-animation-timing-function)}.-brighten .gradient-track.--brightness[data-v-3482cf13] .current-point{animation-name:track-point-brighten}.-darken .gradient-track.--brightness[data-v-3482cf13] .current-point{animation-name:track-point-darken}.brightness-color[data-v-3482cf13]{background-color:#0051ff;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);height:3.25rem;margin-block-end:var(--sp-sm);overflow:hidden;position:relative;transform:translateZ(0)}.brightness-color[data-v-3482cf13]:before{background-color:hsl(221,0%,min(var(--brightness-percent),94%));content:"";display:block;inset:0;mix-blend-mode:luminosity;position:absolute;transition:var(--animation-duration) var(--animation-timing-function)}