body{background:var(--c-background-secondary);font-family:Roboto,sans-serif}html,body{margin:0;padding:0;font-size:14px}*{box-sizing:border-box}h1,h2,h3{margin:0}h1{font-size:var(--text-xl)}button{background:none;border:0}:root{--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--rounded-sm: 2px;--rounded-md: 4px;--rounded-lg: 6px;--c-background-primary: #ffffff;--c-background-secondary: #f6f6f6;--c-text-primary: #000000;--c-fogged: #e9e9ed;--c-primary: #0d92f4;--z-index-modal: 100}.btn{font-size:var(--text-sm);font-weight:500;padding:var(--spacing-2) var(--spacing-4);border:0;border-radius:var(--rounded-md);transition:background-color .2s;position:relative;overflow:hidden;&:hover{cursor:pointer}&.btn--primary{background-color:var(--c-primary);color:#fff;&:hover{background-color:color-mix(in srgb,var(--c-primary),black 10%)}&:active{background-color:color-mix(in srgb,var(--c-primary),black 20%)}}&.btn--gray{background-color:var(--c-fogged);&:hover{background-color:color-mix(in srgb,var(--c-fogged),black 10%)}&:active{background-color:color-mix(in srgb,var(--c-fogged),black 20%)}}&.btn--stealth{&:hover{background-color:var(--c-fogged)}&:active{background-color:color-mix(in srgb,var(--c-fogged),black 10%)}}&.btn--icon{display:inline-flex;justify-content:center;align-items:center;padding:var(--spacing-2);svg{width:15px;height:15px}}}.card{background:var(--c-background-secondary);border:1px solid var(--c-fogged);border-radius:var(--rounded-md);padding:var(--spacing-6);display:flex;flex-direction:column;transition:.2s all;margin-bottom:var(--spacing-3);&.card--hover\:primary{&:hover{border-color:var(--c-primary)}}.card__header{padding-bottom:var(--spacing-6)}.card__title{font-size:var(--text-lg);margin:0}}.expandable__checkbox{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}.expandable__trigger{cursor:pointer}.expandable__content{overflow:hidden;max-height:0;transition:max-height .2s}.expandable__indicator{transition:transform .2s}.expandable__checkbox:checked+.expandable__trigger+.expandable__content{max-height:350px}.expandable__checkbox:checked+.expandable__trigger .expandable__indicator{transform:rotate(180deg)}.list{display:flex;flex-direction:column;margin:0;padding:0;&.list--horizontal{flex-direction:row;align-items:center}&.list--icons{.list__item{display:flex;align-items:center;gap:var(--spacing-2)}}&.list--stripped{.list__item:nth-child(odd){background:#00000006}}.list__item{list-style:none}}@media screen and (min-width:570px){.list.desktop\:list--horizontal{flex-direction:row;align-items:center}}.modal{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--z-index-modal);overflow-y:auto;display:flex;justify-content:center;align-items:center;opacity:1;&.modal--animate{animation:sneakyOutAbsolute .2s}&.modal--visible{width:100vw;height:100vh;opacity:1;animation:sneakyInAbsolute .2s}.modal__overlay{background:#00000080;position:fixed;top:0;left:0;width:0;height:0;opacity:0;transition:.2s opacity;.modal--animate &{animation:sneakyOutRelative .2s}.modal--visible &{width:100%;height:100%;opacity:1;animation:sneakyInRelative .2s}}.modal__window{background-color:var(--c-background-primary);border:1px solid var(--c-fogged);border-radius:var(--rounded-md);position:absolute;width:100%;margin:var(--spacing-6);max-width:650px;box-shadow:5px 5px 15px #0000001a;transform:translateY(100px);opacity:0;transition:.2s transform,.2s opacity;.modal--visible &{transform:translateY(0);opacity:1}}.modal__header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--c-fogged);display:flex;justify-content:space-between;align-items:center}.modal__body{padding:var(--spacing-6)}.modal__footer{padding:var(--spacing-6);border-top:1px solid var(--c-fogged)}.modal__close{display:flex;justify-content:center;align-items:center;transition:.2s background;width:30px;height:30px;border-radius:var(--rounded-md);svg{width:20px;height:20px}&:hover{background:var(--c-fogged);cursor:pointer}}}.navbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-10);.navbar__logo{color:var(--c-text-primary);font-size:var(--text-xl);text-decoration:none;font-weight:800;small{display:block;font-size:var(--text-xs);font-weight:400;opacity:.6}}}.fancy-select{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);background:var(--c-background-secondary);border:1px solid var(--c-fogged);border-radius:var(--rounded-md);cursor:pointer}@keyframes sneakyInRelative{0%{width:0;height:0}1%{width:100%;height:100%}to{width:100%;height:100%}}@keyframes sneakyOutRelative{0%{width:100%;height:100%}99%{width:100%;height:100%}to{width:0;height:0}}@keyframes sneakyInAbsolute{0%{width:0;height:0}1%{width:100vw;height:100vh}to{width:100vw;height:100vh}}@keyframes sneakyOutAbsolute{0%{width:100vw;height:100vh}99%{width:100vw;height:100vh}to{width:0;height:0}}.container{background:var(--c-background-primary);margin:auto;max-width:1000px;min-height:100vh;border-left:1px solid var(--c-fogged);border-right:1px solid var(--c-fogged);padding:var(--spacing-10) var(--spacing-5)}.flex{display:flex}.flex--justify-end{justify-content:flex-end}.flex--justify-center{justify-content:center}.flex--justify-between{justify-content:space-between}.flex--items-center{align-items:center}.flex--direction-col-reverse{flex-direction:column-reverse}.grid{display:grid!important}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-span-4{grid-column:span 4 / span 4}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-6{gap:var(--spacing-6)!important}@media screen and (min-width:570px){.container{padding:var(--spacing-10)}.desktop\:flex--direction-row{flex-direction:row}.desktop\:flex--items-center{align-items:center}.desktop\:grid{display:grid}.desktop\:gap-6{gap:var(--spacing-6)!important}}@media screen and (max-width:570px){.mobile\:w-full{width:100%!important}}.p-0{padding:0!important}.p-6{padding:var(--spacing-6)!important}.px-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-6{padding-left:var(--spacing-6)!important;padding-right:var(--spacing-6)!important}.py-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.pt-1{padding-top:var(--spacing-1)!important}.pt-6{padding-top:var(--spacing-6)!important}.pb-2{padding-bottom:var(--spacing-2)!important}.pb-3{padding-bottom:var(--spacing-3)!important}.pb-6{padding-bottom:var(--spacing-6)!important}.pl-3{padding-left:var(--spacing-3)!important}.ml-3{margin-left:var(--spacing-3)!important}@media screen and (min-width:570px){.desktop\:pb-0{padding-bottom:0!important}.desktop\:pl-3{padding-left:var(--spacing-3)!important}}.text-black{color:#000}.text-primary{color:var(--c-primary)}.text-secondary{color:red}.text-center{text-align:center}.text-lg{font-size:var(--text-lg)!important}.text-sm{font-size:var(--text-sm)!important}.text-xs{font-size:var(--text-xs)!important}.font-bold{font-weight:700!important}.cursor-pointer{cursor:pointer}