::view-transition-group(.hh-course-field){animation-duration:var(--dur-beat,.45s);animation-timing-function:var(--ease-house,cubic-bezier(.22, .7, .3, 1))}::view-transition-group(.hh-course-text){animation-duration:var(--dur-beat,.45s);animation-timing-function:var(--ease-house,cubic-bezier(.22, .7, .3, 1))}::view-transition-old(.hh-course-field){width:100%;height:100%;animation-duration:var(--dur-beat,.45s);animation-timing-function:var(--ease-house,cubic-bezier(.22, .7, .3, 1))}::view-transition-new(.hh-course-field){width:100%;height:100%;animation-duration:var(--dur-beat,.45s);animation-timing-function:var(--ease-house,cubic-bezier(.22, .7, .3, 1))}::view-transition-old(.hh-course-text){object-fit:contain;object-position:left top;width:auto;height:100%}::view-transition-new(.hh-course-text){object-fit:contain;object-position:left top;width:auto;height:100%}::view-transition-old(.hh-course-text){animation:hh-course-text-out var(--dur-step,.28s) var(--ease-exit,cubic-bezier(.4, 0, 1, 1)) both}::view-transition-new(.hh-course-text){animation:hh-course-text-in var(--dur-beat,.45s) var(--ease-house,cubic-bezier(.22, .7, .3, 1)) both}@keyframes hh-course-text-out{to{opacity:0}}@keyframes hh-course-text-in{0%,35%{opacity:0}to{opacity:1}}html:has([data-hh-course])::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){::view-transition-group(.hh-course-field){animation:none}::view-transition-group(.hh-course-text){animation:none}::view-transition-old(.hh-course-field){animation:none}::view-transition-new(.hh-course-field){animation:none}::view-transition-old(.hh-course-text){animation:none}::view-transition-new(.hh-course-text){animation:none}}