.spectrum{vertical-align:middle;padding-inline:5px;display:inline-block;position:relative}.spectrum--sm{width:4.5rem;height:.55rem}.spectrum--lg{width:100%;height:.9rem}.spectrum-rule{width:100%;height:100%;fill:var(--ink);opacity:.3;display:block}.spectrum-mark{background:var(--gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.spectrum--lg .spectrum-mark{width:12px;height:12px}@media (prefers-reduced-motion:no-preference){.spectrum-mark{animation:.9s cubic-bezier(.16,1,.3,1) both spectrum-settle}}@keyframes spectrum-settle{0%{opacity:0;left:50%}}