@charset "UTF-8";/* poppins-devanagari-400-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('https://vendor.staging.replicated.com/assets/poppins-devanagari-400-normal-DXhQFdtL.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-400-normal-CB-AqMbQ.woff') format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;
}
/* poppins-latin-ext-400-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('https://vendor.staging.replicated.com/assets/poppins-latin-ext-400-normal-CZnfsGfc.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-400-normal-CB-AqMbQ.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-400-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('https://vendor.staging.replicated.com/assets/poppins-latin-400-normal-cpxAROuN.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-400-normal-CB-AqMbQ.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* poppins-devanagari-500-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('https://vendor.staging.replicated.com/assets/poppins-devanagari-500-normal-CedCftIp.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-500-normal-CmrflhRp.woff') format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;
}
/* poppins-latin-ext-500-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('https://vendor.staging.replicated.com/assets/poppins-latin-ext-500-normal-CkbSfFoM.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-500-normal-CmrflhRp.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-500-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('https://vendor.staging.replicated.com/assets/poppins-latin-500-normal-C8OXljZJ.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-500-normal-CmrflhRp.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* poppins-devanagari-600-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('https://vendor.staging.replicated.com/assets/poppins-devanagari-600-normal-B64POISR.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-600-normal-DMv3R6c2.woff') format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;
}
/* poppins-latin-ext-600-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('https://vendor.staging.replicated.com/assets/poppins-latin-ext-600-normal-CjZjQJk3.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-600-normal-DMv3R6c2.woff') format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* poppins-latin-600-normal*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('https://vendor.staging.replicated.com/assets/poppins-latin-600-normal-zEkxB9Mr.woff2') format('woff2'), url('https://vendor.staging.replicated.com/assets/poppins-all-600-normal-DMv3R6c2.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-400-normal-ZzOtrSSW.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-400-normal-DCpCPQOf.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-400-normal-DxZsaF_h.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-400-normal-BZzXV7-1.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-vietnamese-400-normal-BUNmGMP1.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;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-400-normal-C1t-h-pH.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-400-normal-BOOGhInR.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-400-normal-gitzw0hO.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-500-normal-BShVwWPj.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-500-normal-CUiC4oBV.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-500-normal-D4Vwzodn.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-500-normal-DH2hs3aW.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-ext-500-normal-B6guLgqG.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-500-normal-M2hEX8vc.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-500-normal-CeQXL5ds.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-500-normal-d_eO-yCQ.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-vietnamese-500-normal-DQPw2Hwd.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;
}

/* inter-latin-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-ext-500-normal-CIS2RHJS.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-500-normal-UMdmhHu2.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-500-normal-D2bGa7uu.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-500-normal-deR1Tlfd.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-600-normal-Bt9VVOA-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-600-normal-BGBWG807.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-600-normal-BuzJQFbW.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-ext-600-normal-Cnui8OiR.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-600-normal-C9WLioJ8.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-600-normal-Dhlb-90d.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-600-normal-CwicyhtI.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-vietnamese-600-normal-Cm6aH8_k.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;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-ext-600-normal-BnYJhD27.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-600-normal-CAF0vJDd.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-600-normal-D273HNI0.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-600-normal-B5cFAncS.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-700-normal-ClVoMEGq.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-700-normal-Ced3hgUT.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-cyrillic-700-normal-bGtGjVdZ.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-700-normal-Bc8_fv8J.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-ext-700-normal-SzCdnevJ.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-700-normal-DXvzx4Na.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-greek-700-normal-Cxpycf-U.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-700-normal-BRYTaFLL.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-vietnamese-700-normal-CGpBpxLq.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-vietnamese-700-normal-dAnkLlTo.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;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-ext-700-normal-CzikT_rs.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-700-normal-6V9MnIL5.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://vendor.staging.replicated.com/assets/inter-latin-700-normal-Sckx8rpT.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-700-normal-B8MtJ_2k.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}.Footer-wrapper {
  background-color: white;
  position: relative;
  z-index: 400;
}

.Footer-wrapper.collapsible {
  height: 0;
  visibility: hidden;
  transition: all 0.1s ease-in-out;
}

.Footer-wrapper.Footer-wrapper.collapsible.is-visible {
  height: 40px;
  visibility: visible;
}

.FooterContent-wrapper {
  padding: 12px 0;
}

.FooterItem-wrapper a:hover {
  text-decoration: underline;
}

.FooterItem {
  font-size: 11px;
  padding: 0 10px;
  position: relative;
  color: #959595;
  font-weight: 500;
}

.FooterItem-wrapper:not(:first-child) .FooterItem::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 12px;
  left: 0;
  top: 0;
  background-color: #959595;
}.Login-wrapper {
  background: #f5f8f9;
}

.AuthIllustration-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  align-self: center;
  margin: 0 auto;
}

.Login-wrapper .Form-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.RememberMe-wrapper label {
  position: relative;
  top: 2px;
}

.ReplicatedLogoShadow {
  position: relative;
  background-position: top center;
  background-image: url("https://vendor.staging.replicated.com/assets/replicated-logo-red-DRW3wNsG.svg");
  background-repeat: no-repeat;
  background-size: 350px;
  width: 586px;
  height: 180px;
  margin: 70px 0 0 0;
}

.u-activationCode {
  background-image: url("data:image/svg+xml,%3csvg%20width='357'%20height='293'%20viewBox='0%200%20357%20293'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M274.688%20247.219H18.3125C8.204%20247.219%200%20239.015%200%20228.906V64.0938C0%2053.9853%208.204%2045.7812%2018.3125%2045.7812H274.688C284.796%2045.7812%20293%2053.9853%20293%2064.0938V228.906C293%20239.015%20284.796%20247.219%20274.688%20247.219Z'%20fill='%23CFE8F3'/%3e%3cpath%20d='M274.688%20247.219H18.3125C8.03919%20247.219%200%20239.18%200%20228.906C0%20225.995%201.39175%20223.248%203.73575%20221.526L141.079%20129.964C142.691%20128.774%20144.596%20128.188%20146.5%20128.188C148.404%20128.188%20150.309%20128.774%20151.92%20129.964L289.264%20221.526C291.608%20223.248%20293%20225.995%20293%20228.906C293%20239.18%20284.961%20247.219%20274.688%20247.219Z'%20fill='%23DAEFF8'/%3e%3cpath%20d='M274.688%2046H18.3125C8.03919%2046%200%2052.6962%200%2061.2533C0%2063.6786%201.39175%2065.9666%203.73575%2067.4004L141.153%20149.57C144.339%20151.477%20148.643%20151.477%20151.829%20149.57L289.246%2067.4004C291.608%2065.9666%20293%2063.6786%20293%2061.2533C293%2052.6962%20284.961%2046%20274.688%2046Z'%20fill='%23EFFAFF'/%3e%3crect%20x='168'%20y='163'%20width='189'%20height='55'%20rx='27.5'%20fill='%232E96C2'/%3e%3cpath%20d='M196.369%20175.92L196.458%20184.82L188.715%20180.192L185.778%20185.799L193.61%20190.16L185.778%20194.521L188.715%20199.95L196.547%20195.411L196.369%20204.4H202.421L202.243%20195.5L210.075%20200.128L213.101%20194.521L205.091%20190.16L213.101%20185.799L210.075%20180.281L202.332%20184.82L202.421%20175.92H196.369Z'%20fill='white'/%3e%3cpath%20d='M237.092%20175.92L237.181%20184.82L229.438%20180.192L226.501%20185.799L234.333%20190.16L226.501%20194.521L229.438%20199.95L237.27%20195.411L237.092%20204.4H243.144L242.966%20195.5L250.798%20200.128L253.824%20194.521L245.814%20190.16L253.824%20185.799L250.798%20180.281L243.055%20184.82L243.144%20175.92H237.092Z'%20fill='white'/%3e%3cpath%20d='M277.816%20175.92L277.905%20184.82L270.162%20180.192L267.225%20185.799L275.057%20190.16L267.225%20194.521L270.162%20199.95L277.994%20195.411L277.816%20204.4H283.868L283.69%20195.5L291.522%20200.128L294.548%20194.521L286.538%20190.16L294.548%20185.799L291.522%20180.281L283.779%20184.82L283.868%20175.92H277.816Z'%20fill='white'/%3e%3cpath%20d='M318.54%20175.92L318.629%20184.82L310.886%20180.192L307.949%20185.799L315.781%20190.16L307.949%20194.521L310.886%20199.95L318.718%20195.411L318.54%20204.4H324.592L324.414%20195.5L332.246%20200.128L335.272%20194.521L327.262%20190.16L335.272%20185.799L332.246%20180.281L324.503%20184.82L324.592%20175.92H318.54Z'%20fill='white'/%3e%3c/svg%3e");
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 350px;
  width: 350px;
  height: 280px;
}

.feature-list {
  width: 400px;
}

.feature-list-item {
  margin-bottom: 50px;
}

.feature-list-icon {
  margin-right: 30px;
}

.feature-list img {
  width: 70%;
  padding-top: 10px;
}

.feature-list h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600 !important;
  color: #f44247;
  font-size: 22px;
  line-height: 38px;
}

.feature-list p {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  color: #959595;
  font-size: 16px;
  line-height: 25px;
}

.auth-pages .form-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #6a77fb;
  font-size: 30px;
  text-align: left !important;
}
.auth-pages .form-title.error {
  color: #f44247;
}

.auth-pages .form-title-center {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #2e96c2;
  font-size: 30px;
  text-align: center !important;
}

.auth-pages .form-subhead {
  font-family: "Open Sans", sans-serif;
  color: #9b9b9b;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
}

.auth-pages label {
  font-family: "Open Sans", sans-serif;
  color: #6a77fb;
  font-size: 15px;
  line-height: 27px;
  font-weight: 500;
}

.auth-pages input {
  background-color: white;
  border-radius: 8px;
  padding: 15px 20px;
  color: #4f4f4f;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

.auth-pages ::-webkit-input-placeholder {
  /* Edge */
  color: #b3b3b3;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

.auth-pages :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b3b3b3;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

.auth-pages ::placeholder {
  color: #b3b3b3;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
}

/*-- Buttons --*/
.Button-new {
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  border: none;
  transform: translate(0, 0);
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
}

.Button-new:hover {
  border-bottom: none;
  transform: translate(0, 5px);
}

.Button-new.primary {
  color: white;
  background: #2e96c2 !important;
  border-bottom: 6px solid #1e7fa8 !important;
  transform: translate(0, 0);
}

.Button-new.primary:hover {
  border-bottom: none;
  transform: translate(0, 5px);
}

.Button-new.secondary {
  color: #4f4f4f;
  background: #f5f8f9 !important;
  border-bottom: 6px solid #c4c8ca !important;
  transform: translate(0, 0);
}

.Button-new.secondary:hover {
  border-bottom: none;
  transform: translate(0, 5px);
}

/* Two-factor auth cancel button */
.auth-pages .Button.secondary.gray {
  background-color: white;
  border: none;
  color: #9b9b9b;
  padding: 10px 18px;
}

.auth-pages .Button.primary {
  background-color: #1e7fa8;
  border: none;
  color: white;
  padding: 10px 18px;
}

.auth-pages .FormButton-wrapper {
  min-height: 54px;
}

.FormButton-wrapper-100 {
  min-height: 100px;
}

.btn-blue-pop {
  color: white;
  background: #4db9c0;
  padding: 10px 25px;
  border-radius: 7px;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #577981;
  transform: translate(0, 0);
  margin: 10px 0 20px 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  width: 100%;
  cursor: pointer;
}
.btn-blue-pop:disabled {
  background: #4db9c0;
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-blue-pop:hover {
  background: #38cc97;
}
.btn-blue-pop:hover:disabled {
  background: #4db9c0;
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-blue-pop-sm {
  color: white;
  background: #2e96c2;
  padding: 2px 10px !important;
  border-radius: 7px;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  border: none;
  border-bottom: 6px solid #1e7fa8;
  transform: translate(0, 0);
  margin: 10px 0 20px 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  width: 90%;
  cursor: pointer;
}
.btn-blue-pop-sm:disabled {
  cursor: not-allowed;
}

button:not([disabled]).btn-blue-pop-sm:hover {
  border-bottom: none;
  transform: translate(0, 5px);
}

.see-pass {
  position: absolute;
  top: 8px;
  right: 10px;
}

.code-resent {
  min-width: 110px;
  position: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(199, 247, 199, 0.75);
  color: #38cc97;
  padding: 14px 14px;
  line-height: normal;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
}

.auth-footer {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #c4c8ca !important;
}

.auth-footer a {
  color: #b3b3b3;
}

.auth-footer a:hover {
  color: #f44247;
  text-decoration: none;
}

.auth-footer span {
  color: #c4c8ca;
}

/* Custom checkbox */
.b-contain *,
.b-contain *::before,
.b-contain *::after {
  box-sizing: content-box !important;
}

.b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.b-contain span {
  line-height: 1.5rem;
  font-size: 0.9rem;
  font-family: inherit;
}

.b-contain {
  display: table;
  position: relative;
  padding-left: 2rem;
  margin: 10px 0 0 0;
  cursor: pointer;
}

.b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 5px;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: white;
  transition: background 250ms;
  border: 1px solid #c4c8ca;
  border-radius: 4px;
}

.b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transition: background 250ms;
  transform: rotate(45deg);
}

.b-contain input:disabled ~ .b-input::after {
  border-color: #959595;
}

.b-contain input:checked ~ .b-input::after {
  display: block;
}

.b-contain input:checked ~ .b-input {
  background: #2e96c2;
  border-color: #2e96c2;
}

.b-contain input[type=checkbox]:disabled ~ .b-input {
  background: #f5f8f9;
  border-color: #c4c8ca;
  opacity: 0.6;
  cursor: not-allowed;
}

.b-contain input:checked ~ .b-input,
.b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: #1e7fa8;
  border-color: #1e7fa8;
}

.b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: #2e96c2;
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  transform: scale(0);
}

/* Error blocks */
.auth-pages .ErrorBlock {
  display: block;
  width: 100%;
  padding: 16px;
  margin: 10px 0;
  background-color: #ffdada;
  box-sizing: border-box;
  border-radius: 8px;
}

.auth-pages .ErrorBlock.flex {
  display: flex;
}

.auth-pages .ErrorBlock p {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  color: #f44247;
  font-family: "Open Sans", sans-serif;
}

/* Modals */
.auth-pages .Modal-header p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #f44247;
  font-size: 30px;
}

.auth-pages .Modal-body {
  padding: 20px 25px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #f5f8f9;
}

.auth-pages .FormLabel {
  font-family: "Open Sans", sans-serif;
  color: #2e96c2;
  line-height: 40px;
}

.auth-pages .Modal-header.has-border {
  border-bottom: none;
}

.auth-pages .Modal-body .FormButton-wrapper {
  margin-top: 20px;
  height: 60px;
  min-height: 90px;
}

.AuthIllustration-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  align-self: center;
  margin: 0 auto;
}

@media screen and (max-width: 430px) {
  .Login-wrapper .Form-wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .ReplicatedLogoShadow {
    position: static;
    background-size: 250px;
    width: 100%;
    height: 100px;
  }
  .AuthIllustration-wrapper {
    margin-bottom: 70px;
  }
  .logo-standalone {
    height: 60px !important;
  }
  .feature-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    flex-grow: 0;
    margin-top: 60px;
  }
  .feature-list-item {
    flex-grow: 0;
    width: 60%;
    margin: auto;
  }
  .feature-list h2 {
    line-height: 30px;
    margin-bottom: 10px;
  }
  .feature-list p {
    line-height: 25px;
    margin-bottom: 35px;
  }
  .form-title {
    margin-top: 70px;
  }
  .form-subhead {
    text-align: left;
  }
  .auth-pages label {
    text-align: left !important;
  }
  .auth-footer {
    margin: 0 auto;
    padding: 10px 0 0 0;
    position: static;
    width: 100%;
    text-align: center;
    min-height: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .Login-wrapper {
    margin-left: 0;
    text-align: left;
  }
  .Login-wrapper .Form-wrapper {
    margin: 0;
  }
  .AuthIllustration-wrapper {
    display: flex;
    flex-direction: column;
  }
}.bg-light-blue {
  background-color: #f5f8f9;
}

/* Change password */
.Form-wrapper,
.Illustration-wrapper {
  width: 100%;
}

.ChangePassword-wrapper .see-pass {
  position: absolute;
  top: 43px;
  right: 10px;
}

/* Notifications */
.NotificationsTableHeader .FixedTableHeader-wrapper .title-section:last-child {
  justify-content: center;
}

.Notifications-wrapper .LicenseRow-wrapper {
  min-width: auto;
  width: 100%;
  border-bottom: 1px solid #c4c8ca;
  background-color: white;
  transition: background-color 0.2s;
}
.Notifications-wrapper .LicenseRow-wrapper .LicenseRow-content .content-section {
  padding: 10px;
  position: relative;
}
.Notifications-wrapper .Loader {
  position: absolute;
  top: 11px;
}

.recoveryCode {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  font-family: "Monaco", "Helvetica Neue", "Helvetica", sans-serif;
  background-color: #f5f8f9;
  border-radius: 4px;
}

.RequireTwoFactor--wrapper {
  max-width: 680px;
}
.RequireTwoFactor--wrapper .qr-code-wrapper {
  position: relative;
  top: -6px;
}

.mfa-info--wrapper {
  justify-content: center;
  background-color: #f5f8f9;
  padding: 12px;
}
.mfa-info--wrapper .icon.u-otherIcon {
  top: 2px;
}

@media screen and (min-width: 768px) {
  .Form-wrapper,
  .Illustration-wrapper {
    max-width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .fix-mobile-overflow {
    max-width: 80%;
  }
}.banner {
  line-height: normal;
  padding: 14px 30px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  background-color: #bc4752;
}

.xIcon {
  position: absolute !important;
  top: 26px;
  right: 36px;
}.Text-wrapper {
  margin-top: 40px;
}

.Text-wrapper .Text {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .IllustrationContent-wrapper {
    margin-right: 40px;
  }
  .Text-wrapper {
    margin-left: 40px;
    margin-top: 0;
  }
  .Text-wrapper .Text {
    max-width: 400px;
    text-align: left;
  }
}.Popover-wrapper {
  display: none;
  position: absolute;
  width: auto;
  z-index: 100;
}

.Popover-wrapper.is-active {
  display: block;
  z-index: 410;
}

.Popover-wrapper .Popover-content {
  background-color: white;
  border: 1px solid #c4c8ca;
  padding: 0;
  text-align: left;
  border-radius: 4px;
}

.Popover-wrapper::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}

/* bottom-left */
.Popover-wrapper.popover-bottom-left {
  padding-top: 8px;
  left: auto;
  right: -12px;
  top: 100%;
}

.Popover-wrapper.popover-bottom-left::after {
  width: 12px;
  height: 12px;
  right: 14px;
  top: 4px;
  background: white;
  box-shadow: -1px -1px 0 #c4c8ca;
  transform: rotate(45deg);
}

/* top-left */
.Popover-wrapper.popover-top-left {
  padding-bottom: 8px;
  left: auto;
  right: -12px;
  bottom: 100%;
}

.Popover-wrapper.popover-top-left::after {
  width: 12px;
  height: 12px;
  right: 14px;
  bottom: 4px;
  background: white;
  box-shadow: -1px -1px 0 #c4c8ca;
  transform: rotate(-135deg);
}

.PopoverItem:last-child .PopoverLabel {
  border-bottom: 0;
}

.PopoverItem .PopoverLabel {
  padding: 14px;
  cursor: pointer;
  border-bottom: 1px solid #c4c8ca;
  color: #323232;
  font-size: 14px;
  line-height: 1;
  display: block;
  font-weight: 400;
  transition: color 0.2s;
}

.PopoverItem:hover .PopoverLabel {
  color: #337ab7;
}

@media screen and (min-width: 1024px) {
  .PopoverItem .PopoverLabel {
    font-size: 16px;
  }
}
/* Header */
.NavBarWrapper {
  width: 100%;
  padding: 13px 0;
  position: relative;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  z-index: 400;
}

.NavBarWrapper.fixed {
  position: fixed;
  margin-bottom: 0;
  top: 0;
}

.NavBarWrapper.nav-mobile {
  padding: 8px 0;
}

.NavBarWrapper #HW_badge_cont {
  position: absolute;
  top: -7px;
  left: -5px;
  padding-right: 16px;
  background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg");
  background-repeat: no-repeat;
  background-size: initial;
  display: inline-block;
  background-position: -55px -487px;
  width: 18px;
  height: 16px;
}

.NavBarWrapper #HW_badge_cont #HW_badge {
  top: 0;
  left: auto;
  right: -3px;
}

/* Header Logo */
.HeaderLogo-wrapper {
  margin-right: 20px;
}

.HeaderLogo a {
  display: flex;
  flex-direction: row;
}

.HeaderLogo .logo {
  background-image: url("data:image/svg+xml,%3csvg%20width='29'%20height='35'%20viewBox='0%200%2029%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.8142%2034.5H3.70195C1.65755%2034.5%200%2033.116%200%2031.409V3.59098C0%201.88399%201.65755%200.5%203.70195%200.5H24.8142C26.8586%200.5%2028.5161%201.88399%2028.5161%203.59098V31.409C28.5161%2033.116%2026.8586%2034.5%2024.8142%2034.5Z'%20fill='%23FF5761'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.7074%2016.5859H11.0756V10.0875H14.7074C18.1462%2010.0875%2018.3392%2016.5859%2014.7074%2016.5859ZM17.8257%2019.9602C23.2325%2018.4096%2023.3541%205.98389%2015.5703%205.98389H6.58008V28.8985H11.1079V20.6329H13.4866L16.831%2028.8985H22.0389L17.8257%2019.9602Z'%20fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 29px 34px;
  width: 29px;
  height: 34px;
}

/* Nav Items */
.NavItem {
  padding: 0 5px;
  margin: 0 5px;
}

.right-items .NavItem:last-child {
  margin-right: 0;
  padding-right: 0;
}

.MobileTrigger .NavItem:first-child {
  margin-left: 0;
  padding-left: 0;
}

.NavItem a {
  font-size: 14px;
  color: #585858;
  font-weight: normal;
  cursor: pointer;
  line-height: 16px;
  transition: color 0.15s;
}

.NavItem a:hover {
  color: #6a77fb;
  text-decoration: none;
}

.NavItem.is-active a {
  font-weight: bold;
}

.NavItem.is-active a:hover {
  color: #323232;
}

.NavItem.is-active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 100%;
  height: 3px;
  background-color: #6a77fb;
}

.UserPhoto {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  margin-right: 6px;
}

.nav-mobile .UserPhoto {
  margin-right: 0;
}

.UserPhoto-wrapper .u-dropdownArrowIcon {
  position: relative;
  transition: transform 0.2s ease-in-out;
}

.active-dropdown .UserPhoto-wrapper .u-dropdownArrowIcon {
  transform: rotate(180deg);
}

.hidden-trigger {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 401;
}

.hidden-trigger.fixed-width {
  width: 800px;
}

/*
 MOBILE NAV
*/
.MobileTrigger {
  position: relative;
  z-index: 460;
}

.MobileNav {
  z-index: 450;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(-100%);
  transition: transform 0.18s ease-in-out;
}

.MobileNav.is-open {
  transform: translateX(0);
}

.MobileNav-bg {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.16);
  transition: all 0.1s ease-in-out;
}

.is-open .MobileNav-bg {
  opacity: 1;
  transition: all 0.1s ease-in-out 0.2s;
}

.HeaderItem-wrapper.MobileNav-activeItem .HeaderLink {
  font-family: 500;
  font-size: 18px;
  line-height: 20px;
  margin-left: 14px;
  color: #323232;
}

.MobileNav-menu {
  background-color: white;
  position: relative;
  width: 100%;
  max-width: 260px;
  z-index: 400;
}

.MobileNav-logoWrapper {
  margin: 30px 0 0;
  padding: 0 32px;
}

.MobileNav-items {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white;
  display: block;
  visibility: collapse;
  opacity: 0;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
}

.MobileNav-item {
  position: relative;
}

.MobileNav-item a {
  display: block;
  font-size: 16px;
  padding: 20px;
  color: #4f4f4f;
  font-weight: normal;
  cursor: pointer;
  line-height: normal;
  transition: color 0.2s linear;
}

.MobileNav-item:hover a {
  color: #337ab7;
}

.MobileNav-item.is-active {
  background-color: #f5f8f9;
}

.MobileNav-item.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #337ab7;
}

.MobileNav-item.is-active a {
  font-weight: 500;
  color: #323232;
}

.BottomNavWrapper {
  padding: 0 20px 10px;
}

.BottomNavWrapper .MobileNav-items {
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid #c4c8ca;
}

.BottomNavWrapper a {
  font-size: 14px;
  padding: 16px 0;
}

.BottomNavWrapper.blue-text a {
  color: #337ab7;
}

.BottomNavWrapper .HeaderIcon {
  vertical-align: -3px;
  margin-right: 11px;
}

.BottomNavWrapper .HeaderIcon.edit-account {
  margin-right: 8px;
}

.MobileNav.is-open .MobileNav-items {
  visibility: visible;
  opacity: 1;
}

