@starting-style{::view-transition-old(*),::view-transition-new(*){animation-duration:.5s}}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}@layer view-transitions{@view-transition{navigation: auto;}#app main #drm-appointments #profile-image,#app main #drm-doctor #profile-image{view-transition-name:profile-avatar}#app main #drm-appointments #profile-title,#app main #drm-doctor #profile-title{view-transition-name:profile-name}#app main #doctor #doctor-header,#app main #appointment #doctor-header{view-transition-name:doctor-header}}:root{--view-transition-duration: .4s;--ease-smooth: cubic-bezier(.45, 0, .55, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}#main-content{view-transition-name:main-content;isolation:isolate;transform-style:preserve-3d;backface-visibility:hidden}::view-transition-old(*),::view-transition-new(*){mix-blend-mode:normal;animation-duration:var(--view-transition-duration);animation-timing-function:var(--ease-smooth)}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:var(--view-transition-duration);animation-timing-function:var(--ease-out);transform-origin:center}::view-transition-old(doctor-header),::view-transition-new(doctor-header),::view-transition-old(profile-avatar),::view-transition-new(profile-avatar),::view-transition-old(profile-name),::view-transition-new(profile-name){mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){:root{--view-transition-duration: .15s}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.15s;transform:none!important}}.warning{display:none}@media(prefers-reduced-motion:reduce){.warning[data-reason=prefers-reduced-motion]{display:block}}@supports not (view-transition-name: works){.warning[data-reason=same-document-view-transitions]{display:block}}