svg {
display: block;
vertical-align: middle;
}
.relative {position: relative;}
.h-screen {height: 100vh;}
.flex {display: flex;}
.col-sidebar{padding-bottom: 3rem;width: 16rem;justify-content: space-between;height: 100% !important;}
@media (min-width: 640px){
.sm\:relative {position: relative!important;}
.flex{display: flex!important;}
.sm\:hidden {display: none!important;}
}
.bg-gray-800 {--tw-bg-opacity: 1;background-color: rgba(31,41,55,var(--tw-bg-opacity));}
.px-8 {padding-left: 2rem;padding-right: 2rem;}
.w-full {width: 100%;}
.h-16 {height: 4rem;}
.items-center {align-items: center;}
.justify-center {justify-content: center;}
.mt-12 {margin-top: 3rem;}
ol, ul {
list-style: none;
margin: 0;
margin-top: 0px;
padding: 0;
}
.text-gray-300 {--tw-text-opacity: 1;color: rgba(209,213,219,var(--tw-text-opacity));}
.text-gray-500 {--tw-text-opacity: 1;color: rgba(107,114,128,var(--tw-text-opacity));}
.mb-6 {margin-bottom: 1.5rem;}
.cursor-pointer {cursor: pointer;}
.ml-2 {margin-left: .5rem;}
.text-sm {font-size: .875rem;line-height: 1.25rem;}
.shadow {--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.absolute {position: absolute;}
.hidden {display: none;}
.duration-150 {transition-duration: 150ms;}
.ease-in-out {transition-timing-function: cubic-bezier(.4,0,.2,1);}
.transition {transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: 150ms;}
.z-20 {z-index: 20;}
.w-10 {width: 2.5rem;}
.right-0 {right: 0;}
.-mr-10 {margin-right: -2.5rem;}
.mt-16 {margin-top: 4rem;}
.h-10 {height: 2.5rem;}
.rounded-br {border-bottom-right-radius: .25rem;}
.rounded-tr {border-top-right-radius: .25rem;}