/* ≥ 960px */
@media screen and (min-width: 60em) {
  .NavItem a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .NavItem {
    padding: 0 10px;
    margin: 0 10px;
  }
}*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
  .tw-normalize-container * {
  box-sizing: border-box;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

  h1.tw-normalize,
  h2.tw-normalize,
  h3.tw-normalize,
  h4.tw-normalize,
  h5.tw-normalize,
  h6.tw-normalize,
  .tw-normalize-container h1,
  .tw-normalize-container h2,
  .tw-normalize-container h3,
  .tw-normalize-container h4,
  .tw-normalize-container h5,
  .tw-normalize-container h6 {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0em;
}

  input.tw-normalize,
  select.tw-normalize,
  .tw-normalize-container input,
  .tw-normalize-container select {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0em;
}

  button.tw-normalize,
  .tw-normalize-container button {
  cursor: pointer;
  border-width: 0px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0em;
}

  button.tw-normalize:disabled,
  .tw-normalize-container button:disabled {
  cursor: default;
}
.tw-prose {
  color: inherit;
  max-width: none;
}
.tw-prose :where(p):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.tw-prose :where([class~="lead"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.tw-prose :where(a):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: #4591f7;
  text-decoration: none;
  font-weight: 600;
}
.tw-prose :where(a):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)):hover {
  text-decoration: underline;
}
.tw-prose :where(strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-weight: 600;
}
.tw-prose :where(a strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(blockquote strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(thead th strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(ol):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.tw-prose :where(ol[type="A"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: upper-alpha;
}
.tw-prose :where(ol[type="a"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: lower-alpha;
}
.tw-prose :where(ol[type="A" s]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: upper-alpha;
}
.tw-prose :where(ol[type="a" s]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: lower-alpha;
}
.tw-prose :where(ol[type="I"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: upper-roman;
}
.tw-prose :where(ol[type="i"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: lower-roman;
}
.tw-prose :where(ol[type="I" s]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: upper-roman;
}
.tw-prose :where(ol[type="i" s]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: lower-roman;
}
.tw-prose :where(ol[type="1"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: decimal;
}
.tw-prose :where(ul):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.tw-prose :where(ol > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::marker {
  font-weight: 400;
  color: #4f4f4f;
}
.tw-prose :where(ul > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::marker {
  color: #4f4f4f;
}
.tw-prose :where(dt):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.tw-prose :where(hr):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  border-color: #d1d5db;
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.tw-prose :where(blockquote):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: #4f4f4f;
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  border-left-color: #d1d5db;
}
.tw-prose :where(blockquote p:first-of-type):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::before {
  content: open-quote;
}
.tw-prose :where(blockquote p:last-of-type):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::after {
  content: close-quote;
}
.tw-prose :where(h1):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.tw-prose :where(h1 strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.tw-prose :where(h2):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.tw-prose :where(h2 strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.tw-prose :where(h3):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.tw-prose :where(h3 strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.tw-prose :where(h4):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.tw-prose :where(h4 strong):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.tw-prose :where(img):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.tw-prose :where(picture):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.tw-prose :where(video):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.tw-prose :where(kbd):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.tw-prose :where(code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: #333;
  font-weight: 400;
  font-size: 0.875em;
  background-color: #f3f4f6;
  padding: 0.2em 0.4em;
  border-radius: 0.25rem;
}
.tw-prose :where(code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::before {
  content: "`";
}
.tw-prose :where(code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::after {
  content: "`";
}
.tw-prose :where(a code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(h1 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(h2 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.tw-prose :where(h3 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.tw-prose :where(h4 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(blockquote code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(thead th code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(pre):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: #000000;
  background-color: #dedede;
  overflow-x: auto;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
  overflow: auto;
  padding: 0.5rem 1rem;
  margin: 0;
}
.tw-prose :where(pre code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: #000000;
  font-size: 1rem;
  font-family: inherit;
  line-height: inherit;
  text-shadow: none;
}
.tw-prose :where(pre code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::before {
  content: none;
}
.tw-prose :where(pre code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *))::after {
  content: none;
}
.tw-prose :where(table):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.tw-prose :where(thead):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: #d1d5db;
}
.tw-prose :where(thead th):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.tw-prose :where(tbody tr):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.tw-prose :where(tbody tr:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  border-bottom-width: 0;
}
.tw-prose :where(tbody td):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  vertical-align: baseline;
}
.tw-prose :where(tfoot):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.tw-prose :where(tfoot td):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  vertical-align: top;
}
.tw-prose :where(th, td):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  text-align: start;
}
.tw-prose :where(figure > *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.tw-prose :where(figcaption):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.tw-prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.tw-prose :where(picture > img):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.tw-prose :where(li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.tw-prose :where(ol > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.tw-prose :where(ul > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.tw-prose :where(.tw-prose > ul > li p):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.tw-prose :where(.tw-prose > ul > li > p:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.25em;
}
.tw-prose :where(.tw-prose > ul > li > p:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-bottom: 1.25em;
}
.tw-prose :where(.tw-prose > ol > li > p:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.25em;
}
.tw-prose :where(.tw-prose > ol > li > p:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-bottom: 1.25em;
}
.tw-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.tw-prose :where(dl):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.tw-prose :where(dd):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.tw-prose :where(hr + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose :where(h2 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose :where(h3 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose :where(h4 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose :where(thead th:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0;
}
.tw-prose :where(thead th:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-end: 0;
}
.tw-prose :where(tbody td, tfoot td):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.tw-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0;
}
.tw-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-end: 0;
}
.tw-prose :where(figure):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.tw-prose :where(.tw-prose > :first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose :where(.tw-prose > :last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-bottom: 0;
}
.tw-prose :where(h5):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose :where(h6):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  color: inherit;
}
.tw-prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.tw-prose-sm :where(p):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.tw-prose-sm :where([class~="lead"]):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.tw-prose-sm :where(blockquote):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.tw-prose-sm :where(h1):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.tw-prose-sm :where(h2):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.tw-prose-sm :where(h3):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.tw-prose-sm :where(h4):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.tw-prose-sm :where(img):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.tw-prose-sm :where(picture):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.tw-prose-sm :where(picture > img):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.tw-prose-sm :where(video):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.tw-prose-sm :where(kbd):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.tw-prose-sm :where(code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.8571429em;
}
.tw-prose-sm :where(h2 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.9em;
}
.tw-prose-sm :where(h3 code):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.8888889em;
}
.tw-prose-sm :where(pre):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.tw-prose-sm :where(ol):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.tw-prose-sm :where(ul):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.tw-prose-sm :where(li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.tw-prose-sm :where(ol > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}
.tw-prose-sm :where(ul > li):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}
.tw-prose-sm :where(.tw-prose-sm > ul > li p):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.tw-prose-sm :where(.tw-prose-sm > ul > li > p:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
}
.tw-prose-sm :where(.tw-prose-sm > ul > li > p:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-bottom: 1.1428571em;
}
.tw-prose-sm :where(.tw-prose-sm > ol > li > p:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
}
.tw-prose-sm :where(.tw-prose-sm > ol > li > p:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-bottom: 1.1428571em;
}
.tw-prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.tw-prose-sm :where(dl):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.tw-prose-sm :where(dt):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.1428571em;
}
.tw-prose-sm :where(dd):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.tw-prose-sm :where(hr):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.tw-prose-sm :where(hr + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose-sm :where(h2 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose-sm :where(h3 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose-sm :where(h4 + *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose-sm :where(table):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}
.tw-prose-sm :where(thead th):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.tw-prose-sm :where(thead th:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0;
}
.tw-prose-sm :where(thead th:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-end: 0;
}
.tw-prose-sm :where(tbody td, tfoot td):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.tw-prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-start: 0;
}
.tw-prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  padding-inline-end: 0;
}
.tw-prose-sm :where(figure):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.tw-prose-sm :where(figure > *):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.tw-prose-sm :where(figcaption):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.tw-prose-sm :where(.tw-prose-sm > :first-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-top: 0;
}
.tw-prose-sm :where(.tw-prose-sm > :last-child):not(:where([class~="tw-not-prose"],[class~="tw-not-prose"] *)) {
  margin-bottom: 0;
}
.tw-form-input,.tw-form-textarea,.tw-form-select,.tw-form-multiselect {
  appearance: none;
  background-color: #fff;
  border-color: #717171;
  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;
  --tw-shadow: 0 0 #0000;
}
.tw-form-input:focus, .tw-form-textarea:focus, .tw-form-select:focus, .tw-form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.tw-form-input::placeholder,.tw-form-textarea::placeholder {
  color: #717171;
  opacity: 1;
}
.tw-form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.tw-form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}
.tw-form-input::-webkit-datetime-edit {
  display: inline-flex;
}
.tw-form-input::-webkit-datetime-edit,.tw-form-input::-webkit-datetime-edit-year-field,.tw-form-input::-webkit-datetime-edit-month-field,.tw-form-input::-webkit-datetime-edit-day-field,.tw-form-input::-webkit-datetime-edit-hour-field,.tw-form-input::-webkit-datetime-edit-minute-field,.tw-form-input::-webkit-datetime-edit-second-field,.tw-form-input::-webkit-datetime-edit-millisecond-field,.tw-form-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
.tw-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;
}
.tw-pointer-events-none {
  pointer-events: none;
}
.tw-visible {
  visibility: visible;
}
.tw-invisible {
  visibility: hidden;
}
.tw-fixed {
  position: fixed;
}
.\!tw-absolute {
  position: absolute !important;
}
.tw-absolute {
  position: absolute;
}
.tw-relative {
  position: relative;
}
.tw-sticky {
  position: sticky;
}
.tw-inset-0 {
  inset: 0px;
}
.tw-inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!tw-left-1\/2 {
  left: 50% !important;
}
.\!tw-top-0 {
  top: 0px !important;
}
.\!tw-top-\[96\%\] {
  top: 96% !important;
}
.-tw-top-\[999px\] {
  top: -999px;
}
.tw--top-\[1px\] {
  top: -1px;
}
.tw-bottom-0 {
  bottom: 0px;
}
.tw-bottom-full {
  bottom: 100%;
}
.tw-left-0 {
  left: 0px;
}
.tw-left-4 {
  left: 1rem;
}
.tw-left-\[-1000px\] {
  left: -1000px;
}
.tw-left-\[-17px\] {
  left: -17px;
}
.tw-left-\[-1px\] {
  left: -1px;
}
.tw-left-\[-20px\] {
  left: -20px;
}
.tw-left-\[-2px\] {
  left: -2px;
}
.tw-left-\[1px\] {
  left: 1px;
}
.tw-left-\[77px\] {
  left: 77px;
}
.tw-right-0 {
  right: 0px;
}
.tw-right-1 {
  right: 0.25rem;
}
.tw-right-1\.5 {
  right: 0.375rem;
}
.tw-right-3 {
  right: 0.75rem;
}
.tw-right-4 {
  right: 1rem;
}
.tw-right-8 {
  right: 2rem;
}
.tw-right-\[1px\] {
  right: 1px;
}
.tw-top-0 {
  top: 0px;
}
.tw-top-1 {
  top: 0.25rem;
}
.tw-top-1\/2 {
  top: 50%;
}
.tw-top-12 {
  top: 3rem;
}
.tw-top-2\.5 {
  top: 0.625rem;
}
.tw-top-6 {
  top: 1.5rem;
}
.tw-top-8 {
  top: 2rem;
}
.tw-top-\[-1000px\] {
  top: -1000px;
}
.tw-top-\[-15px\] {
  top: -15px;
}
.tw-top-\[-4px\] {
  top: -4px;
}
.tw-top-\[1px\] {
  top: 1px;
}
.tw-top-\[3px\] {
  top: 3px;
}
.\!tw-z-50 {
  z-index: 50 !important;
}
.\!tw-z-\[9999\] {
  z-index: 9999 !important;
}
.tw-z-10 {
  z-index: 10;
}
.tw-z-20 {
  z-index: 20;
}
.tw-z-50 {
  z-index: 50;
}
.tw-z-\[1000\] {
  z-index: 1000;
}
.tw-z-\[100\] {
  z-index: 100;
}
.tw-col-span-1 {
  grid-column: span 1 / span 1;
}
.tw-col-span-2 {
  grid-column: span 2 / span 2;
}
.tw-col-span-3 {
  grid-column: span 3 / span 3;
}
.tw-col-span-4 {
  grid-column: span 4 / span 4;
}
.tw-col-span-5 {
  grid-column: span 5 / span 5;
}
.tw-col-span-full {
  grid-column: 1 / -1;
}
.tw-col-start-1 {
  grid-column-start: 1;
}
.tw-col-start-3 {
  grid-column-start: 3;
}
.tw-col-start-8 {
  grid-column-start: 8;
}
.tw-col-end-2 {
  grid-column-end: 2;
}
.tw-col-end-3 {
  grid-column-end: 3;
}
.tw-col-end-4 {
  grid-column-end: 4;
}
.tw-col-end-6 {
  grid-column-end: 6;
}
.tw-col-end-7 {
  grid-column-end: 7;
}
.tw-col-end-8 {
  grid-column-end: 8;
}
.tw-float-right {
  float: right;
}
.\!tw--m-px {
  margin: -1px !important;
}
.\!tw-m-0 {
  margin: 0px !important;
}
.tw--m-2\.5 {
  margin: -0.625rem;
}
.tw-m-2 {
  margin: 0.5rem;
}
.tw-m-3 {
  margin: 0.75rem;
}
.tw-m-7 {
  margin: 1.75rem;
}
.tw-m-auto {
  margin: auto;
}
.tw--mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.tw-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.tw-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.tw-mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.tw-mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.tw-mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.tw-mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.tw-mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.tw-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.tw-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tw-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tw-my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.tw-my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tw-my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.tw-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.tw-my-\[1px\] {
  margin-top: 1px;
  margin-bottom: 1px;
}
.tw-my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}
.\!tw-mb-0 {
  margin-bottom: 0px !important;
}
.\!tw-mb-1 {
  margin-bottom: 0.25rem !important;
}
.\!tw-ml-0 {
  margin-left: 0px !important;
}
.\!tw-mr-2 {
  margin-right: 0.5rem !important;
}
.\!tw-mt-0 {
  margin-top: 0px !important;
}
.\!tw-mt-1 {
  margin-top: 0.25rem !important;
}
.\!tw-mt-3 {
  margin-top: 0.75rem !important;
}
.\!tw-mt-4 {
  margin-top: 1rem !important;
}
.\!tw-mt-8 {
  margin-top: 2rem !important;
}
.-tw-mr-2 {
  margin-right: -0.5rem;
}
.-tw-mt-2 {
  margin-top: -0.5rem;
}
.tw--mb-2 {
  margin-bottom: -0.5rem;
}
.tw--mb-3 {
  margin-bottom: -0.75rem;
}
.tw--mb-4 {
  margin-bottom: -1rem;
}
.tw--mb-6 {
  margin-bottom: -1.5rem;
}
.tw--mb-\[60px\] {
  margin-bottom: -60px;
}
.tw--mb-\[90px\] {
  margin-bottom: -90px;
}
.tw--mb-px {
  margin-bottom: -1px;
}
.tw--mr-4 {
  margin-right: -1rem;
}
.tw--mt-0\.5 {
  margin-top: -0.125rem;
}
.tw--mt-1\.5 {
  margin-top: -0.375rem;
}
.tw--mt-10 {
  margin-top: -2.5rem;
}
.tw--mt-2 {
  margin-top: -0.5rem;
}
.tw--mt-3 {
  margin-top: -0.75rem;
}
.tw--mt-4 {
  margin-top: -1rem;
}
.tw-mb-0 {
  margin-bottom: 0px;
}
.tw-mb-1 {
  margin-bottom: 0.25rem;
}
.tw-mb-1\.5 {
  margin-bottom: 0.375rem;
}
.tw-mb-10 {
  margin-bottom: 2.5rem;
}
.tw-mb-12 {
  margin-bottom: 3rem;
}
.tw-mb-2 {
  margin-bottom: 0.5rem;
}
.tw-mb-2\.5 {
  margin-bottom: 0.625rem;
}
.tw-mb-24 {
  margin-bottom: 6rem;
}
.tw-mb-3 {
  margin-bottom: 0.75rem;
}
.tw-mb-4 {
  margin-bottom: 1rem;
}
.tw-mb-5 {
  margin-bottom: 1.25rem;
}
.tw-mb-6 {
  margin-bottom: 1.5rem;
}
.tw-mb-7 {
  margin-bottom: 1.75rem;
}
.tw-mb-8 {
  margin-bottom: 2rem;
}
.tw-ml-0\.5 {
  margin-left: 0.125rem;
}
.tw-ml-1 {
  margin-left: 0.25rem;
}
.tw-ml-1\.5 {
  margin-left: 0.375rem;
}
.tw-ml-10 {
  margin-left: 2.5rem;
}
.tw-ml-12 {
  margin-left: 3rem;
}
.tw-ml-2 {
  margin-left: 0.5rem;
}
.tw-ml-2\.5 {
  margin-left: 0.625rem;
}
.tw-ml-28 {
  margin-left: 7rem;
}
.tw-ml-3 {
  margin-left: 0.75rem;
}
.tw-ml-4 {
  margin-left: 1rem;
}
.tw-ml-6 {
  margin-left: 1.5rem;
}
.tw-ml-7 {
  margin-left: 1.75rem;
}
.tw-ml-8 {
  margin-left: 2rem;
}
.tw-ml-auto {
  margin-left: auto;
}
.tw-mr-1 {
  margin-right: 0.25rem;
}
.tw-mr-1\.5 {
  margin-right: 0.375rem;
}
.tw-mr-16 {
  margin-right: 4rem;
}
.tw-mr-2 {
  margin-right: 0.5rem;
}
.tw-mr-2\.5 {
  margin-right: 0.625rem;
}
.tw-mr-3 {
  margin-right: 0.75rem;
}
.tw-mr-4 {
  margin-right: 1rem;
}
.tw-mr-5 {
  margin-right: 1.25rem;
}
.tw-mr-6 {
  margin-right: 1.5rem;
}
.tw-mr-\[5px\] {
  margin-right: 5px;
}
.tw-mt-0\.5 {
  margin-top: 0.125rem;
}
.tw-mt-1 {
  margin-top: 0.25rem;
}
.tw-mt-1\.5 {
  margin-top: 0.375rem;
}
.tw-mt-10 {
  margin-top: 2.5rem;
}
.tw-mt-11 {
  margin-top: 2.75rem;
}
.tw-mt-12 {
  margin-top: 3rem;
}
.tw-mt-2 {
  margin-top: 0.5rem;
}
.tw-mt-2\.5 {
  margin-top: 0.625rem;
}
.tw-mt-3 {
  margin-top: 0.75rem;
}
.tw-mt-4 {
  margin-top: 1rem;
}
.tw-mt-5 {
  margin-top: 1.25rem;
}
.tw-mt-6 {
  margin-top: 1.5rem;
}
.tw-mt-7 {
  margin-top: 1.75rem;
}
.tw-mt-8 {
  margin-top: 2rem;
}
.tw-mt-\[10px\] {
  margin-top: 10px;
}
.tw-mt-\[2px\] {
  margin-top: 2px;
}
.tw-box-border {
  box-sizing: border-box;
}
.tw-block {
  display: block;
}
.tw-inline-block {
  display: inline-block;
}
.\!tw-flex {
  display: flex !important;
}
.tw-flex {
  display: flex;
}
.tw-inline-flex {
  display: inline-flex;
}
.tw-grid {
  display: grid;
}
.tw-hidden {
  display: none;
}
.\!tw-h-6 {
  height: 1.5rem !important;
}
.\!tw-h-px {
  height: 1px !important;
}
.tw-h-0 {
  height: 0px;
}
.tw-h-0\.5 {
  height: 0.125rem;
}
.tw-h-1 {
  height: 0.25rem;
}
.tw-h-1\.5 {
  height: 0.375rem;
}
.tw-h-10 {
  height: 2.5rem;
}
.tw-h-12 {
  height: 3rem;
}
.tw-h-2 {
  height: 0.5rem;
}
.tw-h-2\.5 {
  height: 0.625rem;
}
.tw-h-24 {
  height: 6rem;
}
.tw-h-3 {
  height: 0.75rem;
}
.tw-h-32 {
  height: 8rem;
}
.tw-h-4 {
  height: 1rem;
}
.tw-h-40 {
  height: 10rem;
}
.tw-h-48 {
  height: 12rem;
}
.tw-h-5 {
  height: 1.25rem;
}
.tw-h-6 {
  height: 1.5rem;
}
.tw-h-7 {
  height: 1.75rem;
}
.tw-h-72 {
  height: 18rem;
}
.tw-h-8 {
  height: 2rem;
}
.tw-h-80 {
  height: 20rem;
}
.tw-h-9 {
  height: 2.25rem;
}
.tw-h-\[100px\] {
  height: 100px;
}
.tw-h-\[155px\] {
  height: 155px;
}
.tw-h-\[16px\] {
  height: 16px;
}
.tw-h-\[18px\] {
  height: 18px;
}
.tw-h-\[1px\] {
  height: 1px;
}
.tw-h-\[20px\] {
  height: 20px;
}
.tw-h-\[240px\] {
  height: 240px;
}
.tw-h-\[28px\] {
  height: 28px;
}
.tw-h-\[30px\] {
  height: 30px;
}
.tw-h-\[32px\] {
  height: 32px;
}
.tw-h-\[380px\] {
  height: 380px;
}
.tw-h-\[40px\] {
  height: 40px;
}
.tw-h-\[42px\] {
  height: 42px;
}
.tw-h-\[47px\] {
  height: 47px;
}
.tw-h-\[5px\] {
  height: 5px;
}
.tw-h-\[72px\] {
  height: 72px;
}
.tw-h-\[800px\] {
  height: 800px;
}
.tw-h-\[82px\] {
  height: 82px;
}
.tw-h-\[8px\] {
  height: 8px;
}
.tw-h-\[calc\(100\%-2px\)\] {
  height: calc(100% - 2px);
}
.tw-h-\[calc\(100\%-32px\)\] {
  height: calc(100% - 32px);
}
.tw-h-\[calc\(100\%-44px\)\] {
  height: calc(100% - 44px);
}
.tw-h-auto {
  height: auto;
}
.tw-h-fit {
  height: fit-content;
}
.tw-h-full {
  height: 100%;
}
.tw-h-max {
  height: max-content;
}
.tw-max-h-16 {
  max-height: 4rem;
}
.tw-max-h-56 {
  max-height: 14rem;
}
.tw-max-h-60 {
  max-height: 15rem;
}
.tw-max-h-96 {
  max-height: 24rem;
}
.tw-max-h-\[360px\] {
  max-height: 360px;
}
.tw-max-h-\[396px\] {
  max-height: 396px;
}
.tw-max-h-\[400px\] {
  max-height: 400px;
}
.tw-max-h-\[48px\] {
  max-height: 48px;
}
.tw-max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}
.tw-min-h-0 {
  min-height: 0px;
}
.tw-min-h-\[200px\] {
  min-height: 200px;
}
.tw-min-h-\[250px\] {
  min-height: 250px;
}
.tw-min-h-\[350px\] {
  min-height: 350px;
}
.tw-min-h-\[480px\] {
  min-height: 480px;
}
.tw-min-h-\[80px\] {
  min-height: 80px;
}
.tw-min-h-full {
  min-height: 100%;
}
.tw-min-h-max {
  min-height: max-content;
}
.\!tw-w-32 {
  width: 8rem !important;
}
.\!tw-w-\[384px\] {
  width: 384px !important;
}
.\!tw-w-\[54px\] {
  width: 54px !important;
}
.\!tw-w-\[56px\] {
  width: 56px !important;
}
.\!tw-w-\[720px\] {
  width: 720px !important;
}
.\!tw-w-px {
  width: 1px !important;
}
.tw-w-0\.5 {
  width: 0.125rem;
}
.tw-w-1 {
  width: 0.25rem;
}
.tw-w-1\.5 {
  width: 0.375rem;
}
.tw-w-1\/2 {
  width: 50%;
}
.tw-w-10 {
  width: 2.5rem;
}
.tw-w-11 {
  width: 2.75rem;
}
.tw-w-12 {
  width: 3rem;
}
.tw-w-2 {
  width: 0.5rem;
}
.tw-w-2\.5 {
  width: 0.625rem;
}
.tw-w-20 {
  width: 5rem;
}
.tw-w-24 {
  width: 6rem;
}
.tw-w-3 {
  width: 0.75rem;
}
.tw-w-3\.5 {
  width: 0.875rem;
}
.tw-w-32 {
  width: 8rem;
}
.tw-w-4 {
  width: 1rem;
}
.tw-w-40 {
  width: 10rem;
}
.tw-w-44 {
  width: 11rem;
}
.tw-w-48 {
  width: 12rem;
}
.tw-w-5 {
  width: 1.25rem;
}
.tw-w-52 {
  width: 13rem;
}
.tw-w-6 {
  width: 1.5rem;
}
.tw-w-64 {
  width: 16rem;
}
.tw-w-8 {
  width: 2rem;
}
.tw-w-80 {
  width: 20rem;
}
.tw-w-9 {
  width: 2.25rem;
}
.tw-w-96 {
  width: 24rem;
}
.tw-w-\[116px\] {
  width: 116px;
}
.tw-w-\[128px\] {
  width: 128px;
}
.tw-w-\[140px\] {
  width: 140px;
}
.tw-w-\[143px\] {
  width: 143px;
}
.tw-w-\[150px\] {
  width: 150px;
}
.tw-w-\[151px\] {
  width: 151px;
}
.tw-w-\[16px\] {
  width: 16px;
}
.tw-w-\[180px\] {
  width: 180px;
}
.tw-w-\[1px\] {
  width: 1px;
}
.tw-w-\[20px\] {
  width: 20px;
}
.tw-w-\[250px\] {
  width: 250px;
}
.tw-w-\[284px\] {
  width: 284px;
}
.tw-w-\[340px\] {
  width: 340px;
}
.tw-w-\[400px\] {
  width: 400px;
}
.tw-w-\[478px\] {
  width: 478px;
}
.tw-w-\[5px\] {
  width: 5px;
}
.tw-w-\[60\%\] {
  width: 60%;
}
.tw-w-\[640px\] {
  width: 640px;
}
.tw-w-\[76px\] {
  width: 76px;
}
.tw-w-\[77px\] {
  width: 77px;
}
.tw-w-\[800px\] {
  width: 800px;
}
.tw-w-\[80px\] {
  width: 80px;
}
.tw-w-\[860px\] {
  width: 860px;
}
.tw-w-\[8px\] {
  width: 8px;
}
.tw-w-\[93px\] {
  width: 93px;
}
.tw-w-\[calc\(\(100\%\/3\)\*2-14px\)\] {
  width: calc((100% / 3) * 2 - 14px);
}
.tw-w-\[calc\(\(100\%\/3\)-14px\)\] {
  width: calc((100% / 3) - 14px);
}
.tw-w-\[calc\(100\%-16px\)\] {
  width: calc(100% - 16px);
}
.tw-w-\[calc\(100\%-8px\)\] {
  width: calc(100% - 8px);
}
.tw-w-\[calc\(1vw-24px\)\] {
  width: calc(1vw - 24px);
}
.tw-w-auto {
  width: auto;
}
.tw-w-fit {
  width: fit-content;
}
.tw-w-full {
  width: 100%;
}
.tw-w-max {
  width: max-content;
}
.tw-w-min {
  width: min-content;
}
.tw-w-px {
  width: 1px;
}
.\!tw-min-w-0 {
  min-width: 0px !important;
}
.\!tw-min-w-\[35px\] {
  min-width: 35px !important;
}
.tw-min-w-0 {
  min-width: 0px;
}
.tw-min-w-44 {
  min-width: 11rem;
}
.tw-min-w-\[104px\] {
  min-width: 104px;
}
.tw-min-w-\[124px\] {
  min-width: 124px;
}
.tw-min-w-\[128px\] {
  min-width: 128px;
}
.tw-min-w-\[136px\] {
  min-width: 136px;
}
.tw-min-w-\[160px\] {
  min-width: 160px;
}
.tw-min-w-\[220px\] {
  min-width: 220px;
}
.tw-min-w-\[260px\] {
  min-width: 260px;
}
.tw-min-w-\[60px\] {
  min-width: 60px;
}
.tw-min-w-\[68px\] {
  min-width: 68px;
}
.tw-min-w-\[700px\] {
  min-width: 700px;
}
.tw-min-w-\[96px\] {
  min-width: 96px;
}
.tw-min-w-full {
  min-width: 100%;
}
.\!tw-max-w-\[360px\] {
  max-width: 360px !important;
}
.tw-max-w-2xl {
  max-width: 42rem;
}
.tw-max-w-3xl {
  max-width: 48rem;
}
.tw-max-w-4 {
  max-width: 1rem;
}
.tw-max-w-\[1000px\] {
  max-width: 1000px;
}
.tw-max-w-\[100px\] {
  max-width: 100px;
}
.tw-max-w-\[160px\] {
  max-width: 160px;
}
.tw-max-w-\[170px\] {
  max-width: 170px;
}
.tw-max-w-\[240px\] {
  max-width: 240px;
}
.tw-max-w-\[250px\] {
  max-width: 250px;
}
.tw-max-w-\[300px\] {
  max-width: 300px;
}
.tw-max-w-\[316px\] {
  max-width: 316px;
}
.tw-max-w-\[360px\] {
  max-width: 360px;
}
.tw-max-w-\[400px\] {
  max-width: 400px;
}
.tw-max-w-\[440px\] {
  max-width: 440px;
}
.tw-max-w-\[460px\] {
  max-width: 460px;
}
.tw-max-w-\[480px\] {
  max-width: 480px;
}
.tw-max-w-\[500px\] {
  max-width: 500px;
}
.tw-max-w-\[540px\] {
  max-width: 540px;
}
.tw-max-w-\[700px\] {
  max-width: 700px;
}
.tw-max-w-\[750px\] {
  max-width: 750px;
}
.tw-max-w-\[800px\] {
  max-width: 800px;
}
.tw-max-w-\[90\%\] {
  max-width: 90%;
}
.tw-max-w-\[900px\] {
  max-width: 900px;
}
.tw-max-w-\[960px\] {
  max-width: 960px;
}
.tw-max-w-fit {
  max-width: fit-content;
}
.tw-max-w-full {
  max-width: 100%;
}
.tw-max-w-lg {
  max-width: 32rem;
}
.tw-max-w-md {
  max-width: 28rem;
}
.tw-max-w-none {
  max-width: none;
}
.tw-max-w-xl {
  max-width: 36rem;
}
.tw-flex-1 {
  flex: 1 1 0%;
}
.tw-flex-auto {
  flex: 1 1 auto;
}
.tw-flex-none {
  flex: none;
}
.tw-flex-shrink-0 {
  flex-shrink: 0;
}
.tw-shrink {
  flex-shrink: 1;
}
.tw-shrink-0 {
  flex-shrink: 0;
}
.tw-flex-grow {
  flex-grow: 1;
}
.tw-grow {
  flex-grow: 1;
}
.tw-basis-\[140px\] {
  flex-basis: 140px;
}
.tw-basis-\[calc\(100\%\/2-6px\)\] {
  flex-basis: calc(100% / 2 - 6px);
}
.tw-border-collapse {
  border-collapse: collapse;
}
.tw-origin-top-right {
  transform-origin: top right;
}
.tw--translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw--translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-\[19px\] {
  --tw-translate-x: 19px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!tw--rotate-90 {
  --tw-rotate: -90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!tw-rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.tw--rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-\[-45deg\] {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes tw-bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.tw-animate-\[bounce_1s_ease-in-out_-500ms_3\.5\] {
  animation: tw-bounce 1s ease-in-out -500ms 3.5;
}
@keyframes tw-spin {
  to {
    transform: rotate(360deg);
  }
}
.tw-animate-spin {
  animation: tw-spin 1s linear infinite;
}
.\!tw-cursor-default {
  cursor: default !important;
}
.\!tw-cursor-not-allowed {
  cursor: not-allowed !important;
}
.tw-cursor-default {
  cursor: default;
}
.tw-cursor-not-allowed {
  cursor: not-allowed;
}
.tw-cursor-pointer {
  cursor: pointer;
}
.tw-select-none {
  user-select: none;
}
.tw-list-inside {
  list-style-position: inside;
}
.tw-list-decimal {
  list-style-type: decimal;
}
.tw-list-disc {
  list-style-type: disc;
}
.tw-list-none {
  list-style-type: none;
}
.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tw-grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.tw-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.\!tw-flex-row {
  flex-direction: row !important;
}
.tw-flex-row {
  flex-direction: row;
}
.tw-flex-row-reverse {
  flex-direction: row-reverse;
}
.\!tw-flex-col {
  flex-direction: column !important;
}
.tw-flex-col {
  flex-direction: column;
}
.\!tw-flex-col-reverse {
  flex-direction: column-reverse !important;
}
.tw-flex-wrap {
  flex-wrap: wrap;
}
.tw-items-start {
  align-items: flex-start;
}
.tw-items-end {
  align-items: flex-end;
}
.tw-items-center {
  align-items: center;
}
.tw-items-stretch {
  align-items: stretch;
}
.tw-justify-start {
  justify-content: flex-start;
}
.tw-justify-end {
  justify-content: flex-end;
}
.tw-justify-center {
  justify-content: center;
}
.tw-justify-between {
  justify-content: space-between;
}
.tw-justify-evenly {
  justify-content: space-evenly;
}
.tw-gap-0\.5 {
  gap: 0.125rem;
}
.tw-gap-1 {
  gap: 0.25rem;
}
.tw-gap-1\.5 {
  gap: 0.375rem;
}
.tw-gap-10 {
  gap: 2.5rem;
}
.tw-gap-2 {
  gap: 0.5rem;
}
.tw-gap-2\.5 {
  gap: 0.625rem;
}
.tw-gap-3 {
  gap: 0.75rem;
}
.tw-gap-4 {
  gap: 1rem;
}
.tw-gap-5 {
  gap: 1.25rem;
}
.tw-gap-6 {
  gap: 1.5rem;
}
.tw-gap-7 {
  gap: 1.75rem;
}
.tw-gap-8 {
  gap: 2rem;
}
.tw-gap-9 {
  gap: 2.25rem;
}
.tw-gap-x-1 {
  column-gap: 0.25rem;
}
.tw-gap-x-1\.5 {
  column-gap: 0.375rem;
}
.tw-gap-x-2 {
  column-gap: 0.5rem;
}
.tw-gap-x-3 {
  column-gap: 0.75rem;
}
.tw-gap-x-4 {
  column-gap: 1rem;
}
.tw-gap-x-5 {
  column-gap: 1.25rem;
}
.tw-gap-x-6 {
  column-gap: 1.5rem;
}
.tw-gap-y-12 {
  row-gap: 3rem;
}
.tw-gap-y-3 {
  row-gap: 0.75rem;
}
.tw-gap-y-4 {
  row-gap: 1rem;
}
.tw-gap-y-5 {
  row-gap: 1.25rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.tw-space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.tw-space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.tw-divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.tw-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.tw-divide-solid > :not([hidden]) ~ :not([hidden]) {
  border-style: solid;
}
.tw-divide-\[\#DEDEDE\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-divide-opacity));
}
.tw-divide-\[\#f3f4f6\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.tw-divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-divide-opacity));
}
.tw-place-self-center {
  place-self: center;
}
.tw-place-self-stretch {
  place-self: stretch;
}
.tw-self-start {
  align-self: flex-start;
}
.tw-self-center {
  align-self: center;
}
.tw-justify-self-end {
  justify-self: end;
}
.tw-overflow-auto {
  overflow: auto;
}
.\!tw-overflow-hidden {
  overflow: hidden !important;
}
.tw-overflow-hidden {
  overflow: hidden;
}
.tw-overflow-visible {
  overflow: visible;
}
.tw-overflow-scroll {
  overflow: scroll;
}
.tw-overflow-x-auto {
  overflow-x: auto;
}
.tw-overflow-y-auto {
  overflow-y: auto;
}
.tw-overflow-y-hidden {
  overflow-y: hidden;
}
.tw-overflow-y-visible {
  overflow-y: visible;
}
.tw-overflow-y-scroll {
  overflow-y: scroll;
}
.tw-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-text-ellipsis {
  text-overflow: ellipsis;
}
.\!tw-whitespace-nowrap {
  white-space: nowrap !important;
}
.tw-whitespace-nowrap {
  white-space: nowrap;
}
.tw-text-wrap {
  text-wrap: wrap;
}
.tw-break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
.tw-break-all {
  word-break: break-all;
}
.\!tw-rounded-\[5px\] {
  border-radius: 5px !important;
}
.\!tw-rounded-full {
  border-radius: 9999px !important;
}
.tw-rounded {
  border-radius: 0.25rem;
}
.tw-rounded-\[3px\] {
  border-radius: 3px;
}
.tw-rounded-\[8px\] {
  border-radius: 8px;
}
.tw-rounded-full {
  border-radius: 9999px;
}
.tw-rounded-lg {
  border-radius: 0.5rem;
}
.tw-rounded-md {
  border-radius: 0.375rem;
}
.tw-rounded-none {
  border-radius: 0px;
}
.tw-rounded-sm {
  border-radius: 0.187rem;
}
.tw-rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.tw-rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.tw-rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.tw-rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.tw-rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.\!tw-border {
  border-width: 1px !important;
}
.\!tw-border-0 {
  border-width: 0px !important;
}
.tw-border {
  border-width: 1px;
}
.tw-border-0 {
  border-width: 0px;
}
.tw-border-2 {
  border-width: 2px;
}
.tw-border-\[1px\] {
  border-width: 1px;
}
.tw-border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!tw-border-t-0 {
  border-top-width: 0px !important;
}
.tw-border-b {
  border-bottom-width: 1px;
}
.tw-border-b-2 {
  border-bottom-width: 2px;
}
.tw-border-l {
  border-left-width: 1px;
}
.tw-border-l-0 {
  border-left-width: 0px;
}
.tw-border-l-2 {
  border-left-width: 2px;
}
.tw-border-l-4 {
  border-left-width: 4px;
}
.tw-border-r {
  border-right-width: 1px;
}
.tw-border-t {
  border-top-width: 1px;
}
.tw-border-t-0 {
  border-top-width: 0px;
}
.tw-border-solid {
  border-style: solid;
}
.tw-border-dashed {
  border-style: dashed;
}
.tw-border-none {
  border-style: none;
}
.\!tw-border-\[\#fdbf44\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(253 191 68 / var(--tw-border-opacity)) !important;
}
.\!tw-border-\[\#fe678b\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 103 139 / var(--tw-border-opacity)) !important;
}
.\!tw-border-pink-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(254 103 139 / var(--tw-border-opacity)) !important;
}
.\!tw-border-teal-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(56 163 168 / var(--tw-border-opacity)) !important;
}
.\!tw-border-tw-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important;
}
.tw-border-\[\#2A5897\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 88 151 / var(--tw-border-opacity));
}
.tw-border-\[\#3066ad\] {
  --tw-border-opacity: 1;
  border-color: rgb(48 102 173 / var(--tw-border-opacity));
}
.tw-border-\[\#38a3a8\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 163 168 / var(--tw-border-opacity));
}
.tw-border-\[\#454545\] {
  --tw-border-opacity: 1;
  border-color: rgb(69 69 69 / var(--tw-border-opacity));
}
.tw-border-\[\#6A77FB\] {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}
.tw-border-\[\#9B9B9B\] {
  --tw-border-opacity: 1;
  border-color: rgb(155 155 155 / var(--tw-border-opacity));
}
.tw-border-\[\#B18630\] {
  --tw-border-opacity: 1;
  border-color: rgb(177 134 48 / var(--tw-border-opacity));
}
.tw-border-\[\#DEDEDE\] {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.tw-border-\[\#FF4856\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 72 86 / var(--tw-border-opacity));
}
.tw-border-\[\#bcbcbc\] {
  --tw-border-opacity: 1;
  border-color: rgb(188 188 188 / var(--tw-border-opacity));
}
.tw-border-\[\#dedede\] {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.tw-border-\[\#e7e7e7\] {
  --tw-border-opacity: 1;
  border-color: rgb(231 231 231 / var(--tw-border-opacity));
}
.tw-border-\[\#ec8f39\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 143 57 / var(--tw-border-opacity));
}
.tw-border-\[\#fdbf44\] {
  --tw-border-opacity: 1;
  border-color: rgb(253 191 68 / var(--tw-border-opacity));
}
.tw-border-\[\#fe678b\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 103 139 / var(--tw-border-opacity));
}
.tw-border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(101 164 248 / var(--tw-border-opacity));
}
.tw-border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(69 145 247 / var(--tw-border-opacity));
}
.tw-border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(48 102 173 / var(--tw-border-opacity));
}
.tw-border-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(156 156 156 / var(--tw-border-opacity));
}
.tw-border-error {
  --tw-border-opacity: 1;
  border-color: rgb(188 71 82 / var(--tw-border-opacity));
}
.tw-border-error-bright {
  --tw-border-opacity: 1;
  border-color: rgb(246 92 92 / var(--tw-border-opacity));
}
.tw-border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.tw-border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(196 200 202 / var(--tw-border-opacity));
}
.tw-border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(179 179 179 / var(--tw-border-opacity));
}
.tw-border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(149 149 149 / var(--tw-border-opacity));
}
.tw-border-gray-410\/40 {
  border-color: rgb(155 155 155 / 0.4);
}
.tw-border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(88 88 88 / var(--tw-border-opacity));
}
.tw-border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(14 178 138 / var(--tw-border-opacity));
}
.tw-border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(194 199 253 / var(--tw-border-opacity));
}
.tw-border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(169 176 253 / var(--tw-border-opacity));
}
.tw-border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}
.tw-border-neutral-700\/20 {
  border-color: rgb(74 74 74 / 0.2);
}
.tw-border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(178 72 97 / var(--tw-border-opacity));
}
.tw-border-teal-300 {
  --tw-border-opacity: 1;
  border-color: rgb(77 185 192 / var(--tw-border-opacity));
}
.tw-border-teal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(56 163 168 / var(--tw-border-opacity));
}
.tw-border-teal-medium {
  --tw-border-opacity: 1;
  border-color: rgb(9 121 146 / var(--tw-border-opacity));
}
.tw-border-teal-muted-dark {
  --tw-border-opacity: 1;
  border-color: rgb(87 121 129 / var(--tw-border-opacity));
}
.tw-border-transparent {
  border-color: transparent;
}
.tw-border-tw-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.tw-border-tw-gray-900\/10 {
  border-color: rgb(17 24 39 / 0.1);
}
.tw-border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(240 163 8 / var(--tw-border-opacity));
}
.tw-border-y-\[\#DEDEDE\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(222 222 222 / var(--tw-border-opacity));
  border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.tw-border-b-\[\#DEDEDE\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.tw-border-r-transparent {
  border-right-color: transparent;
}
.tw-border-t-\[\#DEDEDE\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.tw-border-t-\[\#bebebe\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(190 190 190 / var(--tw-border-opacity));
}
.tw-border-t-gray-200 {
  --tw-border-opacity: 1;
  border-top-color: rgb(196 200 202 / var(--tw-border-opacity));
}
.\!tw-bg-\[\#DEDEDE\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity)) !important;
}
.\!tw-bg-\[\#fff0f3\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 240 243 / var(--tw-bg-opacity)) !important;
}
.\!tw-bg-blue-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 244 254 / var(--tw-bg-opacity)) !important;
}
.\!tw-bg-teal-medium {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(9 121 146 / var(--tw-bg-opacity)) !important;
}
.\!tw-bg-transparent {
  background-color: transparent !important;
}
.tw-bg-\[\#0f1689\]\/5 {
  background-color: rgb(15 22 137 / 0.05);
}
.tw-bg-\[\#10B981\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.tw-bg-\[\#1e1e1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity));
}
.tw-bg-\[\#2d2d2d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}
.tw-bg-\[\#38a3a8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 163 168 / var(--tw-bg-opacity));
}
.tw-bg-\[\#6A77FB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(106 119 251 / var(--tw-bg-opacity));
}
.tw-bg-\[\#DEDEDE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.tw-bg-\[\#ECF4FE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 244 254 / var(--tw-bg-opacity));
}
.tw-bg-\[\#F0F1FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 255 / var(--tw-bg-opacity));
}
.tw-bg-\[\#F2F2F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.tw-bg-\[\#F8F8F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.tw-bg-\[\#FAD92E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 217 46 / var(--tw-bg-opacity));
}
.tw-bg-\[\#FEF6E6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 246 230 / var(--tw-bg-opacity));
}
.tw-bg-\[\#FFEDEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 238 / var(--tw-bg-opacity));
}
.tw-bg-\[\#FFF9EC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 236 / var(--tw-bg-opacity));
}
.tw-bg-\[\#dedede\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.tw-bg-\[\#e1f0f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 240 241 / var(--tw-bg-opacity));
}
.tw-bg-\[\#ec8f39\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 143 57 / var(--tw-bg-opacity));
}
.tw-bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.tw-bg-\[\#eefdfe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 253 254 / var(--tw-bg-opacity));
}
.tw-bg-\[\#f0fdf4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.tw-bg-\[\#f2f2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.tw-bg-\[\#f3f3f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.tw-bg-\[\#f5f8f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 249 / var(--tw-bg-opacity));
}
.tw-bg-\[\#f8f8f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.tw-bg-\[\#fe678b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 103 139 / var(--tw-bg-opacity));
}
.tw-bg-\[\#fee2e2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.tw-bg-\[\#fef6e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 246 230 / var(--tw-bg-opacity));
}
.tw-bg-\[\#fff0f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 243 / var(--tw-bg-opacity));
}
.tw-bg-\[\#fff9ec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 236 / var(--tw-bg-opacity));
}
.tw-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.tw-bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(101 164 248 / var(--tw-bg-opacity));
}
.tw-bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(69 145 247 / var(--tw-bg-opacity));
}
.tw-bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 244 254 / var(--tw-bg-opacity));
}
.tw-bg-blue-75 {
  --tw-bg-opacity: 1;
  background-color: rgb(179 210 252 / var(--tw-bg-opacity));
}
.tw-bg-error {
  --tw-bg-opacity: 1;
  background-color: rgb(188 71 82 / var(--tw-bg-opacity));
}
.tw-bg-error-bright {
  --tw-bg-opacity: 1;
  background-color: rgb(246 92 92 / var(--tw-bg-opacity));
}
.tw-bg-error-xlight {
  --tw-bg-opacity: 1;
  background-color: rgb(251 237 235 / var(--tw-bg-opacity));
}
.tw-bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}
.tw-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 200 202 / var(--tw-bg-opacity));
}
.tw-bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(179 179 179 / var(--tw-bg-opacity));
}
.tw-bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(149 149 149 / var(--tw-bg-opacity));
}
.tw-bg-gray-410 {
  --tw-bg-opacity: 1;
  background-color: rgb(155 155 155 / var(--tw-bg-opacity));
}
.tw-bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.tw-bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(88 88 88 / var(--tw-bg-opacity));
}
.tw-bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(115 210 187 / var(--tw-bg-opacity));
}
.tw-bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 178 138 / var(--tw-bg-opacity));
}
.tw-bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 247 243 / var(--tw-bg-opacity));
}
.tw-bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 255 / var(--tw-bg-opacity));
}
.tw-bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 199 253 / var(--tw-bg-opacity));
}
.tw-bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(131 142 252 / var(--tw-bg-opacity));
}
.tw-bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(106 119 251 / var(--tw-bg-opacity));
}
.tw-bg-off-white {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.tw-bg-page-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 249 / var(--tw-bg-opacity));
}
.tw-bg-pink-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 129 159 / var(--tw-bg-opacity));
}
.tw-bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 243 / var(--tw-bg-opacity));
}
.tw-bg-success-bright {
  --tw-bg-opacity: 1;
  background-color: rgb(56 204 151 / var(--tw-bg-opacity));
}
.tw-bg-teal-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(77 185 192 / var(--tw-bg-opacity));
}
.tw-bg-teal-light-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(225 240 241 / var(--tw-bg-opacity));
}
.tw-bg-teal-medium {
  --tw-bg-opacity: 1;
  background-color: rgb(9 121 146 / var(--tw-bg-opacity));
}
.tw-bg-transparent {
  background-color: transparent;
}
.tw-bg-tw-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.tw-bg-tw-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}
.tw-bg-tw-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.tw-bg-tw-emerald-500\/20 {
  background-color: rgb(16 185 129 / 0.2);
}
.tw-bg-tw-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.tw-bg-tw-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.tw-bg-tw-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.tw-bg-tw-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.tw-bg-tw-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.tw-bg-tw-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.tw-bg-warning-xlight {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 240 / var(--tw-bg-opacity));
}
.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tw-bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 246 230 / var(--tw-bg-opacity));
}
.tw-bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 114 6 / var(--tw-bg-opacity));
}
.tw-bg-yellow-75 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 240 213 / var(--tw-bg-opacity));
}
.tw-bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.tw-fill-\[\#00B7A5\] {
  fill: #00B7A5;
}
.tw-fill-\[\#0794A3\] {
  fill: #0794A3;
}
.tw-fill-\[\#157cff\] {
  fill: #157cff;
}
.tw-fill-\[\#326CE5\] {
  fill: #326CE5;
}
.tw-fill-\[\#326ce5\] {
  fill: #326ce5;
}
.tw-fill-\[\#3B4D56\] {
  fill: #3B4D56;
}
.tw-fill-\[\#3a52dd\] {
  fill: #3a52dd;
}
.tw-fill-\[\#3c54df\] {
  fill: #3c54df;
}
.tw-fill-\[\#4285f4\] {
  fill: #4285f4;
}
.tw-fill-\[\#669df6\] {
  fill: #669df6;
}
.tw-fill-\[\#71625B\] {
  fill: #71625B;
}
.tw-fill-\[\#75C5F0\] {
  fill: #75C5F0;
}
.tw-fill-\[\#88A1A8\] {
  fill: #88A1A8;
}
.tw-fill-\[\#8F5444\] {
  fill: #8F5444;
}
.tw-fill-\[\#A4B7BE\] {
  fill: #A4B7BE;
}
.tw-fill-\[\#B7673C\] {
  fill: #B7673C;
}
.tw-fill-\[\#E77817\] {
  fill: #E77817;
}
.tw-fill-\[\#aecbfa\] {
  fill: #aecbfa;
}
.tw-fill-\[\#fefefe\] {
  fill: #fefefe;
}
.tw-fill-\[\#ffc61c\] {
  fill: #ffc61c;
}
.tw-fill-gray-500 {
  fill: #717171;
}
.tw-fill-white {
  fill: #fff;
}
.tw-object-cover {
  object-fit: cover;
}
.\!tw-p-0 {
  padding: 0px !important;
}
.\!tw-p-2 {
  padding: 0.5rem !important;
}
.\!tw-p-4 {
  padding: 1rem !important;
}
.tw-p-0 {
  padding: 0px;
}
.tw-p-1 {
  padding: 0.25rem;
}
.tw-p-1\.5 {
  padding: 0.375rem;
}
.tw-p-2 {
  padding: 0.5rem;
}
.tw-p-2\.5 {
  padding: 0.625rem;
}
.tw-p-3 {
  padding: 0.75rem;
}
.tw-p-4 {
  padding: 1rem;
}
.tw-p-5 {
  padding: 1.25rem;
}
.tw-p-6 {
  padding: 1.5rem;
}
.tw-p-8 {
  padding: 2rem;
}
.tw-p-\[15px\] {
  padding: 15px;
}
.\!tw-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!tw-px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.\!tw-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!tw-px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.\!tw-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!tw-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!tw-py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!tw-py-\[11px\] {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.\!tw-py-\[7px\] {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.tw-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.tw-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.tw-px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tw-px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.tw-px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.tw-px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.tw-py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tw-py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.tw-py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tw-py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.tw-py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.tw-py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.\!tw-pb-0 {
  padding-bottom: 0px !important;
}
.\!tw-pb-2 {
  padding-bottom: 0.5rem !important;
}
.\!tw-pb-\[12px\] {
  padding-bottom: 12px !important;
}
.\!tw-pl-10 {
  padding-left: 2.5rem !important;
}
.\!tw-pl-\[18px\] {
  padding-left: 18px !important;
}
.\!tw-pr-16 {
  padding-right: 4rem !important;
}
.\!tw-pt-0 {
  padding-top: 0px !important;
}
.\!tw-pt-5 {
  padding-top: 1.25rem !important;
}
.tw-pb-0 {
  padding-bottom: 0px;
}
.tw-pb-1 {
  padding-bottom: 0.25rem;
}
.tw-pb-10 {
  padding-bottom: 2.5rem;
}
.tw-pb-2\.5 {
  padding-bottom: 0.625rem;
}
.tw-pb-3 {
  padding-bottom: 0.75rem;
}
.tw-pb-4 {
  padding-bottom: 1rem;
}
.tw-pb-5 {
  padding-bottom: 1.25rem;
}
.tw-pb-6 {
  padding-bottom: 1.5rem;
}
.tw-pb-\[60px\] {
  padding-bottom: 60px;
}
.tw-pb-\[90px\] {
  padding-bottom: 90px;
}
.tw-pl-0 {
  padding-left: 0px;
}
.tw-pl-1 {
  padding-left: 0.25rem;
}
.tw-pl-2 {
  padding-left: 0.5rem;
}
.tw-pl-3 {
  padding-left: 0.75rem;
}
.tw-pl-4 {
  padding-left: 1rem;
}
.tw-pl-5 {
  padding-left: 1.25rem;
}
.tw-pl-6 {
  padding-left: 1.5rem;
}
.tw-pl-64 {
  padding-left: 16rem;
}
.tw-pr-1\.5 {
  padding-right: 0.375rem;
}
.tw-pr-10 {
  padding-right: 2.5rem;
}
.tw-pr-2 {
  padding-right: 0.5rem;
}
.tw-pr-3 {
  padding-right: 0.75rem;
}
.tw-pr-4 {
  padding-right: 1rem;
}
.tw-pr-9 {
  padding-right: 2.25rem;
}
.tw-pt-0\.5 {
  padding-top: 0.125rem;
}
.tw-pt-10 {
  padding-top: 2.5rem;
}
.tw-pt-2 {
  padding-top: 0.5rem;
}
.tw-pt-24 {
  padding-top: 6rem;
}
.tw-pt-3 {
  padding-top: 0.75rem;
}
.tw-pt-4 {
  padding-top: 1rem;
}
.tw-pt-5 {
  padding-top: 1.25rem;
}
.tw-pt-6 {
  padding-top: 1.5rem;
}
.tw-pt-7 {
  padding-top: 1.75rem;
}
.tw-text-left {
  text-align: left;
}
.tw-text-center {
  text-align: center;
}
.tw-text-right {
  text-align: right;
}
.tw-align-middle {
  vertical-align: middle;
}
.tw-align-\[-0\.125em\] {
  vertical-align: -0.125em;
}
.tw-font-\[\'myCustomFont\'\] {
  font-family: 'myCustomFont';
}
.tw-font-inter {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tw-font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.tw-font-poppins {
  font-family: Poppins, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tw-font-sans {
  font-family: Open Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!tw-text-\[14px\] {
  font-size: 14px !important;
}
.\!tw-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!tw-text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\!tw-text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!tw-text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.tw-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.tw-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.tw-text-\[10px\] {
  font-size: 10px;
}
.tw-text-\[13px\] {
  font-size: 13px;
}
.tw-text-\[16px\] {
  font-size: 16px;
}
.tw-text-\[20px\] {
  font-size: 20px;
}
.tw-text-\[26px\] {
  font-size: 26px;
}
.tw-text-\[44px\] {
  font-size: 44px;
}
.tw-text-\[80px\] {
  font-size: 80px;
}
.tw-text-\[8px\] {
  font-size: 8px;
}
.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.tw-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!tw-font-semibold {
  font-weight: 600 !important;
}
.tw-font-bold {
  font-weight: 700;
}
.tw-font-medium {
  font-weight: 500;
}
.tw-font-normal {
  font-weight: 400;
}
.tw-font-semibold {
  font-weight: 600;
}
.tw-uppercase {
  text-transform: uppercase;
}
.tw-italic {
  font-style: italic;
}
.\!tw-leading-3 {
  line-height: .75rem !important;
}
.tw-leading-3 {
  line-height: .75rem;
}
.tw-leading-4 {
  line-height: 1rem;
}
.tw-leading-5 {
  line-height: 1.25rem;
}
.tw-leading-6 {
  line-height: 1.5rem;
}
.tw-leading-7 {
  line-height: 1.75rem;
}
.tw-leading-\[1\.9\] {
  line-height: 1.9;
}
.tw-leading-\[26px\] {
  line-height: 26px;
}
.tw-leading-loose {
  line-height: 2;
}
.tw-leading-none {
  line-height: 1;
}
.tw-leading-normal {
  line-height: 1.5;
}
.tw-leading-relaxed {
  line-height: 1.625;
}
.tw-leading-snug {
  line-height: 1.375;
}
.tw-leading-tight {
  line-height: 1.25;
}
.tw-tracking-normal {
  letter-spacing: 0em;
}
.tw-tracking-tight {
  letter-spacing: -0.025em;
}
.\!tw-text-\[\#4591F7\] {
  --tw-text-opacity: 1 !important;
  color: rgb(69 145 247 / var(--tw-text-opacity)) !important;
}
.\!tw-text-blue-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(69 145 247 / var(--tw-text-opacity)) !important;
}
.\!tw-text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(79 79 79 / var(--tw-text-opacity)) !important;
}
.\!tw-text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(50 50 50 / var(--tw-text-opacity)) !important;
}
.\!tw-text-indigo-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(106 119 251 / var(--tw-text-opacity)) !important;
}
.\!tw-text-pink-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(155 63 85 / var(--tw-text-opacity)) !important;
}
.\!tw-text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#15803d\] {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.tw-text-\[\#161616\] {
  --tw-text-opacity: 1;
  color: rgb(22 22 22 / var(--tw-text-opacity));
}
.tw-text-\[\#3066AD\] {
  --tw-text-opacity: 1;
  color: rgb(48 102 173 / var(--tw-text-opacity));
}
.tw-text-\[\#337AB7\] {
  --tw-text-opacity: 1;
  color: rgb(51 122 183 / var(--tw-text-opacity));
}
.tw-text-\[\#337AB7\]\/\[\.75\] {
  color: rgb(51 122 183 / .75);
}
.tw-text-\[\#37BF9E\] {
  --tw-text-opacity: 1;
  color: rgb(55 191 158 / var(--tw-text-opacity));
}
.tw-text-\[\#38a3a8\] {
  --tw-text-opacity: 1;
  color: rgb(56 163 168 / var(--tw-text-opacity));
}
.tw-text-\[\#4591F7\] {
  --tw-text-opacity: 1;
  color: rgb(69 145 247 / var(--tw-text-opacity));
}
.tw-text-\[\#4591f7\] {
  --tw-text-opacity: 1;
  color: rgb(69 145 247 / var(--tw-text-opacity));
}
.tw-text-\[\#4A4A4A\] {
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity));
}
.tw-text-\[\#4A53B0\] {
  --tw-text-opacity: 1;
  color: rgb(74 83 176 / var(--tw-text-opacity));
}
.tw-text-\[\#4b4b4b\] {
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity));
}
.tw-text-\[\#577981\] {
  --tw-text-opacity: 1;
  color: rgb(87 121 129 / var(--tw-text-opacity));
}
.tw-text-\[\#585858\] {
  --tw-text-opacity: 1;
  color: rgb(88 88 88 / var(--tw-text-opacity));
}
.tw-text-\[\#65A61D\] {
  --tw-text-opacity: 1;
  color: rgb(101 166 29 / var(--tw-text-opacity));
}
.tw-text-\[\#6A77FB\] {
  --tw-text-opacity: 1;
  color: rgb(106 119 251 / var(--tw-text-opacity));
}
.tw-text-\[\#6f6f6f\] {
  --tw-text-opacity: 1;
  color: rgb(111 111 111 / var(--tw-text-opacity));
}
.tw-text-\[\#797979\] {
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity));
}
.tw-text-\[\#8c8c8c\] {
  --tw-text-opacity: 1;
  color: rgb(140 140 140 / var(--tw-text-opacity));
}
.tw-text-\[\#989898\] {
  --tw-text-opacity: 1;
  color: rgb(152 152 152 / var(--tw-text-opacity));
}
.tw-text-\[\#991b1b\] {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.tw-text-\[\#9B9B9B\] {
  --tw-text-opacity: 1;
  color: rgb(155 155 155 / var(--tw-text-opacity));
}
.tw-text-\[\#9C9C9C\] {
  --tw-text-opacity: 1;
  color: rgb(156 156 156 / var(--tw-text-opacity));
}
.tw-text-\[\#B24861\] {
  --tw-text-opacity: 1;
  color: rgb(178 72 97 / var(--tw-text-opacity));
}
.tw-text-\[\#BCBCBC\] {
  --tw-text-opacity: 1;
  color: rgb(188 188 188 / var(--tw-text-opacity));
}
.tw-text-\[\#C2C7FD\] {
  --tw-text-opacity: 1;
  color: rgb(194 199 253 / var(--tw-text-opacity));
}
.tw-text-\[\#F0A308\] {
  --tw-text-opacity: 1;
  color: rgb(240 163 8 / var(--tw-text-opacity));
}
.tw-text-\[\#FDBF44\] {
  --tw-text-opacity: 1;
  color: rgb(253 191 68 / var(--tw-text-opacity));
}
.tw-text-\[\#FE678B\] {
  --tw-text-opacity: 1;
  color: rgb(254 103 139 / var(--tw-text-opacity));
}
.tw-text-\[\#FF4856\] {
  --tw-text-opacity: 1;
  color: rgb(255 72 86 / var(--tw-text-opacity));
}
.tw-text-\[\#FF5C57\] {
  --tw-text-opacity: 1;
  color: rgb(255 92 87 / var(--tw-text-opacity));
}
.tw-text-\[\#b91c1c\] {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.tw-text-\[\#bcbcbc\] {
  --tw-text-opacity: 1;
  color: rgb(188 188 188 / var(--tw-text-opacity));
}
.tw-text-\[\#cccccc\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.tw-text-\[\#d97706\] {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.tw-text-\[\#dc2626\] {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.tw-text-\[\#ec8f39\] {
  --tw-text-opacity: 1;
  color: rgb(236 143 57 / var(--tw-text-opacity));
}
.tw-text-\[\#f65c5c\] {
  --tw-text-opacity: 1;
  color: rgb(246 92 92 / var(--tw-text-opacity));
}
.tw-text-\[\#fdbf44\] {
  --tw-text-opacity: 1;
  color: rgb(253 191 68 / var(--tw-text-opacity));
}
.tw-text-\[\#ff4856\] {
  --tw-text-opacity: 1;
  color: rgb(255 72 86 / var(--tw-text-opacity));
}
.tw-text-\[\#fff0f3\] {
  --tw-text-opacity: 1;
  color: rgb(255 240 243 / var(--tw-text-opacity));
}
.tw-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tw-text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(101 164 248 / var(--tw-text-opacity));
}
.tw-text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(69 145 247 / var(--tw-text-opacity));
}
.tw-text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(48 102 173 / var(--tw-text-opacity));
}
.tw-text-disabled {
  --tw-text-opacity: 1;
  color: rgb(156 156 156 / var(--tw-text-opacity));
}
.tw-text-error {
  --tw-text-opacity: 1;
  color: rgb(188 71 82 / var(--tw-text-opacity));
}
.tw-text-error-bright {
  --tw-text-opacity: 1;
  color: rgb(246 92 92 / var(--tw-text-opacity));
}
.tw-text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(222 222 222 / var(--tw-text-opacity));
}
.tw-text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(196 200 202 / var(--tw-text-opacity));
}
.tw-text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(179 179 179 / var(--tw-text-opacity));
}
.tw-text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(149 149 149 / var(--tw-text-opacity));
}
.tw-text-gray-410 {
  --tw-text-opacity: 1;
  color: rgb(155 155 155 / var(--tw-text-opacity));
}
.tw-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 113 / var(--tw-text-opacity));
}
.tw-text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(88 88 88 / var(--tw-text-opacity));
}
.tw-text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(79 79 79 / var(--tw-text-opacity));
}
.tw-text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(50 50 50 / var(--tw-text-opacity));
}
.tw-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(44 44 44 / var(--tw-text-opacity));
}
.tw-text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(14 178 138 / var(--tw-text-opacity));
}
.tw-text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(9 109 84 / var(--tw-text-opacity));
}
.tw-text-h1 {
  --tw-text-opacity: 1;
  color: rgb(22 22 22 / var(--tw-text-opacity));
}
.tw-text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(240 241 255 / var(--tw-text-opacity));
}
.tw-text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(169 176 253 / var(--tw-text-opacity));
}
.tw-text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(131 142 252 / var(--tw-text-opacity));
}
.tw-text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(106 119 251 / var(--tw-text-opacity));
}
.tw-text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(74 83 176 / var(--tw-text-opacity));
}
.tw-text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(65 73 153 / var(--tw-text-opacity));
}
.tw-text-info-bright {
  --tw-text-opacity: 1;
  color: rgb(118 187 202 / var(--tw-text-opacity));
}
.tw-text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity));
}
.tw-text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(178 72 97 / var(--tw-text-opacity));
}
.tw-text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(155 63 85 / var(--tw-text-opacity));
}
.tw-text-success-bright {
  --tw-text-opacity: 1;
  color: rgb(56 204 151 / var(--tw-text-opacity));
}
.tw-text-teal-300 {
  --tw-text-opacity: 1;
  color: rgb(77 185 192 / var(--tw-text-opacity));
}
.tw-text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(56 163 168 / var(--tw-text-opacity));
}
.tw-text-teal-medium {
  --tw-text-opacity: 1;
  color: rgb(9 121 146 / var(--tw-text-opacity));
}
.tw-text-teal-muted-dark {
  --tw-text-opacity: 1;
  color: rgb(87 121 129 / var(--tw-text-opacity));
}
.tw-text-tw-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.tw-text-tw-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.tw-text-tw-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.tw-text-tw-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.tw-text-tw-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.tw-text-tw-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.tw-text-tw-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}
.tw-text-warning-bright {
  --tw-text-opacity: 1;
  color: rgb(236 143 57 / var(--tw-text-opacity));
}
.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tw-text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(240 163 8 / var(--tw-text-opacity));
}
.tw-text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(168 114 6 / var(--tw-text-opacity));
}
.tw-text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(146 99 5 / var(--tw-text-opacity));
}
.tw-underline {
  text-decoration-line: underline;
}
.tw-no-underline {
  text-decoration-line: none;
}
.tw-accent-\[\#3066AD\] {
  accent-color: #3066AD;
}
.tw-accent-teal-medium {
  accent-color: #097992;
}
.tw-opacity-0 {
  opacity: 0;
}
.tw-opacity-100 {
  opacity: 1;
}
.tw-opacity-25 {
  opacity: 0.25;
}
.tw-opacity-50 {
  opacity: 0.5;
}
.tw-opacity-75 {
  opacity: 0.75;
}
.tw-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0px_1px_4px_0px_rgba\(0\,0\,0\,0\.16\)\] {
  --tw-shadow: 0px 1px 4px 0px rgba(0,0,0,0.16);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0px_1px_4px_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0px 1px 4px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.tw-outline-0 {
  outline-width: 0px;
}
.tw-ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.tw-ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.tw-ring-inset {
  --tw-ring-inset: inset;
}
.\!tw-ring-tw-red-500 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)) !important;
}
.tw-ring-\[\#16a34a\]\/20 {
  --tw-ring-color: rgb(22 163 74 / 0.2);
}
.tw-ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.tw-ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(179 179 179 / var(--tw-ring-opacity));
}
.tw-ring-gray-900\/5 {
  --tw-ring-color: rgb(44 44 44 / 0.05);
}
.tw-ring-tw-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.tw-ring-tw-indigo-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}
.tw-ring-tw-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}
.tw-ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.tw-ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.tw-drop-shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.16\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 3px rgba(0,0,0,0.16));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.tw-drop-shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.16\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 4px rgba(0,0,0,0.16));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.tw-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-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;
}
.tw-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-duration-100 {
  transition-duration: 100ms;
}
.tw-duration-150 {
  transition-duration: 150ms;
}
.tw-duration-200 {
  transition-duration: 200ms;
}
.tw-duration-300 {
  transition-duration: 300ms;
}
.tw-duration-500 {
  transition-duration: 500ms;
}
.tw-duration-75 {
  transition-duration: 75ms;
}
.tw-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tw-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.tw-\@container {
  container-type: inline-size;
}

