/* The original gradient and vector marks are preserved in the SVG above this ribbon. */
#cores .swatches{height:auto;flex:1 1 auto;min-height:0}
#cores .watermarks{flex:0 0 auto}
.palette-ribbon{position:relative;flex:0 0 auto;height:.9cqw;min-height:6px;margin-top:.65cqw;overflow:hidden;border-radius:.16cqw;contain:paint}
.palette-ribbon-track{display:block;width:200%;height:100%;background:linear-gradient(90deg,#001138 0%,#0b3ba1 5%,#1155ee 10%,#083fbf 15%,#5f4878 20%,#cd5724 25%,#ef5d0c 30%,#e9713c 35%,#e9733a 40%,#f09921 45%,#f6af14 50%,#f09921 55%,#e9733a 60%,#e9713c 65%,#ef5d0c 70%,#cd5724 75%,#5f4878 80%,#083fbf 85%,#1155ee 90%,#0b3ba1 95%,#001138 100%);background-size:50% 100%;animation:palette-flow 11s linear infinite;animation-play-state:paused}
#cores.is-visible .palette-ribbon-track{animation-play-state:running;will-change:transform}
@keyframes palette-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px) and (orientation:portrait){.palette-ribbon{height:2.3cqw;margin-top:1.8cqw;border-radius:.4cqw}}
@media(prefers-reduced-motion:reduce){.palette-ribbon-track{animation:none;transform:none}#cores.is-visible .palette-ribbon-track{will-change:auto}}