* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

body {
    background-color: #0a0a0a;
    color: white;
}

html,
body {
    overflow: hidden;
}

/* Custom scrollbar styling for SimpleBar */
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    width: 4px;
    background-color: #414141;
}

/* Highlight color modal styling for Tiptap Rich Text */
.base-Popper-root > div .MuiPaper-root {
    background-color: #202020;
    width: 250px;
}

/* Placeholder styling for empty Tiptap Rich Text editor */
.simplebar-content .MuiTiptap-RichTextContent-root > div p.is-editor-empty:first-child::before {
    color: #797979;
    font-size: 16px;
}

/* Light */
@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 300;
    src: url("/assets/Figtree-Light-DYBRDWC9.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Regular */
@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/Figtree-Regular-CpT782eX.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Medium */
@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 500;
    src: url("/assets/Figtree-Medium-B3i3yMLn.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Semibold */
@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 600;
    src: url("/assets/Figtree-SemiBold-C4YlMf-3.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Bold */
@font-face {
    font-family: "Figtree";
    font-style: normal;
    font-weight: 700;
    src: url("/assets/Figtree-Bold-Bd3iktZZ.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Light */
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 300;
    src: url("/assets/Ubuntu-Light-DlXMI-yU.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}
/* Regular */
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/Ubuntu-Regular-D14tH6yt.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}
/* Medium */
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 500;
    src: url("/assets/Ubuntu-Medium-C-1-7KOl.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Bold */
@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 700;
    src: url("/assets/Ubuntu-Bold-BGoo8i9Y.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Light */
@font-face {
    font-family: "Sono";
    font-style: normal;
    font-weight: 300;
    src: url("assets/fonts/sono/Figtree-Light.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Regular */
@font-face {
    font-family: "Sono";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/Sono-Regular-BeUao1DA.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Medium */
@font-face {
    font-family: "Sono";
    font-style: normal;
    font-weight: 500;
    src: url("/assets/Sono-Medium-nw6DZfGz.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Semibold */
@font-face {
    font-family: "Sono";
    font-style: normal;
    font-weight: 600;
    src: url("/assets/Sono-SemiBold-2W-vUFFw.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}

/* Bold */
@font-face {
    font-family: "Sono";
    font-style: normal;
    font-weight: 700;
    src: url("/assets/Sono-Bold-CZOcR_it.ttf");
    unicode-range: U+20-24F, U+370-52F, U+2DE0-2DFF, U+A640-A69F, U+1C80-1C8F, U+600-6FF, U+750-77F,
        U+8A0-8FF, U+B50-DFF, U+FE70-FEFF;
}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.gsi-material-button {
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
  }
  
  .gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
  }
  
  .gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
  }
  
  .gsi-material-button .gsi-material-button-contents {
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  
  .gsi-material-button .gsi-material-button-state {
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
  }
  
  .gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
  }
  
  .gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
  }
  
  .gsi-material-button:not(:disabled):active .gsi-material-button-state, 
  .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
  }
  
  .gsi-material-button:not(:disabled):hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  }
  
  .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
  }