@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('https://vendor.staging.replicated.com/assets/OpenSans-VariableFont_wdth_wght-CKzXWP-Y.ttf') format('truetype-variations');
    font-named-instance: 'Regular';
  }
}

@keyframes fadeOutYellow {
  0% {
    background-color: #fff8b3;
  }
  100% {
    background-color: white;
  }
}

.highlight-added {
  animation: fadeOutYellow 2s ease-out;
}

.highlight-deleted {
  animation: fadeInHoldFadeOut 0.5s forwards;
}

@keyframes fadeInHoldFadeOut {
  0% {
    background-color: transparent;
    height: auto;
  }
  20% {
    background-color: #ffcccc; /* Light red */
    height: auto;
  }
  40% {
    background-color: #ffcccc; /* Hold red for a brief moment */
    opacity: 1;
    height: auto;
  }
  100% {
    background-color: transparent;
    opacity: 0; /* Fade out the entire row including text */
    height: 0; /* Shrink the height to 0 very quickly */
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
}

.placeholder\:tw-text-gray-200::placeholder {
  --tw-text-opacity: 1;
  color: rgb(196 200 202 / var(--tw-text-opacity));
}

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

.placeholder\:tw-text-tw-red-300::placeholder {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.first\:tw-hidden:first-child {
  display: none;
}

.first\:tw-rounded-l-\[3px\]:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.first\:tw-rounded-l-sm:first-child {
  border-top-left-radius: 0.187rem;
  border-bottom-left-radius: 0.187rem;
}

.first\:tw-border-0:first-child {
  border-width: 0px;
}

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

.last\:tw-rounded-r-\[3px\]:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.last\:tw-rounded-r-sm:last-child {
  border-top-right-radius: 0.187rem;
  border-bottom-right-radius: 0.187rem;
}

.last\:tw-border-0:last-child {
  border-width: 0px;
}

.last\:tw-pb-0:last-child {
  padding-bottom: 0px;
}

.last\:tw-pb-2:last-child {
  padding-bottom: 0.5rem;
}

.hover\:tw-cursor-not-allowed:hover {
  cursor: not-allowed;
}

.hover\:tw-cursor-pointer:hover {
  cursor: pointer;
}

.hover\:tw-border-\[\#6a77fb\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}

.hover\:tw-border-\[\#9B9B9B\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(155 155 155 / var(--tw-border-opacity));
}

.hover\:tw-border-\[\#B3323C\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(179 50 60 / var(--tw-border-opacity));
}

.hover\:tw-border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(69 145 247 / var(--tw-border-opacity));
}

.hover\:tw-border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(48 102 173 / var(--tw-border-opacity));
}

.hover\:tw-border-error-dark:hover {
  --tw-border-opacity: 1;
  border-color: rgb(152 34 45 / var(--tw-border-opacity));
}

.hover\:tw-border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(179 179 179 / var(--tw-border-opacity));
}

