/* cyrillic-ext */
@font-face {
    font-family: 'plexMono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/ibmplexMono-F63fjptAgt5VM-kVkqdyU8n1iIq129k.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'plexMono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/ibmplexMono-F63fjptAgt5VM-kVkqdyU8n1isq129k.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'plexMono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/ibmplexMono-F63fjptAgt5VM-kVkqdyU8n1iAq129k.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'plexMono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/ibmplexMono-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'plexMono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./assets/fonts/ibmplexMono-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: Lato;
    src: url(./assets/fonts/S6uyw4BMUTPHjxAwXjeu.woff2?h=e686f4584c2e484f547429ea5e0d2ffb) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Lato;
    src: url(./assets/fonts/S6uyw4BMUTPHjx4wXg.woff2?h=e686f4584c2e484f547429ea5e0d2ffb) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root,
[data-bs-theme=light] {
    --bs-primary: #0fbc8c;
    --bs-primary-rgb: 15, 188, 140;
    --bs-primary-text-emphasis: #064B38;
    --bs-primary-bg-subtle: #CFF2E8;
    --bs-primary-border-subtle: #9FE4D1;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-secondary-text-emphasis: #2B2F32;
    --bs-secondary-bg-subtle: #E2E3E5;
    --bs-secondary-border-subtle: #C4C8CB;
    --bs-success: #0f6c41;
    --bs-success-rgb: 15, 108, 65;
    --bs-success-text-emphasis: #062B1A;
    --bs-success-bg-subtle: #CFE2D9;
    --bs-success-border-subtle: #9FC4B3;
    --bs-info: #3498DB;
    --bs-info-rgb: 52, 152, 219;
    --bs-info-text-emphasis: #153D58;
    --bs-info-bg-subtle: #D6EAF8;
    --bs-info-border-subtle: #AED6F1;
    --bs-warning: #F39C12;
    --bs-warning-rgb: 243, 156, 18;
    --bs-warning-text-emphasis: #613E07;
    --bs-warning-bg-subtle: #FDEBD0;
    --bs-warning-border-subtle: #FAD7A0;
    --bs-danger: #E74C3C;
    --bs-danger-rgb: 231, 76, 60;
    --bs-danger-text-emphasis: #5C1E18;
    --bs-danger-bg-subtle: #FADBD8;
    --bs-danger-border-subtle: #F5B7B1;
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    --bs-light-text-emphasis: #636464;
    --bs-light-bg-subtle: #FEFEFE;
    --bs-light-border-subtle: #FCFDFD;
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
    --bs-dark-text-emphasis: #0D0F10;
    --bs-dark-bg-subtle: #D3D3D4;
    --bs-dark-border-subtle: #A6A8A9;
    --bs-body-color: #1f1f1f;
    --bs-body-color-rgb: 31, 31, 31;
    --bs-secondary-color: rgba(31, 31, 31, 0.75);
    --bs-secondary-color-rgb: 31, 31, 31, 0.75;
    --bs-tertiary-color: rgba(31, 31, 31, 0.5);
    --bs-tertiary-color-rgb: 31, 31, 31, 0.5;
    --bs-body-bg: #ebebeb;
    --bs-body-bg-rgb: 242, 242, 242;
    --bs-body-font-family: Lato, sans-serif;
    --bs-link-color: #0fbc8c;
    --bs-link-color-rgb: 15, 188, 140;
    --bs-link-hover-color: #00ebaa;
    --bs-link-hover-color-rgb: 0, 235, 170;
    --bs-border-color: #737373;
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #0fbc8c;
    --bs-btn-border-color: #0fbc8c;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #33C69D;
    --bs-btn-hover-border-color: #27C398;
    --bs-btn-focus-shadow-rgb: 2, 28, 21;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #3FC9A3;
    --bs-btn-active-border-color: #27C398;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #0fbc8c;
    --bs-btn-disabled-border-color: #0fbc8c
}

.btn-outline-primary {
    --bs-btn-color: #0fbc8c;
    --bs-btn-border-color: #0fbc8c;
    --bs-btn-focus-shadow-rgb: 15, 188, 140;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #0fbc8c;
    --bs-btn-hover-border-color: #0fbc8c;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #0fbc8c;
    --bs-btn-active-border-color: #0fbc8c;
    --bs-btn-disabled-color: #0fbc8c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0fbc8c
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5C636A;
    --bs-btn-hover-border-color: #565E64;
    --bs-btn-focus-shadow-rgb: 233, 234, 236;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565E64;
    --bs-btn-active-border-color: #51585E;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0f6c41;
    --bs-btn-border-color: #0f6c41;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0D5C37;
    --bs-btn-hover-border-color: #0C5634;
    --bs-btn-focus-shadow-rgb: 219, 233, 227;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0C5634;
    --bs-btn-active-border-color: #0B5131;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0f6c41;
    --bs-btn-disabled-border-color: #0f6c41
}

.btn-outline-success {
    --bs-btn-color: #0f6c41;
    --bs-btn-border-color: #0f6c41;
    --bs-btn-focus-shadow-rgb: 15, 108, 65;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0f6c41;
    --bs-btn-hover-border-color: #0f6c41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0f6c41;
    --bs-btn-active-border-color: #0f6c41;
    --bs-btn-disabled-color: #0f6c41;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0f6c41
}

.btn-info {
    --bs-btn-color: #000000;
    --bs-btn-bg: #3498DB;
    --bs-btn-border-color: #3498DB;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #52A7E0;
    --bs-btn-hover-border-color: #48A2DF;
    --bs-btn-focus-shadow-rgb: 8, 23, 33;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #5DADE2;
    --bs-btn-active-border-color: #48A2DF;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #3498DB;
    --bs-btn-disabled-border-color: #3498DB
}

.btn-outline-info {
    --bs-btn-color: #3498DB;
    --bs-btn-border-color: #3498DB;
    --bs-btn-focus-shadow-rgb: 52, 152, 219;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #3498DB;
    --bs-btn-hover-border-color: #3498DB;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #3498DB;
    --bs-btn-active-border-color: #3498DB;
    --bs-btn-disabled-color: #3498DB;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3498DB
}

.btn-warning {
    --bs-btn-color: #000000;
    --bs-btn-bg: #F39C12;
    --bs-btn-border-color: #F39C12;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F5AB36;
    --bs-btn-hover-border-color: #F4A62A;
    --bs-btn-focus-shadow-rgb: 36, 23, 3;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #F5B041;
    --bs-btn-active-border-color: #F4A62A;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #F39C12;
    --bs-btn-disabled-border-color: #F39C12
}

.btn-outline-warning {
    --bs-btn-color: #F39C12;
    --bs-btn-border-color: #F39C12;
    --bs-btn-focus-shadow-rgb: 243, 156, 18;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F39C12;
    --bs-btn-hover-border-color: #F39C12;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #F39C12;
    --bs-btn-active-border-color: #F39C12;
    --bs-btn-disabled-color: #F39C12;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F39C12
}

.btn-danger {
    --bs-btn-color: #000000;
    --bs-btn-bg: #E74C3C;
    --bs-btn-border-color: #E74C3C;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #EB6759;
    --bs-btn-hover-border-color: #E95E50;
    --bs-btn-focus-shadow-rgb: 35, 11, 9;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #EC7063;
    --bs-btn-active-border-color: #E95E50;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #E74C3C;
    --bs-btn-disabled-border-color: #E74C3C
}

.btn-outline-danger {
    --bs-btn-color: #E74C3C;
    --bs-btn-border-color: #E74C3C;
    --bs-btn-focus-shadow-rgb: 231, 76, 60;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #E74C3C;
    --bs-btn-hover-border-color: #E74C3C;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #E74C3C;
    --bs-btn-active-border-color: #E74C3C;
    --bs-btn-disabled-color: #E74C3C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E74C3C
}

.btn-light {
    --bs-btn-color: #000000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #D3D4D5;
    --bs-btn-hover-border-color: #C6C7C8;
    --bs-btn-focus-shadow-rgb: 37, 37, 38;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #C6C7C8;
    --bs-btn-active-border-color: #BABBBC;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1C1F23;
    --bs-btn-hover-border-color: #1A1E21;
    --bs-btn-focus-shadow-rgb: 222, 222, 223;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1A1E21;
    --bs-btn-active-border-color: #191C1F;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529
}

[data-bs-theme=dark] {
    --bs-light: #303030;
    --bs-light-rgb: 48, 48, 48;
    --bs-light-text-emphasis: #838383;
    --bs-light-bg-subtle: #0A0A0A;
    --bs-light-border-subtle: #1D1D1D;
    --bs-dark: #ebebeb;
    --bs-dark-rgb: 235, 235, 235;
    --bs-dark-text-emphasis: #F3F3F3;
    --bs-dark-bg-subtle: #2F2F2F;
    --bs-dark-border-subtle: #8D8D8D;
    --bs-body-color: #ebebeb;
    --bs-body-color-rgb: 242, 242, 242;
    --bs-secondary-color: rgba(242, 242, 242, 0.75);
    --bs-secondary-color-rgb: 242, 242, 242, 0.75;
    --bs-tertiary-color: rgba(242, 242, 242, 0.5);
    --bs-tertiary-color-rgb: 242, 242, 242, 0.5;
    --bs-body-bg: #1f1f1f;
    --bs-body-bg-rgb: 31, 31, 31;
    --bs-link-color: #0fbc8c;
    --bs-link-color-rgb: 15, 188, 140;
    --bs-link-hover-color: #00ebaa;
    --bs-link-hover-color-rgb: 0, 235, 170
}

.btn-light[data-bs-theme=dark],
[data-bs-theme=dark] .btn-light {
    --bs-btn-color: #fff;
    --bs-btn-bg: #303030;
    --bs-btn-border-color: #303030;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #292929;
    --bs-btn-hover-border-color: #262626;
    --bs-btn-focus-shadow-rgb: 224, 224, 224;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #262626;
    --bs-btn-active-border-color: #242424;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #303030;
    --bs-btn-disabled-border-color: #303030
}

.btn-outline-light[data-bs-theme=dark],
[data-bs-theme=dark] .btn-outline-light {
    --bs-btn-color: #303030;
    --bs-btn-border-color: #303030;
    --bs-btn-focus-shadow-rgb: 48, 48, 48;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #303030;
    --bs-btn-hover-border-color: #303030;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #303030;
    --bs-btn-active-border-color: #303030;
    --bs-btn-disabled-color: #303030;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #303030
}

.btn-dark[data-bs-theme=dark],
[data-bs-theme=dark] .btn-dark {
    --bs-btn-color: #000000;
    --bs-btn-bg: #ebebeb;
    --bs-btn-border-color: #ebebeb;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #EEEEEE;
    --bs-btn-hover-border-color: #EDEDED;
    --bs-btn-focus-shadow-rgb: 35, 35, 35;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #EFEFEF;
    --bs-btn-active-border-color: #EDEDED;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #ebebeb;
    --bs-btn-disabled-border-color: #ebebeb
}

.btn-outline-dark[data-bs-theme=dark],
[data-bs-theme=dark] .btn-outline-dark {
    --bs-btn-color: #ebebeb;
    --bs-btn-border-color: #ebebeb;
    --bs-btn-focus-shadow-rgb: 235, 235, 235;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #ebebeb;
    --bs-btn-hover-border-color: #ebebeb;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #ebebeb;
    --bs-btn-active-border-color: #ebebeb;
    --bs-btn-disabled-color: #ebebeb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ebebeb
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius-pill);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-primary)
}

