:root {
  --bulma-primary-h: 1deg;
  --bulma-primary-s: 52%;
  --bulma-primary-l: 69%;
  --bulma-link-h: 0deg;
  --bulma-link-s: 50%;
  --bulma-link-l: 60%;
  --bulma-danger-h: 4deg;
  --bulma-danger-s: 62%;
  --bulma-danger-l: 55%;
  
  --bulma-info-h: 0deg;
  --bulma-info-s: 74%;
  --bulma-info-l: 82%;

  
  --bulma-success-h: 103deg;
  --bulma-success-s: 30%;
  --bulma-success-l: 55%;

  --bulma-hr-margin: 1rem 0;

  .button {

      --bulma-button-weight: var(--bulma-weight-normal);
  }

  color-scheme: dark;

  .has-border-info { border: 1px solid var(--bulma-info); }
  .has-border-black-ter { border: 1px solid var(--bulma-black-ter); }
  .has-border-grey-darker { border: 1px solid var(--bulma-grey-darker); }
  .has-border-grey-dark { border: 1px solid var(--bulma-grey-dark); }
  .has-border-grey { border: 1px solid var(--bulma-grey); }

  .has-outline-info { outline: 1px solid var(--bulma-info); }
  .has-outline-black-ter { outline: 1px solid var(--bulma-black-ter); }
  .has-outline-grey-darker { outline: 1px solid var(--bulma-grey-darker); }
  .has-outline-grey-dark { outline: 1px solid var(--bulma-grey-dark); }
  .has-outline-grey { outline: 1px solid var(--bulma-grey); }
  .has-outline-primary { outline: 1px solid var(--bulma-primary); }

  .masonry-container {
      position: relative;
  }
  .masonry-child {
      position: absolute;
  }


}

.gap-0 { gap: 0; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-7 { gap: 1.75rem; }
.gap-8 { gap: 2rem; }



.no-wrap-text {
    white-space: nowrap;
}

.vr {
    background-color: var(--bulma-hr-background-color);
    border: none;
    display: block;
    width: var(--bulma-hr-height);
    height: 100%;
    margin: 0 1rem;
}

.is-align-self-strecth {
    align-self: stretch;
}

.content {
    --bulma-content-heading-weight: var(--bulma-weight-semibold);
}

.message-body code, .message-body pre {
    background-color: var(--bulma-grey-darker);
    color: var(--bulma-code);
}

.tile-configuration.sortable-ghost > .tile-configuration-body,
.tile-configuration.sortable-ghost > .tile-configuration-handle > .button {
    border: 1px solid var(--bulma-info);
}
.tile-configuration-body {
    padding: 1.5rem;
    background-color: var(--bulma-black-bis);
    border: 1px solid var(--bulma-grey-dark);
    width:100%;
    border-top-right-radius:var(--bulma-radius);
    border-bottom-right-radius:var(--bulma-radius);
}
.tile-configuration-handle {
    cursor: grab;
    .button {
        background-color: var(--bulma-black-bis);
        border: 1px solid var(--bulma-grey-dark);
    }
}

.tile-configuration-actions  a:hover {
    text-decoration: underline;
}

.tile-configuration-actions  a {
    font-size: var(--bulma-small-font-size);
}

.footer {
  --bulma-footer-background-color: var(--bulma-body-background-color);
}

.tile {
    .tile-link {
        text-decoration: none !important;
    }

    --linktiles-tile-h: var(--bulma-scheme-h);
    --linktiles-tile-s: var(--bulma-scheme-s);
    --linktiles-tile-background-l: var(--bulma-background-l);
    --linktiles-tile-color-l: var(--bulma-text-strong-l);
    --linktiles-tile-code-background-color: var(--bulma-scheme-main);
    --linktiles-tile-radius: var(--bulma-radius);
    --linktiles-tile-padding: 1.375em 1.5em;

    .tile-body {
        background-color: hsl(var(--linktiles-tile-h), var(--linktiles-tile-s), var(--linktiles-tile-background-l));
        border-radius: var(--linktiles-tile-radius);
        color: hsl(var(--linktiles-tile-h), var(--linktiles-tile-s), var(--linktiles-tile-color-l));
        padding: var(--linktiles-tile-padding);
    }


    a {
        color: currentColor;
    }

}

.tile.is-danger {
    --linktiles-tile-h: var(--bulma-danger-h);
    --linktiles-tile-s: var(--bulma-danger-s);
    --linktiles-tile-background-l: var(--bulma-danger-l);
    --linktiles-tile-color-l: var(--bulma-danger-invert-l);
}
.tile-body.is-bright {
    --linktiles-tile-h: var(--bulma-primary-h);
    --linktiles-tile-s: var(--bulma-primary-s);
    --linktiles-tile-background-l: var(--bulma-primary-l);
    --linktiles-tile-color-l: var(--bulma-primary-invert-l);
}
.tile-body.is-bright.is-outlined {
    --linktiles-tile-color-l: var(--bulma-primary-light-l);
}
.tile-body.is-bright.is-ghost {
    --linktiles-tile-color-l: var(--bulma-primary-l);
}
.tile-body.is-bright-alt {
    --linktiles-tile-h: var(--bulma-info-h);
    --linktiles-tile-s: var(--bulma-info-s);
    --linktiles-tile-background-l: var(--bulma-info-l);
    --linktiles-tile-color-l: var(--bulma-info-invert-l);
}
.tile-body.is-bright-alt.is-outlined {
    --linktiles-tile-color-l: var(--bulma-info-light-l);
}
.tile-body.is-bright-alt.is-ghost {
    --linktiles-tile-color-l: var(--bulma-info-l);
}
.tile-body.is-dark {
    --linktiles-tile-h: 222;
    --linktiles-tile-s: 14%;
    --linktiles-tile-background-l: 14%;
    color: hsl(0, 0%, 83%);
}
.tile-body.is-outlined {
    background-color: #14161a;
    outline: 1px solid hsl(var(--linktiles-tile-h), var(--linktiles-tile-s), var(--linktiles-tile-background-l));
}
.tile-body.is-ghost {
    background-color: transparent;
}
.tile-body.is-dark.is-outlined {
    --linktiles-tile-background-l: 44%;
}

.tile-title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    color: var(--bulma-text-strong);
    font-weight: var(--bulma-weight-normal);
    line-height: 1.25;
}
.group-title {
    font-size: 1rem;
    color: var(--bulma-text);
    font-weight: var(--bulma-weight-normal);
    line-height: 1.25;
}

.tile-body.is-bright, .tile-body.is-bright-alt {
    .group-title.is-inverted {
        color: var(--bulma-grey-darker);
    }
    .tile-title.is-inverted {
        color: var(--bulma-black-bis);
    }
}



.message-footer {
    background-color: var(--bulma-background);
    border-end-end-radius: var(--bulma-message-header-radius);
    border-end-start-radius: var(--bulma-message-header-radius);
    font-weight: var(--bulma-message-header-weight);
    padding-bottom: 1.25em;
    position: relative;
}