.container{margin:auto;max-width:1400px;width:100%}.loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.header{position:sticky;top:0;display:flex;width:100%;margin-bottom:10px;background-color:#ccc;padding:5px 15px;min-height:50px;gap:20px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.header__logo{min-width:35px;height:35px;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;text-decoration:none!important}.header__logo-image{display:block;width:100%;max-width:35px;filter:brightness(0) invert(1)}.header__logo-title{margin-left:5px;font-weight:700;font-size:24px}.header__content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.footer{align-items:center;justify-content:center;display:flex;margin-top:auto;padding:5px 10px;font-size:.8rem;background-color:#575757}.card{margin-bottom:15px;padding:10px;width:100%;max-width:550px;display:flex;flex-direction:column;gap:10px;border:1px solid #8999dc;border-radius:16px;overflow:hidden;background-color:#fff;color:#000}.card__photo{margin:16px 64px;border-radius:16px;overflow:hidden;border:1px solid #ccc}.card__photo-image{display:block;height:100%;width:100%}.card__title{display:flex;gap:10px;justify-content:start;align-items:center}.card__title-logo{display:block;max-height:48px;max-width:75px}.card__title-name{font-size:1.6rem;font-weight:700}.card__title-rank{font-size:.9rem;color:#575757}.card__divider{width:100%;height:1px;border-radius:8px;background-color:#575757;transition:background-color .5s linear}.card__organization{display:flex;gap:10px;align-items:center;justify-content:space-around;cursor:pointer}.card__organization:hover,.card__organization:focus{outline:none}.card__organization:hover .card__organization-title,.card__organization:focus .card__organization-title{color:#8999dc}.card__organization:hover .card__organization-logo,.card__organization:focus .card__organization-logo{filter:grayscale(0)}.card__organization:hover .card__organization-name,.card__organization:focus .card__organization-name{color:#8999dc}.card__organization:hover .card__divider,.card__organization:focus .card__divider{background-color:#8999dc}.card__organization--no-link{cursor:inherit}.card__organization--no-link:hover .card__organization-title,.card__organization--no-link:focus .card__organization-title{color:#575757}.card__organization--no-link:hover .card__organization-logo,.card__organization--no-link:focus .card__organization-logo{filter:grayscale(1)}.card__organization--no-link:hover .card__organization-name,.card__organization--no-link:focus .card__organization-name{color:#a9a9a9}.card__organization--no-link:hover .card__divider,.card__organization--no-link:focus .card__divider{background-color:#a9a9a9}.card__organization-title{display:flex;gap:10px;align-items:center;transition:color .5s linear}.card__organization-logo{display:block;max-height:48px;max-width:75px;filter:grayscale(1);transition:filter .5s linear}.card__organization-name{width:100%;text-wrap:nowrap;font-size:1.3rem;color:#575757;opacity:.7;text-transform:uppercase;transition:color .5s linear}.button{position:relative;cursor:pointer}.button:hover .button__clicker{background-color:#506eb4}.button:hover .button__label{border:1px solid #506eb4;color:#506eb4}.button__label{position:absolute;top:-8px;left:-2px;padding:0 4px;border:1px solid #8999dc;border-radius:4px;background-color:#fff;color:#8999dc;font-size:.7rem;transition:background-color .5s linear,color .5s linear,top .5s linear,right .5s linear;cursor:pointer}.button__clicker{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:100%;height:100%;background-color:#8999dc;padding:12px 24px;color:#fff;border-radius:8px;border:1px solid #ccc;transition:background-color .5s linear;cursor:pointer}.button__clicker:focus{outline:none;background-color:#506eb4}.button__clicker:focus+.button__label{border:1px solid #506eb4;color:#506eb4}.button--green .button__clicker{background-color:#009200}.button--green .button__clicker:focus{outline:none;background-color:#005200}.button--green .button__clicker:focus+.button__label{border:1px solid rgb(0,82,0);color:#005200}.button--green .button__label{border:1px solid rgb(0,146,0);color:#009200}.button--green:hover .button__clicker{background-color:#005200}.button--green:hover .button__label{border:1px solid rgb(0,82,0);color:#005200}.button__social-icon{display:block;width:22px;height:22px}.modal{padding:10px;width:100%;height:100%;max-width:100vw;max-height:100vh;min-width:250px;min-height:250px;background-color:#fff;display:flex;justify-content:center;align-items:center}.main-app{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}*{box-sizing:border-box}:root{width:100%;font-family:Times New Roman,Times,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}