.feature-list {
    padding-left: 0;
    list-style: none
}

.feature-list li:before {
    content: '✓';
    color: #33c69d;
    margin-right: 1rem
}

.checklist li:before {
    content: '☐';
    margin-right: 1rem
}

td>.bi-check-lg {
    color: #00bb8c
}

td>.bi-x-lg {
    color: #fc1d49
}

.fit-cover {
    object-fit: cover
}

.img-fade:hover {
    opacity: 90%
}

.img-fade {
    transition: opacity .5s ease-out
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    transition: 0.3;
}

.modal-content, .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.8) 10px 10px 30px;
    border: none;
}

#EventList > div > div > div:nth-of-type(odd){
    background-color: rgba(var(--bs-dark-rgb), 0.1);
}

.EditorPreviewText>p {
    margin-bottom: 0;
    margin-top: 1%;
}

.preview-event-wrapper>p{
    display: inline;
}

.paragraphWrapper>p {
    margin: 0;
}

.cc-preview-mode>p{
    background-color: #000;
}

/* #SubtitlePreview>p:before { content: ' '; display: block; } */

.ql-direction-rtl {
    direction: rtl;
}

.eventTimelineText>p {
    margin: 0;
}

.textPreview>p {
    margin: 0;
}

.text-custom-small {
    font-size: 0.6vw;
}