.hover\:tw-border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 113 / var(--tw-border-opacity));
}

.hover\:tw-border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(14 178 138 / var(--tw-border-opacity));
}

.hover\:tw-border-indigo-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}

.hover\:tw-border-indigo-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 83 176 / var(--tw-border-opacity));
}

.hover\:tw-border-teal-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(56 163 168 / var(--tw-border-opacity));
}

.hover\:tw-border-teal-medium:hover {
  --tw-border-opacity: 1;
  border-color: rgb(9 121 146 / var(--tw-border-opacity));
}

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

.hover\:tw-bg-\[\#2d2d2d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity));
}

.hover\:tw-bg-\[\#383838\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(56 56 56 / var(--tw-bg-opacity));
}

.hover\:tw-bg-\[\#6a77fb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(106 119 251 / var(--tw-bg-opacity));
}

.hover\:tw-bg-\[\#ECF4FE\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 244 254 / var(--tw-bg-opacity));
}

.hover\:tw-bg-\[\#e9e9e9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233 / var(--tw-bg-opacity));
}

.hover\:tw-bg-\[\#f5f8f9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 249 / var(--tw-bg-opacity));
}

.hover\:tw-bg-\[\#f9fafb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:tw-bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(48 102 173 / var(--tw-bg-opacity));
}

.hover\:tw-bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 244 254 / var(--tw-bg-opacity));
}

.hover\:tw-bg-error-xlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 237 235 / var(--tw-bg-opacity));
}

.hover\:tw-bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity));
}

.hover\:tw-bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(196 200 202 / var(--tw-bg-opacity));
}

.hover\:tw-bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:tw-bg-indigo-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 199 253 / var(--tw-bg-opacity));
}

.hover\:tw-bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 83 176 / var(--tw-bg-opacity));
}

.hover\:tw-bg-off-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.hover\:tw-bg-teal-medium:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(9 121 146 / var(--tw-bg-opacity));
}

.hover\:tw-bg-tw-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:tw-bg-tw-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:\!tw-text-\[\#4591F7\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(69 145 247 / var(--tw-text-opacity)) !important;
}

.hover\:\!tw-text-blue-300:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(69 145 247 / var(--tw-text-opacity)) !important;
}

.hover\:\!tw-text-gray-400:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(149 149 149 / var(--tw-text-opacity)) !important;
}

.hover\:\!tw-text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:tw-text-\[\#4591F7\]:hover {
  --tw-text-opacity: 1;
  color: rgb(69 145 247 / var(--tw-text-opacity));
}

.hover\:tw-text-\[\#577981\]:hover {
  --tw-text-opacity: 1;
  color: rgb(87 121 129 / var(--tw-text-opacity));
}

.hover\:tw-text-\[\#B3323C\]:hover {
  --tw-text-opacity: 1;
  color: rgb(179 50 60 / var(--tw-text-opacity));
}

.hover\:tw-text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(69 145 247 / var(--tw-text-opacity));
}

.hover\:tw-text-error-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(152 34 45 / var(--tw-text-opacity));
}

.hover\:tw-text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(196 200 202 / var(--tw-text-opacity));
}

.hover\:tw-text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(113 113 113 / var(--tw-text-opacity));
}

.hover\:tw-text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(88 88 88 / var(--tw-text-opacity));
}

.hover\:tw-text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(79 79 79 / var(--tw-text-opacity));
}

.hover\:tw-text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(44 44 44 / var(--tw-text-opacity));
}

.hover\:tw-text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgb(106 119 251 / var(--tw-text-opacity));
}

.hover\:tw-text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(74 83 176 / var(--tw-text-opacity));
}

.hover\:tw-text-teal-medium:hover {
  --tw-text-opacity: 1;
  color: rgb(9 121 146 / var(--tw-text-opacity));
}

.hover\:tw-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:\!tw-underline:hover {
  text-decoration-line: underline !important;
}

.hover\:tw-underline:hover {
  text-decoration-line: underline;
}

.hover\:\!tw-no-underline:hover {
  text-decoration-line: none !important;
}

.hover\:tw-no-underline:hover {
  text-decoration-line: none;
}

.focus\:\!tw-border-gray-200:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(196 200 202 / var(--tw-border-opacity)) !important;
}

.focus\:tw-border-\[\#6A77FB\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}

.focus\:tw-border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}

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

.focus\:\!tw-text-gray-400:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(149 149 149 / var(--tw-text-opacity)) !important;
}

.focus\:tw-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:tw-ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:tw-ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:tw-ring-inset:focus {
  --tw-ring-inset: inset;
}

.focus\:tw-ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(106 119 251 / var(--tw-ring-opacity));
}

.focus\:tw-ring-indigo-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 83 176 / var(--tw-ring-opacity));
}

.focus\:tw-ring-tw-indigo-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}

.focus\:tw-ring-tw-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus-visible\:tw-outline-offset-0:focus-visible {
  outline-offset: 0px;
}

.active\:tw-border-\[\#6A77FB\]:active {
  --tw-border-opacity: 1;
  border-color: rgb(106 119 251 / var(--tw-border-opacity));
}

.active\:focus\:tw-border-teal-300:focus:active {
  --tw-border-opacity: 1;
  border-color: rgb(77 185 192 / var(--tw-border-opacity));
}

.active\:focus\:tw-outline-none:focus:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hover\:enabled\:tw-bg-tw-indigo-500:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.disabled\:\!tw-cursor-not-allowed:disabled {
  cursor: not-allowed !important;
}

.disabled\:tw-cursor-default:disabled {
  cursor: default;
}

.disabled\:tw-cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:tw-opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:tw-opacity-80:disabled {
  opacity: 0.8;
}

.tw-group:hover .group-hover\:\!tw-text-blue-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(69 145 247 / var(--tw-text-opacity)) !important;
}

.tw-group:hover .group-hover\:tw-text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(69 145 247 / var(--tw-text-opacity));
}

.tw-group:hover .group-hover\:tw-text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(14 178 138 / var(--tw-text-opacity));
}

.tw-group:hover .group-hover\:tw-opacity-100 {
  opacity: 1;
}

@container (min-width: 28rem) {
  .\@md\:tw-h-32 {
    height: 8rem;
  }
  .\@md\:tw-h-64 {
    height: 16rem;
  }
  .\@md\:tw-flex-row {
    flex-direction: row;
  }
  .\@md\:tw-justify-end {
    justify-content: flex-end;
  }
}

@container (min-width: 32rem) {
  .\@lg\:tw-items-end {
    align-items: flex-end;
  }
}

@container (min-width: 48rem) {
  .\@3xl\:tw-mt-0 {
    margin-top: 0px;
  }
  .\@3xl\:tw-justify-start {
    justify-content: flex-start;
  }
}

@container (min-width: 56rem) {
  .\@4xl\:tw-col-span-7 {
    grid-column: span 7 / span 7;
  }
  .\@4xl\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .\@4xl\:tw-ml-0 {
    margin-left: 0px;
  }
  .\@4xl\:tw-mt-0 {
    margin-top: 0px;
  }
  .\@4xl\:tw-grid {
    display: grid;
  }
  .\@4xl\:tw-h-64 {
    height: 16rem;
  }
  .\@4xl\:tw-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .\@4xl\:tw-flex-row {
    flex-direction: row;
  }
  .\@4xl\:tw-justify-start {
    justify-content: flex-start;
  }
  .\@4xl\:tw-gap-8 {
    gap: 2rem;
  }
  .\@4xl\:tw-gap-y-0 {
    row-gap: 0px;
  }
}

@container (min-width: 72rem) {
  .\@6xl\:tw-items-start {
    align-items: flex-start;
  }
}

.ui-selected\:tw-font-semibold[data-headlessui-state~="selected"] {
  font-weight: 600;
}

:where([data-headlessui-state~="selected"]) .ui-selected\:tw-font-semibold {
  font-weight: 600;
}

