#fcn-detail-dialog{transform:none;transition:none}
#fcn-detail-dialog[open]{animation:fc-drawer-enter .24s cubic-bezier(.22,.7,.25,1)}
#fcn-detail-dialog::backdrop{transition:none}
#fcn-detail-dialog[open]::backdrop{animation:fc-drawer-backdrop-enter .24s ease-out}
:is(#fcn-detail-dialog,#fckc-drawer,#fci-drawer)[open].fc-drawer-closing{animation:fc-drawer-exit .24s cubic-bezier(.4,0,1,1) both!important;pointer-events:none;transition:none}
:is(#fcn-detail-dialog,#fckc-drawer,#fci-drawer).fc-drawer-closing::backdrop{animation:fc-drawer-backdrop-exit .24s ease-out both}
@keyframes fc-drawer-exit{from{transform:var(--fc-drawer-start,translateX(0))}to{transform:translateX(100%)}}
@keyframes fc-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes fc-drawer-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes fc-drawer-backdrop-exit{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){#fcn-detail-dialog[open],#fcn-detail-dialog[open]::backdrop,:is(#fcn-detail-dialog,#fckc-drawer,#fci-drawer)[open].fc-drawer-closing{animation:none!important}}