.brightness-example[data-v-3ed02cf3]{--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-3ed02cf3]{font-family:var(--font);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-wrap:pretty;--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);line-height:var(--line-height-base)}@container (width <= 320px){figcaption[data-v-3ed02cf3]{line-height:var(--line-height-sm)}}@container (width >= 960px){figcaption[data-v-3ed02cf3]{line-height:var(--line-height-lg)}}figcaption[data-v-3ed02cf3]{font-size:var(--font-size-sm)}figcaption strong[data-v-3ed02cf3]{font-weight:900}figcaption[data-v-3ed02cf3]{color:var(--fg-primary);font-weight:800}figure p[data-v-3ed02cf3]{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);line-height:var(--line-height-base)}@container (width <= 320px){figure p[data-v-3ed02cf3]{line-height:var(--line-height-sm)}}@container (width >= 960px){figure p[data-v-3ed02cf3]{line-height:var(--line-height-lg)}}figure p[data-v-3ed02cf3]{font-family:var(--font);font-size:var(--font-size-sm);font-weight:400;letter-spacing:.02em;text-wrap:pretty}figure p strong[data-v-3ed02cf3]{font-weight:700}figure p[data-v-3ed02cf3]:not(:last-child){margin-block-end:var(--sp-xs)}.gradient-track.--brightness[data-v-3ed02cf3]{--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-3ed02cf3] .track{background:linear-gradient(90deg,#000,#fff);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.gradient-track.--brightness[data-v-3ed02cf3] .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-3ed02cf3] .current-point{animation-name:track-point-brighten}.-darken .gradient-track.--brightness[data-v-3ed02cf3] .current-point{animation-name:track-point-darken}.brightness-color[data-v-3ed02cf3]{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-3ed02cf3]: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)}