span.ic, i.ic, .ic.ic-size{
    --ic-height: 1rem;
    height: var(--ic-height) !important;
    width: var(--ic-height) !important;
}

.ic::before {
    --ic-height: 1rem;
    --ic-url: '';
    background-size: var(--ic-height) var(--ic-height);
    content: '';
    height: var(--ic-height);
    width: var(--ic-height);
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: var(--ic-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-image: var(--ic-url);
}

.ic.ic-pos-top:before{
    vertical-align: top;
}

span.ic::before{
    vertical-align: text-bottom;
}

.ic-xs, .ic-xs::before{
    --ic-height: 0.5rem !important;
}

.ic-sm, .ic-sm::before{
    --ic-height: 0.8rem !important;
}

.ic-lg, .ic-lg::before{
    --ic-height: 1.2rem !important;
}

.ic-xl, .ic-xl::before{
    --ic-height: 1.5rem !important;
}

.ic-xxl, .ic-xxl::before{
    --ic-height: 1.75rem !important;
}

.ic-xxxl, .ic-xxxl::before{
    --ic-height: 2rem !important;
}

span.ic:before{
    vertical-align: text-bottom;
}

.ic-space-1::before{
    margin-right: 0.1rem;
}

.ic-space-2::before{
    margin-right: 0.2rem;
}

.ic-space-3::before{
    margin-right: 0.3rem;
}

.ic.ic-email:before{ --ic-url: url(/build/assets/email-6b3RTGJX.svg); }

.ic.ic-facebook:before{ --ic-url: url(/build/assets/facebook-CUw_hDq_.svg); }

.ic.ic-home:before{ --ic-url: url(/build/assets/home-DxGvEjIH.svg); }

.ic.ic-instagram:before{ --ic-url: url(/build/assets/instagram-CyeW00aa.svg); }

.ic.ic-notes:before{ --ic-url: url(/build/assets/notes-BTEq-416.svg); }

.ic.ic-search:before{ --ic-url: url(/build/assets/search-CZJd05Tt.svg); }

.ic.ic-signal:before{ --ic-url: url(/build/assets/signal-NHqRq2eM.svg); }

.ic.ic-telegram:before{ --ic-url: url(/build/assets/telegram-CB2lpSwZ.svg); }

.ic.ic-twitter:before{ --ic-url: url(/build/assets/twitter-DPjGuR2K.svg); }

.ic.ic-whatsapp:before{ --ic-url: url(/build/assets/whatsapp-DG0UJxCt.svg); }

.ic.ic-youtube:before{ --ic-url: url(/build/assets/youtube-CJAnS5_q.svg); }

/* roboto-cyrillic-ext-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-cyrillic-ext-100-normal-jEftjRjC.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-ext-100-normal-CGjkY-RV.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-cyrillic-100-normal-Bul7q2KG.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-100-normal-BX2W94Gb.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-greek-ext-100-normal-Jm1vXfA2.woff2) format('woff2'), url(/build/assets/roboto-greek-ext-100-normal-Bok_1HiU.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-greek-100-normal-DNMC-RtV.woff2) format('woff2'), url(/build/assets/roboto-greek-100-normal-CfoD5gLS.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-vietnamese-100-normal-B8sQl7U6.woff2) format('woff2'), url(/build/assets/roboto-vietnamese-100-normal-D1pR3S3h.woff) format('woff');
  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;
}

/* roboto-latin-ext-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-latin-ext-100-normal-CfLndg9g.woff2) format('woff2'), url(/build/assets/roboto-latin-ext-100-normal-26Bn2fOf.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-100-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(/build/assets/roboto-latin-100-normal-UGhH1PRC.woff2) format('woff2'), url(/build/assets/roboto-latin-100-normal-CSgjpIV5.woff) format('woff');
  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;
}

/* roboto-cyrillic-ext-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-cyrillic-ext-300-normal-Chhwl1Jq.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-ext-300-normal-BLLmCegk.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-cyrillic-300-normal-DJfICpyc.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-300-normal-Dg7J0kAT.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-greek-ext-300-normal-CHja2Rnh.woff2) format('woff2'), url(/build/assets/roboto-greek-ext-300-normal-CoCnnQ5_.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-greek-300-normal-Bx8edVml.woff2) format('woff2'), url(/build/assets/roboto-greek-300-normal-D3gN5oZ1.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-vietnamese-300-normal-PZa9KE_J.woff2) format('woff2'), url(/build/assets/roboto-vietnamese-300-normal-CAomnZLO.woff) format('woff');
  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;
}

/* roboto-latin-ext-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-latin-ext-300-normal-BzRVPTS2.woff2) format('woff2'), url(/build/assets/roboto-latin-ext-300-normal-Djx841zm.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-300-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-latin-300-normal-BizgZZ3y.woff2) format('woff2'), url(/build/assets/roboto-latin-300-normal-BZ6gvbSO.woff) format('woff');
  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;
}

/* roboto-cyrillic-ext-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-cyrillic-ext-400-normal-D76n7Daw.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-ext-400-normal-b0JluIOJ.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-cyrillic-400-normal-BiRJyiea.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-400-normal-JN0iKxGs.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-greek-ext-400-normal-Dduq6i1a.woff2) format('woff2'), url(/build/assets/roboto-greek-ext-400-normal-BCjajyEd.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-greek-400-normal-LPh2sqOm.woff2) format('woff2'), url(/build/assets/roboto-greek-400-normal-IIc_WWwF.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-vietnamese-400-normal-DhTUfTw_.woff2) format('woff2'), url(/build/assets/roboto-vietnamese-400-normal-D5pJwT9g.woff) format('woff');
  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;
}

/* roboto-latin-ext-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-latin-ext-400-normal-DgXbz5gU.woff2) format('woff2'), url(/build/assets/roboto-latin-ext-400-normal-BSFkPfbf.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-latin-400-normal-DXyFPIdK.woff2) format('woff2'), url(/build/assets/roboto-latin-400-normal-BVyCgWwA.woff) format('woff');
  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;
}

/* roboto-cyrillic-ext-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-cyrillic-ext-500-normal-BJvL3D7h.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-ext-500-normal-37WQE4S0.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-cyrillic-500-normal-_hamcpv8.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-500-normal-YnJLGrUm.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-greek-ext-500-normal-BpeNdPLE.woff2) format('woff2'), url(/build/assets/roboto-greek-ext-500-normal-CaTXacGx.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-greek-500-normal-Bg8BLohm.woff2) format('woff2'), url(/build/assets/roboto-greek-500-normal-CdRewbqV.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-vietnamese-500-normal-p0V0BAAE.woff2) format('woff2'), url(/build/assets/roboto-vietnamese-500-normal-LvuCHq7y.woff) format('woff');
  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;
}

/* roboto-latin-ext-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-latin-ext-500-normal-OQJhyaXd.woff2) format('woff2'), url(/build/assets/roboto-latin-ext-500-normal-DvHxAkTn.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-500-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-latin-500-normal-C6iW8rdg.woff2) format('woff2'), url(/build/assets/roboto-latin-500-normal-rpP1_v3s.woff) format('woff');
  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;
}

/* roboto-cyrillic-ext-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-cyrillic-ext-700-normal-CyZgh00P.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-ext-700-normal-DXzexxfu.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-cyrillic-700-normal-jruQITdB.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-700-normal-BJaAVvFw.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-greek-ext-700-normal-CqebB7cL.woff2) format('woff2'), url(/build/assets/roboto-greek-ext-700-normal-CEVyGtw_.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-greek-700-normal-Bs05n1ZH.woff2) format('woff2'), url(/build/assets/roboto-greek-700-normal-1IZ-NEfb.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-vietnamese-700-normal-CBbheh0s.woff2) format('woff2'), url(/build/assets/roboto-vietnamese-700-normal-B4Nagvlm.woff) format('woff');
  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;
}

/* roboto-latin-ext-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-latin-ext-700-normal-DchBbzVz.woff2) format('woff2'), url(/build/assets/roboto-latin-ext-700-normal-Ba-CAIIA.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-700-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/roboto-latin-700-normal-CbYYDfWS.woff2) format('woff2'), url(/build/assets/roboto-latin-700-normal-BWcFiwQV.woff) format('woff');
  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;
}

/* roboto-cyrillic-ext-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-cyrillic-ext-900-normal-CnBi4ICo.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-ext-900-normal-BGEfDcMV.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-cyrillic-900-normal-C1QEld4G.woff2) format('woff2'), url(/build/assets/roboto-cyrillic-900-normal-BmRPpYbb.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-greek-ext-900-normal-C1Loe5Ic.woff2) format('woff2'), url(/build/assets/roboto-greek-ext-900-normal-DB89B_xB.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-greek-900-normal-CljSynrW.woff2) format('woff2'), url(/build/assets/roboto-greek-900-normal-BekkI0nb.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-vietnamese-900-normal-BNEEdkVE.woff2) format('woff2'), url(/build/assets/roboto-vietnamese-900-normal-D1scMKbK.woff) format('woff');
  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;
}

/* roboto-latin-ext-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-latin-ext-900-normal-Dkiu6Y_E.woff2) format('woff2'), url(/build/assets/roboto-latin-ext-900-normal-DNM-Nmzj.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-900-normal */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/build/assets/roboto-latin-900-normal-BnsusLPY.woff2) format('woff2'), url(/build/assets/roboto-latin-900-normal-BVJ4ddzw.woff) format('woff');
  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;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #9ca3af;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

::-webkit-scrollbar-track {
    background: #d1d5db;
}

.dark ::-webkit-scrollbar-thumb {
        background: #4b5563;
    }

.dark ::-webkit-scrollbar-thumb:hover {
        background: #374151;
    }

.dark ::-webkit-scrollbar-track {
        background: #1f2937;
    }

.scrollbar-thin {
    scrollbar-width: thin;
    --w: 25%;
    --hover: #9ca3af;
    --from: #e5e7eb;
    --to: #d1d5db;
}

.dark .scrollbar-thin {
        --hover: #6b7280;
        --from: #1f2937;
        --to: #374151;
    }

.scrollbar-thin::-webkit-scrollbar {
        width: 8px;
    }

