.hue-shift-example[data-v-c1cdbbd0]{background-color:var(--bg-up);border-radius:var(--border-radius-md);margin-block:var(--sp-md);padding:var(--sp-sm)}figcaption[data-v-c1cdbbd0]{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-c1cdbbd0]{font-weight:900}figcaption[data-v-c1cdbbd0]{color:var(--fg-accent);font-weight:800;margin-block:var(--block-margin-h6);margin-block:0}figure.--shifted[data-v-c1cdbbd0],figure.--unshifted[data-v-c1cdbbd0]{position:relative}figure.--shifted figcaption[data-v-c1cdbbd0],figure.--unshifted figcaption[data-v-c1cdbbd0]{color:var(--bg-up);left:var(--sp-sm);position:absolute;top:50%;transform:translateY(-50%);z-index:3}figure.--shifted[data-v-c1cdbbd0]{display:flex;flex-direction:column-reverse;margin-block-start:var(--sp-xs)}figure.--shifted[data-v-c1cdbbd0]:not(:last-child){margin-block-end:var(--sp-md)}.gradient-track.--hue-shift[data-v-c1cdbbd0]{--gt-current-percent:calc(var(--brightness)*100%);--gt-animation-duration:var(--animation-duration);--gt-animation-timing-function:var(--gt-animation-timing-function)}.gradient-track.--hue-shift[data-v-c1cdbbd0] .track{background:linear-gradient(90deg,#000 0,#0d1726 10%,#394960,gray,#c6c69f,#f2f2d9 90%,#fff)}.gradient-track.--hue-shift[data-v-c1cdbbd0] .current-point{animation-duration:var(--gt-animation-duration);animation-fill-mode:forwards;animation-timing-function:var(--gt-animation-timing-function)}.-brighten .gradient-track.--hue-shift[data-v-c1cdbbd0] .current-point{animation-name:track-point-brighten-c1cdbbd0}.-darken .gradient-track.--hue-shift[data-v-c1cdbbd0] .current-point{animation-name:track-point-darken-c1cdbbd0}@keyframes track-point-brighten-c1cdbbd0{0%{background-color:#000}10%{background-color:#0d1726}30%{background-color:#394960}50%{background-color:gray}70%{background-color:#c6c69f}90%{background-color:#f2f2d9}to{background-color:#fbfbe4}}@keyframes track-point-darken-c1cdbbd0{0%{background-color:#fff}10%{background-color:#f2f2d9}30%{background-color:#c6c69f}50%{background-color:gray}70%{background-color:#394960}90%{background-color:#0d1726}to{background-color:#000}}