/* Small, finite interaction feedback. The storefront's cart states and layouts stay in control. */
body.yx-retail #yx-main :is(.yxb12-card,.yxh-card){transition:border-color .18s ease,box-shadow .18s ease!important}
body.yx-retail #yx-main :is(.yxb12-card,.yxh-card) .yx-card-title{transition:color .18s ease}
body.yx-retail #yx-main :is(.yxh-promo,.yxh-shortcut){transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease,translate .2s ease!important}
body.yx-retail #yx-main .yxh-promo .yxh-promo-subject img{transition:scale .25s ease!important}
body.yx-retail #yx-main :is(.yx-card-add,.yxh-btn,.yxh-rail-buttons button,.yxb12-save){transition:box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,translate .16s ease!important}
body.yx-retail #yx-main :is(.yxh-shortcut-arrow,.yxh-view-all span,.yxh-promo-cta span){display:inline-block;transition:translate .18s ease}
body.yx-retail .yxb-nav-label{transition:background-color .16s ease;border-radius:6px}
/* Keyboard users get a clear static indication without moving the current item. */
body.yx-retail #yx-main :is(.yxb12-card,.yxh-card):has(:focus-visible){border-color:#9472b0!important;box-shadow:0 0 0 1px rgba(99,66,134,.12),0 4px 14px rgba(99,66,134,.16)!important}
body.yx-retail #yx-main :is(.yxh-promo,.yxh-shortcut):focus-visible{outline:2px solid #9472b0;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 body.yx-retail #yx-main :is(.yxb12-card,.yxh-card):hover{border-color:#9472b0!important;box-shadow:0 0 0 1px rgba(99,66,134,.09),0 4px 14px rgba(99,66,134,.22)!important;z-index:2}
 body.yx-retail #yx-main :is(.yxb12-card,.yxh-card):hover .yx-card-title{color:#634286!important}
 body.yx-retail #yx-main .yxh-promo:hover{border-color:#c4aed8!important;box-shadow:0 5px 18px rgba(99,66,134,.14)!important;translate:0 -2px}
 body.yx-retail #yx-main .yxh-promo:hover .yxh-promo-subject img{scale:1.035}
 body.yx-retail #yx-main .yxh-shortcut:hover{background-color:#eee6f5!important;box-shadow:0 3px 12px rgba(99,66,134,.1);translate:0 -1px}
 body.yx-retail #yx-main :is(.yxh-shortcut:hover .yxh-shortcut-arrow,.yxh-view-all:hover span,.yxh-promo:hover .yxh-promo-cta span){translate:3px 0}
 body.yx-retail #yx-main :is(.yx-card-add,.yxh-btn):hover:not(:disabled):not(.loading){box-shadow:0 4px 12px rgba(99,66,134,.22)!important;translate:0 -1px}
 body.yx-retail #yx-main :is(.yx-card-add,.yxh-btn):active{translate:0 0}
 body.yx-retail #yx-main .yxh-rail-buttons button:hover:not(:disabled):not([aria-disabled=true]){border-color:#9472b0!important;color:#634286!important;box-shadow:0 3px 10px rgba(99,66,134,.16)!important}
 body.yx-retail #yx-main .yxb12-save:hover{border-color:#9472b0!important;color:#634286!important;box-shadow:0 2px 8px rgba(99,66,134,.12)}
 body.yx-retail .yxb-nav-label:hover{background-color:#f5f0fa}
}
@media(prefers-reduced-motion:reduce){
 body.yx-retail #yx-main :is(.yxb12-card,.yxh-card,.yxh-promo,.yxh-shortcut,.yx-card-add,.yxh-btn,.yxh-rail-buttons button,.yxb12-save,.yxh-shortcut-arrow,.yxh-view-all span,.yxh-promo-cta span),body.yx-retail .yxb-nav-label{transition:none!important;animation:none!important;translate:none!important}
 body.yx-retail #yx-main .yxh-promo .yxh-promo-subject img{transition:none!important;scale:none!important}
}