@charset "utf-8";

.p-sidebar { position: fixed; transition: transform 0.3s; display: flex; flex-direction: column; }

.p-sidebar-content { position: relative; overflow-y: auto; flex-grow: 1; }

.p-sidebar-header { display: flex; align-items: center; }

.p-sidebar-footer { margin-top: auto; }

.p-sidebar-icon { display: flex; align-items: center; justify-content: center; margin-left: auto; }

.p-sidebar-left { top: 0px; left: 0px; width: 20rem; height: 100%; }

.p-sidebar-right { top: 0px; right: 0px; width: 20rem; height: 100%; }

.p-sidebar-top { top: 0px; left: 0px; width: 100%; height: 10rem; }

.p-sidebar-bottom { bottom: 0px; left: 0px; width: 100%; height: 10rem; }

.p-sidebar-full { width: 100%; height: 100%; top: 0px; left: 0px; transition: none; }

.p-sidebar-left.p-sidebar-sm, .p-sidebar-right.p-sidebar-sm { width: 20rem; }

.p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-md { width: 40rem; }

.p-sidebar-left.p-sidebar-lg, .p-sidebar-right.p-sidebar-lg { width: 60rem; }

.p-sidebar-top.p-sidebar-sm, .p-sidebar-bottom.p-sidebar-sm { height: 10rem; }

.p-sidebar-top.p-sidebar-md, .p-sidebar-bottom.p-sidebar-md { height: 20rem; }

.p-sidebar-top.p-sidebar-lg, .p-sidebar-bottom.p-sidebar-lg { height: 30rem; }

@media screen and (max-width: 64em) {
  .p-sidebar-left.p-sidebar-lg, .p-sidebar-left.p-sidebar-md, .p-sidebar-right.p-sidebar-lg, .p-sidebar-right.p-sidebar-md { width: 20rem; }
}