body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{--home-topBar-height:260px;--main-topBar-height:110px;--secondary-topBar-height:60px;--navigation-bar-height:60px}@media(display-mode:standalone){.app{--navigation-bar-height:90px}}.app>.loader{position:absolute;z-index:-1;width:100%;height:calc(100% - var(--main-topBar-height) - var(--navigation-bar-height))}.app>.loader,.app>.login-container{display:flex;align-items:center;justify-content:center}.app>.login-container{flex-direction:column;margin-top:100px}.app>.login-container .header{font-size:24px;font-weight:700}.app>.login-container label{font-size:16px}.app>.login-container img{margin-top:20px;border-radius:5%}.app>.login-container .input-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:500;margin-top:50px}.app>.login-container .input-section input{font-size:18px;padding:14px 10px}.app>.login-container .login-button{all:unset;cursor:pointer;font-size:16px;margin-top:50px;padding:12px 10px;color:#fff;border:1px solid #042367;background:#042367;width:100px;text-align:center}.app>.login-container .login-button:hover{background:#042a7e}.app>.top-bar-container>.home-section{background-color:#042367;position:fixed;top:0;left:0;z-index:10;height:var(--home-topBar-height);width:100%}.app>.top-bar-container>.main-section{background-color:#042367;position:fixed;top:0;left:0;z-index:10;height:var(--main-topBar-height);width:100%}.app>.top-bar-container>.back-section{background-color:#042367;position:fixed;top:0;left:0;z-index:10;height:var(--secondary-topBar-height);width:100%}.app>.body>.cabinet-officer-detail-container,.app>.body>.cabinet-officers-container,.app>.body>.clubs-page-container,.app>.body>.info-container,.app>.body>.lci-container,.app>.body>.poa-container{margin-top:var(--main-topBar-height);margin-bottom:var(--navigation-bar-height);overflow-y:scroll;max-height:calc(100vh - var(--main-topBar-height) - var(--navigation-bar-height))}.app>.body>.clubs-detail-page-container{margin-top:var(--secondary-topBar-height);margin-bottom:var(--navigation-bar-height);max-height:calc(100vh - var(--secondary-topBar-height) - var(--navigation-bar-height))}.app>.body>.home-container{margin-top:var(--home-topBar-height);margin-bottom:var(--navigation-bar-height);overflow-y:scroll;max-height:calc(100vh - var(--home-topBar-height) - var(--navigation-bar-height))}.app>.body>.loader{position:absolute;z-index:-1;width:100%;height:calc(100% - var(--main-topBar-height) - var(--navigation-bar-height));display:flex;align-items:center;justify-content:center}.app>.body .home-container>.list-item-container,.app>.body .info-container>.list-item-container,.app>.body .lci-container>.list-item-container{padding:16px 12px;display:flex;justify-content:center;justify-items:center;font-size:24px}@media(max-width:630px){.app>.body .info-container>.list-item-container,.app>.body .lci-container>.list-item-container{display:flex;justify-content:flex-start;justify-items:center}}.app>.navigation-bar-container{position:fixed;left:0;bottom:0;z-index:10;border-top:1px solid #e0e0e0;background-color:#fff;height:var(--navigation-bar-height);width:100%;display:flex}.app>.navigation-bar-container svg{color:#2196f3}.top-bar-container .home-section,.top-bar-container>.main-section{box-sizing:border-box;padding:10px;-webkit-user-select:none;user-select:none}.top-bar-container .home-section>.logout-button,.top-bar-container>.main-section>.logout-button{color:#fff;cursor:pointer;position:absolute;top:10px;right:15px}.top-bar-container .home-section>.title,.top-bar-container>.main-section>.title{display:flex;flex-direction:column;align-items:center}.top-bar-container .home-section>.text,.top-bar-container .home-section>.title>.text,.top-bar-container>.main-section>.text,.top-bar-container>.main-section>.title>.text{color:#fff;font-size:30px;font-weight:700}.top-bar-container .home-section>.search-section,.top-bar-container>.main-section>.search-section{display:flex;align-items:center;background-color:#0581c9;margin-top:16px;margin-bottom:8px;box-sizing:border-box;border:1px solid #0581c9;border-radius:3px}.top-bar-container .home-section>.search-section svg,.top-bar-container>.main-section>.search-section svg{margin-left:12px}.top-bar-container .home-section>.search-section>input,.top-bar-container>.main-section>.search-section>input{font-size:16px;font-weight:700;color:#fff;background-color:#0581c9;border:none;outline:none;padding:8px;width:100%}.top-bar-container .home-section>.search-section>input::placeholder,.top-bar-container>.main-section>.search-section>input::placeholder{color:#81c0e4}.top-bar-container>.back-section{background-color:#2196f3;display:flex}.top-bar-container>.back-section>.back-button{display:flex;justify-content:flex-start;align-items:center;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;height:100%}.navigation-bar-container{display:flex;justify-content:space-between;box-sizing:border-box;padding:16px;align-items:center}@media(display-mode:standalone){.navigation-bar-container{padding-bottom:40px}}.navigation-bar-container .icon-with-text{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.club-list-container>.list-item-container{display:flex;justify-content:space-between;padding:12px}.club-list-container>.list-item-container:hover{background-color:#f2f2f2}.club-list-container>.list-item-container>.content{display:flex}.club-list-container>.list-item-container>.content .left img{height:48px;width:48px;object-fit:contain;border-radius:50%}.club-list-container>.list-item-container>.content>.right{align-self:center;padding-left:12px}.club-list-container>.list-item-container>.content>.right .item-name{font-weight:400}.club-list-container>.list-item-container>.content>.right .item-title{color:#545454}.club-list-container>.list-item-container>.icon{align-self:center}.club-detail-container,.club-detail-container>.club-info{display:flex;flex-direction:column}.club-detail-container>.club-info{overflow-y:auto;background-color:#fff;width:100%;box-sizing:border-box;border-bottom:1px solid #e0e0e0;padding:10px 8px}.club-detail-container>.club-info>.club-header-1{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-weight:700;font-size:20px}.club-detail-container>.club-info>.club-header-1 img{height:68px;width:68px;object-fit:contain;border-radius:50%}.club-detail-container>.club-info>.club-header-2{display:flex;flex-direction:row;gap:4px}.club-detail-container>.club-info>.club-header-2:first-child{margin-bottom:2px}.club-detail-container>.club-info>.club-header-2>div:first-child{width:50%}.club-detail-container>.club-info>.club-header-2>div:nth-child(2){width:33%}.club-detail-container>.club-info>.club-header-2>div:nth-child(3){width:17%;text-align:right}.club-detail-container>.member-list{height:calc(100vh - 60px - var(--navigation-bar-height) - 137px);overflow-y:scroll;font-size:13px}.club-detail-container>.member-list>.header{position:absolute;height:20px;width:100%;font-weight:700;color:#fff;background-color:#0581c9}.club-detail-container>.member-list>.row{display:flex;box-sizing:border-box;border-bottom:1px solid #0581c9;padding:2px;overflow-x:hidden;word-break:break-word}.club-detail-container>.member-list>.row>div{flex:0 0 25%}.club-detail-container>.member-list>.row:nth-child(2){margin-top:20px}.cabinet-officers-list-container>.list-item-container{display:flex;justify-content:space-between;padding:12px}.cabinet-officers-list-container>.list-item-container:hover{background-color:#f2f2f2}.cabinet-officers-list-container>.list-item-container>.content{display:flex}.cabinet-officers-list-container>.list-item-container>.content .left img{height:48px;width:48px;object-fit:contain;border-radius:50%}.cabinet-officers-list-container>.list-item-container>.content>.right{align-self:center;padding-left:12px}.cabinet-officers-list-container>.list-item-container>.content>.right .item-name{font-weight:400}.cabinet-officers-list-container>.list-item-container>.content>.right .item-title{color:#545454}.cabinet-officers-list-container>.list-item-container>.icon{align-self:center}.cabinet-officer-detail-container{padding-top:8px}.cabinet-officer-detail-container>.photo{display:flex;justify-content:center;align-items:center;object-fit:cover;margin-bottom:8px}.cabinet-officer-detail-container>.photo>img{height:343px;width:343px;border-radius:8px}.cabinet-officer-detail-container>.row{display:flex;justify-content:space-between;align-items:center;padding:14px}.cabinet-officer-detail-container svg{cursor:pointer}.cabinet-officer-detail-container>.row{cursor:pointer;transition:background-color .25s ease-out 0s}.cabinet-officer-detail-container>.row .label{color:#545454}.cabinet-officer-detail-container>.row .value{font-weight:400}.cabinet-officer-detail-container>.row:hover{background-color:#f2f2f2}.cabinet-officer-detail-container>.row svg{color:#0698ec}.cabinet-officer-detail-container>.number svg:not(:last-child){margin-right:16px}.list-item-container{border-bottom:1px solid #e0e0e0;transition:background-color .25s ease-out 0s;cursor:pointer;-webkit-user-select:none;user-select:none}.list-item-container:hover{background-color:#f2f2f2}