.is-underlined { text-decoration: underline; }

.is-top-0 {
    top: 0;
}

.is-relative { position: relative; }

.is-left-0 {
    left: 0;
}

.is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.has-no-margin {
    margin: 0 !important;
}

.has-no-padding {
    padding: 0 !important;
}

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

.has-gap-1px {
    gap: 1px;
}

.has-gap-5px {
    gap: 5px;
}

.has-gap-10px {
    gap: 10px;
}

.has-gap-20px {
    gap: 20px;
}

.has-background-clip-content-box {
    background-clip: content-box;
}

.is-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.is-nowrap {
    white-space: nowrap;
}

.has-background-white-alpha-10 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.has-rounded-corner-20p {
    border-radius: 20%;
}

.has-rounded-corner-10px {
    border-radius: 10px;
}

.has-rounded-corner-16px {
    border-radius: 16px;
}

.has-rounded-corner-4px {
    border-radius: 4px;
}

.has-width-5rem {
    width: 5rem;
}

.is-extra-small {
    height: 0.25rem;
}

video.no-timeline::-webkit-media-controls-timeline {
    display: none;
}

.is-bottom {
    bottom: 0;
}

.is-right {
    right: 0;
}

.has-opacity-0 {
    opacity: 0;
}

.is-pointer-events-none {
    pointer-events: none;
}

.is-list-style-position-inside {
    list-style-position: inside;
}

.vr {
    width: var(--bulma-hr-height, 1px);
    height: 100%;
    border: 0;
    flex: 0 0 auto;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        color-mix(in srgb, var(--bulma-text-strong) 15%, transparent) 10%,
        color-mix(in srgb, var(--bulma-text-strong) 20%, transparent) 50%,
        color-mix(in srgb, var(--bulma-text-strong) 15%, transparent) 90%,
        transparent 100%
    );
    background-color: var(--bulma-hr-background-color);
    margin: 0 var(--bulma-hr-margin, 1rem);
}

.tippy-box{
    background-color: var(--bulma-arrow-color);
    padding: 8px 8px;
    border-radius: 4px;
}

.tippy-box .box {
    border-radius: 4px;
}

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

.has-border-danger {
    outline: 4px solid var(--bulma-danger);
}

.has-border-link {
    outline: 4px solid var(--bulma-link);
}

.has-border-warning {
  outline: 4px solid rgba(var(--bulma-warning-rgb), 0.3);
}

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

.box-active {
    border: 1px solid var(--bulma-primary);
}