/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}
/* 2. Remove default margin */
*:not(dialog) {
  margin: 0;
}
/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  /* 4. Increase line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}
/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/* 7. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}
/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}
/*
  10. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

:root {
    --default-font: "Nunito", sans-serif;
    --body-color: #333;
    --body-background: #fff;
    --body-background-alt: #efefef;
    --border-color: #ccc;
    --border-radius-small: 4px;
    --border-radius: 6px;
    --border-radius-large: 8px;
    --dark-color: #333;
    --dark-color-invert: #fff;
    --primary-color: hsl(197, 100%, 61%);
    --primary-color-invert: #000;
    --link-color: hsl(195, 100%, 33%);
    --link-color-invert: #fff;
    --info-color: hsl(168, 37%, 33%);
    --info-color-invert: #fff;
    --success-color: hsl(153, 53%, 53%);
    --success-color-invert: #000;
    --warning-color: hsl(35, 100%, 63%);
    --warning-color-invert: #000;
    --danger-color: hsl(0, 93%, 38%);
    --danger-color-invert: #fff;
    --box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --body-color: #e0e0e0;
        --body-background: #1C1F25;
        --body-background-alt: #383c44;
        --border-color: #e0e0e0;
        --dark-color: #50555e;
        --dark-color-invert: #e0e0e0;
        --primary-color: hsl(195, 100%, 39%);
        --primary-color-invert: #fff;
        --link-color: hsl(197, 100%, 45%);
        --link-color-invert: #000;
        --info-color: hsl(168, 37%, 45%);
        --info-color-invert: #fff;
        --success-color: hsl(153, 53%, 53%);
        --success-color-invert: #222;
        --warning-color: hsl(35, 100%, 63%);
        --warning-color-invert: #222;
        --danger-color: hsl(0, 93%, 40%);
        --danger-color-invert: #fff;
        --box-shadow: rgba(0, 0, 0, 0.90) 0px 3px 8px;
    }
}

.theme-dark {
    --body-color: #e0e0e0;
    --body-background: #1C1F25;
    --body-background-alt: #383c44;
    --border-color: #e0e0e0;
    --dark-color: #50555e;
    --dark-color-invert: #e0e0e0;
    --primary-color: hsl(195, 100%, 39%);
    --primary-color-invert: #fff;
    --link-color: hsl(197, 100%, 45%);
    --link-color-invert: #000;
    --info-color: hsl(168, 37%, 45%);
    --info-color-invert: #fff;
    --success-color: hsl(153, 53%, 53%);
    --success-color-invert: #222;
    --warning-color: hsl(35, 100%, 63%);
    --warning-color-invert: #222;
    --danger-color: hsl(0, 93%, 40%);
    --danger-color-invert: #fff;
    --box-shadow: rgba(0, 0, 0, 0.90) 0px 3px 8px;
}
.theme-latte {
    --body-color: #4c4f69;
    --body-background: #eff1f5;
    --body-background-alt: #dce0e8;
    --border-color: #acb0be;
    --dark-color: #7c7f93;
    --dark-color-invert: #fff;
    --primary-color: #04a5e5;
    --primary-color-invert: #000;
    --link-color: #1e66f5;
    --link-color-invert: #fff;
    --info-color: #7c7f93;
    --info-color-invert: #fff;
    --success-color: #40a02b;
    --success-color-invert: #fff;
    --warning-color: #df8e1d;
    --warning-color-invert: #000;
    --danger-color: #d20f39;
    --danger-color-invert: #fff;
    --box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.theme-mocha {
    --body-color: #cdd6f4;
    --body-background: #1e1e2e;
    --body-background-alt: #313244;
    --border-color: #bac2de;
    --dark-color: #585b70;
    --dark-color-invert: #fff;
    --primary-color: #89b4fa;
    --primary-color-invert: #000;
    --link-color: #74c7ec;
    --link-color-invert: #000;
    --info-color: #7fc77f;
    --info-color-invert: #000;
    --success-color: #a6e3a1;
    --success-color-invert: #000;
    --warning-color: #f9e2af;
    --warning-color-invert: #000;
    --danger-color: #f38ba8;
    --danger-color-invert: #000;
    --box-shadow: rgb(145 193 255 / 54%) 0px 3px 8px;
}
.theme-plum {
    --body-color: #cdd6f4;
    --body-background: #1e1e2e;
    --body-background-alt: #313244;
    --border-color: #bac2de;
    --dark-color: #585b70;
    --dark-color-invert: #fff;
    --primary-color: #9C89B8;
    --primary-color-invert: #000;
    --link-color: #F0A6CA;
    --link-color-invert: #000;
    --info-color: #EFC3E6;
    --info-color-invert: #000;
    --success-color: #a6e3a1;
    --success-color-invert: #000;
    --warning-color: #f9e2af;
    --warning-color-invert: #000;
    --danger-color: #f38ba8;
    --danger-color-invert: #000;
    --box-shadow: rgb(145 193 255 / 60%) 0px 3px 8px;
}

body {
    background-color: var(--body-background);
    color: var(--body-color);
    font-size: 1em;
    font-family: var(--default-font);
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 1rem;
}

h1, .title.is-1, .is-size-1 {
    font-size: 2.986rem;
    line-height: 1;
}
h2, .title.is-2, .is-size-2 {
    font-size: 2.488rem;
    line-height: 1;
}
h3, .title.is-3, .is-size-3 {
    font-size: 2.074rem;
    line-height: 1;
}
h4, .title.is-4, .is-size-4 {
    font-size: 1.728rem;
    line-height: 1;
}
h5, .title.is-5, .is-size-5 {
    font-size: 1.44rem;
    line-height: 1;
}
h6, .title.is-6, .is-size-6 {
    font-size: 1.2rem;
}
.is-size-7 {
    font-size: 1rem;
}
a {
    text-decoration: none;
    color: var(--link-color);
}
strong {
    color: inherit;
    font-weight: 700;
}
button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    color: var(--body-color);
}
input {
    background-color: inherit;
    border-radius: var(--border-radius);
    padding: 0.25em 0.5em;
    border: 1px solid var(--border-color);
    color: var(--body-color);
}
select {
    color: inherit;
    background-color: var(--body-background);
    padding: 0.25em 0.5em;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
}
hr {
    margin: 1.5em 0;
    border-color: var(--border-color);
}
button:disabled,
input[type="submit"]:disabled {
    opacity: .50;
    cursor: default;
}
img {
    width: 100%;
    height: auto;
}
code {
    padding: 0 .25rem;
    border-radius: var(--border-radius-small);
    background-color: var(--body-background-alt);
}
blockquote {
    margin-left: 1em;
    padding-left: 1em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    border-left: 3px solid var(--border-color);
}
.input, textarea {
    width: 100%;
}

.textarea {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 0.25em 0.5em;
}

.title {
    font-weight: 700;
    margin-bottom: 1rem;
}

.navbar {
    display: flex;
    align-items: center;
}
.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand .navbar-item {
    padding: 1rem 0.75rem;
}
.navbar a {
    color: var(--body-color);
}
.navbar-menu {
    display: flex;
    align-items: center;
    flex: 1;
}
.navbar-menu.is-active {
    display: block;
}
.navbar-item {
    display: block;
    padding: .5em 1em;
    white-space: nowrap;
}
.navbar-item button {
    padding: 0;
    color: inherit;
}
.navbar-dropdown {
    position: absolute;
    display: none;
    background-color: var(--body-background-alt);
    border-radius: var(--border-radius-large);
    z-index: 40;
    padding: 0.5rem 0;
}
.navbar-dropdown .navbar-item {
    font-size: .90rem;
    padding-inline-end: 2rem;
    transition: all .3s ease-in-out;
}
.navbar-dropdown .navbar-item:hover {
    background-color: var(--primary-color);
    color: var(--primary-color-invert);
}
.navbar-divider {
    margin: .5em;
    border-color: var(--border-color);
}
.navbar-item.has-dropdown.is-hoverable:hover .navbar-dropdown {
    display: block;
}
.navbar-start {
    display: flex;
    flex: 1;
}
.navbar-end {
    display: flex;
    flex: none;
}
.navbar-burger {
    display: none;
    padding: 1em;
}
.navbar-link::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  transform: rotate(45deg);
  margin-left: 10px;
}

.section {
    padding: 4em 2em 2em 2em;
}

.container {
    max-width: 85rem;
    margin: auto;
}

.content:not(:first-child) {
    margin: 1.5rem 0;
}
.content p:not(:last-child) {
    margin-bottom: 1em;
}
.content hr {
    margin: 1em 0;
}
.content ul:not(:last-child){
    margin-bottom: 2em;
}

.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2:not(:first-child) {
  margin-top: 1em;
}
.content h3:not(:first-child) {
  margin-top: 1em;
}
.content h4:not(:first-child) {
  margin-top: 1em;
}

.columns {
    display: flex;
    margin: 0 -0.25rem;
}
.columns.gap-1 {
    gap: 1rem;
}
.columns.is-multiline {
    flex-wrap: wrap;
}
.columns.is-vcentered {
    align-items: center;
}
.columns.is-align-items-end {
    align-items: end;
}

.column {
    flex: 1;
    padding: 0.25rem;
}
.column.is-narrow {
    flex: none;
}
.column.is-one-third {
    flex: none;
    width: 33.33%;
}
.column.is-one-half {
    flex: none;
    width: 49.2%;
}

.level {
    display: flex;
    justify-content: center;
    margin: .25em 0;
}
.level-left {
    display: flex;
    column-gap: 0.5rem;
    flex: 1;
    align-items: center;
}
.level-right {
    display: flex;
    flex: none;
    column-gap: 0.5rem;
    align-items: center;
}
.level:not(:last-child) {
    margin-bottom: 1.5em;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    z-index: 40;
}
.modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--dark-color);
    opacity: 0.5;
}
.modal.is-active {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-content {
    position: relative;
    background-color: var(--body-background);
    margin: 1em auto;
    padding: 20px;
    border: 1px solid var(--border-color);
    width: 80%; /* Could be more or less, depending on screen size */
}