.scrollbar-thin::-webkit-scrollbar-track {
        background: linear-gradient(90deg, #ffffff00 0%, #ffffff00 var(--w), var(--from) var(--w), var(--from) 100%);
    }

.scrollbar-thin::-webkit-scrollbar-thumb {
        background: linear-gradient(90deg, #ffffff00 0%, #ffffff00 var(--w), var(--to) var(--w), var(--to) 100%);
    }

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
        background: var(--hover) 25%;
    }

:root {
    font-size: 1em;
    font-weight: 400;
}

html {
    --clr-scheme: light;
}

html.dark {
    --clr-scheme: dark;
}

html {
    overflow: hidden;
    color-scheme: var(--clr-scheme);
    background-color: var(--bg0);
    color: rgb(var(--clr-default));
    font-family: 'Roboto', sans-serif;
}

main.content {
    scrollbar-gutter: stable both-edges;
}

[x-cloak] {
    display: none;
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    width: 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: 10px 10px;
    filter: contrast(0);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    caret-color: black;
    -webkit-text-fill-color: #000;
    -webkit-transition: background-color 2000s ease-in-out 0s;
    transition: background-color 2000s ease-in-out 0s;
    box-shadow: inset 0 0 50px 20px #fbfbfb;
}

.dark b, .dark strong, .dark .font-bold {
        color: white;
    }

.dark input:-webkit-autofill,
    .dark input:-webkit-autofill:hover,
    .dark input:-webkit-autofill:focus,
    .dark input:-webkit-autofill:active {
        -webkit-background-clip: text;
        caret-color: white;
        -webkit-text-fill-color: #ffffff;
        box-shadow: inset 0 0 50px 50px rgb(17 24 39 / 0.8);
    }

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

*, ::before, ::after{
    --0: 0;
    --1: 0;
    --2: 0;
    --3: 0;
    --4: 0;
    --5: 0;
    --6: 0;
    --7: 1;
    --8: 1;
    --9:  ;
    --a:  ;
    --b:  ;
    --c: proximity;
    --d:  ;
    --e:  ;
    --f:  ;
    --g:  ;
    --h:  ;
    --i:  ;
    --j:  ;
    --k:  ;
    --l:  ;
    --m: 0px;
    --n: #fff;
    --o: rgb(59 130 246 / 0.5);
    --p: 0 0 #0000;
    --q: 0 0 #0000;
    --r: 0 0 #0000;
    --s: 0 0 #0000;
    --t:  ;
    --u:  ;
    --v:  ;
    --w:  ;
    --x:  ;
    --y:  ;
    --z:  ;
    --10:  ;
    --11:  ;
    --12:  ;
    --13:  ;
    --14:  ;
    --15:  ;
    --16:  ;
    --17:  ;
    --18:  ;
    --19:  ;
    --1a:  ;
    --1b:  ;
    --1c:  ;
    --1d:  ;
    --1e:  ;
}

::backdrop{
    --0: 0;
    --1: 0;
    --2: 0;
    --3: 0;
    --4: 0;
    --5: 0;
    --6: 0;
    --7: 1;
    --8: 1;
    --9:  ;
    --a:  ;
    --b:  ;
    --c: proximity;
    --d:  ;
    --e:  ;
    --f:  ;
    --g:  ;
    --h:  ;
    --i:  ;
    --j:  ;
    --k:  ;
    --l:  ;
    --m: 0px;
    --n: #fff;
    --o: rgb(59 130 246 / 0.5);
    --p: 0 0 #0000;
    --q: 0 0 #0000;
    --r: 0 0 #0000;
    --s: 0 0 #0000;
    --t:  ;
    --u:  ;
    --v:  ;
    --w:  ;
    --x:  ;
    --y:  ;
    --z:  ;
    --10:  ;
    --11:  ;
    --12:  ;
    --13:  ;
    --14:  ;
    --15:  ;
    --16:  ;
    --17:  ;
    --18:  ;
    --19:  ;
    --1a:  ;
    --1b:  ;
    --1c:  ;
    --1d:  ;
    --1e:  ;
}

/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --1f: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --r: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --l: var(--1g,/*!*/ /*!*/);
    --m: 0px;
    --n: #fff;
    --o: #2563eb;
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(1px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r);
    border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
    color: #6b7280;
    opacity: 1;
}

input::placeholder,textarea::placeholder{
    color: #6b7280;
    opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
}

::-webkit-date-and-time-value{
    min-height: 1.5em;
    text-align: inherit;
}

::-webkit-datetime-edit{
    display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
    padding-top: 0;
    padding-bottom: 0;
}

select{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])){
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
            print-color-adjust: unset;
}

[type='checkbox'],[type='radio']{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --r: 0 0 #0000;
}

[type='checkbox']{
    border-radius: 0px;
}

[type='radio']{
    border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --l: var(--1g,/*!*/ /*!*/);
    --m: 2px;
    --n: #fff;
    --o: #2563eb;
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(2px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r);
}

