header{height:50px;width:100vw;background-color:#52616b}.register{display:flex}.register div{cursor:pointer}.header-container{height:100%;display:flex;flex:1 1;flex-direction:row;justify-content:space-evenly}.header-container>div{display:inline-block;margin:auto 0}.search-box{width:400px}.search-field{width:100%;padding:8px 12px;border-radius:10px;background-color:#627480;border:1px solid #788d9c}.search-field::placeholder{color:#c9d6df}.search-field:focus-visible{outline:1px solid #8da7b8;background-color:#52616b}.profile-seciton{position:relative}.profile-dropdown-button,.profile-dropdown-content div{padding:16px;cursor:pointer}.profile-dropdown-content{display:none;position:absolute;background-color:#52616b;min-width:150px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.profile-dropdown-content div:hover{background-color:#788d9c}.profile-dropdown-show{display:block}.toast-container{display:flex;flex-grow:1;flex-direction:column;position:absolute;top:0;right:0}.toast{width:300px;height:80px;background-color:#788d9c;padding:5px;position:relative;margin:15px;border-radius:5px;box-shadow:0 0 4px #fff;animation:move-in .2s linear}.toast-title{font-size:1.1rem;font-weight:700}.toast-content{position:absolute;bottom:10px;font-size:.9rem}.toast-btn{position:absolute;top:5px;right:5px}.toast-close{position:relative;cursor:pointer;padding:5px 8px;background:none;border:none;outline:none;font-family:Courier New,Courier,monospace}.toast-close:hover{color:#bcdef5}@keyframes move-in{0%{right:-350px}to{right:0}}@keyframes move-out{0%{right:0}to{right:-350px}}.toast-delete{animation:move-out .2s linear}