.asma-motion-card .card__media{position:relative;overflow:hidden}.asma-motion-card .card__media .media--hover-effect{overflow:hidden}.asma-motion-hint{display:none}@media(prefers-reduced-motion:no-preference){.asma-motion-card .card__media .media--hover-effect>img{transition:opacity .65s ease,transform .85s cubic-bezier(.22,.61,.36,1)!important}.asma-motion-card .card__media .media--hover-effect>img:first-child{opacity:1!important;transform:scale(1) translate(0)!important}.asma-motion-card .card__media .media--hover-effect>img+img{opacity:0!important;transform:scale(1.035) translate(4%)!important}.asma-motion-card .card__media:hover .media--hover-effect>img:first-child,.asma-motion-card .card__media:focus-within .media--hover-effect>img:first-child,.asma-motion-card .card__media .media--hover-effect.asma-motion-show-secondary>img:first-child{opacity:0!important;transform:scale(.985) translate(-4%)!important}.asma-motion-card .card__media:hover .media--hover-effect>img+img,.asma-motion-card .card__media:focus-within .media--hover-effect>img+img,.asma-motion-card .card__media .media--hover-effect.asma-motion-show-secondary>img+img{opacity:1!important;transform:scale(1) translate(0)!important}.asma-motion-hint{display:inline-flex;position:absolute;inset-inline-start:10px;inset-block-end:10px;z-index:4;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#121212a3;color:#fff;font-size:10px;line-height:1;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.asma-motion-card .card__media:hover .asma-motion-hint,.asma-motion-card .card__media:focus-within .asma-motion-hint{opacity:1;transform:translateY(0)}.asma-motion-hint__dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ed008c;box-shadow:0 0 0 3px #ed008c2e}}@media(hover:none)and (pointer:coarse)and (prefers-reduced-motion:no-preference){.asma-motion-hint{display:inline-flex;inset-inline-start:7px;inset-block-end:7px;padding:5px 7px;font-size:8px;letter-spacing:.03em;opacity:.94;transform:none}}@media screen and (max-width:749px){.asma-motion-hint{max-width:calc(100% - 14px);white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/asma-playful-motion.css.map */