.flip-announcement{--flip-duration: .5s;display:grid;justify-items:center;align-items:center;max-width:100%;overflow:hidden;perspective:400px}.flip-announcement__item{grid-area:1 / 1;max-width:100%;padding:0 12px;text-align:center;white-space:nowrap;visibility:hidden;backface-visibility:hidden}a.flip-announcement__item{color:inherit;text-decoration:none;transition:color var(--animation-duration) var(--transition-timing-function)}.flip-announcement__item.is-active,.flip-announcement__item.is-leaving{visibility:visible}.flip-announcement__item.is-entering{animation:flip-announcement-in var(--flip-duration) ease-in-out both}.flip-announcement__item.is-leaving{animation:flip-announcement-out var(--flip-duration) ease-in-out both}@keyframes flip-announcement-in{0%{transform:translateY(-50%) rotateX(90deg)}to{transform:none}}@keyframes flip-announcement-out{0%{transform:none}to{transform:translateY(50%) rotateX(-90deg)}}@media screen and (max-width:470px){.flip-announcement .flip-announcement__item{font-size:4.25vw;line-height:20px}}@media(hover:hover){a.flip-announcement__item:hover{color:rgba(var(--layout-text-color),var(--hover-opacity))}}@media(prefers-reduced-motion:reduce){.flip-announcement__item.is-entering{animation:none}.flip-announcement__item.is-leaving{animation:none;visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/flip-announcement.css.map */