.icon {
    min-width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dropdown .dropdown-content {
    display: none;
    position: absolute;
    border-radius: var(--border-radius-large);
    background-color: var(--body-background-alt);
    z-index: 20;
}
.dropdown.is-active .dropdown-content {
    display: block;
}
.dropdown-item {
    display: flex;
    padding: 0.5em;
    width: 100%;
    color: inherit;
}
.dropdown-item:hover {
    background-color: var(--primary-color);
    color: var(--primary-color-invert);
}
.dropdown-item .button {
    padding: 0;
}
.dropdown-menu .dropdown-divider {
    margin: 0.5em;
    border-color: var(--border-color);
}

.v-divider { border-left: 1px solid var(--border-color); height: 30px }

.buttons {
    display: flex;
    margin-top: .25rem;
    margin-bottom: .25rem;
    column-gap: 0.375rem;
    align-items: center;
}
.buttons:not(:last-child) {
    margin-bottom: 1.5em;
}
.buttons.is-centered {
    justify-content: center;
}
.button-box {
    position: sticky;
    top: 0;
    background-color: var(--body-background);
    width: fit-content;
    border-radius: var(--border-radius);
    margin: auto;
    padding: 0 .25em;
    border: 1px solid var(--border-color);
    box-shadow: var(--box-shadow);
}
.button-box .button {
    border: none;
}
.button-box .button:hover {
    background-color: var(--body-background-alt);
}
.button-box .button.is-static:hover {
    background-color: var(--body-background);
}

.button {
    font-weight: 600;
    display: inline-flex;
    background-color: inherit;
    color: inherit;
    padding: 0.25em 0.5em;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.button.is-static {
    cursor: default;
    opacity: 0.6;
}
.button.is-full {
    padding: 1rem 0.5rem;
    width: 100%;
    transition: letter-spacing .5s ease;
}
.button.is-full:hover {
    letter-spacing: 2px;
}
.button.is-primary {
    background-color: var(--primary-color);
    color: var(--primary-color-invert);
    border: 1px solid transparent;
}
.button.is-primary.is-outlined {
    background-color: inherit;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.button.is-link {
    background-color: var(--link-color);
    color: var(--link-color-invert);
    border: 1px solid transparent;
}
.button.is-link.is-outlined {
    background-color: inherit;
    color: var(--link-color);
    border: 1px solid var(--link-color);
}
.button.is-warning {
    background-color: var(--warning-color);
    color: var(--warning-color-invert);
    border: 1px solid transparent;
}
.button.is-warning.is-outlined {
    background-color: inherit;
    color: var(--warning-color);
    border: 1px solid var(--warning-color);
}
.button.is-danger {
    background-color: var(--danger-color);
    color: var(--danger-color-invert);
    border: 1px solid transparent;
}
.button.is-danger.is-outlined {
    background-color: inherit;
    color: var(--danger-color);
    border: 1px solid var(--danger-color);
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.5rem;
    align-items: center;
}
.tags.has-addons {
    flex-wrap: nowrap;
    gap: 0;
}
.tags.has-addons .tag:nth-child(1) {
    border-radius: 6px 0 0 6px;
}
.tags.has-addons .tag:nth-child(2) {
    border-radius: 0 6px 6px 0;
}

.tag {
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    background-color: var(--body-background-alt);
    padding: 0.25em 0.5em;
    border-radius: var(--border-radius-small);
}
.tag.is-rounded {
    border-radius: 9999px;
    padding: 0.25em 0.75em;
}
.tag.is-medium {
    font-size: 1em;
    border-radius: var(--border-radius);
}
.tag.is-primary {
    background-color: var(--primary-color);
    color: var(--primary-color-invert);
}
.tag.is-link {
    background-color: var(--link-color);
    color: var(--link-color-invert);
}
.tag.is-info {
    background-color: var(--info-color);
    color: var(--info-color-invert);
}
.tag.is-success {
    background-color: var(--success-color);
    color: var(--success-color-invert);
}
.tag.is-warning {
    background-color: var(--warning-color);
    color: var(--warning-color-invert);
}
.tag.is-danger {
    background-color: var(--danger-color);
    color: var(--danger-color-invert);
}
.tag.is-dark {
    background-color: var(--dark-color);
    color: var(--dark-color-invert);
}
.tag.is-old {
    opacity: 0.75;
}

.tabs:not(:first-child) {
    margin-top: .75rem;
}
.tabs ul {
    padding: 0;
    list-style: none;
    display: flex;
    margin-bottom: 2em;
    border-bottom: 1px solid var(--border-color);
}
.tabs li {
    padding: 0.75em;
    cursor: pointer;
}
.tabs li.is-active {
    border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
}
.tabs a {
    color: inherit;
}
.tabs.is-toggle ul {
    border-bottom: none;
    column-gap: .5em;
}
.tabs.is-toggle li {
    padding: .25em .5em;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
}
.tabs.is-toggle li.is-active {
    background-color: var(--primary-color);
    color: var(--primary-color-invert);
}

.help.is-info {
    color: var(--info-color);
}
.help.is-danger {
    color: var(--danger-color);
}

.label {
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}
.control {
    display: block;
}
.control.has-icons-right .icon {
    position: absolute;
    padding: .55em 0;
    margin-left: -25px;
    cursor: pointer;
}
.control.has-icons-right .input {
    padding-right: 25px;
}
.field:not(:last-child) {
    margin-bottom: .75rem;
}
.field.has-addons {
    display: flex;
    align-items: center;
    column-gap: 0.5em;
}
.field.has-addons .button {
    box-shadow: none;
}
.field.is-grouped {
    display: flex;
    column-gap: 0.5em;
    row-gap: 0.25em;
}
.field.is-grouped-multiline {
    flex-wrap: wrap;
}

.notification {
    background-color: var(--body-background-alt);
    padding: 1em;
    border-radius: var(--border-radius);
    margin-bottom: 1em;
    margin-top: 1em;
}

.box, .message {
    padding: 1em;
    box-shadow: var(--box-shadow);
    border-radius: 8px;
    margin-bottom: 1.5em;
    border: 1px solid var(--border-color);
}

.footer {
    background-color: var(--body-background-alt);
    padding: 2em;
}

.pagination {
    display: flex;
    align-items: center;
    column-gap: 0.5em;
    flex-wrap: wrap;
}
.pagination-list {
    padding: 0;
    list-style: none;
    display: flex;
    column-gap: 0.5em;
    justify-content: center;
    flex: 1;
    flex-wrap: wrap;
}
.pagination-link, .pagination-next, .pagination-previous {
    padding: 0.5em 0.75em;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--body-color);
}
.pagination-link.is-current {
    background-color: var(--primary-color);
    color: var(--primary-color-invert);
}
.pagination-previous {
    order: 1;
}
.pagination-list {
    order: 2;
}
.pagination-next {
    order: 3;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tooltip.is-active .tooltiptext {
    pointer-events: auto;
    filter: none;
}
.tooltiptext {
    pointer-events: none;
    filter: blur(6px);
}

.has-text-current {
    color: inherit;
}
.has-text-centered {
    text-align: center;
}
.has-text-right {
    text-align: right;
}
.has-text-weight-bold {
    font-weight: 700;
}
.has-text-primary {
    color: var(--primary-color);
}
.has-text-danger {
    color: var(--danger-color);
}
.has-text-weight-semibold {
    font-weight: 600;
}
.is-inline-block {
    display: inline-block;
}
.has-background-primary {
    color: var(--primary-color-invert);
    background-color: var(--primary-color);
}

.errorlist {
    list-style: none;
    padding: 0;
}

.pt-0{padding-top:0!important}.mt-0{margin-top:0!important}.pb-0{padding-bottom:0!important}.mb-0{margin-bottom:0!important}.pl-0{padding-left:0!important}.ml-0{margin-left:0!important}.pr-0{padding-right:0!important}.mr-0{margin-right:0!important}.pa-0{padding:0!important}.ma-0{margin:0!important}.px-0{padding-left:0!important;padding-right:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.pt-1{padding-top:.25rem!important}.mt-1{margin-top:.25rem!important}.pb-1{padding-bottom:.25rem!important}.mb-1{margin-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.ml-1{margin-left:.25rem!important}.pr-1{padding-right:.25rem!important}.mr-1{margin-right:.25rem!important}.pa-1{padding:.25rem!important}.ma-1{margin:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.pt-2{padding-top:.5rem!important}.mt-2{margin-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.mb-2{margin-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.ml-2{margin-left:.5rem!important}.pr-2{padding-right:.5rem!important}.mr-2{margin-right:.5rem!important}.pa-2{padding:.5rem!important}.ma-2{margin:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.pt-3{padding-top:.75rem!important}.mt-3{margin-top:.75rem!important}.pb-3{padding-bottom:.75rem!important}.mb-3{margin-bottom:.75rem!important}.pl-3{padding-left:.75rem!important}.ml-3{margin-left:.75rem!important}.pr-3{padding-right:.75rem!important}.mr-3{margin-right:.75rem!important}.pa-3{padding:.75rem!important}.ma-3{margin:.75rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.mx-3{margin-left:.75rem!important;margin-right:.75rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.my-3{margin-bottom:.75rem!important;margin-top:.75rem!important}.pt-4{padding-top:1rem!important}.mt-4{margin-top:1rem!important}.pb-4{padding-bottom:1rem!important}.mb-4{margin-bottom:1rem!important}.pl-4{padding-left:1rem!important}.ml-4{margin-left:1rem!important}.pr-4{padding-right:1rem!important}.mr-4{margin-right:1rem!important}.pa-4{padding:1rem!important}.ma-4{margin:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.my-4{margin-bottom:1rem!important;margin-top:1rem!important}.pt-5{padding-top:1.25rem!important}.mt-5{margin-top:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.pl-5{padding-left:1.25rem!important}.ml-5{margin-left:1.25rem!important}.pr-5{padding-right:1.25rem!important}.mr-5{margin-right:1.25rem!important}.pa-5{padding:1.25rem!important}.ma-5{margin:1.25rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.mx-5{margin-left:1.25rem!important;margin-right:1.25rem!important}.py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.my-5{margin-bottom:1.25rem!important;margin-top:1.25rem!important}.pt-6{padding-top:1.5rem!important}.mt-6{margin-top:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.pl-6{padding-left:1.5rem!important}.ml-6{margin-left:1.5rem!important}.pr-6{padding-right:1.5rem!important}.mr-6{margin-right:1.5rem!important}.pa-6{padding:1.5rem!important}.ma-6{margin:1.5rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.my-6{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.pt-auto{padding-top:auto!important}.mt-auto{margin-top:auto!important}.pb-auto{padding-bottom:auto!important}.mb-auto{margin-bottom:auto!important}.pl-auto{padding-left:auto!important}.ml-auto{margin-left:auto!important}.pr-auto{padding-right:auto!important}.mr-auto{margin-right:auto!important}.pa-auto{padding:auto!important}.ma-auto{margin:auto!important}.px-auto{padding-left:auto!important;padding-right:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.py-auto{padding-bottom:auto!important;padding-top:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}


@media only screen and (min-width: 1025px) {
    .mt-1-desktop {
        margin-top: 0.5em;
    }
    .mt-2-desktop {
        margin-top: 1em;
    }
    .navbar-dropdown {
        box-shadow: var(--box-shadow);
    }
}

@media only screen and (max-width: 1024px) {
    select { width: 100%; }
    .navbar{
        display: block;
    }
    .navbar-menu {
        display: none;
    }
    .navbar-burger {
        display: block;
        cursor: pointer;
        font-size: 1.5em;
    }
    .navbar-start, .navbar-end, .navbar-dropdown {
        position: relative;
        display: block;
    }

    .section {
        padding: 2em 1em;
    }
    
    .buttons {
        flex-wrap: wrap;
        row-gap: 1em;
    }

    .level {
        flex-direction: column;
        align-items: center;
        row-gap: 1em;
    }
    
    .columns {
        display: block;
    }
    .columns.is-mobile {
        display: flex;
    }
    .columns .column {
        width: 100%;
    }
    .columns.is-mobile .column.is-one-third {
        width: 33.333%;
    }
    .pagination {
        row-gap: 1em;
        justify-content: center;
    }
    .pagination-previous {
        order: 1;
    }
    .pagination-list {
        order: 3;
        flex: none;
    }
    .pagination-next {
        order: 2;
    }
}