.text-custom-medium {
    font-size: 0.8vw;
}

.text-custom-normal {
    font-size: 1vw;
}

.text-custom-xsmall {
    font-size: 0.5vw;
}

.form-check-input:checked {
    background-color: #0fbc8c;
    border-color: #0fbc8c;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #0fbc8c;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: #83878a;
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border: none;
    opacity: var(--bs-btn-disabled-opacity);
}

.nav-item>a>i {
    font-size: 0.75vw;
}

.splitpanes__splitter {
    background-color: var(--bs-light) !important;
    border: none !important;
}

.splitpanes .splitpanes__pane {
    background-color: transparent !important;
}

.splitpanes__splitter:before {
    background-color: var(--bs-secondary) !Important;
}

.splitpanes__splitter:after {
    background-color: var(--bs-secondary) !Important;
}

.btn-primary {
    color: #f3f3f3;
}

.btn-primary:hover {
    color: #f3f3f3;
}

.btn-primary:active {
    color: #fff !important;
}

.btn-primary:disabled {
    color: #e3e3e3;
}

.resize-vertical {
    resize: vertical;
    overflow: auto;
}

body {
    max-height: 100vh !important;
    height: 100vh !important;
}

.table-light {
    --bs-table-color: var(--bs-dark);
    --bs-table-bg: var(--bs-light);
    --bs-table-border-color: var(--bs-);
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

/* Toasts */
.toast-success {
    --toastBackground: #0FBC8C;
    --toastBarBackground: #0e6b51;
}

.toast-danger {
    --toastBackground: #DA4E3C;
    --toastBarBackground: #6e2218;
}

.toast-warning {
    --toastBackground: #F39C12;
    --toastBarBackground: #795111;
}

.toast-info {
    --toastBackground: #3498DB;
    --toastBarBackground: #13517a;
}

.toast-secondary {
    --toastBackground: #3B3B3B;
    --toastBarBackground: #161616;
}

/* Timeline Styles */
#Timeline ::part(region-handle) {
    border-right-width: 4px !important;
    border-right-color: #1f82d4 !important;
    border-left-width: 4px !important;
    border-left-color: #1f82d4 !important;
}

