@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";
.centered-button{justify-content:center;display:flex}.filter-container{z-index:1000;background-color:#fff;border-radius:0 0 10px;flex-direction:column;gap:10px;width:250px;max-height:80vh;padding:20px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:100px;left:-320px;overflow-y:auto;box-shadow:2px 0 5px #0003}.filter-container.open{transform:translate(320px)}.login-vertical-divider{background-color:#ddd;grid-area:divider;width:2px;height:100%;transform:translate(20px)}.login-field{border:1px solid #ccc;border-radius:8px;outline:none;width:50%;padding:10px 15px;transition:border .3s}.field-label{color:#333;margin-bottom:8px;display:block}.field-validation-valid{margin-top:4px;display:block}.login-grid-element{grid-area:center-text}.tag-container{margin-right:15px;display:inline-block;position:relative}.tag-remove{color:red;cursor:pointer;opacity:0;font-size:16px;font-weight:700;transition:opacity .2s ease-in-out;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.tag-container:hover .tag-remove{opacity:1}.project-list-container{flex-wrap:wrap;gap:16px;display:flex}.project-list-container .project-card{flex:0 0 calc(33.3333% - 10.6667px);min-width:0;max-width:calc(33.3333% - 10.6667px)}.project-list-container .project-card .project-card-content{justify-content:space-between;gap:.75rem;height:100%}.project-list-container .project-card .project-card-main{flex-direction:column;gap:.5rem;display:flex}.project-list-container .project-card .project-card-title,.project-header-title{white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:1200px){.project-list-container .project-card{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}}@media (max-width:768px){.project-list-container .project-card{flex:0 0 100%;max-width:100%}}.tag-list-container{flex-wrap:wrap;gap:16px;display:flex}.grid-container{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.tt-tag{padding:.4rem 1rem;font-size:1rem}.row{flex-wrap:wrap;display:flex}.col-md-8{flex:none;max-width:66.6667%}.col-md-4{flex:none;max-width:33.3333%}@media (max-width:768px){.col-md-8,.col-md-4{flex:0 0 100%;max-width:100%}}.border-bottom-gray{border-bottom:1px solid #6e7184}