.motion-label{--motion-label-duration: var(--motion-duration-fast, .22s);--motion-label-ease: var(--motion-ease-standard, cubic-bezier(.4, 0, .2, 1));--motion-label-roll-duration: .3s;--motion-label-roll-ease: cubic-bezier(.25, .1, .25, 1);--motion-label-stagger: 45ms;position:relative;display:inline-block;min-width:0;max-width:100%;overflow:hidden;vertical-align:bottom}.motion-label__canonical,.motion-label__duplicate,.motion-label__cascade{display:block;min-width:0;max-width:100%}.motion-label__canonical{position:relative;transition:opacity var(--motion-label-duration) var(--motion-label-ease),transform var(--motion-label-duration) var(--motion-label-ease)}.motion-label__duplicate{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%}.motion-label__track{position:relative;display:block}.motion-label--rolling .motion-label__track{transition:transform var(--motion-label-roll-duration) var(--motion-label-roll-ease);will-change:transform}.motion-label--rolling[data-motion-label-direction=top] .motion-label__duplicate{inset-block-start:auto;inset-block-end:100%}.motion-label--rolling[data-motion-label-direction=bottom] .motion-label__duplicate{inset-block-start:100%}.motion-label--rolling[data-motion-label-direction=left] .motion-label__duplicate{inset-inline-start:auto;inset-inline-end:100%}.motion-label--rolling[data-motion-label-direction=right] .motion-label__duplicate{inset-inline-start:100%}.motion-label__cascade{position:absolute;top:0;right:0;bottom:0;left:0;white-space:pre;pointer-events:none}.motion-label__character{display:inline-block;opacity:0;transform:translateY(-.625em);transition:opacity var(--motion-label-duration) var(--motion-label-ease),transform var(--motion-label-duration) var(--motion-label-ease);transition-delay:calc(var(--motion-label-index, 0) * var(--motion-label-stagger))}@media(hover:hover)and (prefers-reduced-motion:no-preference){:is(.motion-label-trigger,[data-motion-label-trigger]):is(:hover,:focus-visible,:focus-within) .motion-label--rolling[data-motion-label-direction=top] .motion-label__track{transform:translateY(100%)}:is(.motion-label-trigger,[data-motion-label-trigger]):is(:hover,:focus-visible,:focus-within) .motion-label--rolling[data-motion-label-direction=bottom] .motion-label__track{transform:translateY(-100%)}:is(.motion-label-trigger,[data-motion-label-trigger]):is(:hover,:focus-visible,:focus-within) .motion-label--rolling[data-motion-label-direction=left] .motion-label__track{transform:translate(100%)}:is(.motion-label-trigger,[data-motion-label-trigger]):is(:hover,:focus-visible,:focus-within) .motion-label--rolling[data-motion-label-direction=right] .motion-label__track{transform:translate(-100%)}:is(.motion-label-trigger,[data-motion-label-trigger]):is(:hover,:focus-visible,:focus-within) .motion-label--cascade .motion-label__canonical{opacity:0;transform:translateY(100%)}:is(.motion-label-trigger,[data-motion-label-trigger]):is(:hover,:focus-visible,:focus-within) .motion-label--cascade .motion-label__character{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.motion-label__canonical,.motion-label__track,.motion-label__character{transition:none}.motion-label--rolling .motion-label__track{will-change:auto}.motion-label__cascade{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-motion-label.css.map */