body{--header-height:64px;font-family:var(--font-family);background-color:var(--body-bg)}.main-content{height:calc(100vh - var(--header-height));overflow:auto;position:relative;padding:2rem}header{display:flex;align-items:center;padding-left:1rem;padding-right:.5rem;border-bottom:1px solid transparent;box-shadow:none;height:var(--header-height);background-color:var(--header-bg)}@media (min-width:768px){header{padding-left:1.5rem;padding-right:1.5rem}}header .header-logo{height:100%;display:flex;align-items:center;padding:0 .5rem}header a.header-logo{cursor:pointer}header span.header-logo{cursor:default}header .header-logo img{padding-left:.5rem;height:3rem;transition:var(--transition-ease-in-out)}header .header-logo:hover img{transform:scale(1.05)}header .header-logo .header-home-button{display:inline-flex;align-items:center;position:relative;border:none;padding:1rem;border-radius:var(--rounded-full);background-color:var(--header-dropdown-button-bg);color:var(--header-dropdown-button-text);transition:var(--transition-ease-in-out)}header .header-logo .header-home-button:hover{background-color:var(--header-dropdown-button-bg--hover);color:var(--header-dropdown-button-text--hover)}header .header-logo .header-home-button .icon{height:var(--icon-size-xl);width:var(--icon-size-xl);mask-image:var(--icon--home)}header .header-title{display:flex;justify-content:center;align-items:center;color:var(--header-text);width:100%;text-align:center;padding:0 2rem;font-size:var(--font-size-h1);font-weight:var(--font-weight-medium)}header .header-title .sub-desc{padding:.5rem 1rem;margin-left:1rem;cursor:default;border-radius:var(--rounded-full);background-color:var(--white);color:var(--gray-800);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}@media (max-width:768px){header .header-title,header .header-title h1{font-size:var(--font-size-h3)}header .header-title .sub-desc{font-size:var(--font-size-sm)}}header .user-info{display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--header-user-info);cursor:default}header .user-info .icon{height:var(--icon-size-lg);width:var(--icon-size-lg);mask-image:var(--icon--user);margin-right:1rem}#notifications{margin-top:-1rem}.pointsbar-wrapper{float:right;display:flex;align-items:center;padding-bottom:1rem}.pointsbar{width:12rem;display:flex;align-items:center;height:3rem;background-color:rgba(var(--green-700-rgb),.15);border-radius:var(--rounded-full);border:1px solid var(--transparent);border-radius:var(--rounded-full);transition:var(--transition-ease-in-out);box-shadow:var(--shadow-md);position:relative;overflow:hidden;cursor:default;user-select:none}.pointsbar-fill{height:100%;position:absolute;background-color:rgba(var(--green-700-rgb),.45)}.pointsbar.warning{background-color:rgba(var(--red-700-rgb),.2)}.pointsbar.warning .pointsbar-fill{background-color:rgba(var(--red-700-rgb),.5)}.pointsbar-label{width:100%;color:var(--black);text-align:center}.pointsbar-alert{color:rgba(var(--red-800-rgb),.8);height:var(--icon-size-lg);width:var(--icon-size-lg);margin-right:1rem}.pointsbar-alert:hover{color:var(--orange-800);cursor:help}.pointsbar:hover{border-color:rgba(var(--green-700-rgb),.8);cursor:help}.pointsbar.warning:hover{border-color:rgba(var(--red-700-rgb),.8)}.pointsbar:hover .pointsbar-label{font-weight:var(--font-weight-medium)}.navigation-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:2rem}.navigation-grid .button-left{justify-self:start}.navigation-grid .buttons-center{display:flex;justify-self:center;gap:10px}.navigation-grid .buttons-center .btn.notactive{box-shadow:none;color:var(--button-disabled-text);background-color:var(--button-disabled-bg);border-color:var(--button-disabled-border)}