: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)}div[data-v-e01cb7c3],div[data-v-0f5bcb57]{background-color:var(--clr-neutral-200)}ul.tab-bar[data-v-16fad3d3]{display:block;list-style:none;margin:0 0 0 20px;padding:10px 0}ul.tab-bar>li[data-v-16fad3d3]{padding:15px 30px;border-radius:10px;margin:0 5px 0 0;display:inline-block;cursor:pointer}ul.tab-bar>li.tab-selected[data-v-16fad3d3]{font-weight:700;background-color:var(--clr-neutral-200)}section[data-v-71ca1a23]{display:flex;flex-direction:column;align-items:center}.title[data-v-71ca1a23]{font-weight:var(--fw-bold)}ul.tab-bar[data-v-617da02e]{display:block;list-style:none;margin:0 0 0 20px;padding:10px 0}ul.tab-bar>li[data-v-617da02e]{padding:15px 30px;border-radius:10px;margin:0 5px 0 0;display:inline-block;cursor:pointer}ul.tab-bar>li.tab-selected[data-v-617da02e]{font-weight:700;background-color:var(--clr-neutral-200)}div[data-v-1fecfd85],div[data-v-43feb18c]{background-color:var(--clr-neutral-200)}section[data-v-a025a076]{display:flex;flex-direction:column;align-items:center}.title[data-v-a025a076]{font-weight:var(--fw-bold)}section[data-v-3cbb8486]{display:flex;flex-direction:column;align-items:center}.title[data-v-3cbb8486]{font-weight:var(--fw-bold)}main[data-v-d7f086c4]{display:flex;gap:var(--size-700);padding:var(--size-800)}