[type='checkbox']:checked,[type='radio']:checked{
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked{
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

    [type='checkbox']:checked{
        -webkit-appearance: auto;
           -moz-appearance: auto;
                appearance: auto;
    }
}

[type='radio']:checked{
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

    [type='radio']:checked{
        -webkit-appearance: auto;
           -moz-appearance: auto;
                appearance: auto;
    }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
    border-color: transparent;
    background-color: currentColor;
}

[type='checkbox']:indeterminate{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (forced-colors: active) {

    [type='checkbox']:indeterminate{
        -webkit-appearance: auto;
           -moz-appearance: auto;
                appearance: auto;
    }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
    border-color: transparent;
    background-color: currentColor;
}

[type='file']{
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

[type='file']:focus{
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
}

.container{
    width: 100%;
}

@media (min-width: 475px){

    .container{
        max-width: 475px;
    }
}

@media (min-width: 640px){

    .container{
        max-width: 640px;
    }
}

@media (min-width: 768px){

    .container{
        max-width: 768px;
    }
}

@media (min-width: 992px){

    .container{
        max-width: 992px;
    }
}

@media (min-width: 1024px){

    .container{
        max-width: 1024px;
    }
}

@media (min-width: 1280px){

    .container{
        max-width: 1280px;
    }
}

@media (min-width: 1536px){

    .container{
        max-width: 1536px;
    }
}

.icon-\[bi--caret-down-fill\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

.icon-\[bi--caret-up-fill\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='m7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E");
}

.icon-\[fa6-solid--magnifying-glass\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='black' d='M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288'/%3E%3C/svg%3E");
}

.icon-\[fluent--arrow-sort-16-filled\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M10.73 13.79c.29.28.75.28 1.04 0l2.75-2.65a.75.75 0 1 0-1.04-1.08L12 11.486V2.75a.75.75 0 0 0-1.5 0v8.736L9.02 10.06a.75.75 0 1 0-1.04 1.08zM5.28 2.22a.75.75 0 0 0-1.06 0L1.47 4.97a.75.75 0 0 0 1.06 1.06L4 4.56v8.69a.75.75 0 0 0 1.5 0V4.56l1.47 1.47a.75.75 0 0 0 1.06-1.06z'/%3E%3C/svg%3E");
}

.icon-\[fluent--chevron-down-12-filled\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath fill='black' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 0 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");
}

.icon-\[fluent--document-one-page-multiple-20-filled\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4 4q0-.103.01-.204A2 2 0 0 1 6 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm7.59 1.992A.5.5 0 0 0 11.5 5h-4l-.09.008A.5.5 0 0 0 7.5 6h4zm0 3.5a.5.5 0 0 0-.09-.992h-4l-.09.008a.5.5 0 0 0 .09.992h4zm0 3.5A.5.5 0 0 0 11.5 12h-4l-.09.008A.5.5 0 0 0 7.5 13h4zM17 14.06V6a2 2 0 0 0-1-1.732V14a3 3 0 0 1-3 3H6a1 1 0 0 0 1 1h6.06A3.94 3.94 0 0 0 17 14.06'/%3E%3C/svg%3E");
}

.icon-\[fluent--document-text-24-filled\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 8V2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10h-6a2 2 0 0 1-2-2m-3.75 3.5h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5m0 2.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5m0 2.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5m5.25-9V2.5l6 6H14a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

.icon-\[fluent--list-bar-tree-16-filled\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M6 5h6.75C13.44 5 14 4.44 14 3.75v-.5C14 2.56 13.44 2 12.75 2H6zM5 2H3.25C2.56 2 2 2.56 2 3.25v.5C2 4.44 2.56 5 3.25 5H5zm3 8h4.75c.69 0 1.25-.56 1.25-1.25v-1.5C14 6.56 13.44 6 12.75 6H8zM7 6H5.25C4.56 6 4 6.56 4 7.25v1.5C4 9.44 4.56 10 5.25 10H7zm5.75 8H8v-3h4.75c.69 0 1.25.56 1.25 1.25v.5c0 .69-.56 1.25-1.25 1.25m-7.5-3H7v3H5.25C4.56 14 4 13.44 4 12.75v-.5c0-.69.56-1.25 1.25-1.25'/%3E%3C/svg%3E");
}

.icon-\[ic--round-star\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 17.27l4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72l3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41l-1.89-4.46c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18l-1.1 4.72c-.2.86.73 1.54 1.49 1.08z'/%3E%3C/svg%3E");
}

.icon-\[mdi--add-circle\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E");
}

.icon-\[mdi--arrow-back\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 11v2H8l5.5 5.5l-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5L8 11z'/%3E%3C/svg%3E");
}

.icon-\[mdi--arrow-down\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 4h2v12l5.5-5.5l1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5L11 16z'/%3E%3C/svg%3E");
}

.icon-\[mdi--arrow-up\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8z'/%3E%3C/svg%3E");
}

.icon-\[mdi--check-bold\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z'/%3E%3C/svg%3E");
}

.icon-\[mdi--check-circle\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E");
}

.icon-\[mdi--chevron-down\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--chevron-left\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--chevron-right\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--clock-edit-outline\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 13.1c-.1 0-.3.1-.4.2l-1 1l2.1 2.1l1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8l-6.1 6V23h2.1l6.1-6.1zM12.5 7v5.2l4 2.4l-1 1L11 13V7zM11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3c-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8c0 4.1 3.1 7.5 7.1 7.9l-.1.2z'/%3E%3C/svg%3E");
}

.icon-\[mdi--close\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
}

.icon-\[mdi--code-tags\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6zm-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--content-copy\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z'/%3E%3C/svg%3E");
}

.icon-\[mdi--content-save\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15 9H5V5h10m-3 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3a3 3 0 0 1 3 3a3 3 0 0 1-3 3m5-16H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7z'/%3E%3C/svg%3E");
}

.icon-\[mdi--delete\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--edit\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z'/%3E%3C/svg%3E");
}

.icon-\[mdi--external-link\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E");
}

.icon-\[mdi--file-link\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 2H6c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8zm-3 18h-1c-1.61 0-4-1.06-4-4c0-2.93 2.39-4 4-4h1v2h-1c-.46 0-2 .17-2 2c0 1.9 1.67 2 2 2h1zm4-5v2H9v-2zm-1 5h-1v-2h1c.46 0 2-.17 2-2c0-1.9-1.67-2-2-2h-1v-2h1c1.61 0 4 1.07 4 4c0 2.94-2.39 4-4 4M13 9V3.5L18.5 9z'/%3E%3C/svg%3E");
}

.icon-\[mdi--file-pdf-box\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-9.5 8.5c0 .8-.7 1.5-1.5 1.5H7v2H5.5V9H8c.8 0 1.5.7 1.5 1.5zm5 2c0 .8-.7 1.5-1.5 1.5h-2.5V9H13c.8 0 1.5.7 1.5 1.5zm4-3H17v1h1.5V13H17v2h-1.5V9h3zm-6.5 0h1v3h-1zm-5 0h1v1H7z'/%3E%3C/svg%3E");
}

.icon-\[mdi--folder-open\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 20H4a2 2 0 0 1-2-2V6c0-1.11.89-2 2-2h6l2 2h7a2 2 0 0 1 2 2H4v10l2.14-8h17.07l-2.28 8.5c-.23.87-1.01 1.5-1.93 1.5'/%3E%3C/svg%3E");
}

.icon-\[mdi--format-bold\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42'/%3E%3C/svg%3E");
}

.icon-\[mdi--format-italic\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z'/%3E%3C/svg%3E");
}

.icon-\[mdi--format-strikethrough-variant\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.2 9.8c-1.2-2.3.5-5 2.9-5.5c3.1-1 7.6.4 7.5 4.2h-3c0-.3-.1-.6-.1-.8c-.2-.6-.6-.9-1.2-1.1c-.8-.3-2.1-.2-2.8.3C9 8.2 10.4 9.5 12 10H7.4c-.1-.1-.1-.2-.2-.2M21 13v-2H3v2h9.6c.2.1.4.1.6.2c.6.3 1.1.5 1.3 1.1c.1.4.2.9 0 1.3c-.2.5-.6.7-1.1.9c-1.8.5-4-.2-3.9-2.4h-3c-.1 2.6 2.1 4.4 4.5 4.7c3.8.8 8.3-1.6 6.3-5.9z'/%3E%3C/svg%3E");
}

.icon-\[mdi--format-underline\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 21h14v-2H5zm7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6'/%3E%3C/svg%3E");
}

.icon-\[mdi--home\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/%3E%3C/svg%3E");
}

.icon-\[mdi--image-edit\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m22.7 14.3l-1 1l-2-2l1-1c.1-.1.2-.2.4-.2c.1 0 .3.1.4.2l1.3 1.3c.1.2.1.5-.1.7M13 19.9V22h2.1l6.1-6.1l-2-2zM21 5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h6v-1.9l1.1-1.1H5l3.5-4.5l2.5 3l3.5-4.5l1.6 2.1l4.9-5z'/%3E%3C/svg%3E");
}

.icon-\[mdi--image\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.5 13.5l2.5 3l3.5-4.5l4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2'/%3E%3C/svg%3E");
}

.icon-\[mdi--link-variant\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10.59 13.41c.41.39.41 1.03 0 1.42c-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.98 2.98 0 0 0 0-4.24a2.98 2.98 0 0 0-4.24 0l-3.53 3.53a2.98 2.98 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.98 2.98 0 0 0 0 4.24a2.98 2.98 0 0 0 4.24 0l3.53-3.53a2.98 2.98 0 0 0 0-4.24a.973.973 0 0 1 0-1.42'/%3E%3C/svg%3E");
}

.icon-\[mdi--lock-open\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h9V6a3 3 0 0 0-3-3a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6 9a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2'/%3E%3C/svg%3E");
}

.icon-\[mdi--lock\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
}

.icon-\[mdi--logout\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5M4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z'/%3E%3C/svg%3E");
}

.icon-\[mdi--magnify\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");
}

.icon-\[mdi--minus\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13H5v-2h14z'/%3E%3C/svg%3E");
}

.icon-\[mdi--pencil\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z'/%3E%3C/svg%3E");
}

.icon-\[mdi--perm-media\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m7 15l4.5-6l3.5 4.5l2.5-3L21 15m1-11h-8l-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M2 6H0v14a2 2 0 0 0 2 2h18v-2H2z'/%3E%3C/svg%3E");
}

.icon-\[mdi--plus-bold\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 14h-6v6h-4v-6H4v-4h6V4h4v6h6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--plus\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");
}

.icon-\[mdi--refresh\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");
}

.icon-\[mdi--remove\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
}

.icon-\[mdi--settings\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z'/%3E%3C/svg%3E");
}

.icon-\[mdi--view-carousel\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 6v11h4V6M2 17h4V6H2m5 13h10V4H7z'/%3E%3C/svg%3E");
}

.icon-\[mdi--view-dashboard\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 3v6h8V3m-8 18h8V11h-8M3 21h8v-6H3m0-2h8V3H3z'/%3E%3C/svg%3E");
}

.icon-\[mingcute--search-line\]{
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='black' d='M10.5 2a8.5 8.5 0 1 0 5.262 15.176l3.652 3.652a1 1 0 0 0 1.414-1.414l-3.652-3.652A8.5 8.5 0 0 0 10.5 2M4 10.5a6.5 6.5 0 1 1 13 0a6.5 6.5 0 0 1-13 0'/%3E%3C/g%3E%3C/svg%3E");
}

:root{
        --bg-reverse: 18 18 18;
        /* --bg0: 245 241 235; */
        --bg0: 255 255 250;
        /*--bg0: 255 255 255; // #ffffff*/
        --bg1: 250 250 250;
        --bg2: 242 242 242;
        --bg3: 235 235 235;
        --bg4: 228 228 228;
        --bg5: 221 221 221;
        --bg6: 214 214 214;
        --bg7: 207 207 207;
        --bg8: 200 200 200;

        /*--clr-default: 0 0 0;*/
        --clr-default: 58 58 58 ;
    }

.dark{
        --bg-reverse: 255 255 255;
        /*--bg0: 18 18 18; // #121212*/
        /*--bg1: 23 23 23;*/
        /*--bg2: 34 34 34;*/
        /*--bg3: 46 46 46;*/
        /*--bg4: 58 58 58;*/
        /*--bg5: 70 70 70;*/
        /*--bg6: 82 82 82;*/
        /*--bg7: 94 94 94;*/
        /*--bg8: 106 106 106;*/

        /*--clr-default: 222 222 222;*/
        --clr-default: 204 204 204;
        --bg0: 10 20 22;            /* #0a1416 */
        --bg1: 15 23 28;
        --bg2: 21 31 39;
        --bg3: 31 41 55;
        --bg4: 43 50 60;            /* only for border around bg1 and bg2 */
        /*--bg5: 50 60 60;          // never used*/
        --bg6: 53 60 60;            /* only for border around */
        /*--bg7: 94 94 94;          // never used */
        /*--bg8: 106 106 106;       // never used */
    }

.\!btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.\!btn:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.\!btn:focus-visible{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(2px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.\!btn:focus-visible:is(.dark *){
    --n: #1f2937;
}

.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.btn:focus-visible{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(2px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.btn:focus-visible:is(.dark *){
    --n: #1f2937;
}

.\!btn{
        /*@apply focus:outline-none focus-visible:ring-2 dark:focus-visible:ring-offset-gray-800;*/
    }

.btn{
        /*@apply focus:outline-none focus-visible:ring-2 dark:focus-visible:ring-offset-gray-800;*/
    }

.btn-primary{
    --1h: 1;
    background-color: rgb(67 56 202 / var(--1h, 1));
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.btn-primary:hover{
    --1h: 1;
    background-color: rgb(55 48 163 / var(--1h, 1));
}

.btn-primary:focus{
    --1j: 1;
    --o: rgb(165 180 252 / var(--1j, 1));
}

.dark .btn-primary:hover{
    background-color: rgb(55 48 163 / 0.9);
}

.btn-primary:is(.dark *){
    background-color: rgb(55 48 163 / 0.7);
}

.btn-primary:focus:is(.dark *){
    --1j: 1;
    --o: rgb(67 56 202 / var(--1j, 1));
}

.btn-light{
    border-width: 1px;
    --1k: 1;
    border-color: rgb(var(--bg4) / var(--1k, 1));
    --1h: 1;
    background-color: rgb(var(--bg2) / var(--1h, 1));
    --1i: 1;
    color: rgb(17 24 39 / var(--1i, 1));
}

.btn-light:is(.dark *){
    --1i: 1;
    color: rgb(229 231 235 / var(--1i, 1));
}

.btn-light:not(:disabled):hover{
    --1h: 1;
    background-color: rgb(var(--bg3) / var(--1h, 1));
}

.btn-light:not(:disabled):focus-visible{
    --1j: 1;
    --o: rgb(229 231 235 / var(--1j, 1));
}

.btn-light:not(:disabled):focus-visible:is(.dark *){
    --1j: 1;
    --o: rgb(55 65 81 / var(--1j, 1));
}

.btn-light-borderless{
    background-color: inherit;
    --1i: 1;
    color: rgb(17 24 39 / var(--1i, 1));
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.btn-light-borderless:hover{
    --1h: 1;
    background-color: rgb(229 231 235 / var(--1h, 1));
}

.btn-light-borderless:focus-visible{
    --1j: 1;
    --o: rgb(229 231 235 / var(--1j, 1));
}

.dark .btn-light-borderless:hover{
    --1h: 1;
    background-color: rgb(55 65 81 / var(--1h, 1));
}

.btn-light-borderless:is(.dark *){
    --1i: 1;
    color: rgb(229 231 235 / var(--1i, 1));
}

.btn-light-borderless:focus-visible:is(.dark *){
    --1j: 1;
    --o: rgb(55 65 81 / var(--1j, 1));
}

.btn-secondary{
    border-width: 1px;
    --1k: 1;
    border-color: rgb(229 231 235 / var(--1k, 1));
    --1h: 1;
    background-color: rgb(243 244 246 / var(--1h, 1));
    --1i: 1;
    color: rgb(17 24 39 / var(--1i, 1));
}

.btn-secondary:focus{
    --1j: 1;
    --o: rgb(156 163 175 / var(--1j, 1));
}

.btn-secondary:is(.dark *){
    --1k: 1;
    border-color: rgb(55 65 81 / var(--1k, 1));
    --1h: 1;
    background-color: rgb(31 41 55 / var(--1h, 1));
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.btn-secondary:focus:is(.dark *){
    --1j: 1;
    --o: rgb(107 114 128 / var(--1j, 1));
}

.btn-secondary:not([disabled]):hover{
    --1h: 1;
    background-color: rgb(209 213 219 / var(--1h, 1));
}

.dark .btn-secondary:not([disabled]):hover{
    --1k: 1;
    border-color: rgb(107 114 128 / var(--1k, 1));
    --1h: 1;
    background-color: rgb(75 85 99 / var(--1h, 1));
}

.btn-danger{
    --1h: 1;
    background-color: rgb(185 28 28 / var(--1h, 1));
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.btn-danger:hover{
    --1h: 1;
    background-color: rgb(153 27 27 / var(--1h, 1));
}

.btn-danger:focus{
    --1j: 1;
    --o: rgb(252 165 165 / var(--1j, 1));
}

.dark .btn-danger:hover{
    --1h: 1;
    background-color: rgb(127 29 29 / var(--1h, 1));
}

.btn-danger:is(.dark *){
    --1h: 1;
    background-color: rgb(153 27 27 / var(--1h, 1));
}

.btn-danger:focus:is(.dark *){
    --1j: 1;
    --o: rgb(127 29 29 / var(--1j, 1));
}

.btn-warning{
    --1h: 1;
    background-color: rgb(250 204 21 / var(--1h, 1));
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.btn-warning:hover{
    --1h: 1;
    background-color: rgb(234 179 8 / var(--1h, 1));
}

.btn-warning:focus{
    --1j: 1;
    --o: rgb(253 224 71 / var(--1j, 1));
}

.dark .btn-warning:hover{
    --1h: 1;
    background-color: rgb(202 138 4 / var(--1h, 1));
}

.btn-warning:is(.dark *){
    --1h: 1;
    background-color: rgb(234 179 8 / var(--1h, 1));
}

.btn-success{
    --1h: 1;
    background-color: rgb(21 128 61 / var(--1h, 1));
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.btn-success:hover{
    --1h: 1;
    background-color: rgb(22 101 52 / var(--1h, 1));
}

.btn-success:focus{
    --1j: 1;
    --o: rgb(134 239 172 / var(--1j, 1));
}

.dark .btn-success:hover{
    --1h: 1;
    background-color: rgb(21 128 61 / var(--1h, 1));
}

.btn-success:is(.dark *){
    --1h: 1;
    background-color: rgb(22 163 74 / var(--1h, 1));
}

.btn-success:focus:is(.dark *){
    --1j: 1;
    --o: rgb(22 101 52 / var(--1j, 1));
}

.btn-hover{
    display: inline-flex;
    height: 1.5rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.btn-hover:hover{
    --1h: 1;
    background-color: rgb(229 231 235 / var(--1h, 1));
}

.dark .btn-hover:hover{
    --1h: 1;
    background-color: rgb(55 65 81 / var(--1h, 1));
}

@media (min-width: 768px){

    .btn-hover{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/*.btn-orange{*/

/*    @apply text-white bg-orange-600 hover:bg-orange-700 focus:ring-orange-300 dark:bg-orange-700 dhover:bg-orange-800 dark:focus:ring-orange-700*/

/*}*/

.btn-red{
    --1h: 1;
    background-color: rgb(220 38 38 / var(--1h, 1));
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.btn-red:hover{
    --1h: 1;
    background-color: rgb(185 28 28 / var(--1h, 1));
}

.btn-red:focus{
    --1j: 1;
    --o: rgb(252 165 165 / var(--1j, 1));
}

.dark .btn-red:hover{
    --1h: 1;
    background-color: rgb(153 27 27 / var(--1h, 1));
}

.btn-red:is(.dark *){
    --1h: 1;
    background-color: rgb(185 28 28 / var(--1h, 1));
}

.btn-red:focus:is(.dark *){
    --1j: 1;
    --o: rgb(185 28 28 / var(--1j, 1));
}

.btn-link{
    --1i: 1;
    color: rgb(234 88 12 / var(--1i, 1));
}

.btn-link:is(.dark *){
    --1i: 1;
    color: rgb(249 115 22 / var(--1i, 1));
}

.btn-link{
        /*color: rgb(131 175 255);*/
    }

.btn-link:not(.nohover):hover{
    --1i: 1;
    color: rgb(154 52 18 / var(--1i, 1));
}

.dark .btn-link:not(.nohover):hover{
    --1i: 1;
    color: rgb(253 186 116 / var(--1i, 1));
}

.btn-link-light,
    .btn-link{
        /*user-select: none;*/
        display: inline-flex;
        align-items: center;
    }

.alert{
    border-radius: 0.5rem;
    border-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
        color: var(--alert-color);
        background-color: var(--alert-bg);
        border-color: var(--alert-border);
}

.dark .alert{
            color: var(--alert-bg);
            background-color: var(--alert-color);
            border-color: var(--alert-border-dark);
        }

.alert-primary{
        --alert-bg: #c7d2fe;
        --alert-color: #3730a3;
        --alert-border: #a5b4fc;
        --alert-border-dark: #4f46e5;
    }

.alert-success{
        --alert-bg: #d1e7dd;
        --alert-color: #166534;
        --alert-border: #badbcc;
        --alert-border-dark: #15803d;
    }

.alert-danger{
        --alert-bg: #fee2e2;
        --alert-color: #7f1d1d;
        --alert-border: #fecaca;
        --alert-border-dark: #b91c1c;
    }

.alert-light{
        --alert-bg: #f3f4f6;
        --alert-color: #1f2937;
        --alert-border: #e5e7eb;
        --alert-border-dark: #374151;
    }

.bg-card-visible{
    --1h: 1;
    background-color: rgb(var(--bg2) / var(--1h, 1));
}

/*.bg-card{*/

/*    @apply bg-gray-50/60 dark:bg-gray-900/60;*/

/*}*/

/*.bg-x0{*/

/*    background-color: white;*/

/*    .dark &{ background-color: #121212;}*/

/*}*/

.border-card{
    --1k: 1;
    border-color: rgb(243 244 246 / var(--1k, 1));
}

.border-card:is(.dark *){
    --1k: 1;
    border-color: rgb(17 24 39 / var(--1k, 1));
}

.divide-light > :not([hidden]) ~ :not([hidden]){
    --1l: 1;
    border-color: rgb(229 231 235 / var(--1l, 1));
}

.divide-light:is(.dark *) > :not([hidden]) ~ :not([hidden]){
    --1l: 1;
    border-color: rgb(31 41 55 / var(--1l, 1));
}

.border-light{
    --1k: 1;
    border-color: rgb(229 231 235 / var(--1k, 1));
}

.border-light:focus{
    --1k: 1;
    border-color: rgb(156 163 175 / var(--1k, 1));
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(0px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.border-light:is(.dark *){
    --1k: 1;
    border-color: rgb(31 41 55 / var(--1k, 1));
}

.border-light:focus:is(.dark *){
    --1k: 1;
    border-color: rgb(75 85 99 / var(--1k, 1));
}

.nav-link.active{
    font-weight: 700;
    --1i: 1;
    color: rgb(0 0 0 / var(--1i, 1));
}

 .dark .nav-link.active {
        color: white;
    }

.nav-link.active:is(.dark *){
    --1i: 1;
    color: rgb(var(--clr-default) / var(--1i, 1));
}

.list-group-item{
    display: flex;
    width: 100%;
    align-items: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.list-group-item:focus-visible{
    --1h: 1;
    background-color: rgb(249 250 251 / var(--1h, 1));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.list-group-item:is(.dark *){
    --1i: 1;
    color: rgb(var(--clr-default) / var(--1i, 1));
}

.list-group-item:focus-visible:is(.dark *){
    --1h: 1;
    background-color: rgb(31 41 55 / var(--1h, 1));
}

@media (min-width: 768px){

    .list-group-item{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

div.list-group-item:not(.active){
    cursor: pointer;
}

div.list-group-item:not(.active):hover{
    --1h: 1;
    background-color: rgb(var(--bg1) / var(--1h, 1));
}

div.list-group-item.active{
    cursor: pointer;
    font-weight: 700;
    --1i: 1;
    color: rgb(22 163 74 / var(--1i, 1));
}

 .dark div.list-group-item.active {
        color: white;
    }

div.list-group-item.active:is(.dark *){
    --1i: 1;
    color: rgb(74 222 128 / var(--1i, 1));
}

.form-control{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-control:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.form-control:focus-visible{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(2px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.form-control:focus-visible:is(.dark *){
    --n: #1f2937;
}

.form-control{
        /*@apply focus:outline-none focus-visible:ring-2 dark:focus-visible:ring-offset-gray-800;*/
    }

.form-control:disabled{
    cursor: not-allowed;
    --1k: 0.7;
    opacity: 0.9;
}

.form-control{
    border-width: 1px;
    --1k: 1;
    border-color: rgb(var(--bg4) / var(--1k, 1));
    --1h: 1;
    background-color: rgb(var(--bg1) / var(--1h, 1));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.form-control:focus{
    --1k: 1;
    border-color: rgb(var(--bg4) / var(--1k, 1));
    --1j: 1;
    --o: rgb(var(--bg4) / var(--1j, 1));
}

.form-control:is(.dark *){
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.form-control:not(:disabled):hover{
    --1k: 1;
    border-color: rgb(var(--bg4) / var(--1k, 1));
}

.\!btn:disabled{
    cursor: not-allowed;
    --1k: 0.7;
    opacity: 0.9;
}

.btn:disabled{
    cursor: not-allowed;
    --1k: 0.7;
    opacity: 0.9;
}

.form-control:disabled{
    --1h: 1;
    background-color: rgb(var(--bg2) / var(--1h, 1));
}

.content{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (min-width: 768px){

    .content{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (min-width: 1024px){

    .content{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1280px){

    .content{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media screen and (min-width: 900px) {
    .content{
            --px: calc(max(3rem, calc(100vw - 900px)) / 2);
            padding-left: var(--px);
            padding-right: var(--px)
    }
        }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content img{
    margin-bottom: 0.75rem;
}

.post-content hr{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    --1k: 1;
    border-color: rgb(156 163 175 / var(--1k, 1));
}

.post-content h2{
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 2rem;
}

.post-content a{
    --1i: 1;
    color: rgb(234 88 12 / var(--1i, 1));
}

.post-content a:is(.dark *){
    --1i: 1;
    color: rgb(249 115 22 / var(--1i, 1));
}

.post-content a{
        /*color: rgb(131 175 255);*/
    }

.post-content a:not(.nohover):hover{
    --1i: 1;
    color: rgb(154 52 18 / var(--1i, 1));
}

.dark .post-content a:not(.nohover):hover{
    --1i: 1;
    color: rgb(253 186 116 / var(--1i, 1));
}

.post-content a{
        /*user-select: none;*/
        display: inline-flex;
        align-items: center;
    }

.post-content blockquote{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-inline-start-width: 4px;
    --1k: 1;
    border-color: rgb(209 213 219 / var(--1k, 1));
    --1h: 1;
    background-color: rgb(249 250 251 / var(--1h, 1));
    padding: 1rem;
}

.post-content blockquote:is(.dark *){
    --1k: 1;
    border-color: rgb(107 114 128 / var(--1k, 1));
    --1h: 1;
    background-color: rgb(31 41 55 / var(--1h, 1));
}

.post-content blockquote >p{
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    font-style: italic;
    line-height: 1.625;
    --1i: 1;
    color: rgb(17 24 39 / var(--1i, 1));
}

.post-content blockquote >p:is(.dark *){
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.post-content blockquote >p{
                margin: 0;
            }

.post-content p:not(:has(p)){
            overflow-x: auto;
        }

.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.pointer-events-none{
    pointer-events: none;
}

.visible{
    visibility: visible;
}

.invisible{
    visibility: hidden;
}

.collapse{
    visibility: collapse;
}

.fixed{
    position: fixed;
}

.absolute{
    position: absolute;
}

.relative{
    position: relative;
}

.inset-0{
    inset: 0px;
}

.inset-px{
    inset: 1px;
}

.bottom-0{
    bottom: 0px;
}

.left-0{
    left: 0px;
}

.left-2{
    left: 0.5rem;
}

.right-0{
    right: 0px;
}

.right-1{
    right: 0.25rem;
}

.right-2{
    right: 0.5rem;
}

.top-0{
    top: 0px;
}

.top-12{
    top: 3rem;
}

.top-16{
    top: 4rem;
}

.top-2{
    top: 0.5rem;
}

.top-3{
    top: 0.75rem;
}

.z-0{
    z-index: 0;
}

.z-10{
    z-index: 10;
}

.z-20{
    z-index: 20;
}

.z-30{
    z-index: 30;
}

.z-50{
    z-index: 50;
}

.z-\[1000\]{
    z-index: 1000;
}

.col-span-1{
    grid-column: span 1 / span 1;
}

.col-span-2{
    grid-column: span 2 / span 2;
}

.col-span-3{
    grid-column: span 3 / span 3;
}

.\!m-0{
    margin: 0px !important;
}

.m-0{
    margin: 0px;
}

.m-1{
    margin: 0.25rem;
}

.-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
}

.-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
}

.mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.mx-auto{
    margin-left: auto;
    margin-right: auto;
}

.my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.-ml-px{
    margin-left: -1px;
}

.-mt-1{
    margin-top: -0.25rem;
}

.-mt-1\.5{
    margin-top: -0.375rem;
}

.-mt-2{
    margin-top: -0.5rem;
}

.-mt-5{
    margin-top: -1.25rem;
}

.-mt-px{
    margin-top: -1px;
}

.mb-1{
    margin-bottom: 0.25rem;
}

.mb-12{
    margin-bottom: 3rem;
}

.mb-2{
    margin-bottom: 0.5rem;
}

.mb-3{
    margin-bottom: 0.75rem;
}

.mb-4{
    margin-bottom: 1rem;
}

.mb-5{
    margin-bottom: 1.25rem;
}

.mb-9{
    margin-bottom: 2.25rem;
}

.ml-1{
    margin-left: 0.25rem;
}

.ml-12{
    margin-left: 3rem;
}

.ml-2{
    margin-left: 0.5rem;
}

.ml-3{
    margin-left: 0.75rem;
}

.ml-4{
    margin-left: 1rem;
}

.ml-auto{
    margin-left: auto;
}

.mr-1{
    margin-right: 0.25rem;
}

.mr-2{
    margin-right: 0.5rem;
}

.mr-3{
    margin-right: 0.75rem;
}

.mr-auto{
    margin-right: auto;
}

.mr-px{
    margin-right: 1px;
}

.mt-1{
    margin-top: 0.25rem;
}

.mt-10{
    margin-top: 2.5rem;
}

.mt-12{
    margin-top: 3rem;
}

.mt-2{
    margin-top: 0.5rem;
}

.mt-3{
    margin-top: 0.75rem;
}

.mt-3\.5{
    margin-top: 0.875rem;
}

.mt-4{
    margin-top: 1rem;
}

.mt-5{
    margin-top: 1.25rem;
}

.mt-6{
    margin-top: 1.5rem;
}

.mt-7{
    margin-top: 1.75rem;
}

.mt-8{
    margin-top: 2rem;
}

.mt-px{
    margin-top: 1px;
}

.line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.block{
    display: block;
}

.inline-block{
    display: inline-block;
}

.inline{
    display: inline;
}

.flex{
    display: flex;
}

.inline-flex{
    display: inline-flex;
}

.table{
    display: table;
}

.grid{
    display: grid;
}

.hidden{
    display: none;
}

.aspect-square{
    aspect-ratio: 1 / 1;
}

.aspect-video{
    aspect-ratio: 16 / 9;
}

.size-10{
    width: 2.5rem;
    height: 2.5rem;
}

.size-2{
    width: 0.5rem;
    height: 0.5rem;
}

.size-7{
    width: 1.75rem;
    height: 1.75rem;
}

.\!h-full{
    height: 100% !important;
}

.h-1\.5{
    height: 0.375rem;
}

.h-1\/3{
    height: 33.333333%;
}

.h-12{
    height: 3rem;
}

.h-14{
    height: 3.5rem;
}

.h-16{
    height: 4rem;
}

.h-2{
    height: 0.5rem;
}

.h-4{
    height: 1rem;
}

.h-5{
    height: 1.25rem;
}

.h-6{
    height: 1.5rem;
}

.h-7{
    height: 1.75rem;
}

.h-8{
    height: 2rem;
}

.h-96{
    height: 24rem;
}

.h-\[32\.5rem\]{
    height: 32.5rem;
}

.h-\[35\.5rem\]{
    height: 35.5rem;
}

.h-full{
    height: 100%;
}

.h-nvh{
    height: calc(100vh - 63px);
}

.h-px{
    height: 1px;
}

.h-screen{
    height: 100vh;
}

.max-h-32{
    max-height: 8rem;
}

.max-h-96{
    max-height: 24rem;
}

.max-h-\[500px\]{
    max-height: 500px;
}

.max-h-\[95vh\]{
    max-height: 95vh;
}

.max-h-screen-1\/2{
    max-height: 50dvh;
}

.min-h-\[1\.5rem\]{
    min-height: 1.5rem;
}

.min-h-\[30px\]{
    min-height: 30px;
}

.min-h-screen{
    min-height: 100vh;
}

.w-10\/12{
    width: 83.333333%;
}

.w-11\/12{
    width: 91.666667%;
}

.w-12{
    width: 3rem;
}

.w-14{
    width: 3.5rem;
}

.w-16{
    width: 4rem;
}

.w-2{
    width: 0.5rem;
}

.w-2\/12{
    width: 16.666667%;
}

.w-24{
    width: 6rem;
}

.w-4{
    width: 1rem;
}

.w-40{
    width: 10rem;
}

.w-48{
    width: 12rem;
}

.w-5{
    width: 1.25rem;
}

.w-6{
    width: 1.5rem;
}

.w-7{
    width: 1.75rem;
}

.w-8{
    width: 2rem;
}

.w-\[1px\]{
    width: 1px;
}

.w-\[8rem\]{
    width: 8rem;
}

.w-auto{
    width: auto;
}

.w-full{
    width: 100%;
}

.w-screen{
    width: 100vw;
}

.min-w-0{
    min-width: 0px;
}

.min-w-\[2rem\]{
    min-width: 2rem;
}

.max-w-6xl{
    max-width: 72rem;
}

.max-w-\[95vw\]{
    max-width: 95vw;
}

.max-w-full{
    max-width: 100%;
}

.max-w-md{
    max-width: 28rem;
}

.max-w-sm{
    max-width: 24rem;
}

.max-w-xl{
    max-width: 36rem;
}

.flex-1{
    flex: 1 1 0%;
}

.flex-none{
    flex: none;
}

.shrink-0{
    flex-shrink: 0;
}

.flex-grow{
    flex-grow: 1;
}

.basis-full{
    flex-basis: 100%;
}

.origin-top-right{
    transform-origin: top right;
}

.scale-100{
    --7: 1;
    --8: 1;
    transform: translate(var(--2), var(--3)) rotate(var(--4)) skewX(var(--5)) skewY(var(--6)) scaleX(var(--7)) scaleY(var(--8));
}

.scale-95{
    --7: .95;
    --8: .95;
    transform: translate(var(--2), var(--3)) rotate(var(--4)) skewX(var(--5)) skewY(var(--6)) scaleX(var(--7)) scaleY(var(--8));
}

.scale-x-\[-1\]{
    --7: -1;
    transform: translate(var(--2), var(--3)) rotate(var(--4)) skewX(var(--5)) skewY(var(--6)) scaleX(var(--7)) scaleY(var(--8));
}

.transform{
    transform: translate(var(--2), var(--3)) rotate(var(--4)) skewX(var(--5)) skewY(var(--6)) scaleX(var(--7)) scaleY(var(--8));
}

@keyframes pulse{

    50%{
        opacity: .5;
    }
}

.animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin{

    to{
        transform: rotate(360deg);
    }
}

.animate-spin{
    animation: spin 1s linear infinite;
}

.cursor-default{
    cursor: default;
}

.cursor-move{
    cursor: move;
}

.cursor-not-allowed{
    cursor: not-allowed;
}

.cursor-pointer{
    cursor: pointer;
}

.select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.resize-none{
    resize: none;
}

.resize{
    resize: both;
}

.list-disc{
    list-style-type: disc;
}

.appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.flex-row{
    flex-direction: row;
}

.flex-col{
    flex-direction: column;
}

.flex-wrap{
    flex-wrap: wrap;
}

.place-items-center{
    place-items: center;
}

.items-start{
    align-items: flex-start;
}

.items-end{
    align-items: flex-end;
}

.items-center{
    align-items: center;
}

.items-baseline{
    align-items: baseline;
}

.items-stretch{
    align-items: stretch;
}

.justify-start{
    justify-content: flex-start;
}

.justify-end{
    justify-content: flex-end;
}

.justify-center{
    justify-content: center;
}

.justify-between{
    justify-content: space-between;
}

.justify-items-center{
    justify-items: center;
}

.gap-0\.5{
    gap: 0.125rem;
}

.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-8{
    gap: 2rem;
}

.gap-px{
    gap: 1px;
}

.-space-x-px > :not([hidden]) ~ :not([hidden]){
    --1m: 0;
    margin-right: calc(-1px * var(--1m));
    margin-left: calc(-1px * calc(1 - var(--1m)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --1m: 0;
    margin-right: calc(1rem * var(--1m));
    margin-left: calc(1rem * calc(1 - var(--1m)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]){
    --1m: 0;
    margin-right: calc(1.5rem * var(--1m));
    margin-left: calc(1.5rem * calc(1 - var(--1m)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --1n: 0;
    margin-top: calc(0.5rem * calc(1 - var(--1n)));
    margin-bottom: calc(0.5rem * var(--1n));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
    --1o: 0;
    border-right-width: calc(1px * var(--1o));
    border-left-width: calc(1px * calc(1 - var(--1o)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
    --1p: 0;
    border-top-width: calc(1px * calc(1 - var(--1p)));
    border-bottom-width: calc(1px * var(--1p));
}

.divide-x2 > :not([hidden]) ~ :not([hidden]){
    --1l: 1;
    border-color: rgb(var(--bg2) / var(--1l, 1));
}

.divide-x3 > :not([hidden]) ~ :not([hidden]){
    --1l: 1;
    border-color: rgb(var(--bg3) / var(--1l, 1));
}

.divide-x4 > :not([hidden]) ~ :not([hidden]){
    --1l: 1;
    border-color: rgb(var(--bg4) / var(--1l, 1));
}

.self-start{
    align-self: flex-start;
}

.self-end{
    align-self: flex-end;
}

.overflow-auto{
    overflow: auto;
}

.overflow-hidden{
    overflow: hidden;
}

.overflow-x-auto{
    overflow-x: auto;
}

.overflow-y-auto{
    overflow-y: auto;
}

.overflow-x-hidden{
    overflow-x: hidden;
}

.overflow-y-hidden{
    overflow-y: hidden;
}

.overflow-x-scroll{
    overflow-x: scroll;
}

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

.whitespace-nowrap{
    white-space: nowrap;
}

.break-words{
    overflow-wrap: break-word;
}

.break-all{
    word-break: break-all;
}

.rounded{
    border-radius: 0.25rem;
}

.rounded-full{
    border-radius: 9999px;
}

.rounded-lg{
    border-radius: 0.5rem;
}

.rounded-md{
    border-radius: 0.375rem;
}

.rounded-none{
    border-radius: 0px;
}

.rounded-sm{
    border-radius: 0.125rem;
}

.rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.\!border-0{
    border-width: 0px !important;
}

.border{
    border-width: 1px;
}

.border-0{
    border-width: 0px;
}

.border-2{
    border-width: 2px;
}

.border-y{
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.border-b{
    border-bottom-width: 1px;
}

.border-l{
    border-left-width: 1px;
}

.border-l-2{
    border-left-width: 2px;
}

.border-r{
    border-right-width: 1px;
}

.border-t{
    border-top-width: 1px;
}

.border-t-2{
    border-top-width: 2px;
}

.border-none{
    border-style: none;
}

.\!border-white{
    --1k: 1 !important;
    border-color: rgb(255 255 255 / var(--1k, 1)) !important;
}

.border-black{
    --1k: 1;
    border-color: rgb(0 0 0 / var(--1k, 1));
}

.border-gray-200{
    --1k: 1;
    border-color: rgb(229 231 235 / var(--1k, 1));
}

.border-gray-300{
    --1k: 1;
    border-color: rgb(209 213 219 / var(--1k, 1));
}

.border-gray-400{
    --1k: 1;
    border-color: rgb(156 163 175 / var(--1k, 1));
}

.border-green-200{
    --1k: 1;
    border-color: rgb(187 247 208 / var(--1k, 1));
}

.border-neutral-200{
    --1k: 1;
    border-color: rgb(229 229 229 / var(--1k, 1));
}

.border-transparent{
    border-color: transparent;
}

.border-x1{
    --1k: 1;
    border-color: rgb(var(--bg1) / var(--1k, 1));
}

.border-x2{
    --1k: 1;
    border-color: rgb(var(--bg2) / var(--1k, 1));
}

.border-x3{
    --1k: 1;
    border-color: rgb(var(--bg3) / var(--1k, 1));
}

.border-x4{
    --1k: 1;
    border-color: rgb(var(--bg4) / var(--1k, 1));
}

.border-x5{
    --1k: 1;
    border-color: rgb(var(--bg5) / var(--1k, 1));
}

.border-x6{
    --1k: 1;
    border-color: rgb(var(--bg6) / var(--1k, 1));
}

.border-l-red-500{
    --1k: 1;
    border-left-color: rgb(239 68 68 / var(--1k, 1));
}

.\!bg-white{
    --1h: 1 !important;
    background-color: rgb(255 255 255 / var(--1h, 1)) !important;
}

.\!bg-x1{
    --1h: 1 !important;
    background-color: rgb(var(--bg1) / var(--1h, 1)) !important;
}

.bg-black\/10{
    background-color: rgb(0 0 0 / 0.1);
}

.bg-blue-700{
    --1h: 1;
    background-color: rgb(29 78 216 / var(--1h, 1));
}

.bg-gray-100{
    --1h: 1;
    background-color: rgb(243 244 246 / var(--1h, 1));
}

.bg-gray-200{
    --1h: 1;
    background-color: rgb(229 231 235 / var(--1h, 1));
}

.bg-gray-200\/80{
    background-color: rgb(229 231 235 / 0.8);
}

.bg-gray-300{
    --1h: 1;
    background-color: rgb(209 213 219 / var(--1h, 1));
}

.bg-gray-500\/75{
    background-color: rgb(107 114 128 / 0.75);
}

.bg-gray-600{
    --1h: 1;
    background-color: rgb(75 85 99 / var(--1h, 1));
}

.bg-green-400{
    --1h: 1;
    background-color: rgb(74 222 128 / var(--1h, 1));
}

.bg-green-50{
    --1h: 1;
    background-color: rgb(240 253 244 / var(--1h, 1));
}

.bg-green-500{
    --1h: 1;
    background-color: rgb(34 197 94 / var(--1h, 1));
}

.bg-indigo-200{
    --1h: 1;
    background-color: rgb(199 210 254 / var(--1h, 1));
}

.bg-indigo-200\/60{
    background-color: rgb(199 210 254 / 0.6);
}

.bg-indigo-300{
    --1h: 1;
    background-color: rgb(165 180 252 / var(--1h, 1));
}

.bg-indigo-400{
    --1h: 1;
    background-color: rgb(129 140 248 / var(--1h, 1));
}

.bg-indigo-800{
    --1h: 1;
    background-color: rgb(55 48 163 / var(--1h, 1));
}

.bg-indigo-900{
    --1h: 1;
    background-color: rgb(49 46 129 / var(--1h, 1));
}

.bg-neutral-200{
    --1h: 1;
    background-color: rgb(229 229 229 / var(--1h, 1));
}

.bg-red-500\/20{
    background-color: rgb(239 68 68 / 0.2);
}

.bg-reverse{
    --1h: 1;
    background-color: rgb(var(--bg-reverse) / var(--1h, 1));
}

.bg-reverse\/10{
    background-color: rgb(var(--bg-reverse) / 0.1);
}

.bg-teal-600{
    --1h: 1;
    background-color: rgb(13 148 136 / var(--1h, 1));
}

.bg-transparent{
    background-color: transparent;
}

.bg-white{
    --1h: 1;
    background-color: rgb(255 255 255 / var(--1h, 1));
}

.bg-x0{
    --1h: 1;
    background-color: rgb(var(--bg0) / var(--1h, 1));
}

.bg-x0\/80{
    background-color: rgb(var(--bg0) / 0.8);
}

.bg-x1{
    --1h: 1;
    background-color: rgb(var(--bg1) / var(--1h, 1));
}

.bg-x1\/50{
    background-color: rgb(var(--bg1) / 0.5);
}

.bg-x2{
    --1h: 1;
    background-color: rgb(var(--bg2) / var(--1h, 1));
}

.bg-x2\/80{
    background-color: rgb(var(--bg2) / 0.8);
}

.bg-x3{
    --1h: 1;
    background-color: rgb(var(--bg3) / var(--1h, 1));
}

.bg-x4{
    --1h: 1;
    background-color: rgb(var(--bg4) / var(--1h, 1));
}

.\!bg-opacity-30{
    --1h: 0.3 !important;
}

.\!bg-opacity-50{
    --1h: 0.5 !important;
}

.bg-opacity-80{
    --1h: 0.8;
}

.bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--1q));
}

.from-teal-600{
    --1r: #0d9488 var(--d);
    --1s: rgb(13 148 136 / 0) var(--f);
    --1q: var(--1r), var(--1s);
}

.from-0\%{
    --d: 0%;
}

.fill-red-500{
    fill: #ef4444;
}

.object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}

.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}

.object-fill{
    -o-object-fit: fill;
       object-fit: fill;
}

.\!p-0{
    padding: 0px !important;
}

.p-0{
    padding: 0px;
}

.p-1{
    padding: 0.25rem;
}

.p-2{
    padding: 0.5rem;
}

.p-3{
    padding: 0.75rem;
}

.p-4{
    padding: 1rem;
}

.p-5{
    padding: 1.25rem;
}

.p-6{
    padding: 1.5rem;
}

.p-9{
    padding: 2.25rem;
}

.p-px{
    padding: 1px;
}

.px-0{
    padding-left: 0px;
    padding-right: 0px;
}

.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

.py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}

.py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

.py-px{
    padding-top: 1px;
    padding-bottom: 1px;
}

.pb-1{
    padding-bottom: 0.25rem;
}

.pb-10{
    padding-bottom: 2.5rem;
}

.pb-12{
    padding-bottom: 3rem;
}

.pb-2{
    padding-bottom: 0.5rem;
}

.pb-3{
    padding-bottom: 0.75rem;
}

.pb-3\.5{
    padding-bottom: 0.875rem;
}

.pb-5{
    padding-bottom: 1.25rem;
}

.pb-9{
    padding-bottom: 2.25rem;
}

.pl-0\.5{
    padding-left: 0.125rem;
}

.pl-1{
    padding-left: 0.25rem;
}

.pl-2{
    padding-left: 0.5rem;
}

.pl-3{
    padding-left: 0.75rem;
}

.pl-4{
    padding-left: 1rem;
}

.pl-5{
    padding-left: 1.25rem;
}

.pl-px{
    padding-left: 1px;
}

.pr-1{
    padding-right: 0.25rem;
}

.pr-10{
    padding-right: 2.5rem;
}

.pr-2{
    padding-right: 0.5rem;
}

.pr-3{
    padding-right: 0.75rem;
}

.pr-4{
    padding-right: 1rem;
}

.pr-6{
    padding-right: 1.5rem;
}

.pr-7{
    padding-right: 1.75rem;
}

.pt-1\.5{
    padding-top: 0.375rem;
}

.pt-2{
    padding-top: 0.5rem;
}

.pt-3{
    padding-top: 0.75rem;
}

.pt-4{
    padding-top: 1rem;
}

.pt-5{
    padding-top: 1.25rem;
}

.pt-6{
    padding-top: 1.5rem;
}

.pt-8{
    padding-top: 2rem;
}

.pt-px{
    padding-top: 1px;
}

.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}

.text-right{
    text-align: right;
}

.font-mono{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans{
    font-family: Figtree, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.text-5xl{
    font-size: 3rem;
    line-height: 1;
}

.text-6xl{
    font-size: 3.75rem;
    line-height: 1;
}

.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-bold{
    font-weight: 700;
}

.font-medium{
    font-weight: 500;
}

.font-normal{
    font-weight: 400;
}

.font-semibold{
    font-weight: 600;
}

.uppercase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

.italic{
    font-style: italic;
}

.leading-5{
    line-height: 1.25rem;
}

.leading-7{
    line-height: 1.75rem;
}

.leading-none{
    line-height: 1;
}

.leading-snug{
    line-height: 1.375;
}

.leading-tight{
    line-height: 1.25;
}

.tracking-wider{
    letter-spacing: 0.05em;
}

.text-black{
    --1i: 1;
    color: rgb(0 0 0 / var(--1i, 1));
}

.text-blue-500{
    --1i: 1;
    color: rgb(59 130 246 / var(--1i, 1));
}

.text-blue-700{
    --1i: 1;
    color: rgb(29 78 216 / var(--1i, 1));
}

.text-gray-200{
    --1i: 1;
    color: rgb(229 231 235 / var(--1i, 1));
}

.text-gray-300{
    --1i: 1;
    color: rgb(209 213 219 / var(--1i, 1));
}

.text-gray-400{
    --1i: 1;
    color: rgb(156 163 175 / var(--1i, 1));
}

.text-gray-50{
    --1i: 1;
    color: rgb(249 250 251 / var(--1i, 1));
}

.text-gray-500{
    --1i: 1;
    color: rgb(107 114 128 / var(--1i, 1));
}

.text-gray-600{
    --1i: 1;
    color: rgb(75 85 99 / var(--1i, 1));
}

.text-gray-700{
    --1i: 1;
    color: rgb(55 65 81 / var(--1i, 1));
}

.text-gray-900{
    --1i: 1;
    color: rgb(17 24 39 / var(--1i, 1));
}

.text-green-400{
    --1i: 1;
    color: rgb(74 222 128 / var(--1i, 1));
}

.text-green-500{
    --1i: 1;
    color: rgb(34 197 94 / var(--1i, 1));
}

.text-green-600{
    --1i: 1;
    color: rgb(22 163 74 / var(--1i, 1));
}

.text-green-700{
    --1i: 1;
    color: rgb(21 128 61 / var(--1i, 1));
}

.text-green-800{
    --1i: 1;
    color: rgb(22 101 52 / var(--1i, 1));
}

.text-green-900{
    --1i: 1;
    color: rgb(20 83 45 / var(--1i, 1));
}

.text-indigo-400{
    --1i: 1;
    color: rgb(129 140 248 / var(--1i, 1));
}

.text-indigo-600{
    --1i: 1;
    color: rgb(79 70 229 / var(--1i, 1));
}

.text-indigo-800{
    --1i: 1;
    color: rgb(55 48 163 / var(--1i, 1));
}

.text-neutral-500{
    --1i: 1;
    color: rgb(115 115 115 / var(--1i, 1));
}

.text-neutral-800{
    --1i: 1;
    color: rgb(38 38 38 / var(--1i, 1));
}

.text-orange-700{
    --1i: 1;
    color: rgb(194 65 12 / var(--1i, 1));
}

.text-purple-500{
    --1i: 1;
    color: rgb(168 85 247 / var(--1i, 1));
}

.text-red-400{
    --1i: 1;
    color: rgb(248 113 113 / var(--1i, 1));
}

.text-red-500{
    --1i: 1;
    color: rgb(239 68 68 / var(--1i, 1));
}

.text-red-600{
    --1i: 1;
    color: rgb(220 38 38 / var(--1i, 1));
}

.text-red-800{
    --1i: 1;
    color: rgb(153 27 27 / var(--1i, 1));
}

.text-reverse{
    --1i: 1;
    color: rgb(var(--bg-reverse) / var(--1i, 1));
}

.text-white{
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.text-x0{
    --1i: 1;
    color: rgb(var(--bg0) / var(--1i, 1));
}

.text-x1{
    --1i: 1;
    color: rgb(var(--bg1) / var(--1i, 1));
}

.underline{
    text-decoration-line: underline;
}

.decoration-0{
    text-decoration-thickness: 0px;
}

.antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.\!opacity-25{
    opacity: 0.25 !important;
}

.\!opacity-30{
    opacity: 0.3 !important;
}

.\!opacity-40{
    opacity: 0.4 !important;
}

.\!opacity-50{
    opacity: 0.5 !important;
}

.opacity-0{
    opacity: 0;
}

.opacity-100{
    opacity: 1;
}

.opacity-20{
    opacity: 0.2;
}

.opacity-25{
    opacity: 0.25;
}

.opacity-30{
    opacity: 0.3;
}

.opacity-50{
    opacity: 0.5;
}

.opacity-60{
    opacity: 0.6;
}

.opacity-70{
    opacity: 0.7;
}

.opacity-75{
    opacity: 0.75;
}

.opacity-80{
    opacity: 0.8;
}

.shadow{
    --r: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --s: 0 1px 3px 0 var(--1t), 0 1px 2px -1px var(--1t);
    box-shadow: var(--p, 0 0 #0000), var(--q, 0 0 #0000), var(--r);
}

.shadow-lg{
    --r: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --s: 0 10px 15px -3px var(--1t), 0 4px 6px -4px var(--1t);
    box-shadow: var(--p, 0 0 #0000), var(--q, 0 0 #0000), var(--r);
}

.shadow-md{
    --r: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --s: 0 4px 6px -1px var(--1t), 0 2px 4px -2px var(--1t);
    box-shadow: var(--p, 0 0 #0000), var(--q, 0 0 #0000), var(--r);
}

.shadow-sm{
    --r: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --s: 0 1px 2px 0 var(--1t);
    box-shadow: var(--p, 0 0 #0000), var(--q, 0 0 #0000), var(--r);
}

.shadow-xl{
    --r: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --s: 0 20px 25px -5px var(--1t), 0 8px 10px -6px var(--1t);
    box-shadow: var(--p, 0 0 #0000), var(--q, 0 0 #0000), var(--r);
}

.shadow-x4{
    --1t: rgb(var(--bg4) / 1);
    --r: var(--s);
}

.shadow-x5{
    --1t: rgb(var(--bg5) / 1);
    --r: var(--s);
}

.\!ring-0{
    --p: var(--l) 0 0 0 var(--m) var(--n) !important;
    --q: var(--l) 0 0 0 calc(0px + var(--m)) var(--o) !important;
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000) !important;
}

.ring-1{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(1px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.ring-8{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(8px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.ring-gray-300{
    --1j: 1;
    --o: rgb(209 213 219 / var(--1j, 1));
}

.ring-gray-900\/5{
    --o: rgb(17 24 39 / 0.05);
}

.ring-x0{
    --1j: 1;
    --o: rgb(var(--bg0) / var(--1j, 1));
}

.ring-x3{
    --1j: 1;
    --o: rgb(var(--bg3) / var(--1j, 1));
}

.ring-opacity-5{
    --1j: 0.05;
}

.blur{
    --t: blur(8px);
    filter: var(--t) var(--u) var(--v) var(--w) var(--x) var(--y) var(--z) var(--10) var(--11);
}

.filter{
    filter: var(--t) var(--u) var(--v) var(--w) var(--x) var(--y) var(--z) var(--10) var(--11);
}

.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-\[grid-template-rows\]{
    transition-property: grid-template-rows;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-\[left\]{
    transition-property: left;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-\[padding\]{
    transition-property: padding;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-150{
    transition-duration: 150ms;
}

.duration-200{
    transition-duration: 200ms;
}

.duration-300{
    transition-duration: 300ms;
}

.duration-500{
    transition-duration: 500ms;
}

.duration-75{
    transition-duration: 75ms;
}

.ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

body,
html,
#app {
    /*noinspection CssInvalidPropertyValue*/
    height: -webkit-fill-available;
    /*overflow-y: auto;*/
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 500ms ease-out;
}

#nprogress .bar {
    background: #4f46e5 !important;
    height: 5px !important;
}

/* anton-vietnamese-400-normal */

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/anton-vietnamese-400-normal-Ophpuo_x.woff2) format('woff2'), url(/build/assets/anton-vietnamese-400-normal-B7WhQ-gz.woff) format('woff');
  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;
}

/* anton-latin-ext-400-normal */

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/anton-latin-ext-400-normal-C4DWxNwG.woff2) format('woff2'), url(/build/assets/anton-latin-ext-400-normal-BGzEkNa2.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* anton-latin-400-normal */

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/anton-latin-400-normal-CgrieXVz.woff2) format('woff2'), url(/build/assets/anton-latin-400-normal-B3yWuKjA.woff) format('woff');
  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;
}

html{
    color-scheme: light;
}

.font-anton,
main h1, main h2, main h3{
    text-transform: uppercase;
    letter-spacing: 1px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Anton', 'Figtree Variable', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

main h2{
        font-size: 28px;
        line-height: 1.2em;
        font-weight: 400;
    }

main h3{
        font-size: 20px;
        letter-spacing: 1.5px;
        line-height: 1.2em;
    }

main.content {
    scrollbar-gutter: unset;
}

.h-screen{
  max-height: 100vh;
  max-height: 100dvh;
  /*max-height: -webkit-fill-available;*/
}

.text-2xs {
  font-size: 0.625rem /* 10px */;
  line-height: 0.75rem/* 12px */;
}

.text-3xs {
  font-size: 0.25rem;
  line-height: 0.3rem;
}

.text-4xs {
  font-size: 0.125rem;
  line-height: 0.15rem;
}

:root, * {
    scroll-behavior: smooth !important;
}

#footer .ic::before{
    margin-top: -2px;
}

.vue-advanced-cropper{
    height: 100%;
}

.placeholder\:text-gray-400::-moz-placeholder{
    --1i: 1;
    color: rgb(156 163 175 / var(--1i, 1));
}

.placeholder\:text-gray-400::placeholder{
    --1i: 1;
    color: rgb(156 163 175 / var(--1i, 1));
}

.placeholder\:opacity-50::-moz-placeholder{
    opacity: 0.5;
}

.placeholder\:opacity-50::placeholder{
    opacity: 0.5;
}

.before\:text-black::before{
    content: var(--1f);
    --1i: 1;
    color: rgb(0 0 0 / var(--1i, 1));
}

.before\:shadow-x0::before{
    content: var(--1f);
    --1t: rgb(var(--bg0) / 1);
    --r: var(--s);
}

.first\:ml-0:first-child{
    margin-left: 0px;
}

.last\:mr-0:last-child{
    margin-right: 0px;
}

.even\:bg-x1:nth-child(even){
    --1h: 1;
    background-color: rgb(var(--bg1) / var(--1h, 1));
}

.default\:col-span-full:default{
    grid-column: 1 / -1;
}

.default\:row-span-1:default{
    grid-row: span 1 / span 1;
}

.hover\:rounded-b-md:hover{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.hover\:rounded-t-md:hover{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.hover\:border-gray-100:hover{
    --1k: 1;
    border-color: rgb(243 244 246 / var(--1k, 1));
}

.hover\:bg-black\/5:hover{
    background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-blue-800:hover{
    --1h: 1;
    background-color: rgb(30 64 175 / var(--1h, 1));
}

.hover\:bg-gray-100:hover{
    --1h: 1;
    background-color: rgb(243 244 246 / var(--1h, 1));
}

.hover\:bg-gray-100\/75:hover{
    background-color: rgb(243 244 246 / 0.75);
}

.hover\:bg-gray-200:hover{
    --1h: 1;
    background-color: rgb(229 231 235 / var(--1h, 1));
}

.hover\:bg-gray-500:hover{
    --1h: 1;
    background-color: rgb(107 114 128 / var(--1h, 1));
}

.hover\:bg-gray-700\/70:hover{
    background-color: rgb(55 65 81 / 0.7);
}

.hover\:bg-green-500:hover{
    --1h: 1;
    background-color: rgb(34 197 94 / var(--1h, 1));
}

.hover\:bg-indigo-300:hover{
    --1h: 1;
    background-color: rgb(165 180 252 / var(--1h, 1));
}

.hover\:bg-white:hover{
    --1h: 1;
    background-color: rgb(255 255 255 / var(--1h, 1));
}

.hover\:bg-x0\/5:hover{
    background-color: rgb(var(--bg0) / 0.05);
}

.hover\:bg-x1:hover{
    --1h: 1;
    background-color: rgb(var(--bg1) / var(--1h, 1));
}

.hover\:bg-x2:hover{
    --1h: 1;
    background-color: rgb(var(--bg2) / var(--1h, 1));
}

.hover\:bg-x3:hover{
    --1h: 1;
    background-color: rgb(var(--bg3) / var(--1h, 1));
}

.hover\:text-gray-400:hover{
    --1i: 1;
    color: rgb(156 163 175 / var(--1i, 1));
}

.hover\:text-gray-500:hover{
    --1i: 1;
    color: rgb(107 114 128 / var(--1i, 1));
}

.hover\:text-green-400:hover{
    --1i: 1;
    color: rgb(74 222 128 / var(--1i, 1));
}

.hover\:text-neutral-700:hover{
    --1i: 1;
    color: rgb(64 64 64 / var(--1i, 1));
}

.hover\:text-purple-600:hover{
    --1i: 1;
    color: rgb(147 51 234 / var(--1i, 1));
}

.hover\:text-opacity-70:hover{
    --1i: 0.7;
}

.hover\:text-opacity-80:hover{
    --1i: 0.8;
}

.hover\:underline:hover{
    text-decoration-line: underline;
}

.hover\:opacity-70:hover{
    opacity: 0.7;
}

.hover\:opacity-90:hover{
    opacity: 0.9;
}

.focus\:z-10:focus{
    z-index: 10;
}

.focus\:\!border-0:focus{
    border-width: 0px !important;
}

.focus\:border-blue-300:focus{
    --1k: 1;
    border-color: rgb(147 197 253 / var(--1k, 1));
}

.focus\:text-gray-500:focus{
    --1i: 1;
    color: rgb(107 114 128 / var(--1i, 1));
}

.focus\:\!outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}

.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:\!ring-0:focus{
    --p: var(--l) 0 0 0 var(--m) var(--n) !important;
    --q: var(--l) 0 0 0 calc(0px + var(--m)) var(--o) !important;
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000) !important;
}

.focus\:ring:focus{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(3px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.focus\:ring-0:focus{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(0px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.focus\:ring-2:focus{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(2px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.focus\:ring-4:focus{
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(4px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.focus\:ring-blue-300:focus{
    --1j: 1;
    --o: rgb(147 197 253 / var(--1j, 1));
}

.focus\:ring-indigo-500:focus{
    --1j: 1;
    --o: rgb(99 102 241 / var(--1j, 1));
}

.active\:bg-black\/10:active{
    background-color: rgb(0 0 0 / 0.1);
}

.active\:bg-gray-100:active{
    --1h: 1;
    background-color: rgb(243 244 246 / var(--1h, 1));
}

.active\:text-gray-500:active{
    --1i: 1;
    color: rgb(107 114 128 / var(--1i, 1));
}

.active\:text-gray-700:active{
    --1i: 1;
    color: rgb(55 65 81 / var(--1i, 1));
}

.active\:text-neutral-800:active{
    --1i: 1;
    color: rgb(38 38 38 / var(--1i, 1));
}

.active\:text-purple-600:active{
    --1i: 1;
    color: rgb(147 51 234 / var(--1i, 1));
}

.disabled\:opacity-50:disabled{
    opacity: 0.5;
}

.group:hover .group-hover\:opacity-100{
    opacity: 1;
}

.group:hover .group-hover\:opacity-50{
    opacity: 0.5;
}

.group:hover .group-hover\:hover\:opacity-70:hover{
    opacity: 0.7;
}

.dark\:block:is(.dark *){
    display: block;
}

.dark\:hidden:is(.dark *){
    display: none;
}

.dark\:border:is(.dark *){
    border-width: 1px;
}

.dark\:border-gray-600:is(.dark *){
    --1k: 1;
    border-color: rgb(75 85 99 / var(--1k, 1));
}

.dark\:border-gray-700:is(.dark *){
    --1k: 1;
    border-color: rgb(55 65 81 / var(--1k, 1));
}

.dark\:border-gray-800:is(.dark *){
    --1k: 1;
    border-color: rgb(31 41 55 / var(--1k, 1));
}

.dark\:border-gray-900:is(.dark *){
    --1k: 1;
    border-color: rgb(17 24 39 / var(--1k, 1));
}

.dark\:border-green-900:is(.dark *){
    --1k: 1;
    border-color: rgb(20 83 45 / var(--1k, 1));
}

.dark\:border-neutral-800:is(.dark *){
    --1k: 1;
    border-color: rgb(38 38 38 / var(--1k, 1));
}

.dark\:border-l-red-500:is(.dark *){
    --1k: 1;
    border-left-color: rgb(239 68 68 / var(--1k, 1));
}

.dark\:bg-black:is(.dark *){
    --1h: 1;
    background-color: rgb(0 0 0 / var(--1h, 1));
}

.dark\:bg-blue-600:is(.dark *){
    --1h: 1;
    background-color: rgb(37 99 235 / var(--1h, 1));
}

.dark\:bg-gray-700:is(.dark *){
    --1h: 1;
    background-color: rgb(55 65 81 / var(--1h, 1));
}

.dark\:bg-gray-700\/75:is(.dark *){
    background-color: rgb(55 65 81 / 0.75);
}

.dark\:bg-gray-800:is(.dark *){
    --1h: 1;
    background-color: rgb(31 41 55 / var(--1h, 1));
}

.dark\:bg-gray-900:is(.dark *){
    --1h: 1;
    background-color: rgb(17 24 39 / var(--1h, 1));
}

.dark\:bg-gray-900\/80:is(.dark *){
    background-color: rgb(17 24 39 / 0.8);
}

.dark\:bg-gray-950\/95:is(.dark *){
    background-color: rgb(3 7 18 / 0.95);
}

.dark\:bg-green-800:is(.dark *){
    --1h: 1;
    background-color: rgb(22 101 52 / var(--1h, 1));
}

.dark\:bg-green-950:is(.dark *){
    --1h: 1;
    background-color: rgb(5 46 22 / var(--1h, 1));
}

.dark\:bg-indigo-800:is(.dark *){
    --1h: 1;
    background-color: rgb(55 48 163 / var(--1h, 1));
}

.dark\:bg-indigo-900:is(.dark *){
    --1h: 1;
    background-color: rgb(49 46 129 / var(--1h, 1));
}

.dark\:bg-neutral-800:is(.dark *){
    --1h: 1;
    background-color: rgb(38 38 38 / var(--1h, 1));
}

.dark\:bg-red-500\/20:is(.dark *){
    background-color: rgb(239 68 68 / 0.2);
}

.dark\:bg-transparent:is(.dark *){
    background-color: transparent;
}

.dark\:bg-white\/20:is(.dark *){
    background-color: rgb(255 255 255 / 0.2);
}

.dark\:bg-opacity-70:is(.dark *){
    --1h: 0.7;
}

.dark\:text-blue-500:is(.dark *){
    --1i: 1;
    color: rgb(59 130 246 / var(--1i, 1));
}

.dark\:text-current:is(.dark *){
    color: currentColor;
}

.dark\:text-gray-100:is(.dark *){
    --1i: 1;
    color: rgb(243 244 246 / var(--1i, 1));
}

.dark\:text-gray-300:is(.dark *){
    --1i: 1;
    color: rgb(209 213 219 / var(--1i, 1));
}

.dark\:text-gray-400:is(.dark *){
    --1i: 1;
    color: rgb(156 163 175 / var(--1i, 1));
}

.dark\:text-gray-600:is(.dark *){
    --1i: 1;
    color: rgb(75 85 99 / var(--1i, 1));
}

.dark\:text-gray-950:is(.dark *){
    --1i: 1;
    color: rgb(3 7 18 / var(--1i, 1));
}

.dark\:text-green-400:is(.dark *){
    --1i: 1;
    color: rgb(74 222 128 / var(--1i, 1));
}

.dark\:text-neutral-200:is(.dark *){
    --1i: 1;
    color: rgb(229 229 229 / var(--1i, 1));
}

.dark\:text-neutral-400:is(.dark *){
    --1i: 1;
    color: rgb(163 163 163 / var(--1i, 1));
}

.dark\:text-purple-400:is(.dark *){
    --1i: 1;
    color: rgb(192 132 252 / var(--1i, 1));
}

.dark\:text-red-400:is(.dark *){
    --1i: 1;
    color: rgb(248 113 113 / var(--1i, 1));
}

.dark\:text-white:is(.dark *){
    --1i: 1;
    color: rgb(255 255 255 / var(--1i, 1));
}

.dark\:opacity-30:is(.dark *){
    opacity: 0.3;
}

.dark\:shadow-stone-800:is(.dark *){
    --1t: #292524;
    --r: var(--s);
}

.dark\:shadow-x3:is(.dark *){
    --1t: rgb(var(--bg3) / 1);
    --r: var(--s);
}

.dark\:ring-1:is(.dark *){
    --p: var(--l) 0 0 0 var(--m) var(--n);
    --q: var(--l) 0 0 0 calc(1px + var(--m)) var(--o);
    box-shadow: var(--p), var(--q), var(--r, 0 0 #0000);
}

.dark\:ring-gray-800:is(.dark *){
    --1j: 1;
    --o: rgb(31 41 55 / var(--1j, 1));
}

.dark\:ring-offset-0:is(.dark *){
    --m: 0px;
}

.dark\:hover\:border-gray-600:hover:is(.dark *){
    --1k: 1;
    border-color: rgb(75 85 99 / var(--1k, 1));
}

.dark\:hover\:bg-blue-700:hover:is(.dark *){
    --1h: 1;
    background-color: rgb(29 78 216 / var(--1h, 1));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
    --1h: 1;
    background-color: rgb(55 65 81 / var(--1h, 1));
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
    --1h: 1;
    background-color: rgb(31 41 55 / var(--1h, 1));
}

.dark\:hover\:bg-gray-800\/75:hover:is(.dark *){
    background-color: rgb(31 41 55 / 0.75);
}

.dark\:hover\:bg-white\/10:hover:is(.dark *){
    background-color: rgb(255 255 255 / 0.1);
}

.hover\:dark\:bg-indigo-900:is(.dark *):hover{
    --1h: 1;
    background-color: rgb(49 46 129 / var(--1h, 1));
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
    --1i: 1;
    color: rgb(209 213 219 / var(--1i, 1));
}

.dark\:hover\:text-gray-500:hover:is(.dark *){
    --1i: 1;
    color: rgb(107 114 128 / var(--1i, 1));
}

.dark\:hover\:text-neutral-300:hover:is(.dark *){
    --1i: 1;
    color: rgb(212 212 212 / var(--1i, 1));
}

.dark\:hover\:text-purple-300:hover:is(.dark *){
    --1i: 1;
    color: rgb(216 180 254 / var(--1i, 1));
}

.dark\:focus\:border-blue-700:focus:is(.dark *){
    --1k: 1;
    border-color: rgb(29 78 216 / var(--1k, 1));
}

.dark\:focus\:border-blue-800:focus:is(.dark *){
    --1k: 1;
    border-color: rgb(30 64 175 / var(--1k, 1));
}

.dark\:focus\:text-gray-500:focus:is(.dark *){
    --1i: 1;
    color: rgb(107 114 128 / var(--1i, 1));
}

.dark\:focus\:ring-blue-800:focus:is(.dark *){
    --1j: 1;
    --o: rgb(30 64 175 / var(--1j, 1));
}

.dark\:focus\:ring-indigo-600:focus:is(.dark *){
    --1j: 1;
    --o: rgb(79 70 229 / var(--1j, 1));
}

.dark\:focus\:ring-offset-gray-800:focus:is(.dark *){
    --n: #1f2937;
}

.dark\:active\:bg-gray-700:active:is(.dark *){
    --1h: 1;
    background-color: rgb(55 65 81 / var(--1h, 1));
}

.dark\:active\:text-gray-300:active:is(.dark *){
    --1i: 1;
    color: rgb(209 213 219 / var(--1i, 1));
}

.dark\:active\:text-neutral-200:active:is(.dark *){
    --1i: 1;
    color: rgb(229 229 229 / var(--1i, 1));
}

.dark\:active\:text-purple-400:active:is(.dark *){
    --1i: 1;
    color: rgb(192 132 252 / var(--1i, 1));
}

@media not all and (min-width: 768px){

    .max-md\:hidden{
        display: none;
    }

    .max-md\:h-1\/3{
        height: 33.333333%;
    }

    .max-md\:h-2\/3{
        height: 66.666667%;
    }

    .max-md\:scale-150{
        --7: 1.5;
        --8: 1.5;
        transform: translate(var(--2), var(--3)) rotate(var(--4)) skewX(var(--5)) skewY(var(--6)) scaleX(var(--7)) scaleY(var(--8));
    }

    .max-md\:flex-col{
        flex-direction: column;
    }

    .max-md\:pb-3{
        padding-bottom: 0.75rem;
    }
}

@media not all and (min-width: 640px){

    .max-sm\:absolute{
        position: absolute;
    }

    .max-sm\:-top-2\.5{
        top: -0.625rem;
    }

    .max-sm\:left-3{
        left: 0.75rem;
    }

    .max-sm\:w-20{
        width: 5rem;
    }

    .max-sm\:w-auto{
        width: auto;
    }

    .max-sm\:w-full{
        width: 100%;
    }

    .max-sm\:bg-x1{
        --1h: 1;
        background-color: rgb(var(--bg1) / var(--1h, 1));
    }

    .max-sm\:p-0{
        padding: 0px;
    }

    .max-sm\:pt-2{
        padding-top: 0.5rem;
    }

    .max-sm\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .max-sm\:font-bold{
        font-weight: 700;
    }

    .max-sm\:opacity-80{
        opacity: 0.8;
    }
}

@media (max-width: 420px){

    .max-\[420px\]\:grid{
        display: grid;
    }
}

@media (min-width: 640px){

    .sm\:col-span-1{
        grid-column: span 1 / span 1;
    }

    .sm\:col-span-2{
        grid-column: span 2 / span 2;
    }

    .sm\:mt-10{
        margin-top: 2.5rem;
    }

    .sm\:flex{
        display: flex;
    }

    .sm\:hidden{
        display: none;
    }

    .sm\:flex-1{
        flex: 1 1 0%;
    }

    .sm\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:items-center{
        align-items: center;
    }

    .sm\:justify-start{
        justify-content: flex-start;
    }

    .sm\:justify-between{
        justify-content: space-between;
    }

    .sm\:gap-6{
        gap: 1.5rem;
    }

    .sm\:p-12{
        padding: 3rem;
    }

    .sm\:p-6{
        padding: 1.5rem;
    }

    .sm\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:py-5{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .sm\:pt-0{
        padding-top: 0px;
    }

    .sm\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 768px){

    .md\:right-14{
        right: 3.5rem;
    }

    .md\:right-4{
        right: 1rem;
    }

    .md\:top-3{
        top: 0.75rem;
    }

    .md\:block{
        display: block;
    }

    .md\:inline{
        display: inline;
    }

    .md\:flex{
        display: flex;
    }

    .md\:hidden{
        display: none;
    }

    .md\:w-1\/3{
        width: 33.333333%;
    }

    .md\:w-2\/3{
        width: 66.666667%;
    }

    .md\:w-auto{
        width: auto;
    }

    .md\:min-w-64{
        min-width: 16rem;
    }

    .md\:max-w-80{
        max-width: 20rem;
    }

    .md\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-row{
        flex-direction: row;
    }

    .md\:items-center{
        align-items: center;
    }

    .md\:justify-between{
        justify-content: space-between;
    }

    .md\:gap-2{
        gap: 0.5rem;
    }

    .md\:gap-5{
        gap: 1.25rem;
    }

    .md\:p-8{
        padding: 2rem;
    }

    .md\:px-12{
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .md\:px-2{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .md\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .md\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .md\:py-2{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .md\:py-9{
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }

    .md\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1024px){

    .lg\:block{
        display: block;
    }

    .lg\:inline-block{
        display: inline-block;
    }

    .lg\:w-4\/12{
        width: 33.333333%;
    }

    .lg\:w-6\/12{
        width: 50%;
    }

    .lg\:w-8\/12{
        width: 66.666667%;
    }

    .lg\:w-\[12rem\]{
        width: 12rem;
    }

    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:flex-row{
        flex-direction: row;
    }

    .lg\:border-r{
        border-right-width: 1px;
    }

    .lg\:p-5{
        padding: 1.25rem;
    }

    .lg\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .lg\:px-8{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:pl-2{
        padding-left: 0.5rem;
    }

    .lg\:pr-2{
        padding-right: 0.5rem;
    }

    .lg\:pt-0{
        padding-top: 0px;
    }

    .lg\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .lg\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .default\:lg\:col-span-6:default{
        grid-column: span 6 / span 6;
    }
}

@media (min-width: 1280px){

    .xl\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){
    flex-direction: row-reverse;
}