:root{--charcoal:#212121;--light-grey:#f5f7fa;--grey:#dcdcdc;--deep-blue:#1565c0;--red:red;--orange:orange;--lime:lime;--success:var(--lime);--error:var(--red);--warning:var(--orange);--primary-colour:var(--deep-blue);--secondary-colour:var(--charcoal);--background-colour:var(--light-grey);--text-colour-primary:var(--charcoal);--link-colour-primary:var(--primary-colour);--body-background-colour:var(--secondary-colour);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--max-width:800px;--logo-container-background-colour:var(--background-colour);--logo-background-colour:var(--background-colour);--logo-text-colour:var(--primary-colour);--main-nav-container-background-colour:var(--background-colour);--main-nav-container-border-bottom:var(--grey);--main-nav-background-colour:var(--background-colour);--main-nav-link-colour:var(--text-colour-primary);--breadcrumbs-container-background-colour:var(--background-colour);--breadcrumbs-background-colour:var(--background-colour);--breadcrumbs-link-colour:var(--primary-colour);--button-border-colour:var(--secondary-colour);--button-background-colour:var(--secondary-colour);--button-text-colour:var(--light-grey);--button-hover-background-colour:var(--background-colour);--button-hover-text-colour:var(--secondary-colour);--footer-background:var(--secondary-colour);--footer-links:var(--light-grey);--table-border-colour:var(--grey);--table-head-background-colour:var(--primary-colour);--table-head-text-colour:var(--light-grey);--stat-card-background-colour:var(--primary-colour);--stat-card-text-colour:var(--light-grey)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--body-background-colour);color:var(--text-colour-primary);font-family:var(--font-family)}.success-text{color:var(--success)}.error-text{color:var(--error)}.warning-text{color:var(--warning)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}li{margin-bottom:.3rem;margin-left:2rem}li:first-of-type{margin-top:.3rem}input,select,button{font-family:var(--font-family)}select,input{padding:5px}input{width:100%;max-width:300px}.buttons-container{flex-wrap:wrap;gap:10px 20px;display:flex}button{cursor:pointer;background-color:var(--button-background-colour);border:1px solid var(--button-border-colour);color:var(--button-text-colour);padding:10px 15px;font-weight:700}button:hover{background-color:var(--button-hover-background-colour);color:var(--button-hover-text-colour)}.message{margin-bottom:.5rem;font-style:italic}img{max-width:100%;display:block}.logo-container{background-color:var(--logo-container-background-colour);text-align:center;padding:5px 0 0}.logo{background-color:var(--logo-background-colour);color:var(--logo-text-colour);font-size:1.3rem;font-weight:bolder;text-decoration:none}.main-nav-container{background-color:var(--main-nav-container-background-colour);border-bottom:1px solid var(--main-nav-container-border-bottom)}.main-nav{background-color:var(--main-nav-background-colour);max-width:var(--max-width);flex-wrap:wrap;justify-content:center;gap:10px 30px;margin:auto;padding:5px 0;display:flex}.main-nav a{color:var(--main-nav-link-colour);font-weight:700;text-decoration:none}.main-nav a:hover{text-decoration:underline}.breadcrumbs-container{background-color:var(--breadcrumbs-container-background-colour)}.breadcrumbs{background-color:var(--breadcrumbs-background-colour);max-width:var(--max-width);flex-wrap:wrap;gap:2px 10px;margin:auto;padding:20px 20px 0;font-size:.9rem;display:flex}.breadcrumbs a{color:var(--breadcrumbs-link-colour);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.main-container{background-color:var(--background-colour)}main{background-color:var(--background-colour);max-width:var(--max-width);margin:auto;padding:20px 20px 40px}h1{margin-bottom:.5rem}.introductory-paragraphs{margin-bottom:1rem;line-height:1.5rem}.introductory-paragraphs p{margin-bottom:.5rem}.introductory-paragraphs p:last-of-type{margin-bottom:0}.introductory-paragraphs a{color:var(--link-colour-primary);text-decoration:underline}.introductory-paragraphs a:hover{text-decoration:none}.copy h2,.copy h3,.copy h4,.copy h5,.copy h6{margin-bottom:.5rem}.copy p{margin-bottom:.5rem;line-height:1.5rem}.copy ul,.copy ol{margin-bottom:1rem}.copy a{color:var(--primary-colour);text-decoration:underline}.copy a:hover{color:var(--primary-colour);text-decoration:none}table{border:1px solid var(--table-border-colour);border-collapse:collapse}table thead{background-color:var(--table-head-background-colour);color:var(--table-head-text-colour)}table th,table td{border:1px solid var(--table-border-colour);padding:10px}.input-product-type-container,.input-product-units-container,.input-product-price-container,.input-units-consumed-per-day-container,.input-country-container,.input-email-container,.input-password-container,.input-username-container{justify-items:start;gap:5px;margin-bottom:1rem;display:grid}.password-requirements,.username-requirements{margin-bottom:1rem}.filter-country-container{margin-bottom:.5rem}.dashboard-page section{margin-bottom:1rem}.dashboard-page section:last-of-type{margin-bottom:2rem}.dashboard-page section h2{margin-bottom:.5rem}.stat-cards-container{flex-wrap:wrap;justify-items:start;gap:20px;display:flex}.stat-card{background-color:var(--stat-card-background-colour);color:var(--stat-card-text-colour);gap:5px;padding:30px;display:grid}.stat-card .value{font-size:2rem;font-weight:700}.profile-page h2{margin-bottom:.5rem}.profile-tabs{flex-wrap:wrap;gap:30px;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.profile-tabs a{color:var(--primary-colour);text-decoration:none}.profile-tabs a:hover{text-decoration:underline}.smoking-habits section{margin-bottom:1rem}.smoking-habits section h3{margin-bottom:.5rem}.account section{margin-bottom:1.5rem}.account section h3,.account .country .text,.account .email .text,.account .profile-visibility .text{margin-bottom:.5rem}.account .delete-account .confirmation-message{margin-bottom:.5rem;line-height:1.5rem}footer{background-color:var(--footer-background);max-width:var(--max-width);gap:30px;margin:auto;padding:20px;display:grid}.footer-links{justify-items:start;gap:20px;display:grid}.footer-links a,.cookie-consent-settings,.copyright{cursor:pointer;color:var(--footer-links);text-decoration:none}.footer-links a:hover,.cookie-consent-settings:hover{text-decoration:underline}.cookie-consent-banner-container{background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cookie-consent-banner{background-color:var(--background-colour);width:75%;max-width:800px;padding:50px}.cookie-consent-banner-buttons-container{flex-wrap:wrap;justify-content:center;gap:10px 20px;display:flex}.beta-banner{background-color:var(--warning);margin-bottom:.5rem;padding:20px;line-height:1.5rem}