.is-active {
    cursor: default;
    pointer-events: none;
    color: #000;
    background: none;
    background-color: transparent;
    box-shadow: none;
}

.is-active:link,
.is-active:visited,
.is-active:hover,
.is-active:active,
.is-active:focus {
    filter: none;
    background: none;
    box-shadow: none;
    animation: none;
    transform: none;
}

.is-canceled {
    pointer-events: none;
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-style: wavy;
}

.is-dashed,
.is-dashed::before,
.is-dashed::after {
    border-style: dashed;
}

.is-double::before,
.is-double::after {
    border-style: double;
    border-bottom-width: 3px;
}

.is-deactivated,
.is-deactivated * {
    text-shadow: none;
    box-shadow: none;
    animation: none;
    border-color: transparent;
    filter: grayscale(1);
    filter: grayscale(1) brightness(0.98);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    text-decoration: line-through;
}

.is-deactivated:link,
.is-deactivated:visited,
.is-deactivated:active,
.is-deactivated:focus,
.is-deactivated *:link,
.is-deactivated *:visited,
.is-deactivated *:active,
.is-deactivated *:focus {
    text-shadow: none;
    box-shadow: none;
    animation: none;
    transform: none;
    cursor: text;
    top: 0 !important;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.is-deactivated:hover,
.is-deactivated *:hover {
    top: auto;
    transform: none;
}

.is-dimmed {
    opacity: .5;
}

.is-disabled {
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
    filter: grayscale(1) brightness(0.85);
    opacity: .5;
}

.is-disabled * {
    cursor: not-allowed;
}

.is-disabled *:hover {
    top: 0 !important;
    transform: none !important;
}

.is-disabled:link,
.is-disabled:visited,
.is-disabled:hover,
.is-disabled:active,
.is-disabled:focus {
    filter: grayscale(1) brightness(0.85);
    text-shadow: none;
    box-shadow: none;
    animation: none;
    transform: none;
    top: 0;
}

input.is-disabled,
textarea.is-disabled {
    box-shadow: none;
}

.is-dotted,
.is-dotted::before,
.is-dotted::after {
    border-style: dotted;
}

.is-draggable.bg-cloud,
.is-draggable-y.bg-cloud,
.is-draggable-x.bg-cloud {
    background-color: #F4F4F4;
}

.is-draggable:hover {
    cursor: move;
}

.is-draggable-y:hover {
    cursor: ns-resize;
}

.is-draggable-x:hover {
    cursor: ew-resize;
}

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

.is-ellipsedx3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.is-fluid {
    width: 100%;
}

.is-focused {
    text-shadow: 0 0 1.25rem;
}

a.is-focused {
    text-shadow: 0 0 1.25rem var(--color-action);
}

.is-ghost {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.is-global-hidden-action,
.is-hidden-action {
    opacity: 0;
    pointer-events: none;
    min-width: 0;
    transition: opacity .3s ease-in-out;
}

.is-hidden {
    display: none;
}

.is-hidden-link {
    color: inherit;
    text-decoration: none;
    box-shadow: none;
}

.is-hidden-panel {
    opacity: 0;
    pointer-events: none;
    min-width: 0;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 0.5rem 1rem;
    backdrop-filter: blur(1px) brightness(0.25);
    box-shadow: inset 0px 0px 35px black;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: inherit;
}

.is-highlighted {
    background-color: #F1F178;
    box-shadow: -.25em .1em #F1F178, -.25em 0 #F1F178, .25em .1em #F1F178, .25em 0 #F1F178, 0 .1em #F1F178;
}

a.is-highlighted {
    box-shadow: -.25em .1em #F1F178, -.25em 0 #F1F178, .25em .1em #F1F178, .25em 0 #F1F178, 0 .1em #F1F178, inset 0 -.07em;
}

.is-input {
    outline: 0;
    border: 0;
    width: 100%;
    min-height: 1.875rem;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 1rem;
    line-height: normal;
    transition: all .3s ease-in-out;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    margin: 0;
    padding: .375rem 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35);
}

.is-inverted {
    color: #FFF;
}

.is-invisible {
    visibility: hidden;
}

.is-limited {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 21.563rem;
}

.is-link {
    box-shadow: inset 0 -0.07em var(--color-action);
}

.is-loading {
    pointer-events: none;
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.is-loading--slow,
.is-loading--x3 {
    animation-duration: 3s;
}

.is-permalink,
.is-permalink * {
    cursor: pointer;
}

.is-permalink::before,
.is-permalink *::before {
    background-color: var(--color-action);
}

.is-read-only,
.is-readonly,
.is-read-only *,
.is-readonly * {
    text-shadow: none;
    box-shadow: none !important;
    animation: none;
    border-color: transparent;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto;
}

.is-read-only:link,
.is-read-only:visited,
.is-read-only:active,
.is-read-only:focus,
.is-readonly:link,
.is-readonly:visited,
.is-readonly:active,
.is-readonly:focus,
.is-read-only *:link,
.is-read-only *:visited,
.is-read-only *:active,
.is-read-only *:focus,
.is-readonly *:link,
.is-readonly *:visited,
.is-readonly *:active,
.is-readonly *:focus {
    text-shadow: none;
    box-shadow: none !important;
    animation: none;
    transform: none;
    cursor: text;
    top: 0 !important;
    opacity: 1 !important;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    backface-visibility: hidden;
}

.is-read-only:hover,
.is-readonly:hover,
.is-read-only *:hover,
.is-readonly *:hover {
    top: auto !important;
    transform: none !important;
}

.is-stripped,
.is-stripped * {
    background: none;
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
}

.is-transparent,
.is-transparent::before,
.is-transparent::after {
    background: none;
    background-color: transparent;
    border: 0;
}

.is-underline {
    box-shadow: inset 0 -.07em;
}

.is-underline:link,
.is-underline:visited,
.is-underline:active,
.is-underline:focus {
    box-shadow: inset 0 -.07em;
}

.is-unlimited {
    max-width: none;
}

.is-visible {
    display: block;
    visibility: visible;
}







.has-global-hidden-actions {
    position: relative;
}

.has-global-hidden-actions:hover
.is-global-hidden-action {
    opacity: 1;
    pointer-events: auto;
}

.has-global-hidden-actions:focus-within
.is-global-hidden-action {
    opacity: 1;
    pointer-events: auto;
}

.has-hidden-actions {
    position: relative;
}

.has-hidden-actions:hover .is-hidden-action,
.has-hidden-actions:hover .is-hidden-panel {
    opacity: 1;
    pointer-events: auto;
}

.has-hidden-actions:focus-within .is-hidden-action {
    opacity: 1;
    pointer-events: auto;
}

.has-upload-input {
    position: relative;
}

.has-upload-input input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 1px;
    cursor: pointer;
}





a.no-underline {
    text-decoration: none;
    box-shadow: none;
}

/* negative margins using bootstrap naming */
/* as we cannot customize what is coming from CDN */
.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.me-n5 {
    margin-right: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.ms-n5 {
    margin-left: -3rem !important;
}

.theme-note {
    border: .065rem dashed #e2e2e2;
    border-radius: .5rem;
}