.ui-active\:tw-bg-\[\#eee\][data-headlessui-state~="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.ui-active\:tw-bg-\[\#fef2f2\][data-headlessui-state~="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.ui-active\:tw-bg-tw-indigo-600[data-headlessui-state~="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.ui-active\:tw-text-white[data-headlessui-state~="active"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:where([data-headlessui-state~="active"]) .ui-active\:tw-bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

:where([data-headlessui-state~="active"]) .ui-active\:tw-bg-\[\#fef2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

:where([data-headlessui-state~="active"]) .ui-active\:tw-bg-tw-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

:where([data-headlessui-state~="active"]) .ui-active\:tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ui-not-active\:tw-text-gray-900[data-headlessui-state]:not([data-headlessui-state~="active"]) {
  --tw-text-opacity: 1;
  color: rgb(44 44 44 / var(--tw-text-opacity));
}

:where([data-headlessui-state]:not([data-headlessui-state~="active"])) .ui-not-active\:tw-text-gray-900:not([data-headlessui-state]) {
  --tw-text-opacity: 1;
  color: rgb(44 44 44 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .sm\:tw-col-span-3 {
    grid-column: span 3 / span 3;
  }
  .sm\:tw-mb-0 {
    margin-bottom: 0px;
  }
  .sm\:tw-ml-0 {
    margin-left: 0px;
  }
  .sm\:tw-ml-3 {
    margin-left: 0.75rem;
  }
  .sm\:tw-mt-0 {
    margin-top: 0px;
  }
  .sm\:tw-mt-4 {
    margin-top: 1rem;
  }
  .sm\:tw-mt-8 {
    margin-top: 2rem;
  }
  .sm\:tw-box-content {
    box-sizing: content-box;
  }
  .sm\:tw-block {
    display: block;
  }
  .sm\:tw-flex {
    display: flex;
  }
  .sm\:tw-w-\[calc\(100\%-280px\)\] {
    width: calc(100% - 280px);
  }
  .sm\:tw-w-auto {
    width: auto;
  }
  .sm\:tw-basis-\[calc\(100\%\/4-6px\)\] {
    flex-basis: calc(100% / 4 - 6px);
  }
  .sm\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:tw-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:tw-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:tw-flex-row {
    flex-direction: row;
  }
  .sm\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:tw-flex-col {
    flex-direction: column;
  }
  .sm\:tw-items-end {
    align-items: flex-end;
  }
  .sm\:tw-justify-center {
    justify-content: center;
  }
  .sm\:tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .sm\:tw-rounded {
    border-radius: 0.25rem;
  }
  .sm\:tw-p-6 {
    padding: 1.5rem;
  }
  .sm\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:tw-pt-40 {
    padding-top: 10rem;
  }
  .sm\:tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:tw-leading-6 {
    line-height: 1.5rem;
  }
}

@media (min-width: 768px) {
  .md\:tw-left-auto {
    left: auto;
  }
  .md\:tw-right-\[-1px\] {
    right: -1px;
  }
  .md\:tw-top-10 {
    top: 2.5rem;
  }
  .md\:tw-mt-0 {
    margin-top: 0px;
  }
  .md\:tw-mt-2 {
    margin-top: 0.5rem;
  }
  .md\:tw-flex {
    display: flex;
  }
  .md\:tw-h-6 {
    height: 1.5rem;
  }
  .md\:tw-h-\[120px\] {
    height: 120px;
  }
  .md\:tw-w-auto {
    width: auto;
  }
  .md\:tw-w-max {
    width: max-content;
  }
  .md\:tw-max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:tw-flex-1 {
    flex: 1 1 0%;
  }
  .md\:tw-flex-none {
    flex: none;
  }
  .md\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:tw-flex-row {
    flex-direction: row;
  }
  .md\:tw-flex-col {
    flex-direction: column;
  }
  .md\:tw-items-center {
    align-items: center;
  }
  .md\:tw-justify-end {
    justify-content: flex-end;
  }
  .md\:tw-justify-center {
    justify-content: center;
  }
  .md\:tw-gap-4 {
    gap: 1rem;
  }
  .md\:tw-gap-5 {
    gap: 1.25rem;
  }
  .md\:tw-gap-8 {
    gap: 2rem;
  }
  .md\:tw-self-center {
    align-self: center;
  }
  .md\:tw-p-12 {
    padding: 3rem;
  }
  .md\:tw-p-3 {
    padding: 0.75rem;
  }
  .md\:tw-p-4 {
    padding: 1rem;
  }
  .md\:\!tw-text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .md\:tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .lg\:tw-col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .lg\:\!tw-mt-\[70px\] {
    margin-top: 70px !important;
  }
  .lg\:tw-mb-0 {
    margin-bottom: 0px;
  }
  .lg\:tw-mt-0 {
    margin-top: 0px;
  }
  .lg\:tw-flex {
    display: flex;
  }
  .lg\:tw-w-6\/12 {
    width: 50%;
  }
  .lg\:tw-w-\[320px\] {
    width: 320px;
  }
  .lg\:tw-flex-1 {
    flex: 1 1 0%;
  }
  .lg\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:tw-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .lg\:\!tw-flex-row {
    flex-direction: row !important;
  }
  .lg\:tw-flex-row {
    flex-direction: row;
  }
  .lg\:\!tw-flex-col {
    flex-direction: column !important;
  }
  .lg\:tw-items-start {
    align-items: flex-start;
  }
  .lg\:tw-justify-center {
    justify-content: center;
  }
  .lg\:tw-gap-0 {
    gap: 0px;
  }
  .lg\:tw-gap-16 {
    gap: 4rem;
  }
  .lg\:tw-gap-8 {
    gap: 2rem;
  }
  .lg\:tw-border-l {
    border-left-width: 1px;
  }
  .lg\:tw-pl-4 {
    padding-left: 1rem;
  }
  .lg\:tw-pt-0 {
    padding-top: 0px;
  }
  .lg\:tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:tw-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .lg\:tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1280px) {
  .xl\:tw-w-7\/12 {
    width: 58.333333%;
  }
  .xl\:tw-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:tw-flex-row {
    flex-direction: row;
  }
  .xl\:tw-gap-4 {
    gap: 1rem;
  }
  .xl\:tw-gap-9 {
    gap: 2.25rem;
  }
}

@media (min-width: 1480px) {
  .min-\[1480px\]\:tw-col-end-auto {
    grid-column-end: auto;
  }
  .min-\[1480px\]\:tw-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1536px) {
  .\32xl\:tw-w-8\/12 {
    width: 66.666667%;
  }
  .\32xl\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .\32xl\:tw-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:hover\:tw-text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(179 179 179 / var(--tw-text-opacity));
  }
}

.\[\&\:not\(\:last-child\)\]\:tw-border-r-0:not(:last-child) {
  border-right-width: 0px;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  -webkit-font-smoothing: antialiased;
}

body a {
  text-decoration: none;
  outline: none;
}

.replicated-link {
  color: #337ab7;
  cursor: pointer;
  font-weight: 500;
}

.replicated-link:hover {
  text-decoration: underline;
}

code,
pre {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  font-family: "Monaco", "Helvetica Neue", "Helvetica", sans-serif;
  background-color: #f9f2f4;
  border-radius: 4px;
  display: block;
  line-height: 1.7;
}

pre.pre-line {
  white-space: pre-line;
}

#app {
  display: flex;
  min-height: 100%;
}

.container {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

.paddingContainer,
.customers-container {
  padding: 0 20px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #959595;
}

.info-callout {
  background-color: #f5f8f9;
  border-radius: 6px;
  padding: 12px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #717171;
  margin-top: 10px;
}

.info-callout .icon {
  top: 3px;
}

.replicated-link {
  color: #337ab7;
  cursor: pointer;
  font-weight: 500;
}
.replicated-link:hover {
  text-decoration: underline;
}

.customers-container {
  padding: 0 20px;
}

.page-sidebar {
  width: 180px;
  margin-left: 60px;
}

.sidebar-header-title {
  font-size: 18px;
  font-weight: 500;
  color: #323232;
  margin-bottom: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}

.sidebar-content {
  margin: 0;
  padding: 0;
}
.sidebar-content li {
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
  margin-top: 10px;
}
.sidebar-content li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.sidebar-content .sidebar-title {
  font-size: 14px;
  font-weight: 500;
  color: #717171;
  line-height: 20px;
  margin-bottom: 4px;
}
.sidebar-content .sidebar-content {
  font-size: 12px;
  color: #959595;
  line-height: 18px;
  font-weight: 400;
}

.label {
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  padding: 2px 4px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
}
.label.default {
  background-color: #f5f8f9;
  border-color: #3b98fc;
  color: #3b98fc;
}

.filter-tag {
  padding: 3px 8px;
  border-radius: 20px;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  color: white;
}
.filter-tag .icon {
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
  position: relative;
  top: 2px;
}
.filter-tag .icon:hover {
  opacity: 1;
}

/*
Apply this class to any icon using main_spritesheet. From there
all you need to do is supply a `width: [value]` `height: [value]`
and `background-position: [value]`
*/
.icon {
  background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg");
  background-repeat: no-repeat;
  background-size: initial;
  display: inline-block;
  cursor: default;
  position: relative;
}

.icon.clickable {
  cursor: pointer;
}

.icon-emptyState {
  background-image: url("https://vendor.staging.replicated.com/assets/empty_screens_spritesheet-1WI5q_sc.svg");
  background-repeat: no-repeat;
  background-size: initial;
  display: inline-block;
  cursor: default;
  position: relative;
}

.EmptyState-wrapper {
  max-width: 500px;
  text-align: center;
}

.EmptyState-noCenter {
  max-width: 500px;
}

.EmptyState-body {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #959595;
}

.PolicyPage {
  padding-bottom: 30px;
  max-width: 960px;
  margin: 0 auto;
}

.PolicyPage h3 {
  font-size: 42px;
  font-weight: 300;
  color: #323232;
  line-height: 1;
  margin-bottom: 30px;
}

.PolicyPage h4 {
  font-size: 26px;
  font-weight: 400;
  color: #323232;
  line-height: 1;
  margin: 20px 0;
}

.PolicyPage p {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 22px;
  padding: 10px 0;
}

.PolicyPage a {
  color: #337ab7;
  font-weight: 500;
}

.PolicyPage a:hover {
  text-decoration: underline;
}

.PolicyPage ul {
  margin: 0 0 10px;
  padding-left: 20px;
  font-size: 14px;
  color: #4a4a4a;
}

.PolicyPage ul li {
  list-style-type: disc;
  line-height: 22px;
  margin-top: 10px;
}

.PolicyPage ul li b {
  font-weight: 600;
}

.TransformContainer {
  transform: translateX(-240px);
  transition: transform 0.2s ease-in-out;
}

.TransformContainer.show-sidebar {
  transform: translateX(0);
}

.TransformContainer .Sidebar-wrapper {
  min-width: 240px;
}

.TransformContainer .AppsContent-wrapper {
  min-width: 100%;
}

.ContentTitle-bg-wrapper {
  width: 100%;
  margin: 0 20px;
  background-color: transparent;
  border-bottom: none;
}

.ContentTitle-bg-wrapper.mobile {
  background-color: #f8f8f8;
  padding: 0 20px 0 50px;
  margin-bottom: 20px;
  border-bottom: #bccacd;
}

.ContentTitle-bg-wrapper.teams-tokens .ContentTitle-wrapper {
  border-bottom: 1px solid #c4c8ca;
}

.ToggleSidebar {
  position: absolute;
  left: 20px;
  top: 24px;
  color: #323232;
  z-index: 100;
  transform: translateX(0);
  transition: transform 0.2s ease-in-out;
}

.ToggleSidebar.sidebar-open {
  transform: translateX(240px);
  transition: transform 0.2s ease-in-out;
}

.ID-wrapper {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #c4c8ca;
  background-color: #f7f7f7;
}

/* CreateApp */
.CreateApp-wrapper .right-content-wrap {
  width: 100%;
  max-width: 480px;
}

.CreateApp-wrapper .illustration-wrapper,
.CreateApp-wrapper .form-content-wrapper {
  align-items: center;
}

.CreateApp-wrapper .FormSection-wrapper {
  padding: 20px 0 12px;
}

.CreateApp-wrapper .FormSection-wrapper .ErrorBlock {
  padding: 8px;
  bottom: -40px;
}

.AceEditor--wrapper {
  border-radius: 4px;
  border: 1px solid #dedede;
  overflow: auto;
  position: relative;
  box-sizing: border-box;
}
.AceEditor--wrapper .error-highlight {
  background: #fbedeb;
  position: absolute;
}
.AceEditor--wrapper .warn-highlight {
  background: #fff5e4;
  position: absolute;
}
.AceEditor--wrapper .info-highlight {
  background: #ebf0fb;
  position: absolute;
}
.AceEditor--wrapper .disabled-ace-editor {
  opacity: 0.7;
}
.AceEditor--wrapper .ace_search {
  left: 0;
  right: auto;
}

.react-datepicker-wrapper,
.react-datepicker__input-container,
.input-with-icon {
  width: 100%;
}

/* Media Queries */
@media screen and (min-width: 768px) {
  .minWidth-container {
    min-width: 1000px;
  }
  .minWidth-container.x-large {
    min-width: 1200px;
  }
  .CreateApp-wrapper {
    margin: 0;
  }
  .CreateApp-wrapper .form-content-wrapper {
    align-items: flex-start;
  }
  .ContentTitle-wrapper {
    border-bottom: 1px solid #bccacd;
  }
  .mobile .ContentTitle-wrapper {
    border-bottom: none;
  }
  .CustomerManageHeader.ContentTitle-wrapper {
    border-bottom: none;
  }
  .CreateApp-wrapper .right-content-wrap {
    padding-left: 45px;
  }
}
/* ≥ 1024px */
@media screen and (min-width: 1024px) {
  .container,
  .paddingContainer,
  .customers-container {
    padding: 0 30px;
  }
}
.hidden {
  display: none;
}

/* 2021 Rebrand */
.bg-color--teal {
  background-color: #f5f8f9;
}

.info-callout-flex {
  background-color: #f5f8f9;
  border-radius: 6px;
  padding: 15px 18px;
  font-size: 15px;
  line-height: 18px;
  color: #717171;
  margin-top: 10px;
  display: flex;
}

.icon-new {
  background-repeat: no-repeat;
  background-position: top center;
  display: inline-block;
  cursor: default;
  position: relative;
  width: 40px;
  height: 40px;
}

.adoptionRate-icon-new {
  background-image: url("data:image/svg+xml,%3csvg%20width='37'%20height='37'%20viewBox='0%200%2037%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.0108%200.698461C21.4411%200.591185%2021.1254%201.3356%2021.596%201.6743C25.3268%204.36003%2033.3996%2011.0222%2033.3996%2018.3856C33.3996%2028.3268%2018.6592%2036.3856%2018.6592%2036.3856C28.6003%2036.3856%2036.6592%2028.3268%2036.6592%2018.3856C36.6592%209.58995%2030.3501%202.26884%2022.0108%200.698461Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M34.4861%2018.3858C34.4861%209.04597%2028.2862%201.36877%2020.3512%200.474199C20.0286%200.437837%2019.7457%200.689764%2019.7457%201.01442V5.37665C19.7457%205.65255%2019.9528%205.88209%2020.2266%205.91614C26.462%206.69199%2031.28%2012.0349%2031.2261%2018.493C31.1685%2025.4093%2025.5757%2030.9532%2018.6591%2030.9532C15.7503%2030.9532%2013.0729%2029.9644%2010.9433%2028.3054C10.7285%2028.138%2010.4216%2028.16%2010.229%2028.3525L7.13845%2031.4432C6.91166%2031.67%206.9302%2032.0423%207.17706%2032.2471C10.2933%2034.8315%2014.2944%2036.3859%2018.6592%2036.3859C27.4002%2036.3858%2034.4861%2028.327%2034.4861%2018.3858Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M14.3201%2020.0762C12.9565%2020.0762%2011.8408%2021.1919%2011.8408%2022.5555V22.7469C12.4818%2023.7276%2013.3288%2024.5613%2014.3201%2025.1873L16.7995%2020.0762H14.3201Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M22.9989%2020.0762H20.5195L22.9989%2025.1873C23.9902%2024.5613%2024.8372%2023.7276%2025.4782%2022.7469V22.5555C25.4782%2021.1919%2024.3625%2020.0762%2022.9989%2020.0762V20.0762Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M20.5203%2020.0762H16.8006C15.437%2020.0762%2014.3213%2021.1919%2014.3213%2022.5555V25.1873C15.5773%2025.9804%2017.0652%2026.4398%2018.6604%2026.4398C20.2558%2026.4398%2021.7435%2025.9804%2022.9996%2025.1873V22.5555C22.9997%2021.1919%2021.884%2020.0762%2020.5203%2020.0762V20.0762Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M16.983%200.464225C13.2737%200.806768%209.89092%202.27451%207.17853%204.52339C6.93095%204.72867%206.91074%205.10098%207.13812%205.32835L10.2288%208.41907C10.4214%208.6116%2010.7281%208.63384%2010.9429%208.46651C12.6839%207.11025%2014.7912%206.20242%2017.0916%205.91616C17.3654%205.88212%2017.5726%205.6525%2017.5726%205.3766V1.00575C17.5725%200.687468%2017.2999%200.434961%2016.983%200.464225Z'%20fill='%23FF9395'/%3e%3cpath%20d='M8.69073%2026.8177C8.88413%2026.6243%208.90658%2026.3161%208.73854%2026.1003C7.08015%2023.9708%206.09178%2021.2939%206.09178%2018.3857C6.09178%2015.4776%207.08015%2012.8007%208.73854%2010.6712C8.90658%2010.4555%208.88413%2010.1472%208.69073%209.95384L5.60183%206.86502C5.37504%206.63822%205.00272%206.65677%204.79795%206.90362C2.21363%2010.0198%200.65918%2014.021%200.65918%2018.3857C0.65918%2022.7505%202.21363%2026.7516%204.79802%2029.8679C5.00279%2030.1147%205.37504%2030.1333%205.6019%2029.9065L8.69073%2026.8177Z'%20fill='%23E6D598'/%3e%3crect%20x='15.5146'%20y='12.2466'%20width='6.29029'%20height='6.2903'%20rx='3'%20fill='%234DB9C0'/%3e%3c/svg%3e");
}

.customers-icon {
  background-image: url("https://vendor.staging.replicated.com/assets/customer-icon-Z0ytiUMb.svg");
}

.latest-release-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='37'%20height='37'%20viewBox='0%200%2037%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0)'%3e%3cpath%20d='M16.1918%2010.3008C15.9863%209.95778%2015.6045%209.76084%2015.2057%209.79114L6.63505%2010.4532C5.76733%2010.5203%204.99439%2010.9751%204.5143%2011.7011L0.91749%2017.1413C0.553485%2017.6919%200.495548%2018.3809%200.762593%2018.9844C1.02957%2019.588%201.57835%2020.0085%202.2305%2020.1096L9.18013%2021.186C9.2342%2021.1943%209.2882%2021.1985%209.34178%2021.1985C9.69776%2021.1984%2010.0346%2021.0179%2010.2302%2020.7118L16.1756%2011.4107C16.391%2011.0737%2016.3972%2010.644%2016.1918%2010.3008V10.3008Z'%20fill='%23FF9395'/%3e%3cpath%20d='M26.7862%2020.8949C26.4431%2020.6895%2026.0133%2020.6958%2025.6764%2020.9111L16.3754%2026.8565C16.0232%2027.0816%2015.8372%2027.4935%2015.9011%2027.9066L16.9774%2034.8562C17.0785%2035.5084%2017.4991%2036.0572%2018.1027%2036.3242C18.3537%2036.4352%2018.6195%2036.49%2018.884%2036.49C19.2553%2036.49%2019.6243%2036.3819%2019.9458%2036.1693L25.3861%2032.5724C26.1121%2032.0925%2026.5669%2031.3195%2026.6339%2030.4517L27.2959%2021.8811C27.3268%2021.4823%2027.1294%2021.1005%2026.7862%2020.8949V20.8949Z'%20fill='%23FF9395'/%3e%3cpath%20d='M14.1575%2029.4783C14.5773%2029.8981%2015.1737%2030.0945%2015.7592%2029.9965C24.3452%2028.5609%2031.1393%2021.4521%2033.7259%2016.4513C36.5981%2010.8985%2036.7045%205.03051%2036.5543%202.2785C36.5029%201.33547%2035.7512%200.583769%2034.8081%200.5323C32.0561%200.382255%2026.1882%200.488637%2020.6354%203.36081C15.6346%205.94737%208.52582%2012.7415%207.09019%2021.3275C6.99231%2021.913%207.18862%2022.5094%207.60839%2022.9292L14.1575%2029.4783Z'%20fill='%23E1F0F1'/%3e%3cpath%20d='M7.09019%2021.3276C6.99231%2021.9131%207.18862%2022.5095%207.60839%2022.9293L14.1575%2029.4784C14.5773%2029.8982%2015.1737%2030.0945%2015.7592%2029.9966C17.6275%2029.6842%2019.4107%2029.103%2021.0845%2028.3336L8.75321%2016.0024C7.98378%2017.6761%207.40258%2019.4594%207.09019%2021.3276Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M1.67282%2030.1578C1.94268%2030.1578%202.21268%2030.0548%202.41855%2029.8489L5.86197%2026.4054C6.27386%2025.9936%206.27386%2025.3258%205.86197%2024.9139C5.45015%2024.502%204.78239%2024.502%204.37043%2024.9139L0.927082%2028.3573C0.515191%2028.7691%200.515191%2029.437%200.927082%2029.8489C1.13303%2030.0549%201.40289%2030.1578%201.67282%2030.1578V30.1578Z'%20fill='%23E6D598'/%3e%3cpath%20d='M9.01734%2028.0696C8.60552%2027.6578%207.93769%2027.6578%207.5258%2028.0696L0.905598%2034.6898C0.493707%2035.1016%200.493707%2035.7695%200.905598%2036.1814C1.11154%2036.3873%201.38147%2036.4902%201.6514%2036.4902C1.92133%2036.4902%202.19126%2036.3872%202.39714%2036.1813L9.01734%2029.5611C9.42923%2029.1493%209.42923%2028.4814%209.01734%2028.0696V28.0696Z'%20fill='%23E6D598'/%3e%3cpath%20d='M12.1735%2031.2249C11.7617%2030.8131%2011.0938%2030.8131%2010.682%2031.2249L7.23861%2034.6682C6.82671%2035.0801%206.82671%2035.7479%207.23861%2036.1598C7.44455%2036.3657%207.71448%2036.4687%207.98434%2036.4687C8.2542%2036.4687%208.5242%2036.3657%208.73007%2036.1598L12.1735%2032.7164C12.5854%2032.3045%2012.5854%2031.6367%2012.1735%2031.2249V31.2249Z'%20fill='%23E6D598'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M31.3336%2010.8777C31.3336%2013.7081%2029.0391%2016.0025%2026.2088%2016.0025C23.3784%2016.0025%2021.084%2013.7081%2021.084%2010.8777C21.084%208.04738%2023.3784%205.75293%2026.2088%205.75293C29.0391%205.75293%2031.3336%208.04738%2031.3336%2010.8777ZM26.2088%2014.0025C27.9346%2014.0025%2029.3336%2012.6035%2029.3336%2010.8777C29.3336%209.15195%2027.9346%207.75293%2026.2088%207.75293C24.483%207.75293%2023.084%209.15195%2023.084%2010.8777C23.084%2012.6035%2024.483%2014.0025%2026.2088%2014.0025Z'%20fill='%234DB9C0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='36'%20height='36'%20fill='white'%20transform='translate(0.59668%200.490234)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.troubleshoot-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='39'%20height='38'%20viewBox='0%200%2039%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.22819%202.12564L10.1312%206.02861C10.6268%206.52418%2010.6268%207.32757%2010.1312%207.82313L7.22987%2010.7245C6.7343%2011.2201%205.93091%2011.2201%205.43535%2010.7245L1.5323%206.82153C1.26498%206.5542%200.810265%206.67781%200.711335%207.04266C-0.0296178%209.77542%200.671116%2012.8172%202.81677%2014.9629C5.15185%2017.2979%208.54808%2017.9215%2011.4525%2016.8384L28.3439%2035.3096C30.0783%2037.2062%2033.0445%2037.2725%2034.8618%2035.4552C36.6878%2033.6292%2036.6109%2030.6461%2034.6934%2028.9165L16.1801%2012.2182C17.3537%209.27677%2016.7509%205.79138%2014.3696%203.41003C12.224%201.26438%209.18209%200.563644%206.44933%201.3046C6.08447%201.40353%205.96087%201.85831%206.22819%202.12564ZM32.9277%2032.2346C32.9277%2032.9809%2032.3227%2033.5858%2031.5764%2033.5858C30.8301%2033.5858%2030.2251%2032.9809%2030.2251%2032.2346C30.2251%2031.4883%2030.8301%2030.8833%2031.5764%2030.8833C32.3227%2030.8833%2032.9277%2031.4883%2032.9277%2032.2346Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M14.6412%2010.5158L16.268%2011.9832C17.3191%209.09267%2016.6871%205.72815%2014.3688%203.40981C14.1948%203.23579%2014.0142%203.07245%2013.8291%202.91748C15.3583%205.18091%2015.6288%208.04087%2014.6412%2010.5158Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M26.793%2033.6137L28.3436%2035.3093C30.078%2037.2059%2033.0441%2037.2721%2034.8615%2035.4548C36.6874%2033.6289%2036.6106%2030.6457%2034.6931%2028.9162L34.0638%2028.3486C35.0295%2030.061%2034.7941%2032.2821%2033.3234%2033.7528C31.506%2035.57%2028.5274%2035.5104%2026.793%2033.6137Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M11.4517%2016.838L9.91358%2015.1359C7.22595%2016.1383%204.11779%2015.6779%201.81836%2013.7534C2.10636%2014.1797%202.43852%2014.5851%202.81588%2014.9624C5.15096%2017.2975%208.54727%2017.9212%2011.4517%2016.838Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M21.8085%2017.2949L20.3725%2018.7309L19.4106%2017.769C18.8146%2017.173%2017.8482%2017.173%2017.2522%2017.769L15.9379%2019.0833C16.2688%2019.9358%2016.2675%2020.8875%2015.9336%2021.739L19.1113%2025.2139C19.8061%2024.89%2020.5819%2024.797%2021.3233%2024.9349C21.7643%2025.0171%2022.2175%2024.8774%2022.5347%2024.5601L23.2889%2023.8059C23.885%2023.2098%2023.885%2022.2435%2023.2889%2021.6475C22.7577%2021.1163%2022.7577%2020.2549%2023.2889%2019.7237L23.8637%2019.1489L21.8085%2017.2949Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M38.1169%203.14698L35.8708%200.866211C35.116%201.21388%2032.8835%202.84983%2032.7267%203.14697L31.3971%205.66606L19.2471%2017.8159L21.2017%2019.7705L33.3517%207.62067L35.8708%206.29099C36.1679%206.13419%2037.6137%204.169%2038.1169%203.14698Z'%20fill='%23BEBEBE'/%3e%3cpath%20d='M17.0736%2024.9013C18.1281%2023.8468%2019.6673%2023.5742%2020.9736%2024.0813L22.2879%2022.7671C22.8839%2022.171%2022.8839%2021.2046%2022.2879%2020.6086L18.4095%2016.7302C17.8135%2016.1342%2016.8471%2016.1342%2016.2511%2016.7302L14.9369%2018.0445C15.444%2019.3508%2015.1713%2020.8901%2014.1169%2021.9445C13.0625%2022.999%2011.5231%2023.2717%2010.2168%2022.7645L3.2493%2029.7321C1.58226%2031.3991%201.58226%2034.1018%203.2493%2035.7689C4.91634%2037.4359%207.61908%2037.4359%209.28612%2035.7689L16.2537%2028.8013C15.7464%2027.4951%2016.0191%2025.9558%2017.0736%2024.9013Z'%20fill='%23FF5761'/%3e%3cpath%20d='M22.288%2020.6085L21.371%2019.6914C21.4994%2020.1961%2021.3679%2020.7533%2020.9729%2021.1483L19.6586%2022.4626C18.3524%2021.9554%2016.8131%2022.2281%2015.7586%2023.2825C14.7041%2024.337%2014.4314%2025.8763%2014.9386%2027.1826L7.97108%2034.1501C6.45015%2035.671%204.06754%2035.8036%202.39551%2034.5493C2.60061%2034.9908%202.88523%2035.4045%203.24945%2035.7688C4.91649%2037.4358%207.61923%2037.4358%209.28627%2035.7688L16.2538%2028.8012C15.7467%2027.495%2016.0194%2025.9557%2017.0738%2024.9012C18.1283%2023.8467%2019.6676%2023.5741%2020.9738%2024.0812L22.2881%2022.7669C22.8841%2022.1709%2022.8841%2021.2045%2022.288%2020.6085Z'%20fill='%23FF5761'/%3e%3cpath%20d='M5.7165%2031.9276C5.57088%2031.9276%205.42527%2031.872%205.3141%2031.7609C5.09191%2031.5387%205.09191%2031.1784%205.3141%2030.9562L10.7048%2025.5655C10.927%2025.3434%2011.2873%2025.3434%2011.5096%2025.5655C11.7317%2025.7878%2011.7317%2026.1481%2011.5096%2026.3703L6.1189%2031.7609C6.00774%2031.872%205.86205%2031.9276%205.7165%2031.9276Z'%20fill='%23FFD1C7'/%3e%3cpath%20d='M7.70771%2033.9193C7.56209%2033.9193%207.41648%2033.8638%207.30531%2033.7527C7.08312%2033.5304%207.08312%2033.1701%207.30531%2032.9479L12.696%2027.5572C12.9182%2027.3351%2013.2785%2027.3351%2013.5008%2027.5572C13.7229%2027.7795%2013.7229%2028.1398%2013.5008%2028.362L8.11011%2033.7527C7.99895%2033.8638%207.85326%2033.9193%207.70771%2033.9193Z'%20fill='%23FFD1C7'/%3e%3c/svg%3e");
}

.custom-branding-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='37'%20height='32'%20viewBox='0%200%2037%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.298828'%20y='0.256348'%20width='36.028'%20height='30.8809'%20rx='3'%20fill='%23E1F0F1'/%3e%3cpath%20d='M0.297852%203.25635C0.297852%201.59949%201.641%200.256348%203.29785%200.256348H33.3259C34.9827%200.256348%2036.3259%201.59949%2036.3259%203.25635V7.9234H0.297852V3.25635Z'%20fill='%234DB9C0'/%3e%3ccircle%20cx='4.55998'%20cy='4.38811'%20r='2.08537'%20fill='%23FF9395'/%3e%3cpath%20d='M29.9958%2024.0947H6.62657C5.90983%2024.0947%205.32812%2024.9367%205.32812%2025.9741C5.32812%2027.0112%205.90983%2027.8532%206.62657%2027.8532H29.9958C30.7123%2027.8532%2031.294%2027.0112%2031.294%2025.9741C31.294%2024.9367%2030.7123%2024.0947%2029.9958%2024.0947Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M16.8829%2023.4557C17.3766%2023.4557%2017.8705%2023.2676%2018.2462%2022.8919L23.1955%2017.9426C23.4519%2017.6862%2023.4519%2017.2717%2023.1955%2017.0153L17.7963%2011.6162C17.5399%2011.3597%2017.1254%2011.3597%2016.869%2011.6162L11.9191%2016.5648C11.1676%2017.3162%2011.1676%2018.5399%2011.9191%2019.2915L15.5188%2022.8911C15.8952%2023.2676%2016.389%2023.4557%2016.8829%2023.4557ZM17.3327%2013.0065L21.8045%2017.4782L21.7285%2017.5543H12.8058C12.8215%2017.5346%2012.8287%2017.5104%2012.8471%2017.492L17.3327%2013.0065Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M22.0117%2021.7623C22.0117%2022.6962%2022.7476%2023.4563%2023.6513%2023.4563C24.5549%2023.4563%2025.2907%2022.6962%2025.2907%2021.7623C25.2907%2021.0096%2024.3504%2019.5242%2024.0618%2019.0875C23.8801%2018.8107%2023.4224%2018.8107%2023.2407%2019.0875C22.9522%2019.5242%2022.0117%2021.0096%2022.0117%2021.7623Z'%20fill='%234DB9C0'/%3e%3c/svg%3e");
}

.install-release-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='34'%20height='36'%20viewBox='0%200%2034%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='33.6406'%20y='30.8833'%20width='4.65161'%20height='33.5085'%20rx='1'%20transform='rotate(90%2033.6406%2030.8833)'%20fill='%23ACDEE1'/%3e%3crect%20x='14.5605'%20y='0.975952'%20width='4.65161'%20height='26.0744'%20rx='1'%20fill='%234DB9C0'/%3e%3crect%20x='24.9727'%20y='14.9261'%20width='4.65161'%20height='16.0893'%20rx='1'%20transform='rotate(45%2024.9727%2014.9261)'%20fill='%234DB9C0'/%3e%3crect%20width='4.65161'%20height='16.0893'%20rx='1'%20transform='matrix(-0.707107%200.707107%200.707107%200.707107%208.79785%2014.9261)'%20fill='%234DB9C0'/%3e%3c/svg%3e");
}

.helm-publish-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='35'%20height='34'%20viewBox='0%200%2035%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.9382%207.41352C31.738%206.78258%2031.2578%206.26994%2030.6574%205.95447L18.4501%200.197168C18.1299%200.0394336%2017.7696%200%2017.4495%200C17.1293%200%2016.769%200%2016.4489%200.0788672L4.24152%205.87561C3.64116%206.15164%203.2009%206.66428%203.0408%207.33465L0.0389978%2020.3083C-0.0810744%2020.9787%200.0790218%2021.649%200.479262%2022.2011L8.92434%2032.4933C9.40462%2032.9665%2010.085%2033.282%2010.7654%2033.3214H24.2135C24.934%2033.4003%2025.6144%2033.0848%2026.0546%2032.4933L34.4997%2022.2011C34.8999%2021.649%2035.06%2020.9787%2034.98%2020.3083L31.9382%207.41352Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M21.743%2022.4719C22.0958%2022.2228%2022.9017%2022.7695%2023.5429%2023.6929C24.1841%2024.6163%2024.418%2025.5668%2024.0651%2025.8159C23.7123%2026.065%2022.9065%2025.5184%2022.2653%2024.595C21.624%2023.6715%2021.3902%2022.721%2021.743%2022.4719ZM13.3031%2022.4719C12.9503%2022.2228%2012.1445%2022.7695%2011.5033%2023.6929C10.862%2024.6163%2010.6282%2025.5668%2010.981%2025.8159C11.3338%2026.065%2012.1397%2025.5184%2012.7809%2024.595C13.4221%2023.6715%2013.656%2022.721%2013.3031%2022.4719ZM17.5188%2023.9178C17.0881%2023.9178%2016.739%2024.8316%2016.739%2025.9589C16.739%2027.0862%2017.0881%2028%2017.5188%2028C17.9495%2028%2018.2987%2027.0862%2018.2987%2025.9589C18.2987%2024.8316%2017.9495%2023.9178%2017.5188%2023.9178Z'%20fill='white'/%3e%3cpath%20d='M21.743%2011.5281C22.0958%2011.7772%2022.9017%2011.2305%2023.5429%2010.3071C24.1841%209.3837%2024.418%208.43319%2024.0651%208.18408C23.7123%207.93499%2022.9065%208.48163%2022.2653%209.40503C21.624%2010.3285%2021.3902%2011.279%2021.743%2011.5281ZM13.3031%2011.5281C12.9503%2011.7772%2012.1445%2011.2305%2011.5033%2010.3071C10.862%209.3837%2010.6282%208.43319%2010.981%208.18408C11.3338%207.93499%2012.1397%208.48163%2012.7809%209.40503C13.4221%2010.3285%2013.656%2011.279%2013.3031%2011.5281ZM17.5188%2010.0822C17.0881%2010.0822%2016.739%209.16841%2016.739%208.04112C16.739%206.91382%2017.0881%206%2017.5188%206C17.9495%206%2018.2987%206.91382%2018.2987%208.04112C18.2987%209.16841%2017.9495%2010.0822%2017.5188%2010.0822Z'%20fill='white'/%3e%3cpath%20d='M23.5352%2013.339C22.2776%2011.2512%2019.9986%209.85608%2017.3959%209.85608C14.8644%209.85608%2012.6391%2011.1759%2011.3621%2013.1692M11.4987%2021.1933C12.7943%2023.0713%2014.9524%2024.3009%2017.3959%2024.3009C19.8438%2024.3009%2022.0054%2023.0669%2023.3001%2021.183'%20stroke='white'%20stroke-width='1.19347'/%3e%3cpath%20d='M7%2014.4336H8.50232V16.565H10.1968V14.4336H11.6991V20.1583H10.1968V17.886H8.50234V20.1583H7V14.4336ZM12.9569%2014.4336H16.6253V15.7018H14.4592V16.6002H16.3108V17.8684H14.4592V18.8901H16.7126V20.1583H12.9569V14.4336ZM17.8132%2014.4336H19.3155V18.8901H21.4641V20.1583H17.8132V14.4336ZM22.4423%2014.4336H23.9971L24.888%2016.8116L25.2024%2017.7451H25.2374L25.5518%2016.8116L26.4078%2014.4336H27.9625V20.1583H26.565V18.4673C26.565%2018.3205%2026.5723%2018.1591%2026.5868%2017.9829C26.6014%2017.8068%2026.6174%2017.6262%2026.6349%2017.4413C26.6523%2017.2563%2026.6727%2017.0758%2026.696%2016.8997C26.7193%2016.7235%2026.7397%2016.565%2026.7571%2016.4241H26.7222L26.2506%2017.7628L25.4645%2019.6915H24.9055L24.1194%2017.7627L23.6652%2016.424H23.6302C23.6477%2016.565%2023.6681%2016.7235%2023.6914%2016.8996C23.7147%2017.0758%2023.735%2017.2563%2023.7525%2017.4413C23.77%2017.6262%2023.786%2017.8068%2023.8006%2017.9829C23.8151%2018.1591%2023.8224%2018.3205%2023.8224%2018.4673V20.1583H22.4423V14.4336Z'%20fill='white'/%3e%3c/svg%3e");
}

