/* Homepage motion usability: motion is visible by default, and explicitly pausable. */
html:not(.hkko-ticker-paused) .live-marquee:hover .marquee-content,
html:not(.hkko-ticker-paused) .live-marquee:focus-within .marquee-content{animation-play-state:running!important}
html.hkko-ticker-paused .live-marquee .marquee-content{animation-play-state:paused!important}
.live-marquee .marquee-content{animation-duration:28s}
@media(prefers-reduced-motion:reduce){
 html.hkko-ticker-user-started .live-marquee .marquee-content{animation:marquee 28s linear infinite!important}
}
section.products .carousel-frame .product-autoplay-toggle{
 position:absolute;right:9px;bottom:5px;z-index:10;pointer-events:auto;
 border:1px solid #ddccd4;border-radius:99px;padding:9px 14px;min-height:39px;
 background:#fff;color:#64203e;font:700 12px/1.3 Inter,Arial,sans-serif;
 box-shadow:0 5px 20px rgba(83,25,50,.09);cursor:pointer
}
section.products .carousel-frame .product-autoplay-toggle:hover{background:#fff6fa;border-color:#b7899c}
section.products .carousel-frame .product-autoplay-toggle:focus-visible{outline:3px solid #aa5676;outline-offset:3px}
@media(max-width:670px){section.products .carousel-frame .product-autoplay-toggle{bottom:1px;right:7px;padding:8px 12px;font-size:11px}}