.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:calc(7.8em + 2px);transform:translateY(-50%);margin:0;font-size:2rem;color:rgb(255,255,255);text-decoration:none;cursor:pointer}.header-showuser{flex-direction:column;background-color:#000000;padding:1em 0 0;margin-bottom:2em;z-index:10000;box-sizing:border-box}.header-showuser,.top-header{display:flex;position:relative;width:100%}.top-header{align-items:center;justify-content:center;min-height:48px}.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:50%;right:20rem;transform:translateY(-50%);display:flex;align-items:center;z-index:1000}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;left:auto;background-color:rgba(26,26,30,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.1);width:190px;padding:6px;z-index:99999;border:1px solid rgba(255,255,255,.08);transform-origin:top right;display:flex;flex-direction:column;gap:3px;opacity:0;transform:translateY(-10px) scale(.93);pointer-events:none;visibility:hidden;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s ease}.user-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.dropdown-item{display:flex;align-items:center;width:100%;padding:10px 14px;color:#e0e0e0;text-align:left;font-size:.93rem;background-color:transparent;border:none;border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease;font-family:inherit;box-sizing:border-box}.dropdown-item:hover{background-color:#008DFC;color:#ffffff}button{color:rgb(0,0,0);padding:10px 20px;border:none;cursor:pointer}.secondary-container{display:flex;align-items:center;padding-left:15.2em;padding-top:1em}.selo-criar-btn{margin-left:auto;margin-right:19.5rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:0;text-decoration:none;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}.selo-criar-btn:hover{transform:scale(1.06);opacity:.92}.selo-criar-img{height:25px;width:auto;display:block;object-fit:contain;pointer-events:none}.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;text-decoration:none}.action-button-user svg,.icon-svg-user,.list-button-user svg{fill:#fff;width:24px;height:24px;transition:transform .2s ease,fill .2s ease}.action-button-user:hover svg,.list-button-user:hover svg{transform:scale(1.15)}.action-button-user.active svg{fill:rgba(255,255,255,.4)}.action-button-user.active{cursor:default}@media (max-width:1630px){.user-info-page{right:14rem}.secondary-container{padding-left:10em}.selo-criar-btn{margin-right:13rem}.color-box-user{padding-left:10em;padding-right:14rem}}@media (max-width:1400px){.user-info-page{right:10rem}.secondary-container{padding-left:6.5em}.selo-criar-btn{margin-right:9rem}.color-box-user{padding-left:6.5em;padding-right:10rem}}@media (max-width:1179px){.user-info-page{right:6rem}.secondary-container{padding-left:3.5em}.selo-criar-btn{margin-right:5rem}.color-box-user{padding-left:3.5em;padding-right:6rem}}@media (max-width:990px){.user-info-page{right:3rem}.secondary-container{padding-left:2rem}.selo-criar-btn{margin-right:2.5rem}.color-box-user{padding-left:2rem;padding-right:3rem}}@media (max-width:768px){.header-showuser{padding:1rem 0}.top-header{flex-wrap:wrap;padding:0 .8rem;gap:.5rem;min-height:auto}.user-info-page{position:static;transform:none;margin-left:auto}.secondary-container{flex-direction:column;padding:1rem .8rem 0;align-items:center;gap:.8rem}.selo-criar-btn{margin:.5rem auto 0}.selo-criar-img{height:25px}}