@import"https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap";@font-face{font-family:"Geologica";src:url(asset-path("fonts/Geologica-VariableFont.ttf")) format("ttf");font-style:normal;font-weight:normal}:root{--tabletAndUp: 50rem;--font-family-sans: "Geologica";--line-height-headers: 1.5rem;--line-height-body: 1.5rem;--font-size-xs: 0.75rem;--font-size-s: 0.875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 2.5rem;--font-weight-header: 600;--font-weight-p: 300;--space-xxxs: 0.25rem;--space-xxs: 0.375rem;--space-xs: 0.5rem;--space-s: 0.75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--space-xxxl: 3rem;--space-xxxxl: 4rem;--space-navbar: 5rem;--color-text-header: #867C79;--color-text-body: hsl(30, 6%, 51%);--color-text-body-highlight: hsla(9, 5%, 30%, 1);--color-text-muted: hsl(30, 6%, 25%);--color-link: hsl(144, 35%, 45%);--color-link-hover: hsl(36, 94%, 51%);--color-link-visited: hsl(13, 68%, 50%);--color-success: hsl(146, 46%, 55%);--color-neutral: hsl(33, 44%, 72%);--color-warning: hsl(36, 94%, 51%);--color-fail: hsl(13, 68%, 50%);--color-error: hsl(0, 77%, 60%);--color-white: #e4e5e7;--color-background: hsla(216, 5%, 10%, 1);--color-background-card: hsla(216, 5%, 20%, 1);--color-background-input: hsl(220, 6%, 10%, 1);--color-background-textarea: hsla(216, 5%, 20%, 1);--color-background-button: hsla(216, 5%, 20%, 1);--color-light: #18191B;--color-dark: var(--color-text-header);--color-border: hsla(9, 5%, 30%, 1);--border-radius: 0.5rem;--border: solid 2px var(--color-border);--border-success: solid 2px var(--color-success);--border-neutral: solid 2px var(--color-neutral);--border-warning: solid 2px var(--color-warning);--border-prot-1: solid 1px red;--border-prot-2: solid 1px green;--border-prot-3: solid 1px blue;--padding: var(--space-xs);--shadow-large: 2px 4px 10px hsl(0 0% 0% / 0.1);--shadow-small: 1px 3px 6px hsl(0 0% 0% / 0.1);--button-shadow: 0px -4px 8px 0px hsla(9, 5%, 40%, 25%) inset, 0px 4px 12px 0px hsla(9, 5%, 40%, 25) inset;--button-shadow-hover: 0px -2px 4px 0px hsla(9, 5%, 20%, 25%) inset, 0px 2px 12px 0px hsla(9, 5%, 20%, 25) inset}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{overflow-y:scroll;height:100%}body{display:flex;flex-direction:column;min-height:100%;background-color:var(--color-background);color:var(--color-text-body);line-height:var(--line-height-body);font-family:var(--font-family-sans);font-weight:var(--font-weight-p)}img,picture,svg{display:block;max-width:100%}input,button,select,date{background:var(--color-background-input);font:inherit;padding:var(--padding);color:var(--color-text-body);line-height:var(--line-height-body);border:var(--border);border-radius:var(--border-radius);width:100%}textarea{font:inherit;padding:var(--padding);color:var(--color-text-body);background:var(--color-background-textarea);line-height:var(--line-height-body);border:2px solid var(--color-warning)}textarea:focus{outline:none}h1,h2,h3,h4,h5,h6{color:var(--color-text-header);line-height:var(--line-height-headers);text-transform:uppercase}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-header)}h2{font-size:var(--font-size-m)}h3{font-size:var(--font-size-s)}h4{font-size:var(--font-size-xs)}a{color:var(--color-text-body-highligh);text-decoration:none;transition:color 200ms}a:hover,a:focus,a:active{color:var(--color-text-body-highlight)}p.label{font-weight:500;text-transform:uppercase}.container{display:grid;grid-template-columns:1fr;width:100%;padding-right:var(--space-m);padding-left:var(--space-m);padding-top:var(--space-xl);padding-bottom:var(--space-xl);margin-left:auto;margin-right:auto;margin-bottom:var(--space-navbar);gap:var(--space-xl)}@media(min-width: 50rem){.container{padding-right:var(--space-m);padding-left:var(--space-m);max-width:60rem}}.header{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}@media(min-width: 50rem){.header{padding-bottom:var(--space-xxl)}}.card{display:flex;flex-direction:column;width:100%;max-width:500px;justify-self:center;border-radius:8px;border:1px solid var(--color-border);background:var(--color-background-card, #303236)}.card>*{width:100%;padding-bottom:var(--space-s);padding-top:var(--space-s);padding:var(--space-s)}.card>*:last-child{border-bottom:none}.card__header{display:flex;flex-direction:row}.card__header_label{text-color:var(--color-text-body);text-transform:uppercase;font-weight:550;transition:color 200ms}.card__header_label label{display:flex;width:100%;justify-content:space-between}.card__header_info{max-width:30%}.card__header_symbol{width:24px;height:24px;border-radius:12px;background:var(--color-success)}.card__header input[type=checkbox][name^=date]{display:none;width:20px}.card__header>*{display:flex;width:100%}.card__header>*:last-child{justify-content:flex-end;flex-shrink:1}.card__body{display:grid;grid-template-rows:0fr;padding:0;transition:grid-template-rows 300ms,padding 150ms}.card__body>*{overflow:hidden}.card__body .bold{font-weight:600}.card__body .is_open{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.card__footer{display:none;flex-direction:row;gap:var(--space-xs);justify-content:flex-end}.card:has(input[type=checkbox][id^=date-selector]:checked) .card__body{grid-template-rows:1fr;padding:var(--space-s)}.card:has(input[type=checkbox][id^=date-selector]:checked) .card__footer{display:flex;padding:var(--space-s)}.card:has(input[type=checkbox][id^=date-selector]:not(:checked)) .card__body{padding:0;transition:grid-template-rows 300ms,padding 350ms}form,.form{display:grid;gap:var(--space-xl);grid-template-columns:1fr}@media(min-width: 50rem){form,.form{grid-template-columns:1fr}}form__element,.form__element{display:grid;gap:var(--space-xs)}.button{display:flex;justify-content:center;justify-self:start;align-items:center;padding:var(--padding);min-width:150px;text-transform:uppercase;width:auto;color:var(--color-text-body);border-radius:var(--space-xs);background:var(--color-background-button)}.button-left{justify-self:left}.button-center{justify-self:center}.button-right{justify-self:right;justify-self:end}.button:hover{cursor:pointer;color:var(--color-link-hover)}.options .options-lickert{display:grid;overflow:hidden;grid-template-columns:repeat(auto-fit, minmax(min(40px, 100%), 1fr));border:var(--border);border-radius:var(--border-radius)}.options .options-lickert input[type=radio][name^=track]{display:none}.options .options-lickert__selector{display:grid;padding:var(--space-xs);width:100%;text-align:center;justify-content:center;cursor:pointer}.options .options-lickert__selector:not(:last-child){border-right:var(--border)}.options__hint{display:flex;justify-content:space-between;color:var(--color-text-muted)}.options__fix{display:none;flex-direction:column;padding:var(--space-s);gap:var(--space-xs);padding:var(--padding)}.options__celebrate{display:none;border:var(--border-success);border-radius:var(--border-radius);color:var(--color-text-body-highlight);padding:var(--space-xxs) var(--space-xs) var(--space-xxs) var(--space-xs);font-size:var(--font-size-s);justify-content:center}.options>input{border:none;border-bottom:var(--border)}.options>label{font-weight:500;text-transform:uppercase}input[type=radio]:checked+.options-lickert__selector:nth-child(-n+6){background-color:var(--color-warning);color:var(--color-text-body-highlight)}input[type=radio]:checked+.options-lickert__selector:nth-child(n+7):nth-child(-n+8){background-color:var(--color-success);color:var(--color-text-body-highlight)}input[type=radio]:checked+.options-lickert__selector:last-child{background-color:var(--color-success);color:var(--color-text-body-highlight)}.options-lickert:has(>input[type=radio][value="1"]:checked)~.options__fix,.options-lickert:has(>input[type=radio][value="2"]:checked)~.options__fix,.options-lickert:has(>input[type=radio][value="3"]:checked)~.options__fix{display:flex}.options-lickert:has(>input[type=radio][value="4"]:checked)~.options__celebrate,.options-lickert:has(>input[type=radio][value="5"]:checked)~.options__celebrate{display:flex}.list{display:grid;gap:var(--space-l)}.list>.item{display:grid;grid-template-columns:1fr 1fr;width:100%}.navbar{position:fixed;bottom:0;display:flex;width:100%;padding:var(--space-m) 0 var(--space-xl) 0;background-color:var(--color-background);border-top:var(--border)}.navbar__items{display:flex;width:100%;justify-content:space-around;gap:var(--space-s)}.navbar__items li{list-style-type:none}.navbar__link{display:flex;flex-direction:column;align-items:center}.navbar__link a{color:var(--color-text-body)}.navbar__icon{width:24px;height:24px}