.helm-install-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='37'%20height='31'%20viewBox='0%200%2037%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.000488281'%20width='36.028'%20height='30.8809'%20rx='3'%20fill='%23E1F0F1'/%3e%3cpath%20d='M0%203C0%201.34315%201.34315%200%203%200H33.028C34.6849%200%2036.028%201.34315%2036.028%203V7.66705H0V3Z'%20fill='%234DB9C0'/%3e%3ccircle%20cx='4.08537'%20cy='4.13188'%20r='2.08537'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.28571%2014.4638L2.21429%2012.2293C1.92857%2011.9401%201.92857%2011.5062%202.21429%2011.2169C2.5%2010.9277%202.92857%2010.9277%203.21429%2011.2169L6.78571%2013.9576C6.92857%2014.1023%207%2014.3192%207%2014.4638C7%2014.6808%206.92857%2014.8977%206.78571%2015.0424L3.21429%2017.7831C2.92857%2018.0723%202.5%2018.0723%202.21429%2017.7831C1.92857%2017.4938%201.92857%2017.0599%202.21429%2016.7707C3.11123%2016.097%203.78393%2015.5918%204.2324%2015.2549C4.46647%2015.0791%204.81757%2014.8154%205.28571%2014.4638Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M21.9562%2023.3583C22.2423%2023.1563%2022.8958%2023.5996%2023.4159%2024.3484C23.9359%2025.0973%2024.1255%2025.8681%2023.8394%2026.0702C23.5533%2026.2722%2022.8998%2025.8289%2022.3797%2025.08C21.8597%2024.3311%2021.6701%2023.5603%2021.9562%2023.3583ZM15.1117%2023.3583C14.8256%2023.1563%2014.1721%2023.5996%2013.652%2024.3484C13.132%2025.0973%2012.9424%2025.8681%2013.2285%2026.0702C13.5146%2026.2722%2014.1682%2025.8289%2014.6882%2025.08C15.2082%2024.3311%2015.3978%2023.5603%2015.1117%2023.3583ZM18.5305%2024.5308C18.1812%2024.5308%2017.8981%2025.2719%2017.8981%2026.1861C17.8981%2027.1003%2018.1812%2027.8414%2018.5305%2027.8414C18.8798%2027.8414%2019.1629%2027.1003%2019.1629%2026.1861C19.1629%2025.2719%2018.8798%2024.5308%2018.5305%2024.5308Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M21.9562%2014.4831C22.2423%2014.6851%2022.8958%2014.2418%2023.4159%2013.4929C23.9359%2012.7441%2024.1255%2011.9733%2023.8394%2011.7712C23.5533%2011.5692%2022.8998%2012.0125%2022.3797%2012.7614C21.8597%2013.5103%2021.6701%2014.2811%2021.9562%2014.4831ZM15.1117%2014.4831C14.8256%2014.6851%2014.1721%2014.2418%2013.652%2013.4929C13.132%2012.7441%2012.9424%2011.9733%2013.2285%2011.7712C13.5146%2011.5692%2014.1682%2012.0125%2014.6882%2012.7614C15.2082%2013.5103%2015.3978%2014.2811%2015.1117%2014.4831ZM18.5305%2013.3106C18.1812%2013.3106%2017.8981%2012.5695%2017.8981%2011.6553C17.8981%2010.7411%2018.1812%2010%2018.5305%2010C18.8798%2010%2019.1629%2010.7411%2019.1629%2011.6553C19.1629%2012.5695%2018.8798%2013.3106%2018.5305%2013.3106Z'%20fill='%234DB9C0'/%3e%3cpath%20d='M23.4097%2015.9517C22.3898%2014.2586%2020.5416%2013.1272%2018.4309%2013.1272C16.3779%2013.1272%2014.5733%2014.1975%2013.5376%2015.814M13.6484%2022.3213C14.6991%2023.8444%2016.4493%2024.8415%2018.4309%2024.8415C20.4161%2024.8415%2022.169%2023.8407%2023.219%2022.313'%20stroke='%234DB9C0'%20stroke-width='1.19347'/%3e%3cpath%20d='M10%2016.8394H11.2183V18.5679H12.5925V16.8394H13.8109V21.482H12.5925V19.6392H11.2184V21.482H10V16.8394ZM14.8309%2016.8394H17.8058V17.8679H16.0492V18.5965H17.5508V19.625H16.0492V20.4535H17.8767V21.482H14.8309V16.8394ZM18.7692%2016.8394H19.9875V20.4535H21.73V21.482H18.7692V16.8394ZM22.5233%2016.8394H23.7842L24.5067%2018.7679L24.7617%2019.525H24.79L25.045%2018.7679L25.7392%2016.8394H27V21.482H25.8667V20.1107C25.8667%2019.9916%2025.8726%2019.8607%2025.8844%2019.7178C25.8962%2019.575%2025.9092%2019.4286%2025.9233%2019.2786C25.9375%2019.1286%2025.954%2018.9822%2025.9729%2018.8393C25.9918%2018.6965%2026.0083%2018.5679%2026.0225%2018.4536H25.9942L25.6117%2019.5393L24.9742%2021.1034H24.5208L23.8833%2019.5393L23.515%2018.4536H23.4867C23.5008%2018.5679%2023.5173%2018.6965%2023.5363%2018.8393C23.5551%2018.9821%2023.5717%2019.1286%2023.5858%2019.2786C23.6%2019.4285%2023.613%2019.575%2023.6248%2019.7178C23.6366%2019.8607%2023.6425%2019.9916%2023.6425%2020.1107V21.482H22.5233V16.8394Z'%20fill='%234DB9C0'/%3e%3c/svg%3e");
}

.k8s-install-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='39'%20height='36'%20viewBox='0%200%2039%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M34.7592%207.95569C34.5469%207.28617%2034.0372%206.74219%2033.4001%206.40743L20.4464%200.298091C20.1066%200.130712%2019.7244%200.0888672%2019.3846%200.0888672C19.0448%200.0888672%2018.6626%200.0888672%2018.3228%200.172557L5.36904%206.32374C4.73197%206.61666%204.26478%207.16064%204.0949%207.872L0.909546%2021.6389C0.782132%2022.3503%200.952018%2023.0617%201.37673%2023.6475L10.3382%2034.569C10.8478%2035.0711%2011.5699%2035.4059%2012.2919%2035.4477H26.5623C27.3267%2035.5314%2028.0487%2035.1967%2028.5159%2034.569L37.4774%2023.6475C37.9021%2023.0617%2038.072%2022.3503%2037.987%2021.6389L34.7592%207.95569Z'%20fill='%234DB9C0'/%3e%3crect%20x='18.1133'%20y='10.3135'%20width='2.64187'%20height='14.8089'%20rx='1'%20fill='%23F5F8F9'/%3e%3crect%20x='24.0332'%20y='18.2365'%20width='2.64187'%20height='9.13787'%20rx='1'%20transform='rotate(45%2024.0332%2018.2365)'%20fill='%23F5F8F9'/%3e%3crect%20width='2.64187'%20height='9.13787'%20rx='1'%20transform='matrix(-0.707107%200.707107%200.707107%200.707107%2014.8398%2018.2365)'%20fill='%23F5F8F9'/%3e%3c/svg%3e");
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.5px;
}

h1 {
  font-size: 36px;
  font-weight: 600;
}

h2 {
  font-size: 30px;
  font-weight: 600;
}

h3 {
  font-size: 26px;
  font-weight: 600;
  color: #323232;
}

/* Font sizes */
.u-fontSize--smaller {
  font-size: 10px;
}

.u-fontSize--small {
  font-size: 12px;
}

.u-fontSize--normal {
  font-size: 14px;
}

.u-fontSize--large {
  font-size: 16px;
}

.u-fontSize--larger {
  font-size: 18px;
}

.u-fontSize--largest {
  font-size: 20px;
}

.u-fontSize--jumbo {
  font-size: 22px;
}

.u-fontSize--header {
  font-size: 32px;
}

.u-fontSize--header2 {
  font-size: 26px;
}

.u-fontSize--header3 {
  font-size: 24px;
}

.u-fontSize--26 {
  font-size: 26px;
}

.u-fontSize--20 {
  font-size: 20px;
}

.u-fontSize--giant {
  font-size: 42px;
}

.u-fontSize--jumbo2 {
  font-size: 24px;
}

.u-fontSize--giant2 {
  font-size: 45px;
}

.u-fontSize--thirty {
  font-size: 30px;
}

.u-fontSize--36 {
  font-size: 36px;
}

/* Line height */
.u-lineHeight--normal {
  line-height: 1.4;
}

.u-lineHeight--default {
  line-height: 1;
}

.u-lineHeight--more {
  line-height: 1.7;
}

