.is-height-content {
    min-height: calc(100vh - var(--bulma-navbar-height) - var(--bulma-navbar-height));
    height: 0;
}

.is-max-width-100p {
    max-width: 100%;
}

.is-max-height-100p {
    max-height: 100%;
}

.is-height-nav {
    height: var(--bulma-navbar-height)
}

.is-height-4em {
    height: 4em;
}

.is-height-40vh {
    height: 40vh;
}

.is-height-50vh {
    height: 50vh;
}

.is-height-60vh {
    height: 60vh;
}

.is-height-6vh {
    height: 6vh;
}

.is-height-8vh {
    height: 8vh;
}

.is-height-88vh {
    height: 88vh;
}

.is-height-75p {
    height: 75%;
}

.is-height-8vh {
    height: 8vh;
}

.is-height-40px {
    height: 40px;
}

.is-height-48px {
    height: 48px;
}

.is-height-75px {
    height: 75px;
}

.is-height-100px {
    height: 100px;
}

.is-width-5p {
    width: 5%;
}

.is-width-50p {
    width: 50%;
}

.is-width-48px {
    width: 48px;
}

.is-width-100px {
    width: 100px;
}

.is-width-150px {
    width: 150px;
}

.is-height-40p {
    height: 40%;
}

.is-min-height-0 {
    min-height: 0;
}

.is-min-height-15px {
    min-height: 15px;
}

.is-min-height-100vh {
    min-height: 100vh;
}

.is-max-height-50p {
    max-height: 50%;
}

.is-zoom-05 {
    zoom: 0.5;
}

.is-zoom-03 {
    zoom: 0.3;
}

/* Full height / width */
.is-full-width { width: 100%; }
.is-full-height { height: 100%; }

/* Default styles (mobile-first approach) */
.is-height-1em { height: 1em; }
.is-height-2em { height: 2em; }
.is-height-4em { height: 4em; }
.is-height-6em { height: 6em; }
.is-height-8em { height: 8em; }
.is-height-16em { height: 16em; }
.is-height-32em { height: 32em; }
.is-height-64em { height: 64em; }

/* Mobile */
@media (max-width: 768px) {
    .is-height-1em-mobile { height: 1em; }
    .is-height-2em-mobile { height: 2em; }
    .is-height-4em-mobile { height: 4em; }
    .is-height-6em-mobile { height: 6em; }
    .is-height-8em-mobile { height: 8em; }
    .is-height-16em-mobile { height: 16em; }
    .is-height-32em-mobile { height: 32em; }
    .is-height-64em-mobile { height: 64em; }
}

/* Tablet */
@media (min-width: 769px) {
    .is-height-1em-tablet { height: 1em; }
    .is-height-2em-tablet { height: 2em; }
    .is-height-4em-tablet { height: 4em; }
    .is-height-6em-tablet { height: 6em; }
    .is-height-8em-tablet { height: 8em; }
    .is-height-16em-tablet { height: 16em; }
    .is-height-32em-tablet { height: 32em; }
    .is-height-64em-tablet { height: 64em; }
}

/* Desktop */
@media (min-width: 1024px) {
    .is-height-1em-desktop { height: 1em; }
    .is-height-2em-desktop { height: 2em; }
    .is-height-4em-desktop { height: 4em; }
    .is-height-6em-desktop { height: 6em; }
    .is-height-8em-desktop { height: 8em; }
    .is-height-16em-desktop { height: 16em; }
    .is-height-32em-desktop { height: 32em; }
    .is-height-64em-desktop { height: 64em; }
}

/* Widescreen */
@media (min-width: 1216px) {
    .is-height-1em-widescreen { height: 1em; }
    .is-height-2em-widescreen { height: 2em; }
    .is-height-4em-widescreen { height: 4em; }
    .is-height-6em-widescreen { height: 6em; }
    .is-height-8em-widescreen { height: 8em; }
    .is-height-16em-widescreen { height: 16em; }
    .is-height-32em-widescreen { height: 32em; }
    .is-height-64em-widescreen { height: 64em; }
}

/* FullHD */
@media (min-width: 1408px) {
    .is-height-1em-fullhd { height: 1em; }
    .is-height-2em-fullhd { height: 2em; }
    .is-height-4em-fullhd { height: 4em; }
    .is-height-6em-fullhd { height: 6em; }
    .is-height-8em-fullhd { height: 8em; }
    .is-height-16em-fullhd { height: 16em; }
    .is-height-32em-fullhd { height: 32em; }
    .is-height-64em-fullhd { height: 64em; }
}