.color-box-user{height:30px;display:flex;align-items:center;justify-content:flex-start;background-color:#1998fc;box-sizing:border-box;padding-left:14vw;gap:55vw}.mediacenter-user{position:absolute;top:1em;display:flex;left:7.8em;transform:translateY(-50%);margin:0;font-size:2rem;color:rgb(255,255,255)}.header-showuser{flex-direction:column;background-color:#000000;padding-left:2.3em;padding-top:1em;position:relative;margin-bottom:3em}.username-small-user{color:#ffffff;font-size:1.2rem;margin-right:10.6em;padding-top:1.1em}.username-small-user:hover{color:#008DFC}.username-small-text-user{color:#ffffff;font-size:1.2rem;padding-top:1.1em;cursor:default}.galery-button,.statisc-button,.upload-button{background:transparent;border:none;cursor:pointer;margin-right:4px;display:flex;align-items:left;justify-content:center}.galery-button svg,.statisc-button svg,.upload-button svg{fill:white;width:24px;height:24px;transition:all .5s}.galery-button:hover svg,.statisc-button:hover svg,.upload-button:hover svg{transform:scale(1.1);transition:all .5s}.user-info-page{position:absolute;top:1.9em;right:4rem;transform:translateY(-50%);display:flex;align-items:center}button{color:rgb(0,0,0);padding:10px 20px;border:none;cursor:pointer}.search-bar-container{position:relative;--btn-size:35px}.custom-search-input{padding-right:35px;height:var(--btn-size);font-size:15px;border:none;color:#fff;outline:none;width:var(--btn-size);transition:all .3s ease;background-color:#191A1E;box-shadow:1.5px 1.5px 3px #0e0e0e,-1.5px -1.5px 3px rgba(95,94,94,.25),inset 0 0 0 #0e0e0e,inset 0 0 0 #5f5e5e;border-radius:8px;cursor:pointer}.custom-search-input:focus,.custom-search-input:not(:placeholder-shown){width:450px;padding-left:10px;cursor:text;box-shadow:inset 1.5px 1.5px 3px #0e0e0e,inset -1.5px -1.5px 3px rgb(92,92,92)}.custom-search-icon{position:absolute;width:var(--btn-size);height:var(--btn-size);top:-.5em;right:-.25em;padding-top:15px;padding-right:.5em;pointer-events:none;color:white}.custom-search-icon svg{width:100%;height:100%}.secondary-buttons-container button{color:white;padding:.3rem 1rem;font-size:.95rem;border:none;text-align:center;min-width:130px;display:inline-block;height:30px}.color-box-user{padding-right:1rem;gap:66.7rem}.menu-actions{display:flex;align-items:center;gap:1.5rem}.view-actions{display:flex}.action-button-user,.list-button-user{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.action-button-user svg,.icon-svg-user,.list-button-user svg{fill:white;width:24px;height:24px;transition:transform .2s ease}.action-button-user:hover svg,.list-button-user:hover svg{transform:scale(1.15);color:#fff}@media (max-width:1400px){.header-showuser{padding-left:1em}.mediacenter-user{left:5em}.username-small-user{margin-right:7em}.color-box-user{padding-left:12em;gap:40em}}@media (max-width:1024px){.mediacenter-user{font-size:1.8rem;left:2em}.username-small-user{font-size:1.1rem;margin-right:4em}.user-info-page{right:2em}.custom-search-input:focus,.custom-search-input:not(:placeholder-shown){width:300px}.color-box-user{padding-left:2em;gap:2em;justify-content:space-between;padding-right:2em}}@media (max-width:768px){.header-showuser{display:flex;flex-direction:column;align-items:center;height:50px}.mediacenter-user,.secondary-container,.user-info-page{position:static;transform:none}.mediacenter-user{font-size:1.5rem;padding-left:2em}.username-small-user{margin-right:0;padding-top:-3em}.custom-search-input:focus,.custom-search-input:not(:placeholder-shown){width:250px}.color-box-user{flex-direction:column;height:auto;padding-right:30em;gap:.5em}}@media (max-width:480px){.mediacenter-user{font-size:1.5rem}.username-small-user{font-size:1rem}.action-button-user svg,.icon-svg-user,.list-button-user svg{width:22px;height:22px}.custom-search-input:focus,.custom-search-input:not(:placeholder-shown){width:200px}.menu-actions{padding-left:15em}}