.panel-modal-enter-active .panel-overlay,.panel-modal-leave-active .panel-overlay{transition:opacity .22s ease}.panel-modal-enter-active .right-panel,.panel-modal-leave-active .right-panel{transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .22s ease;will-change:transform,opacity}.panel-modal-enter-from .panel-overlay,.panel-modal-leave-to .panel-overlay{opacity:0!important}.panel-modal-enter-from .right-panel,.panel-modal-leave-to .right-panel{opacity:.96;transform:translate(calc(var(--transform-direction) * 100%))!important}.panel-modal-enter-to .panel-overlay,.panel-modal-leave-from .panel-overlay{opacity:.8!important}.panel-modal-enter-to .right-panel,.panel-modal-leave-from .right-panel{opacity:1;transform:translate(calc(var(--transform-direction) * 0))!important}@media(prefers-reduced-motion:reduce){.panel-modal-enter-active .panel-overlay,.panel-modal-enter-active .right-panel,.panel-modal-leave-active .panel-overlay,.panel-modal-leave-active .right-panel{transition:none}}.right-panel-wrapper{width:420px}.right-panel-wrapper.is-medium,.right-panel-wrapper.is-medium .right-panel{width:min(560px,100vw - 24px)}.right-panel-wrapper.is-wide,.right-panel-wrapper.is-wide .right-panel{width:min(960px,100vw - 24px)}.right-panel-wrapper.is-wider,.right-panel-wrapper.is-wider .right-panel{width:min(1280px,100vw - 24px)}.right-panel-wrapper.is-task .right-panel .right-panel-head,.right-panel-wrapper.is-task .right-panel .right-panel-body{padding:0 30px}@media(max-width:767px){.right-panel-wrapper,.right-panel-wrapper.is-medium,.right-panel-wrapper.is-wide{width:100vw}.right-panel-wrapper.is-medium .right-panel,.right-panel-wrapper.is-wide .right-panel{width:100%;max-width:100%}}