/* Small, local subset of the layout primitives used by Billetito.
   It replaces the full Bulma download (most of which was not used). */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a { color: inherit; }
.container { width: min(100% - 2rem, 1152px); margin-inline: auto; }
.container.is-fluid { width: 100%; max-width: none; }
.columns { display: flex; flex-wrap: wrap; margin: -.75rem; }
.columns.is-centered { justify-content: center; }
.columns.is-variable.is-5 { --column-gap: 1.25rem; margin: calc(var(--column-gap) / -2); }
.columns.is-variable.is-6 { --column-gap: 1.5rem; margin: calc(var(--column-gap) / -2); }
.columns.is-variable > .column { padding: calc(var(--column-gap) / 2); }
.column { min-width: 0; padding: .75rem; flex: 1 1 0; }
.column.is-12, .column.is-12-mobile { flex: 0 0 100%; width: 100%; }.column.is-6 { flex: 0 0 50%; width: 50%; }
.button { appearance: none; border: 1px solid transparent; border-radius: 6px; cursor: pointer; font: inherit; line-height: 1.5; padding: calc(.5em - 1px) 1em; text-decoration: none; }
.button.is-fullwidth { display: flex; width: 100%; }
.title { color: inherit; font-weight: 700; line-height: 1.125; margin: 0 0 1.5rem; }
.title.is-4 { font-size: 1.5rem; }
.select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; }
.select select { appearance: none; cursor: pointer; font: inherit; width: 100%; }
.select::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: ''; display: block; height: .625em; margin-top: -.45em; pointer-events: none; position: absolute; right: 1.15em; top: 50%; transform: rotate(-45deg); width: .625em; }
.navbar { min-height: 3.25rem; }
.navbar > .container, .navbar-brand, .navbar-end { align-items: stretch; display: flex; }
.navbar > .container { justify-content: space-between; }
.navbar-brand { flex-shrink: 0; }
.navbar-item { align-items: center; display: flex; min-height: 3.25rem; padding: .5rem .75rem; text-decoration: none; }
.navbar-menu { align-items: stretch; display: flex; flex-grow: 1; flex-shrink: 0; }
.navbar-end { align-items: stretch; justify-content: flex-end; margin-left: auto; }
.navbar-burger { align-items: center; background: transparent; border: 0; display: none; height: 3.25rem; justify-content: center; margin-left: auto; padding: 0; position: relative; width: 3.25rem; }
.navbar-burger span { background: currentColor; display: block; height: 2px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition: transform .18s ease, opacity .18s ease; width: 16px; }
.navbar-burger span:nth-child(1) { top: calc(50% - 6px); }.navbar-burger span:nth-child(2) { top: calc(50% - 1px); }.navbar-burger span:nth-child(3) { top: calc(50% + 4px); }
.navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); }.navbar-burger.is-active span:nth-child(2) { opacity: 0; }.navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
.has-text-centered { text-align: center !important; }.has-text-weight-bold { font-weight: 700 !important; }.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.mb-0 { margin-bottom: 0 !important; }.mb-1 { margin-bottom: .25rem !important; }.mb-2 { margin-bottom: .5rem !important; }.mb-3 { margin-bottom: .75rem !important; }.mb-4 { margin-bottom: 1rem !important; }.mb-5 { margin-bottom: 1.5rem !important; }.mb-6 { margin-bottom: 3rem !important; }
.mt-1 { margin-top: .25rem !important; }.mt-2 { margin-top: .5rem !important; }.mt-3 { margin-top: .75rem !important; }.mt-4 { margin-top: 1rem !important; }.mt-5 { margin-top: 1.5rem !important; }.mt-6 { margin-top: 3rem !important; }
.ml-2 { margin-left: .5rem !important; }.mr-1 { margin-right: .25rem !important; }.mr-2 { margin-right: .5rem !important; }.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }.pb-4 { padding-bottom: 1rem !important; }.pb-6 { padding-bottom: 3rem !important; }.pt-5 { padding-top: 1.5rem !important; }.pt-6 { padding-top: 3rem !important; }
.is-size-3 { font-size: 2rem !important; }.is-size-6 { font-size: 1rem !important; }
@media (min-width: 769px) { .column.is-4-tablet { flex: 0 0 33.3333%; width: 33.3333%; }.column.is-6-tablet { flex: 0 0 50%; width: 50%; }.column.is-12-tablet { flex: 0 0 100%; width: 100%; } }
@media (min-width: 1024px) { .column.is-4-desktop { flex: 0 0 33.3333%; width: 33.3333%; } }
@media (max-width: 1023px) { .navbar > .container { display: block; width: min(100% - 2rem, 1152px); }.navbar-menu { display: none; }.navbar-menu.is-active { display: block; }.navbar-end { display: block; margin: 0; }.navbar-burger { display: flex; } }
@media (max-width: 768px) { .columns.is-mobile > .column { flex: 1 1 0; }.columns.is-mobile > .column.is-6 { flex: 0 0 50%; width: 50%; }.columns.is-mobile > .column.is-12-mobile { flex: 0 0 100%; width: 100%; }.container { width: min(100% - 1.25rem, 1152px); } }