@layer components{.index-rule{--index-rule-height: 1px;--index-rule-progress: 0%;position:relative;inline-size:100%;block-size:var(--index-rule-height);background-color:var(--color-border)}.index-rule--eyebrow{inline-size:72px;margin-block:var(--space-2) var(--space-3);background-color:var(--color-accent)}.index-rule--footer{background-color:transparent;background-image:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--color-accent) 55%,transparent) 22%,color-mix(in srgb,var(--color-accent) 55%,transparent) 78%,transparent 100%)}.index-rule--stateful{--index-rule-height: 2px;border-radius:1px;overflow:hidden}.index-rule--stateful .index-rule__highlight{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--index-rule-progress);background-color:var(--color-accent);border-radius:inherit;transition:inline-size var(--duration-base) var(--ease-standard)}@media(prefers-reduced-motion:reduce){.index-rule--stateful .index-rule__highlight{transition:none}}@supports not (color: color-mix(in srgb,red 55%,transparent)){.index-rule--footer{background-image:linear-gradient(to right,transparent 0%,var(--color-accent) 22%,var(--color-accent) 78%,transparent 100%);opacity:.55}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-index-rule.css.map */