@import url("bulma.min.css");

/* Customize bulma to add or update its default behaviour */
:root {
    --size-1: .25rem;
    --size-2: .5rem;
    --size-3: .75rem;
    --size-4: 1rem;
    --size-5: 1.5rem;
    --size-6: 3rem;
    --color-bluish-grey: #f8f8fa;
    --color-low-grey: #f0f1f5;
    --color-sad-blue: #03a5b7;
    --color-delicate-grey: #dbdbdb;
    --color-gentle-grey: #b9bdc3;
    --color-low-blue: #eaf4f7;
    --color-success: #10e410;
}

/* is */

.is-borderless {
    border: none!important;
}

/* is-rounded */

.is-rounded-0 {
    border-radius: 0!important;
}

.is-rounded-1 {
    border-radius: var(--size-1)!important;
}

.is-rounded-2 {
    border-radius: var(--size-2)!important;
}

.is-rounded-3 {
    border-radius: var(--size-3)!important;
}

.is-rounded-4 {
    border-radius: var(--size-4)!important;
}

.is-rounded-5 {
    border-radius: var(--size-5)!important;
}

.is-rounded-6 {
    border-radius: var(--size-6)!important;
}

.is-rounded-full {
    border-radius: 100%!important;
}

.is-rounded-top-left-0 {
    border-top-left-radius: 0!important;
}

.is-rounded-top-right-0 {
    border-top-right-radius: 0!important;
}

.is-rounded-bottom-left-0 {
    border-bottom-left-radius: 0!important;
}

.is-rounded-bottom-right-0 {
    border-bottom-right-radius: 0!important;
}

/* is-flex-wrap */

.is-flex-wrap-wrap {
    flex-wrap: wrap;
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap;
}

/* is-flex-flex (minus % to add a margin and/or padding) */


.is-flex-basis-half {
    flex-basis: 47%;
}

.is-flex-basis-one-third {
    flex-basis: 30%;
}

.is-flex-basis-one-fourth {
    flex-basis: 22%;
}

.is-flex-basis-one-fifth {
    flex-basis: 17%;
}

.is-flex-basis-one-sixth {
    flex-basis: 13%;
}

/* has-width */

.has-width-min-content {
    width: min-content;
}

.has-width-fit-content {
    width: fit-content;
}

.has-width-full {
    width: 100%;
}

.has-width-max-screen {
    width: 100vw;
}

/* has-height */

.has-height-min-content {
    height: min-content;
}

.has-height-fit-content {
    height: fit-content;
}

.has-height-max-content {
    height: max-content;
}

.has-height-full {
    height: 100%;
}

.has-height-max-screen {
    height: 100vh;
}

/* has-background */

.has-background-transparent {
    background-color: transparent;
}

.has-background-bluish-grey {
    background-color: var(--color-bluish-grey);
}

.has-background-low-grey {
    background-color: var(--color-low-grey);
}

.has-background-sad-blue {
    background-color: var(--color-sad-blue);
}

.has-background-delicate-grey {
    background-color: var(--color-delicate-grey);
}

.has-background-gentle-grey {
    background-color: var(--color-gentle-grey);
}

.has-background-low-blue {
    background-color: var(--color-low-blue);
}

.has-background-success {
    background-color: var(--color-success);
}

/* has-border */

.has-border-0 { /* alias to is-borderless */
    border: none;
}

.has-border-min {
    border: 1px solid black;
}

.has-border-1 {
    border: var(--size-1) solid black;
}

.has-border-2 {
    border: var(--size-2) solid black;
}

.has-border-3 {
    border: var(--size-3) solid black;
}

.has-border-4 {
    border: var(--size-4) solid black;
}

.has-border-5 {
    border: var(--size-5) solid black;
}

.has-border-6 {
    border: var(--size-6) solid black;
}

.has-border-left-0 {
    border-left: none;
}

.has-border-right-0 {
    border-right: none;
}

.has-border-bottom-0 {
    border-bottom: none;
}

.has-border-top-0 {
    border-top: none;
}

/* has-bt */

.has-bt-min {
    border-top: 1px solid black;
}

.has-bt-1 {
    border-top: var(--size-1) solid black;
}

.has-bt-2 {
    border-top: var(--size-2) solid black;
}

.has-bt-3 {
    border-top: var(--size-3) solid black;
}

.has-bt-4 {
    border-top: var(--size-4) solid black;
}

.has-bt-5 {
    border-top: var(--size-5) solid black;
}

.has-bt-6 {
    border-top: var(--size-6) solid black;
}

/* has-bb */

.has-bb-min {
    border-bottom: 1px solid black;
}

.has-bb-1 {
    border-bottom: var(--size-1) solid black;
}

.has-bb-2 {
    border-bottom: var(--size-2) solid black;
}

.has-bb-3 {
    border-bottom: var(--size-3) solid black;
}

.has-bb-4 {
    border-bottom: var(--size-4) solid black;
}

.has-bb-5 {
    border-bottom: var(--size-5) solid black;
}

.has-bb-6 {
    border-bottom: var(--size-6) solid black;
}

/* has-bl */

.has-bl-min {
    border-left: 1px solid black;
}

.has-bl-1 {
    border-left: var(--size-1) solid black;
}

.has-bl-2 {
    border-left: var(--size-2) solid black;
}

.has-bl-3 {
    border-left: var(--size-3) solid black;
}

.has-bl-4 {
    border-left: var(--size-4) solid black;
}

.has-bl-5 {
    border-left: var(--size-5) solid black;
}

.has-bl-6 {
    border-left: var(--size-6) solid black;
}

/* has-br */

.has-br-min {
    border-right: 1px solid black;
}

.has-br-1 {
    border-right: var(--size-1) solid black;
}

.has-br-2 {
    border-right: var(--size-2) solid black;
}

.has-br-3 {
    border-right: var(--size-3) solid black;
}

.has-br-4 {
    border-right: var(--size-4) solid black;
}

.has-br-5 {
    border-right: var(--size-5) solid black;
}

.has-br-6 {
    border-right: var(--size-6) solid black;
}

/* has-border-collapse */

.has-border-collapse-separate {
    border-collapse: separate;
}

.has-border-collapse-collapse {
    border-collapse: collapse;
}

.has-border-collapse-revert {
    border-collapse: revert;
}

/* has-border-color */

.has-border-color-white {
    border-color: white;
}

.has-border-color-black {
    border-color: black;
}

.has-border-color-bluish-grey {
    border-color: var(--color-bluish-grey);
}

.has-border-color-sad-blue {
    border-color: var(--color-sad-blue);
}


.has-border-color-low-grey {
    border-color: var(--color-low-grey);
}

.has-border-color-delicate-grey {
    border-color: var(--color-delicate-grey);
}

.has-border-color-gentle-grey {
    border-color: var(--color-gentle-grey);
}

.has-border-color-low-blue {
    border-color: var(--color-low-blue);
}

.has-border-color-blue {
    border-color: blue;
}

.has-border-color-orange {
    border-color: orange;
}

.has-border-color-yellow {
    border-color: yellow;
}

.has-border-color-green {
    border-color: green;
}

.has-border-color-success {
    border-color: #10e410;
}

/* has-overflow */

.has-overflow-auto {
    overflow: auto;
}

.has-overflow-hidden {
    overflow: hidden;
}

.has-overflow-x-hidden {
    overflow: auto;
    overflow-x: hidden;
}

.has-overflow-y-hidden {
    overflow: auto;
    overflow-y: hidden;
}