@import-normalize;.dynamic-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}@tailwind base;@tailwind components;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@layer components{body{font-family:Poppins,sans-serif}.login-page{@apply flex flex-col justify-center justify-around items-center h-screen bg-cover bg-oxbluequarter;}.login-logo{@apply w-72;}.login-title{@apply text-5xl text-oxyellowl2 outline-2 outline-oxnavy;}.login-button{@apply rounded-md shadow-black opacity-100 shadow-lg hover:opacity-95;}.sidebar-icon{@apply relative flex items-center justify-center h-12 w-12 mt-2 mb-2 mx-auto bg-oxnavy hover:bg-oxorange text-oxbluel1 hover:text-oxwhite hover:rounded-xl rounded-3xl transition-all duration-300 ease-linear cursor-pointer shadow-lg;}.sidebar-spacer{@apply mt-16;}.sidebar-tooltip{@apply absolute w-auto p-2 m-2 min-w-max left-14 rounded-md shadow-lg text-oxwhite bg-oxblued2 text-lg font-bold shadow-oxnavy transition-all duration-100 scale-0 origin-left;}.sidebar-hr{@apply bg-oxblue border border-gray-200 dark:border-gray-800 rounded-full mx-2;}.topic-bar{@apply w-64 m-0 ml-16 bg-oxblue h-screen bg-oxbluequarter bg-cover overflow-hidden;}.topic-container{@apply flex flex-col items-center justify-start p-1 m-0;}.topic-block{@apply flex items-center justify-center h-16 m-0 p-0;}.topic-block-text{@apply text-lg tracking-wider font-bold text-oxwhite mr-auto ml-4 my-auto align-middle;}.topic-logo{@apply w-48;}.dropdown{@apply m-0 w-full px-2 pb-2 transition duration-300 ease-in-out;}.dropdown-header{@apply flex flex-row items-center justify-evenly mx-0 text-oxnavy cursor-pointer;}.dropdown-header-text{@apply text-oxnavy hover:text-oxnavyd2 text-lg font-semibold cursor-default;}.dropdown-header-text-selected{@apply text-oxnavyd2 text-lg font-bold;}.dropdown-selection{@apply flex flex-row items-center justify-evenly mt-1 mr-auto ml-2 transition duration-300 ease-in-out cursor-pointer;}.dropdown-selection-text{@apply text-oxwhite font-semibold tracking-wide mr-auto transition duration-300 ease-in-out hover:text-oxorangel1 cursor-pointer;}.header-bar{@apply flex flex-row items-center justify-evenly bg-oxwhite w-full h-16 m-0 shadow-lg;}.header-bar-icon{@apply text-oxnavy mr-3 ml-4 transition duration-300 ease-in-out hover:text-oxorange cursor-pointer;}.header-bar-icon:first{@apply ml-auto mr-4;}.title-text{@apply text-xl text-oxnavy tracking-wider font-semibold mr-auto ml-2 my-auto transition duration-300 ease-in-out;}.search{@apply w-1/3 flex items-center justify-start bg-oxbluel2 px-2 h-9 ml-0 mr-0 rounded-md shadow-md transition duration-300 ease-in-out;}.search-input{@apply w-full font-sans font-semibold bg-transparent outline-none text-oxblued2 placeholder-oxblue focus:shadow pl-1 rounded;}.content-container{@apply flex flex-col bg-oxwhite m-0 h-full w-full overflow-hidden;}.content-list{@apply flex flex-col items-center h-full w-full mt-0 ml-0 mx-auto px-0 pb-12 overflow-y-scroll;}.post{@apply w-full flex flex-row items-center justify-evenly py-4 px-8 m-0 cursor-pointer;}.post-selected{@apply bg-green-400 dark:bg-gray-900 shadow-md;}.post-content{@apply w-4/5 flex flex-col justify-start ml-auto;}.post-text{@apply text-lg text-left text-gray-800 dark:text-white mr-auto whitespace-normal;}.post-owner{@apply text-left font-semibold text-gray-800 dark:text-white mr-2 cursor-pointer;}.avatar-wrapper{@apply flex flex-col items-center w-12 m-0 ml-auto mb-auto;}.avatar{@apply flex-none w-12 h-full rounded-full shadow-md object-cover bg-gray-100 mb-auto mt-0 mx-0 cursor-pointer;}.timestamp{@apply text-xs text-left font-semibold text-gray-500 dark:text-gray-600 ml-2;}.bottom-bar{@apply flex flex-row items-center justify-between fixed left-8 right-8 bottom-2 rounded-lg shadow-lg bg-gray-400 dark:bg-gray-600 px-2 h-12;}.bottom-bar-input{@apply font-semibold w-full bg-transparent outline-none ml-0 mr-auto text-gray-500 dark:text-gray-400 placeholder-gray-500 cursor-text;}}@tailwind utilities;::-webkit-scrollbar{background-color:transparent}::-webkit-scrollbar-thumb{@apply bg-oxgrayl1;}