.ellipsis-overflow {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Font decoration */
.u-textDecoration--underline {
  text-decoration: underline;
}

.u-textDecoration--underlineOnHover:hover,
.u-textDecoration--underlineOnHover:focus {
  cursor: pointer;
  text-decoration: underline;
}

/* Alignment classes */
.u-textAlign--center {
  text-align: center;
}

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

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

/* Font weight classes */
.u-fontWeight--light {
  font-weight: 300;
}

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

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

.u-fontWeight--bold {
  font-weight: 600;
}

.u-fontStyle--italic {
  font-style: italic;
}

.u-textTransform--uppercase {
  text-transform: uppercase;
}

.uppercase-title {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #9b9b9b;
  margin-bottom: 12px;
}

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

.u-letterSpacing--more {
  letter-spacing: 2px;
}

.u-fontFamily--monospace {
  font-family: monospace;
}

.u-fontFamily--poppins {
  font-family: "Poppins";
}

.u-fontFamily--helvetica {
  font-family: "Helvetica";
}

.Button {
  border-radius: 3px;
  font-weight: 700;
  cursor: pointer;
  padding: 6px 14px 7px;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  border: 0;
  transition: all 0.2s;
  outline: none;
  position: relative;
  line-height: 1;
}

.Button.small {
  font-size: 12px;
  padding: 4px 12px 5px;
}

.Button.large {
  font-size: 16px;
  padding: 8px 20px 9px;
}

.Button.block {
  display: block;
  width: 100%;
}

.Button.primary {
  background-color: #4db9c0;
  border: 1px solid #577981;
  color: white;
}

.Button.primary:hover {
  background-color: #097992;
}

.Button.primary.yellow {
  background-color: #ebb55c;
  border: 1px solid #d49a3b;
  color: white;
}

.Button.primary.yellow:not(:disabled):hover {
  background-color: #d49a3b;
}

.Button.primary.blue {
  background-color: #4db9c0;
  border: 1px solid transparent;
  color: white;
}

.Button.primary.blue:not(:disabled):hover {
  background-color: #097992;
}

.Button.secondary {
  background-color: white;
  border: 1px solid #097992;
  color: #097992;
}

.Button.secondary:not(:disabled):hover {
  background-color: #097992;
  color: white;
}

.Button.secondary.blue {
  background-color: white;
  border: 1px solid #4db9c0;
  color: #4db9c0;
}

.Button.secondary.blue:not(:disabled):hover {
  background-color: white;
  border-color: #097992;
  color: #097992;
}

.Button.secondary.green {
  background-color: white;
  border: 1px solid #44bb66;
  padding: 6px 25px 7px 25px;
  color: #44bb66;
  cursor: none;
}

.Button.secondary.green:not(:disabled):hover {
  cursor: none;
  border-color: #44bb66;
  color: #44bb66;
  background-color: white;
}

.Button.secondary.gray {
  background-color: white;
  border: 1px solid #959595;
  color: #959595;
}

.Button.secondary.gray:not(:disabled):hover {
  border-color: #717171;
  color: #717171;
  background-color: white;
}

.Button.warning {
  background-color: white;
  border: 1px solid #bc4752;
  color: #bc4752;
}

.Button.warning:not(:disabled):hover {
  background: #fbedeb;
  border-color: #98222d;
  color: #98222d;
}

.Button.is-disabled,
.Button.is-disabled:hover,
.Button:disabled,
.Button[disabled] {
  cursor: not-allowed;
  border-color: #959595;
  color: #959595;
  background-color: #f8f8f8;
}

.Button.primary.is-disabled,
.Button.primary.is-disabled:hover,
.Button.primary:disabled,
.Button.primary[disabled] {
  color: white;
  background-color: #76a6cf;
  border-color: #76a6cf;
}

.Button.dropdown-trigger .icon.u-backArrowIcon {
  transform: rotate(-90deg);
  transition: transform 0.2s ease-in-out;
}

.Button.dropdown-trigger.is-active .icon.u-backArrowIcon {
  transform: rotate(90deg);
}

.Button.third-party-auth {
  padding: 10px 25px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 7px;
  border-width: 2px;
  border-style: solid;
}
.Button.third-party-auth.google {
  border-color: #4285f4;
  color: #4285f4;
  background-color: white;
}
.Button.third-party-auth.google:hover {
  background-color: #f3f7ff;
}

/* 2021 Rebrand */
.u-color--teal {
  color: #4db9c0;
}

.u-color--medium-teal {
  color: #097992;
}

.u-color--teal-light {
  color: #f5f8f9;
}

.u-color--teal-dark {
  color: #577981;
}

/* Legacy Colors */
.u-color--navy {
  color: #193B5B;
}

.u-color--danube {
  color: #73a3cd;
}

.u-color--dixie {
  color: #DB9016;
}

.u-color--error {
  color: #ee5042;
}

.u-color--white {
  color: white;
}

.u-color--royalBlue {
  color: #326de6;
}

.u-background--hintOfGreen {
  background-color: #EAFFF0;
}

.u-background--papayaWhip {
  background-color: #FFEFD4;
}

.u-background--linkWater {
  background-color: #F5F8FC;
}

.u-background--redish {
  background-color: #FBECEA;
}

.u-background--alabaster {
  background-color: #F7F7F7;
}

.u-background--gray {
  background-color: #F5F5F5;
}

.u-background--lightAccent {
  background-color: #f5f8f9;
}

.u-color--dustyGray {
  color: #9B9B9B;
}

.u-color--gray {
  color: #909090;
}

.u-color--silverSand {
  color: #c4c8ca;
}

.u-color--tuna {
  color: #323232;
}

.u-color--tundora {
  color: #4a4a4a;
}

.u-color--doveGray {
  color: #717171;
}

.u-color--white {
  color: white;
}

.u-color--astral {
  color: #337ab7;
}

.u-color--carnation {
  color: #F96565;
}

.u-color--replicated-red {
  color: #f44247;
}

.u-color--blue {
  color: #2e96c2;
}

.u-color--chestnut {
  color: #bc4752;
}

.u-color--code {
  color: #c7254e;
}

.u-color--vidaLoca {
  color: #65A61D;
}

.u-color--mutedTealLight {
  color: #bccacd;
}

.u-color--chateauGreen {
  color: #44BB66;
}

.u-color--porsche {
  color: #ebb55c;
}

.u-color--royalBlue {
  color: #326de6;
}

.u-color--regentStBlue {
  color: #A3D3E9;
}

.u-color--roseBudCherry {
  color: #690C4C;
}

.u-color--alto {
  color: #D8D8D8;
}

.u-color--silverSand {
  color: #c4c8ca;
}

.u-color--mediumGray {
  color: #9C9C9C;
}

.u-background--biscay {
  background-color: #193B5B;
}

.u-background--bridalHeath {
  background-color: #FFF9F0;
}

.u-background--titanWhite {
  background-color: #EEEAFF;
}

/* Utilities */
.u-userSelect--none {
  user-select: none;
}

.u-noSelect {
  user-select: none;
}

.u-position--relative {
  position: relative;
}

.u-position--absolute {
  position: absolute;
}

.u-userSelect--none {
  user-select: none;
}

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

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

.u-overflow--visible {
  overflow: visible;
}

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

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

.u-overflowWrap--breakWord {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.u-cursor--pointer {
  cursor: pointer;
}

.u-cursor--default {
  cursor: default;
}

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

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

.u-minHeight--full {
  min-height: 100%;
}

.u-minWidth--full {
  min-width: 100%;
}

.u-maxHeight--300 {
  max-height: 300px;
}

.u-maxHeight--200 {
  max-height: 200px;
}

.u-height--full {
  height: 100%;
}

.u-width--full {
  width: 100%;
}

.u-width--half {
  width: 50%;
}

.u-width--third {
  width: 33.33%;
}

.u-width--100 {
  width: 100px;
}

.u-width--auto {
  width: auto;
}

.u-height--auto {
  height: auto;
}

/* Spacing utility classes */
.u-padding-none {
  padding: 0;
}

.u-padding--15 {
  padding: 15px;
}

.u-padding--20 {
  padding: 20px;
}

.u-padding--30 {
  padding: 30px;
}

.u-paddingLeft--normal {
  padding-left: 12px;
}

.u-paddingRight--normal {
  padding-right: 12px;
}

.u-paddingRight--small {
  padding-right: 6px;
}

.u-padding--small {
  padding: 6px;
}

.u-padding--row {
  padding: 14px 12px;
}

.u-padding--more {
  padding: 60px 0;
}

.u-paddingRight--20 {
  padding-right: 20px;
}

.u-paddingRight--more {
  padding-right: 25px;
}

.u-paddingLeft--20 {
  padding-left: 20px;
}

.u-paddingRight--30 {
  padding-right: 30px;
}

.u-paddingRight--50 {
  padding-right: 50px;
}

.u-paddingLeft--30 {
  padding-left: 30px;
}

.u-paddingTop--30 {
  padding-top: 30px;
}

.u-paddingTop--more {
  padding-top: 20px;
}

.u-paddingTop--normal {
  padding-top: 12px;
}

.u-paddingBottom--normal {
  padding-bottom: 12px;
}

.u-paddingBottom--small {
  padding-bottom: 6px;
}

.u-paddingBottom--30 {
  padding-bottom: 30px;
}

.u-paddingRight--10 {
  padding-right: 10px;
}

.u-paddingLeft--10 {
  padding-left: 10px;
}

.u-paddingRight--5 {
  padding-right: 5px;
}

.u-paddingLeft--5 {
  padding-left: 5px;
}

.u-paddingLeft--15 {
  padding-left: 15px;
}

.u-paddingLeft--12 {
  padding-left: 12px;
}

.u-paddingTop--10 {
  padding-top: 10px;
}

.u-paddingBottom--more {
  padding-bottom: 25px;
}

.u-paddingBottom--most {
  padding-bottom: 40px;
}

.u-paddingLeft--more {
  padding-left: 25px;
}

.u-paddingLeft--most {
  padding-left: 40px;
}

.u-paddingBottom--10 {
  padding-bottom: 10px;
}

.u-paddingLeft--small {
  padding-left: 6px;
}

.u-margin-none {
  margin: 0;
}

.u-marginLeft--5 {
  margin-left: 5px;
}

.u-marginLeft--small {
  margin-left: 6px;
}

.u-marginLeft--8 {
  margin-left: 8px;
}

.u-marginLeft--10 {
  margin-left: 10px;
}

.u-marginLeft--normal {
  margin-left: 12px;
}

.u-marginLeft--15 {
  margin-left: 15px;
}

.u-marginLeft--more {
  margin-left: 20px;
}

.u-marginLeft--30 {
  margin-left: 30px;
}

.u-marginLeft--50 {
  margin-left: 50px;
}

.u-marginTop--none {
  margin-top: 0;
}

.u-marginTop--2 {
  margin-top: 2px;
}

.u-marginTop--4 {
  margin-top: 4px;
}

.u-marginTop--small {
  margin-top: 6px;
}

.u-marginTop--8 {
  margin-top: 8px;
}

.u-marginTop--10 {
  margin-top: 10px;
}

.u-marginTop--normal {
  margin-top: 12px;
}

.u-marginTop--15 {
  margin-top: 15px;
}

.u-marginTop--more {
  margin-top: 20px;
}

.u-marginTop--30 {
  margin-top: 30px;
}

.u-marginTop--20 {
  margin-top: 20px;
}

.u-marginTop--most {
  margin-top: 40px;
}

.u-marginTop--50 {
  margin-top: 50px;
}

.u-marginTop--60 {
  margin-top: 60px;
}

.u-marginBottom--none {
  margin-bottom: 0;
}

.u-marginBottom--small {
  margin-bottom: 6px;
}

.u-marginBottom--5 {
  margin-bottom: 5px;
}

.u-marginBottom--10 {
  margin-bottom: 10px;
}

.u-marginBottom--normal {
  margin-bottom: 12px;
}

.u-marginBottom--15 {
  margin-bottom: 15px;
}

.u-marginBottom--more {
  margin-bottom: 20px;
}

.u-marginBottom--30 {
  margin-bottom: 30px;
}

.u-marginBottom--most {
  margin-bottom: 40px;
}

.u-marginBottom--50 {
  margin-bottom: 50px;
}

.u-marginRight--5 {
  margin-right: 5px;
}

.u-marginRight--small {
  margin-right: 6px;
}

.u-marginRight--10 {
  margin-right: 10px;
}

.u-marginRight--normal {
  margin-right: 12px;
}

.u-marginRight--15 {
  margin-right: 15px;
}

.u-marginRight--more {
  margin-right: 20px;
}

.u-marginRight--30 {
  margin-right: 30px;
}

.u-marginRight--50 {
  margin-right: 50px;
}

.u-marginAuto {
  margin: auto;
}

.u-modalPadding {
  padding: 25px;
}

.u-modalPaddingNoTop {
  padding: 0px 25px 25px 25px;
}

.u-borderPadding {
  padding: 30px;
}

/* Display utilities */
.u-display--block {
  display: block;
}

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

.u-display--inlineTable {
  display: inline-table;
}

.u-display--none {
  display: none;
}

/* Border classes */
.u-borderTop--gray {
  border-top: 1px solid #c4c8ca;
}

.u-borderTop--lightGray {
  border-top: 1px solid #dedede;
}

.u-borderRight--gray {
  border-right: 1px solid #c4c8ca;
}

.u-borderBottom--gray {
  border-bottom: 2px solid #E3EAED;
}

.u-borderBottom--darkGray {
  border-bottom: 2px solid #585858;
}

.u-borderBottom--none {
  border-bottom: none !important;
}

.u-borderLeft--gray {
  border-left: 1px solid #c4c8ca;
}

.u-border--3 {
  border-radius: 3px;
}

.u-border--4 {
  border-radius: 4px;
}

/* Misc Utilities */
.u-orTransitionBlock {
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-orTransitionBlock span {
  position: relative;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.u-orTransitionBlock span::before,
.u-orTransitionBlock span::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  top: 7px;
  background-color: #9b9b9b;
}
.u-orTransitionBlock span::before {
  left: -115px;
}
.u-orTransitionBlock span::after {
  right: -115px;
}

/*// --------------------------------------------------
// Flexbox stuff
// The spec: http://www.w3.org/TR/css3-flexbox
// --------------------------------------------------

Flexbox display
lex or inline-flex

The 'flex' shorthand
- applies to: flex items
<positive-number>, initial, auto, or none

Flex Flow Direction
- applies to: flex containers
row | row-reverse | column | column-reverse

Flex Line Wrapping
- applies to: flex containers
nowrap | wrap | wrap-reverse

Flex Direction and Wrap
- applies to: flex containers
<flex-direction> || <flex-wrap>

Display Order
- applies to: flex items
<integer>

Flex grow factor
- applies to: flex items
<number>

Flex shrink
- applies to: flex item shrink factor
<number>

Flex basis
- the initial main size of the flex item
- applies to: flex itemsnitial main size of the flex item
<width>

Axis Alignment
- applies to: flex containers
flex-start | flex-end | center | space-between | space-around

Packing Flex Lines
- applies to: multi-line flex containers
flex-start | flex-end | center | space-between | space-around | stretch

Cross-axis Alignment
- applies to: flex containers
flex-start | flex-end | center | baseline | stretch

Cross-axis Alignment
- applies to: flex items
auto | flex-start | flex-end | center | baseline | stretch
*/
.inline-flex {
  display: inline-flex;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-auto {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flex-100 {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.flex-1-auto {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex0 {
  -webkit-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flex1 {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.flex1-0 {
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}

.flex2 {
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex3 {
  -webkit-flex: 3;
  -moz-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex4 {
  -webkit-flex: 4;
  -moz-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex5 {
  -webkit-flex: 5;
  -moz-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

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

.flexWrap--noWrap {
  flex-wrap: nowrap;
}

/* use .flex-verticalCenter on the element you want to center */
.flex-verticalCenter::before,
.flex-verticalCenter::after {
  content: "";
  display: block;
  flex: 1;
}

.flex-pseudo-before::before {
  content: "";
  display: block;
  flex: 1;
}

.flex-pseudo-after::after {
  content: "";
  display: block;
  flex: 1;
}

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

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

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

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

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

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

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

.alignSelf--center {
  align-self: center;
}

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

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

.u-flexMobileReflow,
.u-flexTabletReflow,
.u-flexDesktopReflow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.u-flex--mobileoff {
  display: block;
}

.u-flexTabletReflowReverse {
  display: flex;
  flex-direction: column-reverse;
  flex-shrink: 0;
}

.half {
  width: 50%;
}

@media screen and (min-width: 35.5em) {
  .u-flexMobileReflow {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .u-flexTabletReflow {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .u-flexDesktopReflow {
    flex-direction: row;
  }
  .u-flexTabletReflowReverse {
    flex-direction: row;
  }
  .u-flex--mobileoff {
    display: flex;
    flex-direction: row;
  }
}
.Input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 4px;
  outline: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  color: #585858;
  padding: 13px 14px;
  transition: border 0.2s;
}

.Input:active,
.Input:focus {
  border-color: #6a77fb;
}

.Input.has-error,
.Input.has-error:focus,
.Input.has-error:active {
  border-color: #ee5042;
}

.Input.is-disabled {
  user-select: none;
  cursor: not-allowed;
  background-color: white;
  border-color: #dedede;
  color: #959595;
}

.Input.small {
  font-size: 12px;
  padding: 4px 12px 5px;
}

.Input::placeholder {
  color: #c4c8ca;
}

.Input.searchCustomers {
  min-width: 180px;
  padding: 6px 14px;
  font-size: 14px;
}
.Input.searchCustomers.wide {
  min-width: 300px;
}

.hidden-input {
  position: absolute;
  left: -1000px;
  top: -1000px;
  opacity: 0;
}

input.Checkbox-toggle {
  opacity: 0.01;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}

.Checkbox--switch {
  display: inline-block;
  border-radius: 100px;
  background: #90aab2;
  transition: all 0.2s ease;
  padding: 2px;
  width: 38px;
  height: 100%;
  max-height: 19px;
  position: relative;
  cursor: pointer;
  vertical-align: bottom;
  border: 1px solid #90aab2;
}
.Checkbox--switch.console {
  height: 20px;
}

.Checkbox--switch.is-disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.Checkbox--switch::before {
  display: none;
}

.Checkbox--switch::after {
  position: relative;
  display: block;
  content: "";
  top: -1px;
  width: 48%;
  height: 100%;
  background: white;
  border: 1px solid white;
  left: 0;
  cursor: pointer;
  border-radius: 50%;
  transition: left 0.2s ease-in-out, padding 0.2s ease, margin 0.2s ease;
  z-index: 1;
}

.Checkbox--switch::after:hover,
.Checkbox--switch::after:active,
.Checkbox--switch::after.is-checked {
  border: 1px solid white;
  background: white;
}

.Checkbox--switch.is-disabled::after,
.Checkbox--switch.is-disabled input.Checkbox-toggle {
  cursor: not-allowed;
}

.Checkbox--switch.is-checked {
  background: #4db9c0;
  border: 1px solid #4db9c0;
}

.Checkbox--switch.is-checked::after {
  left: 49%;
}

/* Custom Radio */
.CustomRadio {
  position: relative;
  min-height: 72px;
}

.CustomRadio input[type=radio] {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.CustomRadio label {
  z-index: 1;
  font-size: 14px;
  font-weight: 500;
  color: #959595;
  line-height: normal;
  padding: 15px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #dedede;
  cursor: pointer;
  transition: border 0.2s;
  user-select: none;
  width: 100%;
}

.CustomRadio label .labelTitle {
  color: #717171;
}

.CustomRadio input[type=radio]:focus + label {
  border-color: #337ab7;
}

.CustomRadio label:hover,
.CustomRadio input[type=radio]:hover + label {
  border-color: #c4c8ca;
}

.CustomRadio.is-checked label,
.CustomRadio.is-checked:hover label,
.CustomRadio.is-checked input[type=radio]:hover + label {
  color: #717171;
  background-color: #f5f8f9;
  border-color: #337ab7;
}

.CustomRadio.is-disabled label,
.CustomRadio.is-disabled input[type=radio] {
  cursor: not-allowed;
}

.CustomRadio.is-disabled label,
.CustomRadio.is-disabled:hover label,
.CustomRadio.is-disabled input[type=radio]:hover + label {
  background-color: white;
  border-color: #dedede;
  color: #717171;
}

.CustomRadio.is-checked label .labelTitle {
  color: #323232;
}

/* Scheduler Radios */
.SchedulerRadio {
  width: 126px;
  height: 126px;
  margin-right: 15px;
  min-height: 126px;
}

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

.SchedulerRadio input[type=radio] {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  outline: none;
  cursor: pointer;
}

.SchedulerRadio label {
  z-index: 1;
  font-size: 14px;
  font-weight: 500;
  color: #323232;
  line-height: normal;
  padding: 10px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #dedede;
  cursor: pointer;
  transition: border 0.2s;
  user-select: none;
  width: 100%;
}

.SchedulerRadio input[type=radio]:focus + label {
  border-color: #337ab7;
}

.SchedulerRadio label:hover,
.SchedulerRadio input[type=radio]:hover + label {
  border-color: #c4c8ca;
}

.SchedulerRadio.is-checked label,
.SchedulerRadio.is-checked:hover label,
.SchedulerRadio.is-checked input[type=radio]:hover + label {
  background-color: #f5f8f9;
  border-color: #337ab7;
}

.SchedulerRadio.is-disabled label,
.SchedulerRadio.is-disabled input[type=radio] {
  cursor: not-allowed;
}

.SchedulerRadio.is-disabled label,
.SchedulerRadio.is-disabled:hover label,
.SchedulerRadio.is-disabled input[type=radio]:hover + label {
  background-color: white;
  border-color: #dedede;
  color: #717171;
}

.SchedulerRadio label .scheduler-image {
  display: flex;
}

.SchedulerRadio label .scheduler-image.replicated {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABECAYAAADHsbZQAAAAAXNSR0IArs4c6QAABIxJREFUaAXtW01oE0EUfjPZzY9WY2zBg1jEn4OHhiqIgtIigiiIXryUXmr9A8GLeFVQFBQ8VFA8eNCDSEvrxZOKoogHrWL/sPTiDwpi1VSLtk3S7IxvYrem28lstkl2s5B3mZn33u77vpnZnZ+dJTAjnHPyMx5v4YS0E843coDlps3rlBBiIJ6viOsp1bSOZX19r01MRGR+NjYuY4z1AOc7TUOlpgiYI5nztUNDZwRGKmreL+AFYAQvKv10Ih4/JcpkrLGxlRvGbVHwlRAypYfDqyhn7KCvgJtgOY8YqVQTxQdjk6nzW8o4X0uxT8X8BnwWL+dL6GzBp5kqAa8brtoC1RYosgZ834W0QisgNjBQqKvcL5MB9uMHsG/fIPPyJaQfPQJjZETu60BLEg0NOJbZS9EEJCGmnz+HyUuXgH36JLEWpDrnaRfSt2+HaE8PiHSh4imBLOhQCGquXAF927YFcfCegICtabD4wgUgtbWOSVQGAYRNYjFYdPKkfwkI5ME9e4CuXOmIRMGvUbu7/jl+HIwvX+a7EQK0rg6CTU0Qam3FRayi0QMBCO3bB1PXr8+/Tx5NyQgY+Cpknz9Lw7D37yHT2wvTL15AzeXLAJGI1E8o9eZmRwQU1ZE3xoIN2ff+tWvK6wMbNgDgm6lQcZWAAJXq6gI+NqbEF6ivV9pzja4TgHQaMjbTErpiRS5GZd59AgjH+PhRCQp0XW3PsXpCgASDORAkWcYkSrnKEwJ273r2/bscrUTrOgESjYK+ZYsEyn8Vk40n/81zcq4TCLe3K8cBMbXmv37NAakquEogcuIEhNvaVHhgGhc7TqRkI3G4pQXY+Pj82GIqgRM1fetWoKtXz7dbNKl79ywadbFkBLLzHHUsW6vx9i0Yg4O2frkOrnah3MCy/MTFizK1UlcxBJI3bjiufcGsIgik7t6FqatXlTWdz1iyZyBfAJWeJxIw2dEBaYcPbu49PSMgQE+cPQuA+0XFSMkIpB88mDNNDqxbB9rmzXmxaTajcd4LLYaSEUjeugXG8PDs7cWUOHr/ft4lpLCH9u8H0f+LkbI9xGx0FKafPFFiCx86BIDr4GKkbAQEqGRnpxKbmJUG9+5V+tgZy0pALOTZhw9KDJHDh/N2M+WFM8ayEhAxbFsB17/B3bsLwSr1KTuB7ORsclIa3FRGjhwxs47TshMABG83w6Rr1kBw1y7H4MUF5SeAQZK4lWIn4aNH7VykdlcImDtzUgQzysD69aDv2KFykdpcISAi2z3Mwidy7JhIHIlrBMSgxnFwU4nYVnT6tcY1AoB7PcnubhX+rC3ssBXcI4DwsvMem9mnFo+DhuvnQsVVAmJTN/3woS22iIM3UsGfWW2jeuPg7WfWUnB2tQuVArD1HlUC1hpxu1xtAbdr3BrP/y1A8Oy3lZVvyoT8pnjc/o1vAFuAUkLeUULpTYveH0U8/B0IhZ7RWF/fHSDksT9Qz0F5ZmlvbwJbgXBK6QG/kMBnluOBkfO1g4N46OLfzwRZWpZfUDbhQbqKORQ+8wvKKIJ/GqC0I9rf/8psi7/5bECaiD2JxQAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  margin-right: 32px;
  width: 24px;
  height: 34px;
  margin-left: 8px;
}

.SchedulerRadio label .scheduler-image.kubernetes {
  background-image: url("https://vendor.staging.replicated.com/assets/kubernetes_scheduler@2x-DfZ0QarG.png");
  background-size: 100%;
  width: 40px;
  height: 37px;
}

.SchedulerRadio label .scheduler-image.docker {
  background-image: url("https://vendor.staging.replicated.com/assets/docker_scheduler@2x-Cb6WOoGX.png");
  background-size: 100%;
  margin-right: 24px;
  width: 41px;
  height: 32px;
  margin-top: 3px;
}

.SchedulerRadio label .scheduler-image.ship {
  background-image: url("https://vendor.staging.replicated.com/assets/ship_scheduler@4x-BlH55P0-.png");
  background-size: 100%;
  margin-left: 5px;
  width: 32px;
  height: 33px;
  margin-top: 3px;
}

.BoxCheckbox input[type=checkbox] {
  position: absolute;
  margin: 0;
  left: 12px;
  z-index: 2;
  outline: none;
  cursor: pointer;
}

.BoxCheckbox label {
  z-index: 1;
  font-size: 14px;
  font-weight: 500;
  color: #323232;
  line-height: normal;
  padding: 12px 12px 12px 30px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #dedede;
  cursor: pointer;
  transition: border 0.2s;
  user-select: none;
}

.BoxCheckbox input[type=checkbox]:focus + label {
  border-color: #337ab7;
}

.BoxCheckbox label:hover,
.BoxCheckbox input[type=checkbox]:hover + label {
  border-color: #c4c8ca;
}

.BoxCheckbox.is-disabled label,
.BoxCheckbox.is-behind label,
.BoxCheckbox.is-behind input[type=checkbox],
.BoxCheckbox.is-disabled input[type=checkbox] {
  cursor: not-allowed;
}

.BoxCheckbox.is-checked label,
.BoxCheckbox.is-checked:hover label,
.BoxCheckbox.is-checked input[type=checkbox]:hover + label {
  background-color: #f5f8f9;
  border-color: #337ab7;
}

.BoxCheckbox.is-disabled label,
.BoxCheckbox.is-disabled:hover label,
.BoxCheckbox.is-disabled input[type=checkbox]:hover + label {
  background-color: white;
  border-color: #dedede;
  color: #717171;
}

.Select {
  position: relative;
  width: 100%;
  background: white;
  border: 1px solid #dedede;
  border-radius: 4px;
  font-size: 15px;
  color: #585858;
  line-height: normal;
  outline: none;
  min-width: 180px;
  padding: 6px 1px 6px 5px;
  cursor: pointer;
  box-sizing: border-box;
}
.Select.has-error, .Select.has-error:focus, .Select.has-error:active {
  border-color: #ee5042;
}
.Select.large {
  padding: 12px 14px;
  font-size: 16px;
}

.Select:focus,
.Select:active {
  border-color: #6a77fb;
}

.Select.no-selection {
  color: #959595;
}

.Select.is-disabled {
  cursor: not-allowed;
  background-color: white;
  border-color: #dedede;
  color: #717171;
}
.Select.is-disabled.has-error {
  border-color: #ee5042;
}

.Select.small {
  font-size: 12px;
  height: 26px;
}

.Select-apps {
  position: relative;
  width: 50%;
  background: white;
  border: 1px solid #c4c8ca;
  border-radius: 4px;
  font-size: 14px;
  color: #323232;
  line-height: normal;
  outline: none;
  height: 32px;
  cursor: pointer;
}
.Select-apps.has-error, .Select-apps.has-error:focus, .Select-apps.has-error:active {
  border-color: #ee5042;
}
.Select-apps.is-disabled {
  cursor: not-allowed;
  background-color: white;
  border-color: #dedede;
  color: #717171;
}
.Select-apps.is-disabled.has-error {
  border-color: #ee5042;
}

.Textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #c4c8ca;
  border-radius: 4px;
  outline: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #585858;
  padding: 13px 14px;
  transition: border 0.2s;
  resize: vertical;
}

.Textarea.no-resize {
  resize: none;
}

.Textarea.resize-vertical {
  resize: vertical;
}

.Textarea:active,
.Textarea:focus {
  border-color: #4db9c0;
}

.Textarea.has-error,
.Textarea.has-error:focus,
.Textarea.has-error:active {
  border-color: #ee5042;
}

.Textarea::placeholder {
  font-family: "Open Sans", sans-serif;
  color: #b3b3b3;
}

.FormSection-wrapper {
  padding: 20px 0;
}

.FormLabel {
  font-size: 14px;
  font-weight: 600;
  color: #585858;
  margin-bottom: 12px;
}

.Form-label-subtext {
  font-size: 12px;
  line-height: 18px;
  color: #959595;
  font-weight: 400;
}

.FormLabel .required-label,
.LicenseSubHeader .required-label {
  font-size: 14px;
  position: relative;
  top: -1px;
  font-weight: 500;
  color: #bc4752;
}

.FormLabel .field-type-label,
.LicenseSubHeader .field-type-label {
  font-size: 12px;
  position: relative;
  top: -1px;
  padding: 2px 4px 3px;
  border-radius: 3px;
  background-color: #F8F8F8;
  color: #959595;
}

.FormButton-wrapper {
  padding: 0;
}

.ErrorBlock {
  display: block;
  width: 100%;
  padding: 11px;
  background-color: #ffdada;
  box-sizing: border-box;
  border-radius: 3px;
}

.ErrorBlock.flex {
  display: flex;
}

.ErrorBlock p {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  color: #98222d;
}

.WarningBlock {
  display: block;
  width: 100%;
  padding: 11px;
  background-color: #FFF1DA;
  box-sizing: border-box;
  border-radius: 3px;
}

.WarningBlock.flex {
  display: flex;
}

.WarningBlock p {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  color: #717171;
}

.BoxedCheckbox-wrapper {
  margin: 0 6px;
}
.BoxedCheckbox-wrapper:first-child {
  margin-left: 0;
}
.BoxedCheckbox-wrapper:last-child {
  margin-right: 0;
}

.BoxedCheckbox {
  border: 1px solid #c4c8ca;
  border-radius: 4px;
  padding: 12px;
  background-color: white;
  cursor: pointer;
}
.BoxedCheckbox.is-active {
  border-color: #73a3cd;
  background-color: #f5f8f9;
}
.BoxedCheckbox.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.BoxedCheckbox.is-disabled > * {
  cursor: not-allowed;
}

.replicated-select-container .replicated-select__placeholder,
.replicated-select-container .replicated-select__single-value {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.replicated-select-container .replicated-select__single-value {
  color: #323232;
}
.replicated-select-container .replicated-select__dropdown-indicator {
  transition: all 0.2s;
}
.replicated-select-container .replicated-select__control {
  border-color: #c4c8ca;
  cursor: pointer;
}
.replicated-select-container .replicated-select__control.replicated-select__control--is-focused {
  border-color: #326de6;
  box-shadow: none;
}
.replicated-select-container .replicated-select__control.replicated-select__control--is-focused .replicated-select__dropdown-indicator {
  transform: rotate(180deg);
}
.replicated-select-container .replicated-select__menu {
  border-color: #c4c8ca;
  font-size: 12px;
  font-weight: 500;
  color: #323232;
  line-height: 15px;
  z-index: 6;
}
.replicated-select-container .replicated-select__option {
  cursor: pointer;
  padding: 12px;
}
.replicated-select-container .replicated-select__option.replicated-select__option--is-focused {
  background-color: white;
  color: #323232;
}
.replicated-select-container.app {
  width: 300px;
}
.replicated-select-container.app-100 {
  width: 100%;
}
.replicated-select-container.snapshot {
  width: 200px;
}
.replicated-select-container.snapshot .css-1eyizxz-control {
  border: 0;
  cursor: pointer;
  outline: none;
  position: relative;
  background-color: #f44247;
  color: white;
}
.replicated-select-container.snapshot .css-1eyizxz-control:not(:disabled):hover {
  background-color: rgb(241.756, 27.444, 33.464);
}
.replicated-select-container.snapshot .replicated-select__control {
  border-color: #f44247;
  cursor: pointer;
}
.replicated-select-container.snapshot .replicated-select__control.replicated-select__control--is-focused {
  border-color: rgb(241.756, 27.444, 33.464);
  box-shadow: none;
}
.replicated-select-container.snapshot .replicated-select__control.replicated-select__control--is-focused .replicated-select__dropdown-indicator {
  transform: rotate(180deg);
}
.replicated-select-container.snapshot .css-f8ooy8-control {
  cursor: pointer;
  outline: none;
  position: relative;
  background-color: #f44247;
  color: white;
}
.replicated-select-container.snapshot .css-f8ooy8-control:not(:disabled):hover {
  background-color: rgb(241.756, 27.444, 33.464);
}
.replicated-select-container.snapshot .css-dvua67-singleValue {
  top: 40%;
}
.replicated-select-container.snapshot .css-bgvzuu-indicatorSeparator {
  margin-bottom: 2px;
  margin-top: 4px;
  height: 20px;
}
.replicated-select-container.snapshot .css-1wy0on6 {
  background-color: #f44247;
  color: white;
  border-radius: 4px;
}
.replicated-select-container.snapshot .css-1wy0on6:not(:disabled):hover {
  background-color: rgb(241.756, 27.444, 33.464);
}
.replicated-select-container.snapshot .css-16pqwjk-indicatorContainer {
  padding: 0 6px 0 6px;
}
.replicated-select-container.snapshot .css-1thkkgx-indicatorContainer {
  padding: 0 6px 0 6px;
}

/* Icon classes */
.icon.u-trashIcon {
  background-position: 0 -72px;
  width: 16px;
  height: 17px;
}

.icon.u-trashIcon:hover {
  background-position: 0 -91px;
}

.icon.u-whiteTrashIcon {
  background-position: -18px -72px;
  width: 14px;
  height: 15px;
}

.icon.u-whiteTrashIcon:hover {
  background-position: -18px -89px;
}

.icon.u-fileIcon {
  background-position: -83px -703px;
  width: 15px;
  height: 18px;
}

.icon.u-fileIcon:hover {
  background-position: -83px -723px;
}

.icon.u-folderIcon {
  background-position: -83px -743px;
  width: 23px;
  height: 18px;
}

.icon.u-folderIcon:hover {
  background-position: -83px -763px;
}

.icon.u-infoIcon {
  background-position: 0 -110px;
  width: 18px;
  height: 18px;
}

.icon.u-infoIcon:hover {
  background-position: 0 -130px;
}

.icon.u-warningIcon {
  background-position: -55px -88px;
  width: 18px;
  height: 17px;
}

.icon.u-warningIcon:hover {
  background-position: -55px -108px;
}

.icon.u-unarchiveIcon {
  background-position: -55px -128px;
  width: 17px;
  height: 20px;
}

.icon.u-unarchiveIcon:hover {
  background-position: -55px -149px;
}

.icon.u-listIcon {
  background-position: 0 -24px;
  width: 23px;
  height: 14px;
}

.icon.u-listIcon:hover {
  background-position: 0 -40px;
}

.icon.u-previewIcon {
  background-position: 0 -364px;
  width: 20px;
  height: 12px;
}

.icon.u-previewIcon:hover {
  background-position: 0 -378px;
}

.icon.u-editIcon {
  background-position: 0 -328px;
  width: 18px;
  height: 17px;
}

.icon.u-editIcon:hover {
  background-position: 0 -346px;
}

.icon.u-newEditIcon {
  background-position: -358px -477px;
  width: 21px;
  height: 21px;
}

.icon.u-activityIcon {
  background-position: 0 -392px;
  width: 14px;
  height: 13px;
}

.icon.u-activityIcon:hover {
  background-position: 0 -408px;
}

.icon.u-warningYellowIcon {
  background-position: -55px -390px;
  width: 16px;
  height: 15px;
}

.icon.u-warningOrangeIcon {
  background-position: -412px -600px;
  width: 16px;
  height: 14px;
}

.icon.u-warningYellowIcon-small {
  background-position: -86px -801px;
  width: 14px;
  height: 14px;
}

.icon.u-warningWhiteOutline {
  background-position: -41px -393px;
  width: 12px;
  height: 11px;
}

.icon.u-errorCircleIcon-small {
  background-position: -86px -783px;
  width: 15px;
  height: 15px;
}

.icon.u-billingIcon {
  background-position: 0 -423px;
  width: 15px;
  height: 17px;
}

.icon.u-billingIcon:hover {
  background-position: 0 -443px;
}

.icon.u-downloadIcon {
  background-position: 0 -463px;
  width: 19px;
  height: 18px;
}

.icon.u-downloadIcon:hover {
  background-position: 0 -482px;
}

.icon.u-installShipCustomerIcon {
  background-position: -21px -463px;
  width: 19px;
  height: 18px;
}

.icon.u-installShipCustomerIcon:hover {
  background-position: -21px -482px;
}

.icon.u-closeIcon {
  background-position: -55px 0;
  width: 14px;
  height: 14px;
}

.icon.u-closeIcon:hover {
  background-position: -55px -16px;
}

.icon.u-docs {
  background-position: -402px -637px;
  width: 21px;
  height: 21px;
}

.icon.u-openLink {
  background-position: -375px -639px;
  width: 18px;
  height: 18px;
}

.icon.u-backArrowIcon {
  background-position: -55px -32px;
  width: 7px;
  height: 12px;
}

.icon.u-backArrowIcon:hover {
  background-position: -55px -46px;
}

.icon.u-hamburgerMenuIcon {
  background-position: -55px -60px;
  width: 17px;
  height: 12px;
}

.icon.u-hamburgerMenuIcon:hover {
  background-position: -55px -74px;
}

.icon.u-dropdownArrowIcon {
  background-position: 0 -150px;
  width: 16px;
  height: 9px;
}

.icon.u-dropdownArrowIcon:hover {
  background-position: 0 -161px;
}

.icon.u-dropdownArrowIconDarkTeal {
  background-position: -226px -280px;
  width: 16px;
  height: 9px;
}

.icon.u-dropdownArrowIconDarkTeal:hover {
  background-position: -244px -280px;
}

.icon.u-linksIcon {
  background-position: -55px -170px;
  width: 16px;
  height: 16px;
}

.icon.u-linksIcon:hover {
  background-position: -55px -188px;
}

.icon.u-sidebarOpenIcon {
  background-position: -55px -206px;
  width: 19px;
  height: 12px;
}

.icon.u-sidebarOpenIcon:hover {
  background-position: -55px -220px;
}

.icon.u-sidebarCloseIcon {
  background-position: -55px -234px;
  width: 19px;
  height: 12px;
}

.icon.u-sidebarCloseIcon:hover {
  background-position: -55px -248px;
}

.icon.u-gearIcon {
  background-position: -55px -262px;
  width: 16px;
  height: 16px;
}

.icon.u-gearIcon:hover {
  background-position: -55px -280px;
}

.icon.u-downloadFileIcon {
  background-position: -55px -298px;
  width: 16px;
  height: 19px;
}

.icon.u-downloadFileIcon:hover {
  background-position: -55px -319px;
}

.icon.u-helmInstallInstructionsIcon {
  background-position: -406px -39px;
  width: 18px;
  height: 19px;
}

.icon.u-helmInstallInstructionsIcon:hover {
  background-position: -406px -60px;
}

.icon.u-viewBundlesIcon {
  background-position: -379px -65px;
  width: 16px;
  height: 19px;
}

.icon.u-viewBundlesIcon:hover {
  background-position: -379px -86px;
}

.icon.u-codeIcon {
  background-position: -55px -342px;
  width: 18px;
  height: 12px;
}

.icon.u-codeIcon:hover {
  background-position: -55px -356px;
}

.icon.u-newCodeIcon {
  background-position: -331px -475px;
  width: 19px;
  height: 23px;
}

.icon.u-installCommandsIcon {
  background-position: -365px -295px;
  width: 26px;
  height: 29px;
}

.icon.u-fileIcon2 {
  background-position: -365px -326px;
  width: 26px;
  height: 29px;
}

.icon.u-newEditIcon2 {
  background-position: -364px -267px;
  width: 30px;
  height: 29px;
}

.icon.u-greenCircleCheckIcon {
  background-position: -55px -427px;
  width: 18px;
  height: 18px;
}

.icon.u-emptyCircleCheckIcon {
  background-position: -55px -552px;
  width: 18px;
  height: 18px;
}

.icon.u-errorConsoleIcon {
  background-position: -55px -370px;
  width: 18px;
  height: 18px;
}

.icon.u-warnConsoleIcon {
  background-position: -55px -389px;
  width: 18px;
  height: 18px;
}

.icon.u-infoConsoleIcon {
  background-position: -55px -407px;
  width: 18px;
  height: 18px;
}

.icon.u-filtersIcon {
  background-position: -90px -392px;
  width: 16px;
  height: 11px;
}

.icon.u-filtersIcon:hover {
  background-position: -90px -405px;
}

.icon.u-trialIcon {
  background-position: -55px -472px;
  width: 12px;
  height: 13px;
  top: 2px;
  margin-right: 4px;
}

.icon.u-paidIcon {
  background-position: -55px -447px;
  width: 6px;
  height: 11px;
  top: 2px;
  margin-right: 4px;
}

.icon.u-devIcon {
  background-position: -55px -460px;
  width: 13px;
  height: 10px;
  margin-right: 4px;
}

.icon.u-communityIcon {
  background-position: -34px -91px;
  width: 12px;
  height: 14px;
  top: 1px;
  margin-right: 4px;
}

.icon.u-customerRowAirgapIcon {
  background-position: -336px -588px;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.icon.u-customerRowVeleroIcon {
  background-position: -361px -588px;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.icon.u-customerRowGithubIcon {
  background-position: -337px -612px;
  width: 22px;
  height: 20px;
  margin-right: 6px;
}

.icon.u-customerRowIdentityIcon {
  background-position: -361px -612px;
  width: 23px;
  height: 22px;
  margin-right: 6px;
}

.icon.u-customerRowGeoaxisIcon {
  background-position: -337px -636px;
  width: 21px;
  height: 21px;
  margin-right: 6px;
}

.icon.u-customerRowBundleIcon {
  background-position: -178px 0;
  width: 20px;
  height: 24px;
}

.icon.u-customerRowBundleIcon:hover {
  background-position: -178px -26px;
}

.icon.u-customerRowBillingIcon {
  background-position: -178px -52px;
  width: 22px;
  height: 24px;
}

.icon.u-customerRowBillingIcon:hover {
  background-position: -212px -52px;
}

.icon.u-customerRowInstallIcon {
  background-position: -212px 0;
  width: 18px;
  height: 23px;
}

.icon.u-customerRowInstallIcon:hover {
  background-position: -212px -26px;
}

.icon.u-customerRowReportingIcon {
  background-position: -244px 0;
  width: 29px;
  height: 24px;
}

.icon.u-customerRowReportingIcon:hover {
  background-position: -244px -26px;
}

.icon.u-customerRowReportingDisabledIcon,
.icon.u-customerRowReportingDisabledIcon:hover {
  background-position: -241px -52px;
  width: 32px;
  height: 29px;
}

.icon.u-customerRowAuditLogIcon {
  background-position: -287px 0;
  width: 23px;
  height: 20px;
}

.icon.u-customerRowAuditLogIcon:hover {
  background-position: -287px -26px;
}

.icon.u-customerRowArchiveIcon {
  background-position: -324px 0;
  width: 23px;
  height: 24px;
}

.icon.u-customerRowArchiveIcon:hover {
  background-position: -324px -26px;
}

.icon.u-customerRowUnarchiveIcon {
  background-position: -348px 0;
  width: 26px;
  height: 32px;
}

.icon.u-customerRowUnarchiveIcon:hover {
  background-position: -348px -33px;
}

.LicenseRow-wrapper .icon.u-customerRowUnarchiveIcon {
  top: -4px;
}

.icon.u-forwardIcon {
  background-position: -56px -574px;
  width: 12px;
  height: 12px;
}

.icon.u-downArrowIcon {
  background-position: -55px -591px;
  width: 12px;
  height: 8px;
}

.icon.u-upArrowIcon {
  background-position: -55px -602px;
  width: 12px;
  height: 8px;
}

.icon.u-enterpriseChannelIcon {
  background-position: -187px -700px;
  width: 16px;
  height: 16px;
}

.icon.u-errorIcon {
  background-position: -306px -415px;
  width: 55px;
  height: 55px;
}

.icon.u-airgapBuiltIcon {
  background-position: -305px -499px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-greenCheckmarkIcon {
  background-position: -305px -499px;
  width: 16px;
  height: 16px;
  transform: scale(2);
}

.icon.u-redFailedIcon {
  background-position: -322px -500px;
  width: 16px;
  height: 16px;
  transform: scale(2);
}

.icon.u-yellowWarningIcon {
  background-position: -306px -520px;
  width: 16px;
  height: 16px;
  transform: scale(2);
}

.icon.u-airgapNotBuiltIcon {
  background-position: -325px -520px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapFailedIcon {
  background-position: -322px -500px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapBuildingIcon {
  background-position: -340px -500px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapWarningIcon {
  background-position: -306px -520px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapNotEnabledIcon {
  background-position: -358px -500px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapBuiltIcon2 {
  background-position: -311px -394px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapFailedIcon2 {
  background-position: -335px -394px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapBuildingIcon2 {
  background-position: -359px -394px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapWarningIcon2 {
  background-position: -383px -394px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-airgapNotEnabledIcon2 {
  background-position: -407px -394px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.icon.u-patchIcon {
  background-position: -305px -475px;
  width: 22px;
  height: 22px;
}

/* Empty state icons */
.icon-emptyState.u-magnifyingGlass {
  background-position: 0 0;
  width: 122px;
  height: 122px;
}

.icon-emptyState.u-emptyLicenses {
  background: url("https://vendor.staging.replicated.com/assets/customers-empty-BS61wQxv.svg");
  background-repeat: no-repeat;
  width: 219px;
  height: 189px;
}

.icon-emptyState.u-emptySearch-state {
  background-position: -466px -234px;
  width: 172px;
  height: 201px;
}

.icon-emptyState.u-emptyReleases {
  background: url("https://vendor.staging.replicated.com/assets/releases-empty-Bc0j3QY1.svg");
  background-repeat: no-repeat;
  width: 185px;
  height: 168px;
}

.icon-emptyState.u-emptyCustomers {
  background: url("https://vendor.staging.replicated.com/assets/customers-empty-BS61wQxv.svg");
  background-repeat: no-repeat;
  width: 218px;
  height: 188px;
}

.icon-emptyState.u-emptyImages {
  background: url("https://vendor.staging.replicated.com/assets/docker-images-6hMQ_l5L.svg");
  background-repeat: no-repeat;
  background-size: 115px 140px;
  width: 115px;
  height: 140px;
}

.icon-emptyState.u-emptyLicenseFields {
  background: url("https://vendor.staging.replicated.com/assets/custom-fields-CwiXICLm.svg");
  background-repeat: no-repeat;
  width: 138px;
  height: 148px;
}

.icon-emptyState.u-createApplication {
  background-position: -194px -232px;
  width: 251px;
  height: 251px;
}

.icon-emptyState.u-changePassword {
  background-position: -194px -643px;
  width: 236px;
  height: 87px;
}

.icon-emptyState.u-twoFactorAuth {
  background-position: -194px -734px;
  width: 236px;
  height: 87px;
}

.icon-emptyState.u-underConstruction {
  background-position: 0 -766px;
  width: 192px;
  height: 175px;
}

.icon-emptyState.u-notFound {
  background-position: -194px -825px;
  width: 153px;
  height: 200px;
}

.icon-emptyState.u-emptyApiTokens {
  background-position: 0 -958px;
  width: 140px;
  height: 109px;
}

.icon.u-passwordLockIcon {
  background-position: -282px -387px;
  width: 15px;
  height: 16px;
}

.icon.u-closeWhiteIcon {
  background-position: -367px -359px;
  width: 14px;
  height: 14px;
}

.icon.u-closeWhiteIconSmall {
  background-position: -384px -359px;
  width: 10px;
  height: 10px;
}

.icon.u-hideIcon {
  background-position: -320px -665px;
  width: 20px;
  height: 21px;
}

.icon.u-unhideIcon {
  background-position: -342px -660px;
  width: 20px;
  height: 27px;
}

.icon.u-configureLicenseFields {
  background-position: -57px -577px;
  width: 20px;
  height: 21px;
}

/* Release row preflight check icons */
.icon.u-cpu_coresIcon {
  background-position: -90px 0;
  width: 20px;
  height: 20px;
}

.icon.u-cpu_coresIcon.warn {
  background-position: -90px -22px;
}

/* .icon.u-cpu_coresIcon.fail {
  background-position: -90px -44px;
} */
.icon.u-cpu_coresIcon.fail {
  background-position: -90px -66px;
}

.icon.u-memoryIcon {
  background-position: -90px -88px;
  width: 26px;
  height: 15px;
}

.icon.u-memoryIcon.warn {
  background-position: -90px -105px;
}

/* .icon.u-memoryIcon.fail {
  background-position: -90px -122px;
} */
.icon.u-memoryIcon.fail {
  background-position: -90px -139px;
}

.icon.u-disk_spaceIcon {
  background-position: -90px -156px;
  width: 15px;
  height: 18px;
}

.icon.u-disk_spaceIcon.warn {
  background-position: -90px -176px;
}

/* .icon.u-disk_spaceIcon.fail {
  background-position: -90px -196px;
} */
.icon.u-disk_spaceIcon.fail {
  background-position: -90px -216px;
}

.icon.u-replicated_versionIcon {
  background-position: -90px -236px;
  width: 14px;
  height: 17px;
}

.icon.u-replicated_versionIcon.warn {
  background-position: -90px -255px;
}

/* .icon.u-replicated_versionIcon.fail {
  background-position: -90px -274px;
} */
.icon.u-replicated_versionIcon.fail {
  background-position: -90px -293px;
}

.icon.u-docker_versionIcon {
  background-position: -90px -312px;
  width: 24px;
  height: 18px;
}

.icon.u-docker_versionIcon.warn {
  background-position: -90px -332px;
}

/* .icon.u-docker_versionIcon.fail {
  background-position: -90px -352px;
} */
.icon.u-docker_versionIcon.fail {
  background-position: -90px -372px;
}

.icon.u-modalcpu_coresIcon {
  background-position: -126px 0;
  width: 40px;
  height: 40px;
}

.icon.u-modalcpu_mhzIcon {
  background-position: -126px -42px;
  width: 40px;
  height: 40px;
}

.icon.u-modalmemoryIcon {
  background-position: -126px -84px;
  width: 46px;
  height: 30px;
}

.icon.u-modaldisk_spaceIcon {
  background-position: -126px -118px;
  width: 27px;
  height: 32px;
}

.icon.u-modalcustom_requirementsIcon {
  background-position: -126px -334px;
  width: 33px;
  height: 38px;
}

.icon.u-modalreplicated_versionIcon {
  background-position: -126px -152px;
  width: 29px;
  height: 35px;
}

.icon.u-modaldocker_versionIcon {
  background-position: -126px -189px;
  width: 40px;
  height: 28px;
}

.icon.u-modalOSIcon {
  background-position: -126px -220px;
  width: 40px;
  height: 30px;
}

.icon.u-modalNetworkIcon {
  background-position: -126px -252px;
  width: 40px;
  height: 40px;
}

.icon.u-modalNetworkLargeIcon {
  background-position: -126px -414px;
  width: 70px;
  height: 70px;
}

.icon.u-modalReplicatedDocsIcon {
  background-position: -126px -295px;
  width: 31px;
  height: 37px;
}

.icon.u-modalGetHelpIcon {
  background-position: -126px -374px;
  width: 34px;
  height: 34px;
}

.icon.u-archiveIconBlue {
  background-position: -90px -420px;
  width: 17px;
  height: 19px;
}

.icon.u-unarchiveIconBlue {
  background-position: -90px -461px;
  width: 17px;
  height: 20px;
}

.icon.u-archiveMultipleReleasesIcon {
  background-position: -90px -545px;
  width: 23px;
  height: 24px;
}

.icon.u-archiveMultipleReleasesIcon:hover {
  background-position: -90px -571px;
}

.icon.u-archiveMultipleReleasesDisabledIcon {
  background-position: -90px -651px;
  width: 23px;
  height: 25px;
}

.icon.u-diffReleasesIcon {
  background-position: -83px -598px;
  width: 30px;
  height: 24px;
}

.icon.u-diffReleasesIcon:hover {
  background-position: -83px -624px;
}

.icon.u-diffReleasesDisabledIcon {
  background-position: -83px -677px;
  width: 30px;
  height: 24px;
}

.icon.u-uploadIconBlue {
  background-position: 0px -534px;
  width: 19px;
  height: 17px;
}

.icon.support-icon {
  background-position: 0 -767px;
  width: 77px;
  height: 65px;
}

.icon.u-replicatedStudioIcon {
  background-image: url("https://vendor.staging.replicated.com/assets/studio_spritesheet-CSwABWPf.svg");
  background-position: 0 0;
  width: 52px;
  height: 36px;
}

.icon.u-replicatedStudioIcon-small {
  background-image: url("https://vendor.staging.replicated.com/assets/studio_spritesheet-CSwABWPf.svg");
  background-position: 0 -38px;
  width: 38px;
  height: 27px;
}

.icon.u-replicatedStudioIcon-smaller {
  background-image: url("https://vendor.staging.replicated.com/assets/studio_spritesheet-CSwABWPf.svg");
  background-position: 0 -151px;
  width: 30px;
  height: 27px;
}

.icon.u-replicatedStudioIcon-large {
  background-image: url("https://vendor.staging.replicated.com/assets/studio_spritesheet-CSwABWPf.svg");
  background-position: 0 -68px;
  width: 115px;
  height: 80px;
}

.icon.u-samlLockIcon {
  background-position: 0 -574px;
  width: 14px;
  height: 16px;
  top: -3px;
}

.icon.u-requireTFAIcon {
  background: url("https://vendor.staging.replicated.com/assets/2-factor-auth-D8yJg-eg.svg");
  width: 200px;
  height: 130px;
  background-repeat: no-repeat;
  background-size: 180px 120px;
}

.icon.u-replicatedSmallIcon {
  background-position: -178px -85px;
  width: 15px;
  height: 20px;
}

.icon.u-kubernetesSmallIcon {
  background-position: -197px -85px;
  width: 21px;
  height: 20px;
}

.icon.u-dockerSmallIcon {
  background-position: -222px -85px;
  width: 26px;
  height: 20px;
}

.icon.u-replicatedSmallerIcon {
  background-position: -308px -216px;
  width: 14px;
  height: 16px;
}

.icon.u-kubernetesSmallerIcon {
  background-position: -356px -230px;
  width: 16px;
  height: 16px;
}

.icon.u-dockerSmallerIcon {
  background-position: -308px -198px;
  width: 20px;
  height: 18px;
}

.icon.u-ghInstallEmptyIcon {
  background-position: 0 -837px;
  width: 80px;
  height: 80px;
}

.icon.u-errorWarningIcon {
  background-position: -269px -302px;
  width: 87px;
  height: 85px;
}

.icon.u-replicatedSpecsIcon {
  background-position: -226px -330px;
  width: 24px;
  height: 28px;
}

.icon.u-dockerSpecsIcon {
  background-position: -178px -298px;
  width: 40px;
  height: 28px;
}

.icon.u-kubernetesSpecsIcon {
  background-position: -179px -332px;
  width: 30px;
  height: 28px;
}

.icon.u-createApplication {
  background: url("https://vendor.staging.replicated.com/assets/create-application-C2ET0IFK.svg");
  width: 383px;
  height: 207px;
  background-repeat: no-repeat;
}

.icon.u-createTeam {
  background: url("https://vendor.staging.replicated.com/assets/create-team-D_VmxjVp.png");
  width: 383px;
  height: 258px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon.u-replicatedScheduler {
  background-position: 0px -930px;
  width: 102px;
  height: 24px;
}

.icon.u-dockerScheduler {
  background-position: -55px -985px;
  width: 61px;
  height: 48px;
}

.icon.u-kubernetesScheduler {
  background-position: 0px -985px;
  width: 51px;
  height: 48px;
}

.icon.u-kubernetes {
  background-position: 0px -985px;
  width: 51px;
  height: 48px;
}

.icon.u-largeGreenCheckmark {
  background-position: -129px -992px;
  width: 50px;
  height: 50px;
}

.icon.u-blueExclamationMark {
  background-position: -344px -520px;
  width: 16px;
  height: 16px;
}

.icon.u-greenCheckmarkSmall {
  background-position: -305px -499px;
  width: 16px;
  height: 16px;
}

.icon.u-greenCheckmarkMedium {
  background-position: -393px -500px;
  width: 20px;
  height: 20px;
}

.icon.u-tealCheckmarkMedium {
  background-position: -417px -500px;
  width: 21px;
  height: 20px;
}

.icon.u-visitIcon {
  background-position: -364px -80px;
  width: 13px;
  height: 13px;
}

.icon.u-gce {
  background-position: -307px -541px;
  width: 16px;
  height: 16px;
}

.icon.u-azure {
  background-position: -325px -542px;
  width: 17px;
  height: 13px;
}

.icon.u-aws {
  background-position: -344px -546px;
  width: 16px;
  height: 9px;
}

.icon.u-cloud {
  background-position: -364px -544px;
  width: 16px;
  height: 10px;
}

.icon.u-seeMore {
  background-position: -308px -563px;
  width: 21px;
  height: 21px;
}

.icon.u-replicatedSmallIcon {
  background-position: -185px -995px;
  width: 77px;
  height: 18px;
}

.icon.u-kotsSmallIcon {
  background-position: -186px -1017px;
  width: 46px;
  height: 18px;
}

.icon.u-unavailableIcon {
  background-position: -322px -500px;
  width: 16px;
  height: 16px;
}

.icon.u-degradedIcon {
  background-position: -332px -567px;
  width: 16px;
  height: 16px;
}

.icon.u-missingIcon {
  background-position: -352px -567px;
  width: 16px;
  height: 16px;
}

.icon.u-learnMoreIcon {
  background-position: -364px -80px;
  width: 13px;
  height: 13px;
}

.icon.u-otherIcon {
  background-position: -363px -520px;
  width: 16px;
  height: 16px;
}

.icon.u-arrowUp--small {
  background-position: -24px -136px;
  width: 12px;
  height: 7px;
}

.icon.u-arrowDown--small {
  background-position: -24px -136px;
  width: 12px;
  height: 7px;
}

.icon.u-arrowUp--small {
  background-position: -24px -146px;
  width: 19px;
  height: 10px;
}

.icon.u-universalIconDustyBlue {
  background-position: -320px -689px;
  width: 20px;
  height: 20px;
}

.icon.u-lockIconDustyBlue {
  background-position: -342px -689px;
  width: 15px;
  height: 18px;
}

.icon.u-kurlIconDustyBlue {
  background-position: -358px -689px;
  width: 22px;
  height: 21px;
}

.icon.u-kurlRoyalBlueSmallIcon {
  background-position: -358px -714px;
  width: 22px;
  height: 21px;
}

.icon.u-replDocsSmallIcon {
  background-position: -360px -737px;
  width: 17px;
  height: 21px;
}

.icon[class*=" analysis"] {
  background-position: -55px -980px;
  width: 16px;
  height: 16px;
}

.icon.analysis-docker_container {
  background-position: -308px -162px;
  width: 15px;
  height: 16px;
}

.icon.analysis-docker_whale {
  background-position: -308px -198px;
  width: 22px;
  height: 16px;
}

.icon.analysis-no_docker {
  background-position: -308px -234px;
  width: 22px;
  height: 16px;
}

.icon.analysis-os_ubuntu {
  background-position: -308px -180px;
  width: 16px;
  height: 16px;
}

.icon.analysis-os_alpine {
  background-position: -308px -128px;
  width: 18px;
  height: 16px;
}

.icon.analysis-os_centos {
  background-position: -335px -110px;
  width: 16px;
  height: 16px;
}

.icon.analysis-os_rhel {
  background-position: -335px -128px;
  width: 16px;
  height: 16px;
}

.icon.analysis-os_memory {
  background-position: -335px -201px;
  width: 24px;
  height: 16px;
}

.icon.analysis-os_disk_space {
  background-position: -29px -979px;
  width: 13px;
  height: 16px;
}

.icon.analysis-os_uptime {
  background-position: -335px -218px;
  width: 15px;
  height: 16px;
}

.icon.analysis-os_cpu {
  background-position: -335px -163px;
  width: 16px;
  height: 16px;
}

.icon.analysis-os_loadavg {
  background-position: -360px -148px;
  width: 21px;
  height: 16px;
}

.icon.analysis-os_debian {
  background-position: -335px 145px;
  width: 13px;
  height: 16px;
}

.icon.analysis-replicated_version {
  background-position: -308px -216px;
  width: 14px;
  height: 16px;
}

.icon.analysis-gray_checkmark {
  background-position: -359px -186px;
  width: 17px;
  height: 17px;
}

.icon.analysis-disk {
  background-position: -359px -208px;
  width: 12px;
  height: 16px;
}

.icon.analysis-disk_full {
  background-position: -327px -208px;
  width: 14px;
  height: 17px;
}

.icon.analysis-logs {
  background-position: -335px -237px;
  width: 14px;
  height: 16px;
}

.icon.analysis-no_logs {
  background-position: -335px -255px;
  width: 14px;
  height: 16px;
}

.icon.analysis-kubernetes_deployment_status {
  background-position: -356px -230px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_cluster_version {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_container_runtime {
  background-position: -356px -246px;
  width: 23px;
  height: 16px;
}

.icon.analysis-kubernetes_custom_resource_definition {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_image_pull_secret {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_ingress {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_node_resources {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_analyze_secret {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_statefulset_status {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_storage_class {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon.analysis-kubernetes_text_analyze {
  background-position: -356px -228px;
  width: 16px;
  height: 16px;
}

.icon[class*=" analysis-datacenter"] {
  background-position: -55px -943px;
  width: 12px;
  height: 16px;
}

.icon.analysis-datacenter_aws {
  background-position: -308px -145px;
  width: 27px;
  height: 16px;
}

.icon.analysis-datacenter_gce {
  background-position: -308px -110px;
  width: 15px;
  height: 16px;
}

.icon.analysis-datacenter_azure {
  background-position: -55px -907px;
  width: 21px;
  height: 16px;
}

.icon.analysis-datacenter_unknown {
  background-position: -359px -169px;
  width: 16px;
  height: 16px;
}

.icon.u-osSpecsIcon {
  background-position: -179px -366px;
  width: 34px;
  height: 28px;
}

.icon.u-addFileIcon {
  background-position: -226px -298px;
  width: 24px;
  height: 28px;
}

.icon.u-replicatedSpecsIcon {
  background-position: -226px -330px;
  width: 24px;
  height: 28px;
}

.icon.u-commandInstallIcon {
  background-position: -221px -375px;
  width: 36px;
  height: 21px;
}

.icon.u-warningYellowIcon-small {
  background-position: -86px -801px;
  width: 14px;
  height: 14px;
}

.icon.u-warningWhiteOutline {
  background-position: -41px -393px;
  width: 12px;
  height: 11px;
}

.icon.u-errorCircleIcon-small {
  background-position: -86px -783px;
  width: 15px;
  height: 15px;
}

.icon.helmIcon {
  background-position: -354px -229px;
  width: 25px;
  height: 16px;
}

.icon.helmIcon-white {
  background-position: -308px -586px;
  width: 24px;
  height: 25px;
}

.icon.helmLogo {
  background-position: -406px 0px;
  width: 35px;
  height: 36px;
}

.icon.questionMark {
  background-position: -369px -567px;
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
}

.icon.manageReleases {
  background: url("https://vendor.staging.replicated.com/assets/manage-releases-COW7I4gu.svg");
  width: 260px;
  height: 95px;
  background-repeat: none;
}

.icon.google-g {
  background-position: -378px 0;
  width: 25px;
  height: 25px;
}

/* 2021 Rebrand */
.icon-container {
  min-width: 25px;
}

.icon.u-promoteRelease {
  background-position: -363px -520px;
  width: 16px;
  height: 16px;
  margin-top: 5px;
}

.icon.u-bundleInsightErrIcon {
  background-position: -392px -584px;
  width: 15px;
  height: 15px;
}

.icon.u-bundleInsightWarningIcon {
  background-position: -392px -601px;
  width: 15px;
  height: 15px;
}

.icon.u-bundleInsightOtherIcon {
  background-position: -392px -567px;
  width: 15px;
  height: 15px;
}

.support-modal-broken {
  background-position: -458px 0px;
  width: 120px;
  height: 122px;
}

.support-modal-feature-request {
  background-position: -458px -130px;
  width: 122px;
  height: 74px;
}

.support-modal-help {
  background-position: -457px -211px;
  width: 109px;
  height: 122px;
}

.support-modal-deploy-new {
  background-position: -476px -359px;
  width: 83px;
  height: 101px;
}

.default-image-upload {
  background-position: -36px -710px;
  height: 37px;
  width: 37px;
}

.blue-rounded-link {
  background-position: -34px -510px;
  height: 14px;
  width: 14px;
}

.open-link-new-page {
  background-position: -375px -639px;
  height: 18px;
  width: 18px;
}

.icon.chat-icon {
  background-position: -399px -664px;
  height: 26px;
  width: 26px;
}

.icon.med-dark-teal-warning-icon {
  background-position: -363px -443px;
  height: 25px;
  width: 29px;
}

/*
  Styles for the default global modal go here.
  Specific modal styles should go in their own respective css files.
*/
.ReactModal__Overlay {
  background-color: rgba(50, 50, 50, 0.4) !important;
  z-index: 500;
  overflow: auto;
}

.Modal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 98vh;
  overflow-y: auto;
  border: 1px solid #c4c8ca;
  border-radius: 6px;
  padding: 0;
  margin: 0;
  outline: none;
  background: white;
  transform: translate(-50%, -50%);
}

.Modal.tall {
  top: 60px;
  transform: translate(-50%, 0);
}

.DefaultSize {
  width: 100%;
  max-width: 450px;
}

.MediumSize {
  width: 100%;
  max-width: 600px;
}

.ToastModal {
  position: absolute;
  top: 25%;
  left: 50%;
}

.LargeSize {
  width: 100%;
  max-width: 960px;
}

.MarketingContentModal {
  width: 100%;
  max-width: 730px;
}

/* Modal header */
.Modal-header,
.Modal-header-compat {
  padding: 20px 25px 18px;
  margin: 0;
}

.Modal-header p,
.Modal-header-text {
  font-size: 26px;
  font-weight: 300;
  color: #4a4a4a;
  line-height: 34px;
  margin: 0;
}

.Modal-header.has-border,
.Modal-header-compat.has-border {
  border-bottom: 1px solid #c4c8ca;
}

/* Modal body */
.Modal-body {
  padding: 20px 25px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.ImageCarousel--wrapper {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 20px 0 0 20px;
  position: "relative";
  width: 100%;
  background: "white";
}

.ImageCarouselArrow {
  display: flex;
  flex-direction: column;
  padding: 15px 50px 15px 10px;
  border-radius: 6px;
  margin: 0 0 0 -19px;
  cursor: pointer;
  background: white;
  clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
}

.ImageCarouselArrow.active {
  background: #f5f8f9;
}

.ImageCarouselArrow:hover {
  background: #EDF5FF;
}

.ImageCarouselArrow .Title,
.helm-install-instruction-modal .Title {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #323232;
}

.ImageCarouselArrow .Title .step-number,
.helm-install-instruction-modal .step-number {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  margin-right: 6px;
  top: -2px;
  position: relative;
  color: white;
  background-color: #326de6;
}

.embedded-cluster-install-instruction-modal .Title {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #323232;
}

.embedded-cluster-install-instruction-modal .step-number {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  margin-right: 6px;
  top: -2px;
  position: relative;
  color: white;
  background-color: #326de6;
}

.ImageCarouselArrow .Description {
  margin-top: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #959595;
}

.ImageCarouselArrow.active .Description {
  color: #717171;
}

.CaroselImage {
  position: relative;
}

.CaroselImage img {
  position: absolute;
  right: -190px;
}

.ModalHeaderIllustration {
  height: 195px;
  width: 100%;
  background-color: #f8f8f8;
  display: none;
}

@media screen and (max-height: 43em) {
  .Modal {
    top: 60px;
    transform: translate(-50%, 0);
  }
}
.__react_component_tooltip.replicated-tooltip.show {
  opacity: 1;
  max-width: 70vw;
}

.__react_component_tooltip.type-dark.replicated-tooltip {
  color: white;
  font-weight: 500;
  background-color: #193B5B;
}

.__react_component_tooltip.type-dark.place-top.replicated-tooltip:after {
  border-top-color: #193B5B;
}

.__react_component_tooltip.type-dark.place-right.replicated-tooltip:after {
  border-right-color: #193B5B;
}

.__react_component_tooltip.type-dark.place-left.replicated-tooltip:after {
  border-left-color: #193B5B;
}

.__react_component_tooltip.type-dark.place-bottom.replicated-tooltip:after {
  border-bottom-color: #193B5B;
}

/* PrismJS 1.11.0
http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+bash+ruby+django+go+java+json+php+jsx+yaml */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*=language-],
pre[class*=language-] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  text-align: left;
  white-space: pre-wrap;
  font-size: 12px;
  word-spacing: normal;
  word-break: break-word;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 6px;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #444444;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #f8f8f2;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}

.token.boolean,
.token.number {
  color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
  color: #e6db74;
}

.token.keyword {
  color: #66d9ef;
}

.token.regex,
.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.defaultTransition-appear {
  opacity: 0.01;
}

.defaultTransition-appear.defaultTransition-appear-active {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.defaultTransition-enter {
  opacity: 0.01;
}

.defaultTransition-enter.defaultTransition-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.defaultTransition-leave {
  opacity: 1;
}

.defaultTransition-leave.defaultTransition-leave-active {
  opacity: 0.01;
  position: absolute;
  visibility: collapse;
  top: 0;
  left: 0;
  right: 0;
  transition: opacity 200ms ease-in;
}

.Toast {
  position: fixed;
  top: 70px;
  left: 56%;
  transform: translate(-50%);
  z-index: 300;
  padding: 1rem;
  line-height: normal;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  min-width: 16rem;
}

.Toast.confirmAirgapPassword {
  background-color: white;
  color: #4a4a4a;
  padding: 25px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #c4c8ca;
  border-radius: 4px;
  transform: translate(-50%, -300px);
}

.Toast.success {
  background-color: #38cc97;
  max-width: 500px;
}

.Toast.success div {
  color: white;
}

.Toast.error {
  color: #98222d;
  background-color: #fddede;
  max-width: 500px;
}

.Toast.warning {
  color: #fbe9d7;
  background-color: #ec8f39;
  max-width: 500px;
}

.Toast {
  z-index: 500;
  transition: all 2s;
}

.toast-transition-enter,
.toast-transition-appear {
  transition: transform 2s linear;
  opacity: 0;
}

/* add the transition here */
.toast-transition-enter-active,
.toast-transition-appear-active {
  opacity: 1;
  max-width: 300px;
  transition: all 700ms;
}

/* fires as soon as this.state.isActive is false */
.toast-transition-exit {
  max-width: 300px;
}

/* fires as the element leaves the DOM */
.toast-transition-exit-active {
  opacity: 0;
  transition: all 400ms;
}

.tw-markdown-content pre {
  margin: 0;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  background-color: #dedede !important;
  overflow-x: auto;
}
.tw-markdown-content pre code {
  color: #000000 !important;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1rem !important;
  line-height: 1.5;
  white-space: pre;
  text-shadow: none !important;
}
.tw-markdown-content .token.comment,
.tw-markdown-content .token.prolog,
.tw-markdown-content .token.doctype,
.tw-markdown-content .token.cdata {
  color: #5a5a5a;
}
.tw-markdown-content .token.punctuation {
  color: #000000;
}
.tw-markdown-content .token.namespace {
  opacity: 0.7;
}
.tw-markdown-content .token.property,
.tw-markdown-content .token.tag,
.tw-markdown-content .token.constant,
.tw-markdown-content .token.symbol,
.tw-markdown-content .token.deleted {
  color: #c80046;
}
.tw-markdown-content .token.boolean,
.tw-markdown-content .token.number {
  color: #8700c8;
}
.tw-markdown-content .token.selector,
.tw-markdown-content .token.attr-name,
.tw-markdown-content .token.string,
.tw-markdown-content .token.char,
.tw-markdown-content .token.builtin,
.tw-markdown-content .token.inserted {
  color: #388700;
}
.tw-markdown-content .token.operator,
.tw-markdown-content .token.entity,
.tw-markdown-content .token.url,
.tw-markdown-content .language-css .token.string,
.tw-markdown-content .style .token.string,
.tw-markdown-content .token.variable {
  color: #000000;
}
.tw-markdown-content .token.atrule,
.tw-markdown-content .token.attr-value,
.tw-markdown-content .token.function,
.tw-markdown-content .token.class-name {
  color: #a07800;
}
.tw-markdown-content .token.keyword {
  color: #006d8f;
}
.tw-markdown-content .token.regex,
.tw-markdown-content .token.important {
  color: #c35400;
}
.tw-markdown-content .token.important,
.tw-markdown-content .token.bold {
  font-weight: bold;
}
.tw-markdown-content .token.italic {
  font-style: italic;
}
.tw-markdown-content .token.entity {
  cursor: help;
}@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
hr {
  border: 1px solid #c4c8ca;
  width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}