#Timeline ::part(region-content) {
    margin: 5px 10px;
    font-size: 12px;
    overflow: hidden;
    text-wrap: nowrap;
}

#Timeline ::part(region) {
    border: 1px solid hsla(0, 0%, 0%, 0.5);
}

.cc-preview {
    font-family: "plexMono";
}

.roll-up>p{
    position: relative;
    animation: roll 0.25s ease-in forwards;
  }
  
.paint-on>p {
    mask-image: linear-gradient(to right, black 50%, transparent 50%);
    mask-size: 200% 100%;
    mask-position: right;
    animation: paint 0.4s linear forwards;
}

.paint-on>p:nth-child(2) {
    animation-delay: 0.3s
}

.paint-on>p:nth-child(3) {
    animation-delay: 0.6s
}

.paint-on>p:nth-child(4) {
    animation-delay: 0.9s
}

.paint-on>p:nth-child(6) {
    animation-delay: 1.2s
}

.paint-on>p:nth-child(7) {
    animation-delay: 1.5s
}

.paint-on>p:nth-child(8) {
    animation-delay: 1.8s
}

@keyframes paint {
    0% {
      mask-position: right;
    }
    100% {
      mask-position: left;
    }
  }

  @keyframes roll {
    0% {
      top: 15px;
      opacity: 0;
    }
  
    100% {
      top: 0;
      opacity: 1;
    }
  }

.plyr__live-button__text {
    display: none;
}

tr.dragging {
    opacity: 0.5;
}

tr.drop-target {
    background-color: #e0f7fa !important;
    border: 2px dashed #1eb4b2 !important;
}

button.folder-name {
    background: none;
    border: none;
    display: block;
    text-align: left;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    color: inherit;
    text-decoration: none;
    width: 100%;
}

button.folder-name:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.folder-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

/* Drop handling styles */
.drop-target {
    background-color: rgba(25, 135, 84, 0.15) !important;
    box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.5) !important;
}

.invalid-drop {
    background-color: rgba(220, 53, 69, 0.15) !important;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.5) !important;
    cursor: not-allowed !important;
}

.folder-name.drop-target {
    background-color: rgba(25, 135, 84, 0.15);
    box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.5);
}

.folder-name.invalid-drop {
    background-color: rgba(220, 53, 69, 0.15);
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.5);
}