.p-drawer { display: flex; flex-direction: column; transform: translate3d(0px, 0px, 0px); position: relative; transition: transform 0.3s; background: var(--p-drawer-background); color: var(--p-drawer-color); border-style: solid; border-color: var(--p-drawer-border-color); box-shadow: var(--p-drawer-shadow); }
.p-drawer-content { overflow-y: auto; flex-grow: 1; padding: var(--p-drawer-content-padding); }
.p-drawer-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: var(--p-drawer-header-padding); }
.p-drawer-footer { padding: var(--p-drawer-footer-padding); }
.p-drawer-title { font-weight: var(--p-drawer-title-font-weight); font-size: var(--p-drawer-title-font-size); }
.p-drawer-full .p-drawer { transition: none; transform: none; max-height: 100%; border-width: 1px; width: 100vw !important; height: 100vh !important; top: 0px !important; left: 0px !important; }
.p-drawer-left .p-drawer-enter-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-left; }
.p-drawer-left .p-drawer-leave-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-left; }
.p-drawer-right .p-drawer-enter-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-right; }
.p-drawer-right .p-drawer-leave-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-right; }
.p-drawer-top .p-drawer-enter-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-top; }
.p-drawer-top .p-drawer-leave-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-top; }
.p-drawer-bottom .p-drawer-enter-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-bottom; }
.p-drawer-bottom .p-drawer-leave-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-bottom; }
.p-drawer-full .p-drawer-enter-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-full; }
.p-drawer-full .p-drawer-leave-active { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-full; }
.p-drawer-left .p-drawer { width: 20rem; height: 100%; border-inline-end-width: 1px; }
.p-drawer-right .p-drawer { width: 20rem; height: 100%; border-inline-start-width: 1px; }
.p-drawer-top .p-drawer { height: 10rem; width: 100%; border-block-end-width: 1px; }
.p-drawer-bottom .p-drawer { height: 10rem; width: 100%; border-block-start-width: 1px; }
.p-drawer-left .p-drawer-content, .p-drawer-right .p-drawer-content, .p-drawer-top .p-drawer-content, .p-drawer-bottom .p-drawer-content { width: 100%; height: 100%; }
.p-drawer-open { display: flex; }
.p-drawer-mask:dir(rtl) { flex-direction: row-reverse; }
@keyframes p-animate-drawer-enter-left { 
  0% { transform: translate3d(-100%, 0px, 0px); }
}
@keyframes p-animate-drawer-leave-left { 
  100% { transform: translate3d(-100%, 0px, 0px); }
}
@keyframes p-animate-drawer-enter-right { 
  0% { transform: translate3d(100%, 0px, 0px); }
}
@keyframes p-animate-drawer-leave-right { 
  100% { transform: translate3d(100%, 0px, 0px); }
}
@keyframes p-animate-drawer-enter-top { 
  0% { transform: translate3d(0px, -100%, 0px); }
}
@keyframes p-animate-drawer-leave-top { 
  100% { transform: translate3d(0px, -100%, 0px); }
}
@keyframes p-animate-drawer-enter-bottom { 
  0% { transform: translate3d(0px, 100%, 0px); }
}
@keyframes p-animate-drawer-leave-bottom { 
  100% { transform: translate3d(0px, 100%, 0px); }
}
@keyframes p-animate-drawer-enter-full { 
  0% { opacity: 0; transform: scale(0.93); }
}
@keyframes p-animate-drawer-leave-full { 
  100% { opacity: 0; transform: scale(0.93); }
}
.p-drawer { position: fixed; }
.p-drawer-left { top: 0px; left: 0px; width: 20rem; height: 100%; border-inline-end-width: 1px; }
.p-drawer-right { top: 0px; right: 0px; width: 20rem; height: 100%; border-inline-start-width: 1px; }
.p-drawer-top { top: 0px; left: 0px; width: 100%; height: 10rem; border-block-end-width: 1px; }
.p-drawer-bottom { bottom: 0px; left: 0px; width: 100%; height: 10rem; border-block-start-width: 1px; }
.p-drawer-full { width: 100%; height: 100%; top: 0px; left: 0px; transition: none; }
.p-drawer-enter-left { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-left; }
.p-drawer-leave-left { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-left; }
.p-drawer-enter-right { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-right; }
.p-drawer-leave-right { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-right; }
.p-drawer-enter-top { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-top; }
.p-drawer-leave-top { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-top; }
.p-drawer-enter-bottom { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-bottom; }
.p-drawer-leave-bottom { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-bottom; }
.p-drawer-enter-full { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-enter-full; }
.p-drawer-leave-full { animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running p-animate-drawer-leave-full; }