[data-md-color-scheme="slate"] {
    background-color: transparent;
    background: radial-gradient(circle at 0% 0%,rgb(7,24,54),rgba(7,24,54,0) 72%) fixed,radial-gradient(circle at 50% 20%,rgb(0,91,193),rgba(0,91,193,0) 40%) fixed,radial-gradient(circle at 85% -5%,rgb(96,50,210),rgba(96,50,210,0) 42%) fixed,radial-gradient(circle at 50% 50%,rgb(0,106,192),rgba(0,106,192,0) 60%) fixed,radial-gradient(circle at 10% 80%,rgb(0,125,183),rgba(0,125,183,0) 50%) fixed,radial-gradient(circle at 88% 110%,rgb(1,136,160),rgb(0,63,119) 68%) fixed beige;
    --md-primary-fg-color--dark: hsla(#{hex2hsl($clr-indigo-700)}, 1);
    --md-primary-fg-color: #00000049; /* header color */
    /* --md-primary-bg-color: transparent; */
    /* --md-accent-bg-color: transparent; */
    /* --md-primary-bg-color--light: transparent; */
    /* --md-primary-fg-color--lighter: transparent; */
    /* --md-default-fg-color: transparent; */
    --md-default-bg-color: rgba(95, 50, 210, 0.9); /* scrollbar color */
    --md-admonition-bg-color: transparent;
    --md-typeset-a-color: #0056b3;
}
[data-md-color-scheme="default"] {
    --md-primary-fg-color: #15292b;
    --md-typeset-a-color: #0056b3;
    .md-header {
        background: url('../assets/bgr_right.png') right no-repeat #15292b;
    }
    .md-tabs {
        background: url('../assets/bgr_right.png') right no-repeat #15292b;
    }
}

:root {
    --md-status--beta: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 22a3 3 0 0 1-3-3c0-.6.18-1.16.5-1.63L9 7.81V6a1 1 0 0 1-1-1V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1v1.81l5.5 9.56c.32.47.5 1.03.5 1.63a3 3 0 0 1-3 3zm-1-3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1c0-.21-.07-.41-.18-.57l-2.29-3.96L14 17l-5.07-5.07-3.75 6.5c-.11.16-.18.36-.18.57m8-9a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1"/></svg>');
}

.md-status--beta:after {
    -webkit-mask-image: var(--md-status--beta);
    mask-image: var(--md-status--beta);
}

.md-typeset pre > code {
    max-height: 20rem;
}

table, th, td {
    background-color: transparent !important;
}

.md-typeset__table {
    width: 100%;
  }
  
  .md-typeset__table table:not([class]) {
    display: table
}

#feedback-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    gap: 10px; /* Adds space between input and button */
  }
  
  #feedback-input {
    width: 20em;
    padding: 8px;
    font-size: .8rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #ffffff
  }
  
  #send-feedback {
    padding: 6px 14px;
    font-size: .8rem;
    cursor: pointer;
    border: none;
    background-color: #555;
    color: white;
    border-radius: 5px;
  }
  
  #send-feedback:hover {
    background-color: #0056b3;
  }

  #feedback-confirmation {
    font-size: 0.8rem;
    color: #FFD633; /* Yellow for success */
    opacity: 0; /* Invisible by default */
    transition: opacity 0.5s ease-in-out;
  }