:root{--clr-accent-500: hsl(12, 60%, 45%);--clr-accent-400: hsl(12, 88%, 59%);--clr-accent-300: hsl(12, 88%, 75%);--clr-accent-200: hsl(12, 88%, 80%);--clr-accent-100: hsl(13, 100%, 96%);--clr-primary-400: hsl(228, 39%, 23%);--clr-neutral-900: hsl(232, 12%, 13%);--clr-neutral-700: hsl(231, 10%, 40%);--clr-neutral-200: hsl(220, 13%, 95%);--clr-neutral-100: hsl(0 0% 100%);--modal-backdrop-clr: rgb(0, 0, 0, .3);--modal-background-clr: hsl(11, 97%, 85%);--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-100: .625rem;--fs-200: .75rem;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.5rem;--fs-800: 1.75rem;--fs-900: 2rem;--size-100: .125rem;--size-200: .25rem;--size-300: .5rem;--size-400: 1rem;--size-500: 1.125rem;--size-600: 1.25rem;--size-700: 1.5rem;--size-800: 1.75rem;--size-900: 2.5rem;--fs-primary-heading: var(--fs-500);--fs-menu-item: var(--fs-300);--fs-menu-section: var(--fs-400);--fs-body: var(--fs-300);--fs-nav: var(--fs-400);--fs-button: var(--fs-300)}@media (min-width: 50em){:root{--fs-primary-heading: var(--fs-900);--fs-menu-item: var(--fs-500);--fs-menu-section: var(--fs-700);--fs-body: var(--fs-500);--fs-nav: var(--fs-300)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-primary-400{color:var(--clr-primary-400)}.text-accent-400{color:var(--clr-accent-400)}.text-accent-100{color:var(--clr-accent-100)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-900{color:var(--clr-neutral-900)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-accent-100{background-color:var(--clr-accent-100)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.padding-block-900{padding-block:var(--size-900)}.padding-block-700{padding-block:var(--size-700)}body{font-size:var(--fs-body);font-family:var(--ff-body);color:var(--clr-primary-400)}#app{height:100%}.container{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto}.primary-heading{font-size:var(--fs-primary-heading)}.menu-item{font-size:var(--fs-menu-item)}.menu-section{font-size:var(--fs-menu-section);font-weight:var(--fw-bold)}.flex{display:flex}.justify-center{justify-content:center}.align-center{align-items:center}.justify-between{justify-content:space-between}.col{display:flex;flex-direction:column}.float-left{float:left}button{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--clr-accent-400);box-shadow:0 1.125em 1em -1em var(--clr-accent-500);margin-inline:.5em}button[data-type=inverted]{background-color:var(--clr-neutral-100);color:var(--clr-accent-400)}button:hover,button:active,button:focus-visible{background-color:var(--clr-accent-300)}button:active{transform:scale(.95)}button[data-type=inverted]:hover,button[data-type=inverted]:focus-visible{background-color:var(--clr-neutral-100);color:var(--clr-accent-300)}button:disabled{background-color:#696969;color:linen;opacity:1}.router-link-active{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:.25em 1.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--clr-accent-200);box-shadow:0 1.125em 1em -1em var(--clr-accent-500);margin-inline:.5em}.menu ul>li{padding-block:var(--size-300);list-style-type:none}.menu ul>li:hover{background-color:var(--clr-neutral-200)}.round-button:hover{border-radius:50%;background-color:var(--clr-neutral-200)}.menu a{text-decoration:none}.menu a:link,a:visited{color:inherit}.icon{width:32px;margin-inline:var(--size-200)}main[data-v-1359535f]{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;margin-block:var(--size-700)}.grid-panel[data-v-1359535f]{padding:var(--size-300);margin:var(--size-300);display:flex;flex-direction:column;gap:5px;align-items:center}@media (min-width: 50em){main[data-v-1359535f]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.vline[data-v-1359535f]{border-left:1px lightgrey solid}.middlePanel[data-v-1359535f]{grid-row-start:1;grid-column-start:2}.bottomPanel[data-v-1359535f]{grid-row-start:1;grid-column-start:3}}.menu[data-v-c0255a61]{display:flex;gap:var(--size-700)}@media (min-width: 50em){.menu[data-v-c0255a61]{flex-direction:column;align-items:center}}.card[data-v-f888b1db]{background-color:var(--clr-accent-400);color:var(--clr-neutral-100);width:50%;padding:var(--size-400);display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 50em){.card[data-v-f888b1db]{width:100%}}.toast{font-size:var(--fs-200);padding:.25em 1.5em;background-color:var(--clr-accent-300);color:var(--clr-primary-700)}.card[data-v-65ff4eb7]{background-color:var(--clr-accent-400);color:var(--clr-neutral-100);width:50%;padding:var(--size-400);display:flex;flex-direction:column;justify-content:center;align-items:left}.label[data-v-65ff4eb7]{margin-bottom:var(--size-400)}.close[data-v-65ff4eb7]{align-self:self-end}@media (min-width: 50em){.card[data-v-65ff4eb7]{width:100%}}