.color-strip{position:relative}.color-strip__viewport{overflow:hidden;block-size:var(--strip-height, clamp(56px, 8vw, 104px))}.color-strip__track{display:flex;inline-size:100%;block-size:100%}.color-strip__band{flex:1;background-color:var(--swatch-color)}.color-strip--drift .color-strip__track{inline-size:200%;animation:color-strip-drift var(--strip-drift, 90s) linear infinite}@keyframes color-strip-drift{to{transform:translate(-50%)}}.color-strip__switch:checked~.color-strip__viewport .color-strip__track{animation-play-state:paused}.color-strip__toggle{position:absolute;inset-block:0;inset-inline-end:var(--space-xs);margin-block:auto;display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;block-size:44px;padding-inline:var(--space-sm);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.color-strip__switch:focus-visible~.color-strip__toggle{outline:2px solid var(--color-text);outline-offset:2px}.color-strip.blocks-bg-tint .color-strip__toggle{background:var(--color-primary-50)}.color-strip.blocks-bg-dark .color-strip__toggle{background:var(--color-secondary-900)}.color-strip__label--play{display:none}.color-strip__switch:checked~.color-strip__toggle .color-strip__label--pause{display:none}.color-strip__switch:checked~.color-strip__toggle .color-strip__label--play{display:inline}@media(prefers-reduced-motion:reduce){.color-strip--drift .color-strip__track{inline-size:100%;animation:none;transform:none}.color-strip__band[data-strip-clone],.color-strip__switch,.color-strip__toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-strip.css.map */