/* 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-BQZuk6qB.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-400-normal-DQukG94-.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-obahsSVq.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-400-normal-HOLc17fK.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-DGGRlc-M.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-400-normal-KugGGMne.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-B4URO6DV.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-400-normal-q2sYcFCs.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-Bbgyi5SW.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-C1nco2VV.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-400-normal-77YHD8bZ.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-C38fXH4l.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-400-normal-CyCys3Eg.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-B0yAr1jD.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.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-BasfLYem.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-500-normal-CxZf_p3X.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-C4iEst2y.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-500-normal-2j5mBUwD.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-BIZE56-Y.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-500-normal-Xzm54t5V.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-mJboJaSs.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-CV4jyFjo.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-500-normal-BxGbmqWO.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-Cerq10X2.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-500-normal-BL9OpVg8.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-Dfes3d0z.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.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-CWCymEST.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-600-normal-4D_pXhcN.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-DRtmH8MT.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-600-normal-B8X0CLgF.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-plRanbMR.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-600-normal-BZpKdvQh.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-BuLX-rYi.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-D2bJ5OIk.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-600-normal-CIVaiw4L.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-LgqL8muc.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-600-normal-CiBQ2DWP.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-BjwYoWNd.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-ext-700-normal-LO58E6JB.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-CjBOestx.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-cyrillic-700-normal-DrXBdSj3.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-qfdV9bQt.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-ext-700-normal-BoQ6DsYi.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-C3JjAnD8.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-greek-700-normal-BUv2fZ6O.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-DlLaEgI2.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-vietnamese-700-normal-BZaoP0fm.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-Ca8adRJv.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-ext-700-normal-TidjK2hL.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-Yt3aPRUw.woff2) format('woff2'), url(https://vendor.staging.replicated.com/assets/inter-latin-700-normal-BLAVimhd.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; }/* Meyer reset — must come before @tailwind base so preflight overrides it */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */ 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-width: 0; border-color: initial; font-size: 100%; font: inherit; vertical-align: baseline; } 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; } *, ::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(31 71 136 / 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(31 71 136 / 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: ; } .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.normalize, h2.normalize, h3.normalize, h4.normalize, h5.normalize, h6.normalize, .normalize-container h1, .normalize-container h2, .normalize-container h3, .normalize-container h4, .normalize-container h5, .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.normalize, select.normalize, .normalize-container input, .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.normalize, .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.normalize:disabled, .normalize-container button:disabled { cursor: default; } /* === typography.css (heading styles) === */ h1,h2,h3,h4,h5,h6 { font-family: "Montserrat", sans-serif; letter-spacing: -.5px; } h1 { font-size: 36px; font-weight: 600; } h2 { font-size: 30px; font-weight: 600; } h3 { font-size: 26px; font-weight: 600; color: #323232; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } .prose { color: inherit; max-width: none; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #4591f7; text-decoration: none; font-weight: 600; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover { text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: #4f4f4f; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: #4f4f4f; } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: #d1d5db; border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="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; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); 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; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #333; font-weight: 400; font-size: 0.875em; background-color: #f3f4f6; padding: 0.2em 0.4em; border-radius: 0.25rem; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="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; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="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; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: #d1d5db; } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .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: rgb(17 24 39 / 10%); --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: rgb(255 255 255 / 10%); --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; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose-sm { font-size: 0.875rem; line-height: 1.7142857; } .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.1111111em; } .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; } .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; } .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="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; } .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="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; } .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; margin-bottom: 0.2857143em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; padding-inline-start: 1.5714286em; } .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8571429em; margin-bottom: 2.8571429em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .form-input,.form-textarea,.form-select,.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; } .form-input:focus, .form-textarea:focus, .form-select:focus, .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; } .form-input::placeholder,.form-textarea::placeholder { color: #717171; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper { padding: 0; } .form-input::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } .form-input::-webkit-datetime-edit { display: inline-flex; } .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } /* NavBar logo */ .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; display: block; } .retraced-logs-viewer-app .FixedTableHeader-wrapper { background-color: white; padding: 0; border-color: rgb(222 222 222); border-style: solid; border-width: 1px; border-radius: 0.375rem 0.375rem 0 0; border-bottom: none; } .retraced-logs-viewer-app .FixedTableHeader-wrapper .FixedTableHeader-content { border-bottom: 1px solid #C4C8CA; margin: 0 1.25rem; } .retraced-logs-viewer-app div:has(> .Loader) { background-color: white; padding: 0 1.25rem 1.25rem 1.25rem; border-color: rgb(222 222 222); border-style: solid; border-width: 1px; border-radius: 0 0 0.375rem 0.375rem; border-top: none; } .audit-log-loader-wrapper { background-color: white; padding: 0 1.25rem 1.25rem 1.25rem; border-color: rgb(222 222 222); border-style: solid; border-width: 1px; border-radius: 0 0 0.375rem 0.375rem; border-top: none; } /* Wrap long values in location column to prevent overflow into expand icon */ /* Vertically center description column */ /* Publishing Banner CSSTransition animations */ /* Search cancel button sprite (migrated from SearchableDropdown.css) */ input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; background-position: -55px 0; width: 14px; height: 14px; cursor: pointer; background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg"); background-repeat: no-repeat; background-size: initial; display: inline-block; position: relative; } /* Auth pages deep element selectors (scoped under .auth-pages) */ .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 ::placeholder { color: #b3b3b3; font-family: "Open Sans", sans-serif; font-size: 18px; } .auth-pages ::-webkit-input-placeholder { color: #b3b3b3; font-family: "Open Sans", sans-serif; font-size: 18px; } .auth-pages .FormButton-wrapper { min-height: 54px; } .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: #326de6; 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; } .auth-pages .ErrorBlock { display: block; width: 100%; padding: 16px; margin: 10px 0; background-color: #fde8e8; box-sizing: border-box; border-radius: 8px; } .auth-pages .ErrorBlock.flex { display: flex; } .auth-pages .ErrorBlock.\!flex { display: flex !important; } .auth-pages .ErrorBlock p { font-size: 15px; font-weight: normal; margin: 0; color: #f44247; font-family: "Open Sans", sans-serif; } .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 footer links */ /* Auth pages feature list deep selectors */ .feature-list img { width: 70%; padding-top: 10px; } .feature-list h2 { font-family: "Montserrat", sans-serif; font-weight: 600 !important; color: #f44247; font-size: 24px; 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 responsive overrides */ @media screen and (max-width: 1024px) { .auth-pages label { text-align: left !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; } } /* FileTree checkbox-hack expand/collapse and spritesheet arrows (migrated from SupportBundleFileTree.css) */ .FileTree-wrapper input[type="checkbox"] { position: absolute; z-index: 1; opacity: 0; margin: 0; width: 100%; cursor: pointer; } .FileTree-wrapper input[type="checkbox"]:hover + label { color: white; } .FileTree-wrapper ul { display: none; padding-top: 4px; } .FileTree-wrapper label, .FileTree-wrapper li { color: white; font-weight: 500; transition: color 0.2s; font-size: 12px; position: relative; line-height: 12px; z-index: 2; padding: 6px 0 4px; word-wrap: break-word; } .FileTree-wrapper label:hover, .FileTree-wrapper li:hover { color: white; cursor: pointer; } .FileTree-wrapper input[type="checkbox"]:checked + label .FileName, .FileTree-wrapper li.is-selected .FileName { color: white; font-weight: 700; } .FileTree-wrapper input[type="checkbox"]:checked + label.is-file::after, .FileTree-wrapper li.is-selected.is-file::after { position: absolute; content: ""; display: block; margin-left: -10px; width: calc(100% + 10px); height: 100%; top: 1px; z-index: -1; background-color: #032c50; } .FileTree-wrapper .is-file .LintError { margin-bottom: -3px; margin-right: 4px; } .FileTree-wrapper .is-file .LintWarn { margin-bottom: -2px; margin-right: 4px; } .FileTree-wrapper .is-file .RemoveFileIcon { display: none; } .FileTree-wrapper .is-file:hover .RemoveFileIcon { position: relative; color: white; font-weight: bold; display: inline-block; margin: -2px 6px; } .FileTree-wrapper label::before { content: ""; left: 0px; top: 0px; position: relative; display: inline-block; pointer-events: none; background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg"); background-repeat: no-repeat; background-size: initial; background-position: -58px -544px; margin-right: 6px; width: 5px; height: 7px; transition: transform 0.2s ease; } .FileTree-wrapper label.hideArrow::before { content: none; } .FileTree-wrapper input[type="checkbox"]:checked + label::before { transform: rotate(90deg); } .FileTree-wrapper input[type="checkbox"]:checked + label.hideArrow::before { transform: none; } .FileTree-wrapper input[type="checkbox"]:checked + label + ul, .FileTree-wrapper input[type="checkbox"]:checked + label:nth-of-type(n) + ul { display: block; } /* Fullscreen icon sprite hover states (migrated from SupportBundleFileTree.css) */ .fullscreen-icon-wrapper:hover .icon.u-fullscreenOpenIcon { background-position: -246px -258px; } .fullscreen-icon-wrapper:hover .\!icon.u-fullscreenOpenIcon { background-position: -246px -258px !important; } .fullscreen-icon-wrapper:hover .icon.u-fullscreenCloseIcon { background-position: -231px -257px; } .fullscreen-icon-wrapper:hover .\!icon.u-fullscreenCloseIcon { background-position: -231px -257px !important; } /* Ace Editor active highlight (migrated from SupportBundleFileTree.css) */ .AceEditor .active-highlight { background: #fff8e8; position: absolute; } /* Stale Banner (Needs Republish) CSSTransition animations */ /* Headway notification badge (dynamically injected by Headway widget) */ #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; } #HW_badge_cont #HW_badge { top: 0; left: auto; right: -3px; } /* Algolia InstantSearch overrides (migrated from Support.css) */ .InstantSearch--hit .ais-Highlight-highlighted { font-weight: 500; color: #337ab7; } .VendorSupport--search .ais-InstantSearch__root { width: 960px; } .VendorSupport--search .ais-SearchBox-wrapper { position: relative; width: 100%; max-width: 960px; align-self: center; margin: 20px auto; } .VendorSupport--search .ais-SearchBox-input { display: block; box-sizing: border-box; width: 100%; border: 1px solid #c4c8ca; border-radius: 4px; outline: 0; font-size: 14px; font-weight: normal; line-height: normal; color: #323232; padding: 10px 11px 11px; transition: border 0.2s; padding-left: 35px; } .VendorSupport--search .ais-SearchBox-input:focus { border-color: #4db9c0; } .VendorSupport--search .ais-Stats-text { color: #959595; font-size: 12px; font-weight: 500; } .VendorSupport--search .ais-SearchBox-SearchIcon { position: absolute; left: 1px; top: 1px; background: transparent url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg") left no-repeat; background-position: 5px -726px; width: 30px; height: 30px; } .VendorSupport--search .ais-SearchBox-submit, .VendorSupport--search .ais-SearchBox-reset { display: none; } /* RightNode button padding (migrated from Support.css) */ .RightNode .Button { padding: 12px 15px; line-height: 0; } /* Spritesheet-based elements (migrated from Support.css) */ .InstantSearch--resultsEmpty .empty { background: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg"); background-position: 0px -623px; width: 79px; height: 77px; } /* SupportBundle-wrapper deep selectors (migrated from Support.css) */ #SupportBundle-wrapper { font-weight: normal; font-size: 14px; color: #323232; -webkit-font-smoothing: antialiased; } #SupportBundle-wrapper .FormSection-content { display: flex; flex-direction: column; gap: 12px; } #SupportBundle-wrapper .FormSection-content .select-bundle-disclaimer { margin-top: -12px; color: #959595; font-size: 12px; } #SupportBundle-wrapper .FormSection-wrapper { padding: 0; } #SupportBundle-wrapper .FormSection-wrapper .flex.flex-col { width: 100%; } #SupportBundle-wrapper .FormSection-wrapper .\!flex.flex-col { width: 100% !important; } #SupportBundle-wrapper .FormSection-wrapper .flex.\!flex-col { width: 100% !important; } #SupportBundle-wrapper .FormSection-wrapper .environment-options-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; height: 80px; gap: 6px; } #SupportBundle-wrapper .FormSection-wrapper .environment-options-wrapper label { margin: 0; } #SupportBundle-wrapper .FormSection-wrapper pre { margin-top: 10px; box-sizing: border-box; } #SupportBundle-wrapper .button-wrapper { margin-top: 14px; } #SupportBundle-wrapper h3 { width: 100%; margin-bottom: 20px; } #SupportBundle-wrapper a, #SupportBundle-wrapper a:hover, #SupportBundle-wrapper a:focus, #SupportBundle-wrapper a:active { text-decoration: none; } #SupportBundle-wrapper p { font-size: 14px; line-height: 22px; } #SupportBundle-wrapper .FileUpload-wrapper .\!files { display: inline-block !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAAB0CAMAAABZncwKAAAAgVBMVEVHcEycnJzZ2dnZ2dnrtVzstlybm5vstl6bm5v////rtVz///+bm5vY2Nj+/v788+TxzI/CwsLv7+/5+fj56c+pqan34Lnh4eG0tLTn5+fuwXftvGuurq701qTS0tK7u7vwx4T9+PCcnJz67tn45MTJycnsuGOlpaWfn5+ioqL13LFWmk+2AAAACnRSTlMA2rW02v5ufIABNpIIEwAABfJJREFUeNrt3W1jgioUAOBtt9adGpZWpmWlZW///wdeETQg3wFxd5wvq9oWPh30iFAfP9+fscUTZhbWvx/94uur6Td+ZpOpwROohcas6gW+Lc7ABH0N5vOm35gZnIEJKg0+RRH0NGgmmIgiqDKIhRH0M2gmmAojmJYbWOIIehk0ExjCCCryQCRBH4NhCUrzQChBD4NhCUrzQCxBd4OhCUryQDBBZ4OhCUryQDRBV4PhCd7yQDhBR4PhCd7yQDxBNwMVBEweSCDoZKCCgMkDGQRdDNQQUHkghaCDgRoCKg/kELQ3UEVA5IEkgtYGqgiIPJBF0NZAHUGRB9IIWhqoIyjyQB5BOwOVBDgPJBK0MlBJgPNAJkEbA7UEWR50295j0omghYFogkXYhSDLgy4A8RaYy04EzQaCCRbADDsRpHnQhSAVMMGylKAyfgYlOMEWLkoJKqMLwdZN/wCA43gJoMC7gTiCTAC+wnasBKe8hScpBPHezf/G3Y6TIBcwATjJIHgJpAb7MRIEUfGiwA3EE5ACtAGoj8EICIE0IsKgoYUtCdYuLeeu22bPUAdFWoA2qI+PXgKm6dzGRcAKmCDaiSSgBEA3g2EIKAHUQmDvxBGsHfJfu7nBYzwEu4hsYYRbaF9FEdxygQRt+hJj+/exEOxs3MIQEYS4heerGIKXwA0RWEkXgwEIcgEz3KF33+hk0EjwwAJmYq0xgXXAD3nxGAheAkaACYwnfmglgIAQeBF0MZBOQAi8CIxNe4MGgof/EiAIrDl+eK6c4JoLPA2SwLjghy+cBHcsAA7wLIEgsLy2BpIJrmdCgCQoDDZ8BPmGHlCRTBAwTykjWFEbShIUTz15CNb0ZmYEwKETxDyqJNjRb3WAaiImQRYcBHs62dFdn+kknkqCgE52KgsKgxUHQexQ3Z3qCMXBwldJgHaGF1rkzOwqzzz7gr2D9oRlWZAbLJXuCwLbBK/OfmI2GR0wQ7664HYnxo3Yd/3hATdRXhcQFSBLYOxWIAqFnCyXZ8GoxgvKCcSNF+DxU02gCRABGD0BkJ4F3uizYCWNINYEvyALFrIJjppAE/wWAqAJpGcBGD/BRXYWzP8wQayzQGeBZS3HTnDVBPhC2p8mQHXBRfY5wmH0+4KnPIJsuBSsR0xwhfMMQCCPwFp7rrO1RkxgBCvXPhkSCfrECGaiawJNoAk0gSbQBJpAE2gCTaAJNAEvAbv+Ak8negByttWaWADgeFsVBAHTzg2aeGsXIwfZvHR7EwgjQDPQ9+8E2WBSPFICuGAtFEXgUKNGDIGZjJagYfZlKYGXBcpwGFtyIqYbEwSHZRqJB3sIuA1OsFvlYedz0SmCMI3nCjYuuvbaHbKTCg945cuRINhacZwPrB4VLsyx82uJFAFanLQA9WnQniB24Yz013VVTICeA5U9YRCCc7EUqYTAsOunX7YngNeS/BsoMp4ksNzKaahDEGTz7tGivDKCVf2U/PYEXnbXL95ukiC7vVZFEBJLtWVmQfb+P7Je7zAE8d6vnncgnyDr63lnLyHIhE4CCBK0lVl5tC8IXBigbtmidILAJS+fUASXzWZziYglCnwEDt7ne3lpQNcFlQu1ZBOgVZrFxJLyugCcBBDAosC94+NfVhowpVHVosUh1iaB17rUUoJoYQgggEvSXM/zPT8vATKC5T6N4xxUX2uUTEAcDN4JbBjnS3g1BBDc6aXrHnNEmBNV46AEIfuZFWVHhP4nyyTBkVkZ/6AJstp5+AKZPhjIJYjhTtA/oIBVYlJSHW6HP01y366lSyO4AeIseY5Kg7fqcPhzhAjNtCxiI48gTsixEtgpwJ4m8JUUyOxJvS0xCxxyjw/Pl9J7FMG88pDwqwkAAAARbOHNffHEPL3nxmv4YE6wTG87gxOwn00DCdAPYwHS4CbQI8iaQBNoAk2gCTSBJtAEf48glisQ8xNM5QpM+b9Grj4++Qkmcgkm/F8mWB/f/AQzuQSzD+6vlKzrBZ/fP/wEH7xfKVnXCyazxhZKjxYE//f4+kd1C/4DSr3J7IIjXHIAAAAASUVORK5CYII=") !important; background-size: 100% !important; background-repeat: no-repeat !important; width: 129px !important; height: 58px !important; margin-bottom: 12px !important; } #SupportBundle-wrapper .FileUpload-wrapper .files { display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAAB0CAMAAABZncwKAAAAgVBMVEVHcEycnJzZ2dnZ2dnrtVzstlybm5vstl6bm5v////rtVz///+bm5vY2Nj+/v788+TxzI/CwsLv7+/5+fj56c+pqan34Lnh4eG0tLTn5+fuwXftvGuurq701qTS0tK7u7vwx4T9+PCcnJz67tn45MTJycnsuGOlpaWfn5+ioqL13LFWmk+2AAAACnRSTlMA2rW02v5ufIABNpIIEwAABfJJREFUeNrt3W1jgioUAOBtt9adGpZWpmWlZW///wdeETQg3wFxd5wvq9oWPh30iFAfP9+fscUTZhbWvx/94uur6Td+ZpOpwROohcas6gW+Lc7ABH0N5vOm35gZnIEJKg0+RRH0NGgmmIgiqDKIhRH0M2gmmAojmJYbWOIIehk0ExjCCCryQCRBH4NhCUrzQChBD4NhCUrzQCxBd4OhCUryQDBBZ4OhCUryQDRBV4PhCd7yQDhBR4PhCd7yQDxBNwMVBEweSCDoZKCCgMkDGQRdDNQQUHkghaCDgRoCKg/kELQ3UEVA5IEkgtYGqgiIPJBF0NZAHUGRB9IIWhqoIyjyQB5BOwOVBDgPJBK0MlBJgPNAJkEbA7UEWR50295j0omghYFogkXYhSDLgy4A8RaYy04EzQaCCRbADDsRpHnQhSAVMMGylKAyfgYlOMEWLkoJKqMLwdZN/wCA43gJoMC7gTiCTAC+wnasBKe8hScpBPHezf/G3Y6TIBcwATjJIHgJpAb7MRIEUfGiwA3EE5ACtAGoj8EICIE0IsKgoYUtCdYuLeeu22bPUAdFWoA2qI+PXgKm6dzGRcAKmCDaiSSgBEA3g2EIKAHUQmDvxBGsHfJfu7nBYzwEu4hsYYRbaF9FEdxygQRt+hJj+/exEOxs3MIQEYS4heerGIKXwA0RWEkXgwEIcgEz3KF33+hk0EjwwAJmYq0xgXXAD3nxGAheAkaACYwnfmglgIAQeBF0MZBOQAi8CIxNe4MGgof/EiAIrDl+eK6c4JoLPA2SwLjghy+cBHcsAA7wLIEgsLy2BpIJrmdCgCQoDDZ8BPmGHlCRTBAwTykjWFEbShIUTz15CNb0ZmYEwKETxDyqJNjRb3WAaiImQRYcBHs62dFdn+kknkqCgE52KgsKgxUHQexQ3Z3qCMXBwldJgHaGF1rkzOwqzzz7gr2D9oRlWZAbLJXuCwLbBK/OfmI2GR0wQ7664HYnxo3Yd/3hATdRXhcQFSBLYOxWIAqFnCyXZ8GoxgvKCcSNF+DxU02gCRABGD0BkJ4F3uizYCWNINYEvyALFrIJjppAE/wWAqAJpGcBGD/BRXYWzP8wQayzQGeBZS3HTnDVBPhC2p8mQHXBRfY5wmH0+4KnPIJsuBSsR0xwhfMMQCCPwFp7rrO1RkxgBCvXPhkSCfrECGaiawJNoAk0gSbQBJpAE2gCTaAJNAEvAbv+Ak8negByttWaWADgeFsVBAHTzg2aeGsXIwfZvHR7EwgjQDPQ9+8E2WBSPFICuGAtFEXgUKNGDIGZjJagYfZlKYGXBcpwGFtyIqYbEwSHZRqJB3sIuA1OsFvlYedz0SmCMI3nCjYuuvbaHbKTCg945cuRINhacZwPrB4VLsyx82uJFAFanLQA9WnQniB24Yz013VVTICeA5U9YRCCc7EUqYTAsOunX7YngNeS/BsoMp4ksNzKaahDEGTz7tGivDKCVf2U/PYEXnbXL95ukiC7vVZFEBJLtWVmQfb+P7Je7zAE8d6vnncgnyDr63lnLyHIhE4CCBK0lVl5tC8IXBigbtmidILAJS+fUASXzWZziYglCnwEDt7ne3lpQNcFlQu1ZBOgVZrFxJLyugCcBBDAosC94+NfVhowpVHVosUh1iaB17rUUoJoYQgggEvSXM/zPT8vATKC5T6N4xxUX2uUTEAcDN4JbBjnS3g1BBDc6aXrHnNEmBNV46AEIfuZFWVHhP4nyyTBkVkZ/6AJstp5+AKZPhjIJYjhTtA/oIBVYlJSHW6HP01y366lSyO4AeIseY5Kg7fqcPhzhAjNtCxiI48gTsixEtgpwJ4m8JUUyOxJvS0xCxxyjw/Pl9J7FMG88pDwqwkAAAARbOHNffHEPL3nxmv4YE6wTG87gxOwn00DCdAPYwHS4CbQI8iaQBNoAk2gCTSBJtAEf48glisQ8xNM5QpM+b9Grj4++Qkmcgkm/F8mWB/f/AQzuQSzD+6vlKzrBZ/fP/wEH7xfKVnXCyazxhZKjxYE//f4+kd1C/4DSr3J7IIjXHIAAAAASUVORK5CYII="); background-size: 100%; background-repeat: no-repeat; width: 129px; height: 58px; margin-bottom: 12px; } /* Upload success checkmark sprite (migrated from Support.css) */ .UploadSuccess-wrapper .checkmark { display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAolBMVEVHcExnpx9mpx5lpx5mpx5lpx55vChmph5mpx5nqCBlqB9mpx5pqSRrryhmpx5mpx9qqB9mph5mpx9mpx5mph5npx9lph9opyBlpx5mpx9mpx9mqB9mqiL///9lph77/PjX6MTw9uloqCJrqSeGuU79/vz1+fBwrC59tEKbxW2NvVnP47iTwWG515mjynl2sDay0o7A26Pq8+Csz4Xg7dLJ4LGGm2s/AAAAHXRSTlMAZlWZ+v4G7MU2Sc8cE+XfKa9L9buL70C5paJ7LTgtrfIAAAQbSURBVGjezVvreqIwEEUUQfFatfWWoCgqCNZq+/6vtl237QYIuTkxPX8Fz5eQzDkzmViWLJpLezGfen7fbTTcvu9N5wt72bT0YlAb9h1MgdMf1gaaSLu1WQ8z0ZvVutCsTXvYwAJoDG3IWW/Vn7EwnustINqXMZbE+AWAtu1hBXjteyfZx4rw75nwbt3BynDqyku85uK74NaUaDsevhteR573ycUAcJ9kA8bEwSBwJs1HT7PKdA96GBA9YfVouRgUruCWbo8wMEZCccxuYHA0bIHxauD9ZOaOuTXCWjDifOeBizXBZa7tTg9rQ4+xn5se1givOoZNsFZMKnXB0UvsVChGx8Wa4dI/s4e1w6P6DfwAUDxJ130EsVv2YXX8ENRLodJ5DLFTDJ0+5L/v4/M53tOJ/YImAdKGWYA+EWQb6s9tXVtpc0RfWIXcLfUCOOAV+sGR+gCZ0Y3heK+IQErNJYklDcd7CEhi+pBbGvbw5p3kRWv2Xm4+gxFnOV4U0GsG38Jsg/FuIyQwYvztOYdgE33J86IP+nPDL3kAM7RvBV6UVJjdLqwepkXeI1sdZ1ARel3g3b1WPTq7EUNZ2mNxwHG11b15eCBpiJHYyrphAPeJX3cF3vWeY4GANtNKcEX/31B9eG34i4z5eP8zXoJ4nrw2IBRdNmwH1LSWICvrvTDeaMt5YwkTqLPiRJ95b9jWQoM2oPeQ98rCmmvQhuDAfWduTTVow4n/zpTjL8PkdEpCSW1YCaVvLCcfXm/haHcNYbSBgM+KH5ufaLTagGhDLoIwksQPYvYqmaW0gUgbrWr7keS+WwihDYQJYRB/5N1ECKANJHH1VBcWDZW5pA1vohk6Y3EF/I9X1AbE0QZycfmiI6aMRl4biO3kie+TEvNZWhuIADIVj0goyu7VBiJkziXcTH5IKtpAiARDFveXMvP1Pm0gZJFlBF4pzCdqfBHVBsIIMK3PYV3JrKYNhPVhmz0KcxRT4pqoNhBmj2NvD7syc6quDYS95Rn6bZk5SJW1gTT0vBRmG5SZk9JOS+WruNykLSkzR6raQCZt/DQ1LTOragOZpgok5mnE5hXXhlxiLpCnxmzmsyTvVylCpPhyYvFKaEOu+CKUITOYZbQhV24Sy9uulcRX6dTDliopnit4V9K8PyVFwSJqRuWV04Z8EVW0bPxG+8BbaV6ibCxaKC+POYjleccKRwOnQgy7KIw3dzQgfBhyIK1nkO0VeD3F459t9s8PRauzCm3x+EfqwGu/TZPDBqvB/y1HfMYONc0d4xo7uDZ3VG+uOcFYO4a5BhRzLTfGmozMtVWZayQz1zpnrlnQXHukuYZQcy2w5pp+zbU5m2vsNtjKbq553+B1BXMXNAxeSTF4CcfgtSODF60MXi0zeZkO+PrgH/NUJ7DSrBWjAAAAAElFTkSuQmCC"); background-size: 100%; background-repeat: no-repeat; width: 60px; height: 60px; margin-bottom: 18px; } /* Checkbox cursor (migrated from Support.css) */ input[type="checkbox"] { cursor: pointer; } /* Support form deep selectors (migrated from Support.css) */ form.supportForm { display: flex; flex-wrap: wrap; width: 100%; gap: 24px; } form.supportForm label { line-height: 20px; font-size: 16px; font-weight: 600; color: #323232; margin-bottom: 12px; } form.supportForm .form-item { display: flex; flex-direction: column; width: 100%; } form.supportForm .form-item .label-help-text { color: #959595; font-size: 14px; line-height: 22px; text-align: left; margin-bottom: 12px; } form.supportForm .required { color: #959595; font-size: 14px; font-weight: 400; margin-left: 6px; } form.supportForm .\!required { color: #959595 !important; font-size: 14px !important; font-weight: 400 !important; margin-left: 6px !important; } form.supportForm .required-unfilled { color: #bc4752; font-size: 14px; font-weight: 600; margin-left: 6px; } /* Sprite icons (migrated from ChannelCard.css) */ .adoptionRate-icon { width: 44px; height: 45px; background-position: -178px -107px; } .license-icon { width: 44px; height: 29px; background-position: -178px -153px; } .build-icon { width: 34px; height: 41px; background-position: -178px -184px; margin: 0 5px; } .install-icon { width: 42px; height: 32px; background-position: -178px -260px; margin-left: 4px; } .kubernetesInstaller-icon { width: 42px; height: 32px; background-position: -126px -720px; margin: 0 4px; } .regoPolicy-icon { width: 36px; height: 40px; background-position: -177px -716px; margin: 0 4px; } /* ============================================================ Replicated Config Preview styles Bootstrap-style scoped reset and form styles for dynamically rendered config preview content. These cannot be inlined as Tailwind utilities because the markup is generated by a legacy config rendering engine. Migrated from ConfigPreview.css and SpecPreview.css ============================================================ */ /* --- .replicated-config (dark config panel) --- */ .replicated-config .config-group .\!input { margin: 2px 0 !important; } .replicated-config .config-group .input { margin: 2px 0; } .replicated-config .config-group .\!input input { width: 100% !important; height: 30px !important; border-radius: 3px !important; margin-top: 10px !important; } .replicated-config .config-group .input input { width: 100%; height: 30px; border-radius: 3px; margin-top: 10px; } .replicated-config .config-group .input-type-text .readonly { background-color: #c4c8ca; cursor: text; } .replicated-config .config-group .input-type-text .readonly::-webkit-input-placeholder { color: #323232; } .replicated-config .config-group .input-type-file { display: table; } .replicated-config .config-group .input-type-file > div { display: table-row; } .replicated-config .config-group .input-type-file > div > * { display: table-cell; vertical-align: middle; padding-right: 7px; } .replicated-config .config-group .btn .text-muted { text-shadow: none; } /* --- .replicated-config-outer (Bootstrap-style scoped reset) --- */ .replicated-config-outer { font-family: "Open Sans", sans-serif; } .replicated-config-outer .empty { padding: 20px; } .replicated-config-outer b, .replicated-config-outer strong { font-weight: bold; } .replicated-config-outer small { font-size: 80%; } .replicated-config-outer hr { box-sizing: content-box; height: 0; } .replicated-config-outer button { overflow: visible; } .replicated-config-outer button, .replicated-config-outer select { text-transform: none; } .replicated-config-outer button, .replicated-config-outer html input[type="button"], .replicated-config-outer input[type="reset"], .replicated-config-outer input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .replicated-config-outer button[disabled], .replicated-config-outer html input[disabled] { cursor: default; } .replicated-config-outer button::-moz-focus-inner, .replicated-config-outer input::-moz-focus-inner { border: 0; padding: 0; } .replicated-config-outer input { line-height: normal; } .replicated-config-outer input[type="checkbox"], .replicated-config-outer input[type="radio"] { box-sizing: border-box; padding: 0; line-height: normal; } .replicated-config-outer input[type="number"]::-webkit-inner-spin-button, .replicated-config-outer input[type="number"]::-webkit-outer-spin-button { height: auto; } .replicated-config-outer input[type="search"] { -webkit-appearance: none; box-sizing: content-box; } .replicated-config-outer input[type="search"]::-webkit-search-cancel-button, .replicated-config-outer input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .replicated-config-outer textarea { overflow: auto; } .replicated-config-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .replicated-config-outer *:before, .replicated-config-outer *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .replicated-config-outer input, .replicated-config-outer button, .replicated-config-outer select, .replicated-config-outer textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; } .replicated-config-outer a { color: #337ab7; text-decoration: none; background-color: transparent; } .replicated-config-outer a:hover, .replicated-config-outer a:focus { color: #235784; text-decoration: underline; outline: 0; } .replicated-config-outer a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .replicated-config-outer hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #dedede; } .replicated-config-outer h3 { font-size: 24px; margin-top: 20px; margin-bottom: 10px; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 1.1; color: inherit; } .replicated-config-outer p { margin: 0 0 10px; } .replicated-config-outer small, .replicated-config-outer .small { font-size: 85%; } .replicated-config-outer .text-muted { color: #585858; } .replicated-config-outer .text-success { color: #3c763d; } .replicated-config-outer .text-danger { color: #bc4752; } .replicated-config-outer .row { margin-left: -15px; margin-right: -15px; } .replicated-config-outer .\!row { margin-left: -15px !important; margin-right: -15px !important; } .replicated-config-outer .col-sm-6, .replicated-config-outer .col-md-11, .replicated-config-outer .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .replicated-config-outer .col-xs-12 { width: 100%; float: left; } .replicated-config-outer label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .replicated-config-outer input[type="radio"], .replicated-config-outer input[type="checkbox"] { margin: 0; line-height: normal; } .replicated-config-outer input[type="file"] { display: block; } .replicated-config-outer select[multiple], .replicated-config-outer select[size] { height: auto; } .replicated-config-outer input[type="file"]:focus, .replicated-config-outer input[type="radio"]:focus, .replicated-config-outer input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .replicated-config-outer .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #585858; background-color: white; background-image: none; border: 1px solid #c4c8ca; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .replicated-config-outer .form-control:focus { border-color: #2e96c2; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .replicated-config-outer .form-control::-moz-placeholder, .replicated-config-outer .form-control::-ms-input-placeholder, .replicated-config-outer .form-control::-webkit-input-placeholder { color: #959595; } .replicated-config-outer .form-control::-moz-placeholder { opacity: 1; } .replicated-config-outer .form-control::-ms-expand { border: 0; background-color: transparent; } textarea.replicated-config-outer .form-control { height: auto; } .replicated-config-outer input[type="search"] { -webkit-appearance: none; } .replicated-config-outer .form-group { margin-bottom: 15px; } .replicated-config-outer .radio, .replicated-config-outer .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .replicated-config-outer .radio label, .replicated-config-outer .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .replicated-config-outer .radio input[type="radio"], .replicated-config-outer .checkbox input[type="checkbox"] { position: absolute; margin-left: -20px; } .replicated-config-outer .radio + .radio, .replicated-config-outer .checkbox + .checkbox { margin-top: -5px; } .replicated-config-outer .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .replicated-config-outer .btn:focus, .replicated-config-outer .btn:active:focus, .replicated-config-outer .btn.active:focus, .replicated-config-outer .btn.focus, .replicated-config-outer .btn:active.focus, .replicated-config-outer .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .replicated-config-outer .btn.\!active:focus, .replicated-config-outer .btn.\!active.focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn.\!focus, .replicated-config-outer .btn:active.\!focus, .replicated-config-outer .btn.active.\!focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn.\!active:focus, .replicated-config-outer .btn.\!active.focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn.\!focus, .replicated-config-outer .btn:active.\!focus, .replicated-config-outer .btn.active.\!focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn:hover, .replicated-config-outer .btn:focus, .replicated-config-outer .btn.focus { color: #323232; text-decoration: none; } .replicated-config-outer .btn.\!focus { color: #323232 !important; text-decoration: none !important; } .replicated-config-outer .btn:active, .replicated-config-outer .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .replicated-config-outer .btn.\!active { outline: 0 !important; background-image: none !important; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .replicated-config-outer .btn-default { color: #323232; background-color: white; border-color: #c4c8ca; } .replicated-config-outer .btn-default:focus, .replicated-config-outer .btn-default.focus { color: #323232; background-color: #dedede; border-color: #717171; } .replicated-config-outer .btn-default.\!focus { color: #323232 !important; background-color: #dedede !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:hover { color: #323232; background-color: #dedede; border-color: #b3b3b3; } .replicated-config-outer .btn-default:active, .replicated-config-outer .btn-default.active { color: #323232; background-color: #dedede; border-color: #b3b3b3; } .replicated-config-outer .btn-default.\!active { color: #323232 !important; background-color: #dedede !important; border-color: #b3b3b3 !important; } .replicated-config-outer .btn-default:active:hover, .replicated-config-outer .btn-default.active:hover, .replicated-config-outer .btn-default:active:focus, .replicated-config-outer .btn-default.active:focus, .replicated-config-outer .btn-default:active.focus, .replicated-config-outer .btn-default.active.focus { color: #323232; background-color: #dedede; border-color: #717171; } .replicated-config-outer .btn-default.\!active:hover, .replicated-config-outer .btn-default.\!active:focus, .replicated-config-outer .btn-default.\!active.focus { color: #323232 !important; background-color: #dedede !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:active.\!focus, .replicated-config-outer .btn-default.active.\!focus { color: #323232 !important; background-color: #dedede !important; border-color: #717171 !important; } .replicated-config-outer .btn-default.\!active:hover, .replicated-config-outer .btn-default.\!active:focus, .replicated-config-outer .btn-default.\!active.focus { color: #323232 !important; background-color: #dedede !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:active.\!focus, .replicated-config-outer .btn-default.active.\!focus { color: #323232 !important; background-color: #dedede !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:active, .replicated-config-outer .btn-default.active { background-image: none; } .replicated-config-outer .btn-default.\!active { background-image: none !important; } .replicated-config-outer .btn-info { color: white; background-color: #5bc0de; border-color: #46b8da; } .replicated-config-outer .btn-info:focus, .replicated-config-outer .btn-info.focus { color: white; background-color: #31b0d5; border-color: #1b6d85; } .replicated-config-outer .btn-info.\!focus { color: white !important; background-color: #31b0d5 !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:hover { color: white; background-color: #31b0d5; border-color: #269abc; } .replicated-config-outer .btn-info:active, .replicated-config-outer .btn-info.active { color: white; background-color: #31b0d5; border-color: #269abc; } .replicated-config-outer .btn-info.\!active { color: white !important; background-color: #31b0d5 !important; border-color: #269abc !important; } .replicated-config-outer .btn-info:active:hover, .replicated-config-outer .btn-info.active:hover, .replicated-config-outer .btn-info:active:focus, .replicated-config-outer .btn-info.active:focus, .replicated-config-outer .btn-info:active.focus, .replicated-config-outer .btn-info.active.focus { color: white; background-color: #269abc; border-color: #1b6d85; } .replicated-config-outer .btn-info.\!active:hover, .replicated-config-outer .btn-info.\!active:focus, .replicated-config-outer .btn-info.\!active.focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:active.\!focus, .replicated-config-outer .btn-info.active.\!focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info.\!active:hover, .replicated-config-outer .btn-info.\!active:focus, .replicated-config-outer .btn-info.\!active.focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:active.\!focus, .replicated-config-outer .btn-info.active.\!focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:active, .replicated-config-outer .btn-info.active { background-image: none; } .replicated-config-outer .btn-info.\!active { background-image: none !important; } .replicated-config-outer .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .replicated-config-outer .clearfix:before, .replicated-config-outer .clearfix:after { content: " "; display: table; } .replicated-config-outer .clearfix:after { clear: both; } .replicated-config-outer .hidden { display: none !important; } .replicated-config-outer .\!hidden { display: none !important; } .replicated-config-outer .pull-left { float: left !important; } @media (min-width: 768px) { .replicated-config-outer .col-sm-6 { float: left; width: 50%; } } @media (min-width: 992px) { .replicated-config-outer .col-md-11 { width: 91.66666667%; float: left; } } /* ========================================================================== Input styles (migrated from forms.css) ========================================================================== */ .Button.Input { display: block; width: 100%; } .Input { box-sizing: border-box; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); padding-top: 13px; padding-bottom: 13px; padding-left: 14px; padding-right: 14px; font-size: 1rem; line-height: 1.5rem; font-weight: 400; line-height: 1.5; --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); outline-width: 0px; transition-property: border; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .Input:active, .Input:focus { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .Input.has-error, .Input.has-error:focus, .Input.has-error:active { --tw-border-opacity: 1; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)); } .Input.is-disabled { cursor: not-allowed; user-select: none; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .Input.small { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.75rem; line-height: 1rem; } .Input::placeholder { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .Input.searchCustomers { min-width: 180px; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 14px; padding-right: 14px; font-size: 0.875rem; line-height: 1.25rem; } .Input.searchCustomers.wide { min-width: 300px; } /* .hidden-input migrated to inline Tailwind in UploadSupportBundleModal.jsx */ input.Checkbox-toggle { opacity: 0.01; margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; } .Checkbox--switch { position: relative; display: inline-block; height: 100%; max-height: 19px; width: 38px; cursor: pointer; border-radius: 100px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(144 170 178 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(144 170 178 / var(--tw-bg-opacity, 1)); padding: 0.125rem; vertical-align: bottom; transition-property: all; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .Checkbox--switch.console { height: 1.25rem; } .Checkbox--switch.is-disabled { cursor: not-allowed; opacity: 0.7; } .Checkbox--switch::before { display: none; } .Button.Checkbox--switch::after { display: block; width: 100%; } .Checkbox--switch::after { position: relative; top: -1px; left: 0px; z-index: 1; display: block; height: 100%; width: 48%; cursor: pointer; border-radius: 9999px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); content: ""; transition: left 0.2s ease-in-out, padding 0.2s ease, margin 0.2s ease; } .Checkbox--switch:hover::after, .Checkbox--switch:active::after, .Checkbox--switch.is-checked::after { border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .Checkbox--switch.is-disabled::after, .Checkbox--switch.is-disabled input.Checkbox-toggle { cursor: not-allowed; } .Checkbox--switch.is-checked { border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(77 185 192 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(77 185 192 / var(--tw-bg-opacity, 1)); } .Checkbox--switch.is-checked::after { left: 49%; } /* ========================================================================== Select styles (migrated from forms.css) ========================================================================== */ .Select { position: relative; box-sizing: border-box; width: 100%; min-width: 180px; cursor: pointer; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 5px; padding-right: 1px; font-size: 15px; line-height: 1.5; --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; } .Select.has-error, .Select.has-error:focus, .Select.has-error:active { --tw-border-opacity: 1; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)); } .Select.large { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 14px; padding-right: 14px; font-size: 1rem; line-height: 1.5rem; } .Select:focus, .Select:active { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .Select.no-selection { --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .Select.is-disabled { cursor: not-allowed; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .Select.is-disabled.has-error { --tw-border-opacity: 1; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)); } .Select.small { height: 26px; font-size: 0.75rem; line-height: 1rem; } .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 styles (migrated from forms.css) ========================================================================== */ .Button.Textarea { display: block; width: 100%; } .Textarea { box-sizing: border-box; display: block; width: 100%; resize: vertical; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); padding-top: 13px; padding-bottom: 13px; padding-left: 14px; padding-right: 14px; font-size: 1rem; line-height: 1.5rem; font-weight: 400; line-height: 22px; --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); outline-width: 0px; transition-property: border; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .Textarea.no-resize { resize: none; } .Textarea.resize-vertical { resize: vertical; } .Textarea:active, .Textarea:focus { --tw-border-opacity: 1; border-color: rgb(77 185 192 / var(--tw-border-opacity, 1)); } .Textarea.has-error, .Textarea.has-error:focus, .Textarea.has-error:active { --tw-border-opacity: 1; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)); } .Textarea::placeholder { 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-opacity: 1; color: rgb(179 179 179 / var(--tw-text-opacity, 1)); } /* ========================================================================== Form utility styles (migrated from forms.css) ========================================================================== */ .FormSection-wrapper { padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 0px; padding-right: 0px; } .FormLabel { margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); } .Form-label-subtext { font-size: 0.75rem; line-height: 1rem; font-weight: 400; line-height: 18px; --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .FormLabel .required-label, .LicenseSubHeader .required-label { position: relative; top: -1px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .FormLabel .field-type-label, .LicenseSubHeader .field-type-label { position: relative; top: -1px; border-radius: 0.187rem; --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .FormButton-wrapper { padding: 0px; } .Button.ErrorBlock { display: block; width: 100%; } .ErrorBlock { box-sizing: border-box; display: block; width: 100%; border-radius: 0.187rem; --tw-bg-opacity: 1; background-color: rgb(255 218 218 / var(--tw-bg-opacity, 1)); padding: 11px; } .ErrorBlock.flex { display: flex; } .ErrorBlock.\!flex { display: flex !important; } .ErrorBlock p { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .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 .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: #fef0f0; color: #323232; } .replicated-select-container.app { width: 300px; } .replicated-select-container.\!app { width: 300px !important; } .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: #e21d23; } .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: #e21d23; 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: #e21d23; } .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: #e21d23; } .replicated-select-container.snapshot .css-16pqwjk-indicatorContainer { padding: 0 6px 0 6px; } .replicated-select-container.snapshot .css-1thkkgx-indicatorContainer { padding: 0 6px 0 6px; } /* base.css - class-based rules */ /* 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") !important; background-repeat: no-repeat !important; background-size: initial !important; display: inline-block !important; cursor: default !important; position: relative !important; } .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 !important; } .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; } .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 .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; } /* 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 */ .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"); } .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"); } /* === icons.css === */ .\!icon.u-trashIcon { background-position: 0 -72px !important; width: 16px !important; height: 17px !important; } .icon.u-trashIcon { background-position: 0 -72px; width: 16px; height: 17px; } .\!icon.u-trashIcon:hover { background-position: 0 -91px !important; } .icon.u-trashIcon:hover { background-position: 0 -91px; } .\!icon.u-whiteTrashIcon { background-position: -18px -72px !important; width: 14px !important; height: 15px !important; } .icon.u-whiteTrashIcon { background-position: -18px -72px; width: 14px; height: 15px; } .\!icon.u-whiteTrashIcon:hover { background-position: -18px -89px !important; } .icon.u-whiteTrashIcon:hover { background-position: -18px -89px; } .\!icon.u-fileIcon { background-position: -83px -703px !important; width: 15px !important; height: 18px !important; } .icon.u-fileIcon { background-position: -83px -703px; width: 15px; height: 18px; } .\!icon.u-fileIcon:hover { background-position: -83px -723px !important; } .icon.u-fileIcon:hover { background-position: -83px -723px; } .\!icon.u-folderIcon { background-position: -83px -743px !important; width: 23px !important; height: 18px !important; } .icon.u-folderIcon { background-position: -83px -743px; width: 23px; height: 18px; } .\!icon.u-folderIcon:hover { background-position: -83px -763px !important; } .icon.u-folderIcon:hover { background-position: -83px -763px; } .\!icon.u-infoIcon { background-position: 0 -110px !important; width: 18px !important; height: 18px !important; } .icon.u-infoIcon { background-position: 0 -110px; width: 18px; height: 18px; } .\!icon.u-infoIcon:hover { background-position: 0 -130px !important; } .icon.u-infoIcon:hover { background-position: 0 -130px; } .\!icon.u-warningIcon { background-position: -55px -88px !important; width: 18px !important; height: 17px !important; } .icon.u-warningIcon { background-position: -55px -88px; width: 18px; height: 17px; } .\!icon.u-warningIcon:hover { background-position: -55px -108px !important; } .icon.u-warningIcon:hover { background-position: -55px -108px; } .\!icon.u-unarchiveIcon { background-position: -55px -128px !important; width: 17px !important; height: 20px !important; } .icon.u-unarchiveIcon { background-position: -55px -128px; width: 17px; height: 20px; } .\!icon.u-unarchiveIcon:hover { background-position: -55px -149px !important; } .icon.u-unarchiveIcon:hover { background-position: -55px -149px; } .\!icon.u-listIcon { background-position: 0 -24px !important; width: 23px !important; height: 14px !important; } .icon.u-listIcon { background-position: 0 -24px; width: 23px; height: 14px; } .\!icon.u-listIcon:hover { background-position: 0 -40px !important; } .icon.u-listIcon:hover { background-position: 0 -40px; } .\!icon.u-previewIcon { background-position: 0 -364px !important; width: 20px !important; height: 12px !important; } .icon.u-previewIcon { background-position: 0 -364px; width: 20px; height: 12px; } .\!icon.u-previewIcon:hover { background-position: 0 -378px !important; } .icon.u-previewIcon:hover { background-position: 0 -378px; } .\!icon.u-editIcon { background-position: 0 -328px !important; width: 18px !important; height: 17px !important; } .icon.u-editIcon { background-position: 0 -328px; width: 18px; height: 17px; } .\!icon.u-editIcon:hover { background-position: 0 -346px !important; } .icon.u-editIcon:hover { background-position: 0 -346px; } .\!icon.u-newEditIcon { background-position: -358px -477px !important; width: 21px !important; height: 21px !important; } .icon.u-newEditIcon { background-position: -358px -477px; width: 21px; height: 21px; } .\!icon.u-activityIcon { background-position: 0 -392px !important; width: 14px !important; height: 13px !important; } .icon.u-activityIcon { background-position: 0 -392px; width: 14px; height: 13px; } .\!icon.u-activityIcon:hover { background-position: 0 -408px !important; } .icon.u-activityIcon:hover { background-position: 0 -408px; } .\!icon.u-warningYellowIcon { background-position: -55px -390px !important; width: 16px !important; height: 15px !important; } .icon.u-warningYellowIcon { background-position: -55px -390px; width: 16px; height: 15px; } .\!icon.u-warningOrangeIcon { background-position: -412px -600px !important; width: 16px !important; height: 14px !important; } .icon.u-warningOrangeIcon { background-position: -412px -600px; width: 16px; height: 14px; } .\!icon.u-warningYellowIcon-small { background-position: -86px -801px !important; width: 14px !important; height: 14px !important; } .icon.u-warningYellowIcon-small { background-position: -86px -801px; width: 14px; height: 14px; } .\!icon.u-warningWhiteOutline { background-position: -41px -393px !important; width: 12px !important; height: 11px !important; } .icon.u-warningWhiteOutline { background-position: -41px -393px; width: 12px; height: 11px; } .\!icon.u-errorCircleIcon-small { background-position: -86px -783px !important; width: 15px !important; height: 15px !important; } .icon.u-errorCircleIcon-small { background-position: -86px -783px; width: 15px; height: 15px; } .\!icon.u-billingIcon { background-position: 0 -423px !important; width: 15px !important; height: 17px !important; } .icon.u-billingIcon { background-position: 0 -423px; width: 15px; height: 17px; } .\!icon.u-billingIcon:hover { background-position: 0 -443px !important; } .icon.u-billingIcon:hover { background-position: 0 -443px; } .\!icon.u-downloadIcon { background-position: 0 -463px !important; width: 19px !important; height: 18px !important; } .icon.u-downloadIcon { background-position: 0 -463px; width: 19px; height: 18px; } .\!icon.u-downloadIcon:hover { background-position: 0 -482px !important; } .icon.u-downloadIcon:hover { background-position: 0 -482px; } .\!icon.u-installShipCustomerIcon { background-position: -21px -463px !important; width: 19px !important; height: 18px !important; } .icon.u-installShipCustomerIcon { background-position: -21px -463px; width: 19px; height: 18px; } .\!icon.u-installShipCustomerIcon:hover { background-position: -21px -482px !important; } .icon.u-installShipCustomerIcon:hover { background-position: -21px -482px; } .\!icon.u-closeIcon { background-position: -55px 0 !important; width: 14px !important; height: 14px !important; } .icon.u-closeIcon { background-position: -55px 0; width: 14px; height: 14px; } .\!icon.u-closeIcon:hover { background-position: -55px -16px !important; } .icon.u-closeIcon:hover { background-position: -55px -16px; } .\!icon.u-docs { background-position: -402px -637px !important; width: 21px !important; height: 21px !important; } .icon.u-docs { background-position: -402px -637px; width: 21px; height: 21px; } .\!icon.u-openLink { background-position: -375px -639px !important; width: 18px !important; height: 18px !important; } .icon.u-openLink { background-position: -375px -639px; width: 18px; height: 18px; } .\!icon.u-backArrowIcon { background-position: -55px -32px !important; width: 7px !important; height: 12px !important; } .icon.u-backArrowIcon { background-position: -55px -32px; width: 7px; height: 12px; } .\!icon.u-backArrowIcon:hover { background-position: -55px -46px !important; } .icon.u-backArrowIcon:hover { background-position: -55px -46px; } .\!icon.u-hamburgerMenuIcon { background-position: -55px -60px !important; width: 17px !important; height: 12px !important; } .icon.u-hamburgerMenuIcon { background-position: -55px -60px; width: 17px; height: 12px; } .\!icon.u-hamburgerMenuIcon:hover { background-position: -55px -74px !important; } .icon.u-hamburgerMenuIcon:hover { background-position: -55px -74px; } .\!icon.u-dropdownArrowIcon { background-position: 0 -150px !important; width: 16px !important; height: 9px !important; } .icon.u-dropdownArrowIcon { background-position: 0 -150px; width: 16px; height: 9px; } .\!icon.u-dropdownArrowIcon:hover { background-position: 0 -161px !important; } .icon.u-dropdownArrowIcon:hover { background-position: 0 -161px; } .\!icon.u-dropdownArrowIconDarkTeal { background-position: -226px -280px !important; width: 16px !important; height: 9px !important; } .icon.u-dropdownArrowIconDarkTeal { background-position: -226px -280px; width: 16px; height: 9px; } .\!icon.u-dropdownArrowIconDarkTeal:hover { background-position: -244px -280px !important; } .icon.u-dropdownArrowIconDarkTeal:hover { background-position: -244px -280px; } .\!icon.u-linksIcon { background-position: -55px -170px !important; width: 16px !important; height: 16px !important; } .icon.u-linksIcon { background-position: -55px -170px; width: 16px; height: 16px; } .\!icon.u-linksIcon:hover { background-position: -55px -188px !important; } .icon.u-linksIcon:hover { background-position: -55px -188px; } .\!icon.u-sidebarOpenIcon { background-position: -55px -206px !important; width: 19px !important; height: 12px !important; } .icon.u-sidebarOpenIcon { background-position: -55px -206px; width: 19px; height: 12px; } .\!icon.u-sidebarOpenIcon:hover { background-position: -55px -220px !important; } .icon.u-sidebarOpenIcon:hover { background-position: -55px -220px; } .\!icon.u-sidebarCloseIcon { background-position: -55px -234px !important; width: 19px !important; height: 12px !important; } .icon.u-sidebarCloseIcon { background-position: -55px -234px; width: 19px; height: 12px; } .\!icon.u-sidebarCloseIcon:hover { background-position: -55px -248px !important; } .icon.u-sidebarCloseIcon:hover { background-position: -55px -248px; } .\!icon.u-gearIcon { background-position: -55px -262px !important; width: 16px !important; height: 16px !important; } .icon.u-gearIcon { background-position: -55px -262px; width: 16px; height: 16px; } .\!icon.u-gearIcon:hover { background-position: -55px -280px !important; } .icon.u-gearIcon:hover { background-position: -55px -280px; } .\!icon.u-downloadFileIcon { background-position: -55px -298px !important; width: 16px !important; height: 19px !important; } .icon.u-downloadFileIcon { background-position: -55px -298px; width: 16px; height: 19px; } .\!icon.u-downloadFileIcon:hover { background-position: -55px -319px !important; } .icon.u-downloadFileIcon:hover { background-position: -55px -319px; } .\!icon.u-helmInstallInstructionsIcon { background-position: -406px -39px !important; width: 18px !important; height: 19px !important; } .icon.u-helmInstallInstructionsIcon { background-position: -406px -39px; width: 18px; height: 19px; } .\!icon.u-helmInstallInstructionsIcon:hover { background-position: -406px -60px !important; } .icon.u-helmInstallInstructionsIcon:hover { background-position: -406px -60px; } .\!icon.u-viewBundlesIcon { background-position: -379px -65px !important; width: 16px !important; height: 19px !important; } .icon.u-viewBundlesIcon { background-position: -379px -65px; width: 16px; height: 19px; } .\!icon.u-viewBundlesIcon:hover { background-position: -379px -86px !important; } .icon.u-viewBundlesIcon:hover { background-position: -379px -86px; } .\!icon.u-codeIcon { background-position: -55px -342px !important; width: 18px !important; height: 12px !important; } .icon.u-codeIcon { background-position: -55px -342px; width: 18px; height: 12px; } .\!icon.u-codeIcon:hover { background-position: -55px -356px !important; } .icon.u-codeIcon:hover { background-position: -55px -356px; } .\!icon.u-newCodeIcon { background-position: -331px -475px !important; width: 19px !important; height: 23px !important; } .icon.u-newCodeIcon { background-position: -331px -475px; width: 19px; height: 23px; } /* june 2022 */ .\!icon.u-installCommandsIcon { background-position: -365px -295px !important; width: 26px !important; height: 29px !important; } .icon.u-installCommandsIcon { background-position: -365px -295px; width: 26px; height: 29px; } .\!icon.u-fileIcon2 { background-position: -365px -326px !important; width: 26px !important; height: 29px !important; } .icon.u-fileIcon2 { background-position: -365px -326px; width: 26px; height: 29px; } .\!icon.u-newEditIcon2 { background-position: -364px -267px !important; width: 30px !important; height: 29px !important; } .icon.u-newEditIcon2 { background-position: -364px -267px; width: 30px; height: 29px; } .\!icon.u-greenCircleCheckIcon { background-position: -55px -427px !important; width: 18px !important; height: 18px !important; } .icon.u-greenCircleCheckIcon { background-position: -55px -427px; width: 18px; height: 18px; } .\!icon.u-emptyCircleCheckIcon { background-position: -55px -552px !important; width: 18px !important; height: 18px !important; } .icon.u-emptyCircleCheckIcon { background-position: -55px -552px; width: 18px; height: 18px; } .\!icon.u-errorConsoleIcon { background-position: -55px -370px !important; width: 18px !important; height: 18px !important; } .icon.u-errorConsoleIcon { background-position: -55px -370px; width: 18px; height: 18px; } .\!icon.u-warnConsoleIcon { background-position: -55px -389px !important; width: 18px !important; height: 18px !important; } .icon.u-warnConsoleIcon { background-position: -55px -389px; width: 18px; height: 18px; } .\!icon.u-infoConsoleIcon { background-position: -55px -407px !important; width: 18px !important; height: 18px !important; } .icon.u-infoConsoleIcon { background-position: -55px -407px; width: 18px; height: 18px; } .\!icon.u-filtersIcon { background-position: -90px -392px !important; width: 16px !important; height: 11px !important; } .icon.u-filtersIcon { background-position: -90px -392px; width: 16px; height: 11px; } .\!icon.u-filtersIcon:hover { background-position: -90px -405px !important; } .icon.u-filtersIcon:hover { background-position: -90px -405px; } .\!icon.u-trialIcon { background-position: -55px -472px !important; width: 12px !important; height: 13px !important; top: 2px !important; margin-right: 4px !important; } .icon.u-trialIcon { background-position: -55px -472px; width: 12px; height: 13px; top: 2px; margin-right: 4px; } .\!icon.u-paidIcon { background-position: -55px -447px !important; width: 6px !important; height: 11px !important; top: 2px !important; margin-right: 4px !important; } .icon.u-paidIcon { background-position: -55px -447px; width: 6px; height: 11px; top: 2px; margin-right: 4px; } .\!icon.u-devIcon { background-position: -55px -460px !important; width: 13px !important; height: 10px !important; margin-right: 4px !important; } .icon.u-devIcon { background-position: -55px -460px; width: 13px; height: 10px; margin-right: 4px; } .\!icon.u-communityIcon { background-position: -34px -91px !important; width: 12px !important; height: 14px !important; top: 1px !important; margin-right: 4px !important; } .icon.u-communityIcon { background-position: -34px -91px; width: 12px; height: 14px; top: 1px; margin-right: 4px; } .\!icon.u-customerRowAirgapIcon { background-position: -336px -588px !important; width: 20px !important; height: 20px !important; margin-right: 6px !important; } .icon.u-customerRowAirgapIcon { background-position: -336px -588px; width: 20px; height: 20px; margin-right: 6px; } .\!icon.u-customerRowVeleroIcon { background-position: -361px -588px !important; width: 20px !important; height: 20px !important; margin-right: 6px !important; } .icon.u-customerRowVeleroIcon { background-position: -361px -588px; width: 20px; height: 20px; margin-right: 6px; } .\!icon.u-customerRowGithubIcon { background-position: -337px -612px !important; width: 22px !important; height: 20px !important; margin-right: 6px !important; } .icon.u-customerRowGithubIcon { background-position: -337px -612px; width: 22px; height: 20px; margin-right: 6px; } .\!icon.u-customerRowIdentityIcon { background-position: -361px -612px !important; width: 23px !important; height: 22px !important; margin-right: 6px !important; } .icon.u-customerRowIdentityIcon { background-position: -361px -612px; width: 23px; height: 22px; margin-right: 6px; } .\!icon.u-customerRowGeoaxisIcon { background-position: -337px -636px !important; width: 21px !important; height: 21px !important; margin-right: 6px !important; } .icon.u-customerRowGeoaxisIcon { background-position: -337px -636px; width: 21px; height: 21px; margin-right: 6px; } .\!icon.u-customerRowBundleIcon { background-position: -178px 0 !important; width: 20px !important; height: 24px !important; } .icon.u-customerRowBundleIcon { background-position: -178px 0; width: 20px; height: 24px; } .\!icon.u-customerRowBundleIcon:hover { background-position: -178px -26px !important; } .icon.u-customerRowBundleIcon:hover { background-position: -178px -26px; } .\!icon.u-customerRowBillingIcon { background-position: -178px -52px !important; width: 22px !important; height: 24px !important; } .icon.u-customerRowBillingIcon { background-position: -178px -52px; width: 22px; height: 24px; } .\!icon.u-customerRowBillingIcon:hover { background-position: -212px -52px !important; } .icon.u-customerRowBillingIcon:hover { background-position: -212px -52px; } .\!icon.u-customerRowInstallIcon { background-position: -212px 0 !important; width: 18px !important; height: 23px !important; } .icon.u-customerRowInstallIcon { background-position: -212px 0; width: 18px; height: 23px; } .\!icon.u-customerRowInstallIcon:hover { background-position: -212px -26px !important; } .icon.u-customerRowInstallIcon:hover { background-position: -212px -26px; } .\!icon.u-customerRowReportingIcon { background-position: -244px 0 !important; width: 29px !important; height: 24px !important; } .icon.u-customerRowReportingIcon { background-position: -244px 0; width: 29px; height: 24px; } .\!icon.u-customerRowReportingIcon:hover { background-position: -244px -26px !important; } .icon.u-customerRowReportingIcon:hover { background-position: -244px -26px; } .\!icon.u-customerRowReportingDisabledIcon, .\!icon.u-customerRowReportingDisabledIcon:hover { background-position: -241px -52px !important; width: 32px !important; height: 29px !important; } .icon.u-customerRowReportingDisabledIcon, .icon.u-customerRowReportingDisabledIcon:hover { background-position: -241px -52px; width: 32px; height: 29px; } .\!icon.u-customerRowReportingDisabledIcon, .\!icon.u-customerRowReportingDisabledIcon:hover { background-position: -241px -52px !important; width: 32px !important; height: 29px !important; } .\!icon.u-customerRowAuditLogIcon { background-position: -287px 0 !important; width: 23px !important; height: 20px !important; } .icon.u-customerRowAuditLogIcon { background-position: -287px 0; width: 23px; height: 20px; } .\!icon.u-customerRowAuditLogIcon:hover { background-position: -287px -26px !important; } .icon.u-customerRowAuditLogIcon:hover { background-position: -287px -26px; } .\!icon.u-customerRowArchiveIcon { background-position: -324px 0 !important; width: 23px !important; height: 24px !important; } .icon.u-customerRowArchiveIcon { background-position: -324px 0; width: 23px; height: 24px; } .\!icon.u-customerRowArchiveIcon:hover { background-position: -324px -26px !important; } .icon.u-customerRowArchiveIcon:hover { background-position: -324px -26px; } .\!icon.u-customerRowUnarchiveIcon { background-position: -348px 0 !important; width: 26px !important; height: 32px !important; } .icon.u-customerRowUnarchiveIcon { background-position: -348px 0; width: 26px; height: 32px; } .\!icon.u-customerRowUnarchiveIcon:hover { background-position: -348px -33px !important; } .icon.u-customerRowUnarchiveIcon:hover { background-position: -348px -33px; } .LicenseRow-wrapper .icon.u-customerRowUnarchiveIcon { top: -4px; } .LicenseRow-wrapper .\!icon.u-customerRowUnarchiveIcon { top: -4px !important; } .\!icon.u-forwardIcon { background-position: -56px -574px !important; width: 12px !important; height: 12px !important; } .icon.u-forwardIcon { background-position: -56px -574px; width: 12px; height: 12px; } .\!icon.u-downArrowIcon { background-position: -55px -591px !important; width: 12px !important; height: 8px !important; } .icon.u-downArrowIcon { background-position: -55px -591px; width: 12px; height: 8px; } .\!icon.u-upArrowIcon { background-position: -55px -602px !important; width: 12px !important; height: 8px !important; } .icon.u-upArrowIcon { background-position: -55px -602px; width: 12px; height: 8px; } .\!icon.u-enterpriseChannelIcon { background-position: -187px -700px !important; width: 16px !important; height: 16px !important; } .icon.u-enterpriseChannelIcon { background-position: -187px -700px; width: 16px; height: 16px; } .\!icon.u-errorIcon { background-position: -306px -415px !important; width: 55px !important; height: 55px !important; } .icon.u-errorIcon { background-position: -306px -415px; width: 55px; height: 55px; } .\!icon.u-airgapBuiltIcon { background-position: -305px -499px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapBuiltIcon { background-position: -305px -499px; width: 16px; height: 16px; margin-right: 6px; } /* 32px icons */ .\!icon.u-greenCheckmarkIcon { background-position: -305px -499px !important; width: 16px !important; height: 16px !important; transform: scale(2) !important; } .icon.u-greenCheckmarkIcon { background-position: -305px -499px; width: 16px; height: 16px; transform: scale(2); } .\!icon.u-redFailedIcon { background-position: -322px -500px !important; width: 16px !important; height: 16px !important; transform: scale(2) !important; } .icon.u-redFailedIcon { background-position: -322px -500px; width: 16px; height: 16px; transform: scale(2); } .\!icon.u-yellowWarningIcon { background-position: -306px -520px !important; width: 16px !important; height: 16px !important; transform: scale(2) !important; } .icon.u-yellowWarningIcon { background-position: -306px -520px; width: 16px; height: 16px; transform: scale(2); } .\!icon.u-airgapNotBuiltIcon { background-position: -325px -520px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapNotBuiltIcon { background-position: -325px -520px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapFailedIcon { background-position: -322px -500px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapFailedIcon { background-position: -322px -500px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapBuildingIcon { background-position: -340px -500px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapBuildingIcon { background-position: -340px -500px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapWarningIcon { background-position: -306px -520px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapWarningIcon { background-position: -306px -520px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapNotEnabledIcon { background-position: -358px -500px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapNotEnabledIcon { background-position: -358px -500px; width: 16px; height: 16px; margin-right: 6px; } /* June 2022 airgap icons */ .\!icon.u-airgapBuiltIcon2 { background-position: -311px -394px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapBuiltIcon2 { background-position: -311px -394px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapFailedIcon2 { background-position: -335px -394px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapFailedIcon2 { background-position: -335px -394px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapBuildingIcon2 { background-position: -359px -394px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapBuildingIcon2 { background-position: -359px -394px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapWarningIcon2 { background-position: -383px -394px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapWarningIcon2 { background-position: -383px -394px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-airgapNotEnabledIcon2 { background-position: -407px -394px !important; width: 16px !important; height: 16px !important; margin-right: 6px !important; } .icon.u-airgapNotEnabledIcon2 { background-position: -407px -394px; width: 16px; height: 16px; margin-right: 6px; } .\!icon.u-patchIcon { background-position: -305px -475px !important; width: 22px !important; height: 22px !important; } .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 !important; width: 15px !important; height: 16px !important; } .icon.u-passwordLockIcon { background-position: -282px -387px; width: 15px; height: 16px; } .\!icon.u-closeWhiteIcon { background-position: -367px -359px !important; width: 14px !important; height: 14px !important; } .icon.u-closeWhiteIcon { background-position: -367px -359px; width: 14px; height: 14px; } .\!icon.u-closeWhiteIconSmall { background-position: -384px -359px !important; width: 10px !important; height: 10px !important; } .icon.u-closeWhiteIconSmall { background-position: -384px -359px; width: 10px; height: 10px; } .\!icon.u-hideIcon { background-position: -320px -665px !important; width: 20px !important; height: 21px !important; } .icon.u-hideIcon { background-position: -320px -665px; width: 20px; height: 21px; } .\!icon.u-unhideIcon { background-position: -342px -660px !important; width: 20px !important; height: 27px !important; } .icon.u-unhideIcon { background-position: -342px -660px; width: 20px; height: 27px; } .\!icon.u-configureLicenseFields { background-position: -57px -577px !important; width: 20px !important; height: 21px !important; } .icon.u-configureLicenseFields { background-position: -57px -577px; width: 20px; height: 21px; } /* Release row preflight check icons */ .\!icon.u-cpu_coresIcon { background-position: -90px 0 !important; width: 20px !important; height: 20px !important; } .icon.u-cpu_coresIcon { background-position: -90px 0; width: 20px; height: 20px; } .\!icon.u-cpu_coresIcon.warn { background-position: -90px -22px !important; } .icon.u-cpu_coresIcon.warn { background-position: -90px -22px; } .\!icon.u-cpu_coresIcon.fail { background-position: -90px -66px !important; } .icon.u-cpu_coresIcon.fail { background-position: -90px -66px; } .\!icon.u-memoryIcon { background-position: -90px -88px !important; width: 26px !important; height: 15px !important; } .icon.u-memoryIcon { background-position: -90px -88px; width: 26px; height: 15px; } .\!icon.u-memoryIcon.warn { background-position: -90px -105px !important; } .icon.u-memoryIcon.warn { background-position: -90px -105px; } .\!icon.u-memoryIcon.fail { background-position: -90px -139px !important; } .icon.u-memoryIcon.fail { background-position: -90px -139px; } .\!icon.u-disk_spaceIcon { background-position: -90px -156px !important; width: 15px !important; height: 18px !important; } .icon.u-disk_spaceIcon { background-position: -90px -156px; width: 15px; height: 18px; } .\!icon.u-disk_spaceIcon.warn { background-position: -90px -176px !important; } .icon.u-disk_spaceIcon.warn { background-position: -90px -176px; } .\!icon.u-disk_spaceIcon.fail { background-position: -90px -216px !important; } .icon.u-disk_spaceIcon.fail { background-position: -90px -216px; } .\!icon.u-replicated_versionIcon { background-position: -90px -236px !important; width: 14px !important; height: 17px !important; } .icon.u-replicated_versionIcon { background-position: -90px -236px; width: 14px; height: 17px; } .\!icon.u-replicated_versionIcon.warn { background-position: -90px -255px !important; } .icon.u-replicated_versionIcon.warn { background-position: -90px -255px; } .\!icon.u-replicated_versionIcon.fail { background-position: -90px -293px !important; } .icon.u-replicated_versionIcon.fail { background-position: -90px -293px; } .\!icon.u-docker_versionIcon { background-position: -90px -312px !important; width: 24px !important; height: 18px !important; } .icon.u-docker_versionIcon { background-position: -90px -312px; width: 24px; height: 18px; } .\!icon.u-docker_versionIcon.warn { background-position: -90px -332px !important; } .icon.u-docker_versionIcon.warn { background-position: -90px -332px; } .\!icon.u-docker_versionIcon.fail { background-position: -90px -372px !important; } .icon.u-docker_versionIcon.fail { background-position: -90px -372px; } .\!icon.u-modalcpu_coresIcon { background-position: -126px 0 !important; width: 40px !important; height: 40px !important; } .icon.u-modalcpu_coresIcon { background-position: -126px 0; width: 40px; height: 40px; } .\!icon.u-modalcpu_mhzIcon { background-position: -126px -42px !important; width: 40px !important; height: 40px !important; } .icon.u-modalcpu_mhzIcon { background-position: -126px -42px; width: 40px; height: 40px; } .\!icon.u-modalmemoryIcon { background-position: -126px -84px !important; width: 46px !important; height: 30px !important; } .icon.u-modalmemoryIcon { background-position: -126px -84px; width: 46px; height: 30px; } .\!icon.u-modaldisk_spaceIcon { background-position: -126px -118px !important; width: 27px !important; height: 32px !important; } .icon.u-modaldisk_spaceIcon { background-position: -126px -118px; width: 27px; height: 32px; } .\!icon.u-modalcustom_requirementsIcon { background-position: -126px -334px !important; width: 33px !important; height: 38px !important; } .icon.u-modalcustom_requirementsIcon { background-position: -126px -334px; width: 33px; height: 38px; } .\!icon.u-modalreplicated_versionIcon { background-position: -126px -152px !important; width: 29px !important; height: 35px !important; } .icon.u-modalreplicated_versionIcon { background-position: -126px -152px; width: 29px; height: 35px; } .\!icon.u-modaldocker_versionIcon { background-position: -126px -189px !important; width: 40px !important; height: 28px !important; } .icon.u-modaldocker_versionIcon { background-position: -126px -189px; width: 40px; height: 28px; } .\!icon.u-modalOSIcon { background-position: -126px -220px !important; width: 40px !important; height: 30px !important; } .icon.u-modalOSIcon { background-position: -126px -220px; width: 40px; height: 30px; } .\!icon.u-modalNetworkIcon { background-position: -126px -252px !important; width: 40px !important; height: 40px !important; } .icon.u-modalNetworkIcon { background-position: -126px -252px; width: 40px; height: 40px; } .\!icon.u-modalNetworkLargeIcon { background-position: -126px -414px !important; width: 70px !important; height: 70px !important; } .icon.u-modalNetworkLargeIcon { background-position: -126px -414px; width: 70px; height: 70px; } .\!icon.u-modalReplicatedDocsIcon { background-position: -126px -295px !important; width: 31px !important; height: 37px !important; } .icon.u-modalReplicatedDocsIcon { background-position: -126px -295px; width: 31px; height: 37px; } .\!icon.u-modalGetHelpIcon { background-position: -126px -374px !important; width: 34px !important; height: 34px !important; } .icon.u-modalGetHelpIcon { background-position: -126px -374px; width: 34px; height: 34px; } .\!icon.u-archiveIconBlue { background-position: -90px -420px !important; width: 17px !important; height: 19px !important; } .icon.u-archiveIconBlue { background-position: -90px -420px; width: 17px; height: 19px; } .\!icon.u-unarchiveIconBlue { background-position: -90px -461px !important; width: 17px !important; height: 20px !important; } .icon.u-unarchiveIconBlue { background-position: -90px -461px; width: 17px; height: 20px; } .\!icon.u-archiveMultipleReleasesIcon { background-position: -90px -545px !important; width: 23px !important; height: 24px !important; } .icon.u-archiveMultipleReleasesIcon { background-position: -90px -545px; width: 23px; height: 24px; } .\!icon.u-archiveMultipleReleasesIcon:hover { background-position: -90px -571px !important; } .icon.u-archiveMultipleReleasesIcon:hover { background-position: -90px -571px; } .\!icon.u-archiveMultipleReleasesDisabledIcon { background-position: -90px -651px !important; width: 23px !important; height: 25px !important; } .icon.u-archiveMultipleReleasesDisabledIcon { background-position: -90px -651px; width: 23px; height: 25px; } .\!icon.u-diffReleasesIcon { background-position: -83px -598px !important; width: 30px !important; height: 24px !important; } .icon.u-diffReleasesIcon { background-position: -83px -598px; width: 30px; height: 24px; } .\!icon.u-diffReleasesIcon:hover { background-position: -83px -624px !important; } .icon.u-diffReleasesIcon:hover { background-position: -83px -624px; } .\!icon.u-diffReleasesDisabledIcon { background-position: -83px -677px !important; width: 30px !important; height: 24px !important; } .icon.u-diffReleasesDisabledIcon { background-position: -83px -677px; width: 30px; height: 24px; } .\!icon.u-uploadIconBlue { background-position: 0px -534px !important; width: 19px !important; height: 17px !important; } .icon.u-uploadIconBlue { background-position: 0px -534px; width: 19px; height: 17px; } .\!icon.support-icon { background-position: 0 -767px !important; width: 77px !important; height: 65px !important; } .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") !important; background-position: 0 0 !important; width: 52px !important; height: 36px !important; } .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") !important; background-position: 0 -38px !important; width: 38px !important; height: 27px !important; } .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") !important; background-position: 0 -151px !important; width: 30px !important; height: 27px !important; } .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") !important; background-position: 0 -68px !important; width: 115px !important; height: 80px !important; } .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 !important; width: 14px !important; height: 16px !important; top: -3px !important; } .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") !important; width: 200px !important; height: 130px !important; background-repeat: no-repeat !important; background-size: 180px 120px !important; } .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 !important; width: 15px !important; height: 20px !important; } .icon.u-replicatedSmallIcon { background-position: -178px -85px; width: 15px; height: 20px; } .\!icon.u-kubernetesSmallIcon { background-position: -197px -85px !important; width: 21px !important; height: 20px !important; } .icon.u-kubernetesSmallIcon { background-position: -197px -85px; width: 21px; height: 20px; } .\!icon.u-dockerSmallIcon { background-position: -222px -85px !important; width: 26px !important; height: 20px !important; } .icon.u-dockerSmallIcon { background-position: -222px -85px; width: 26px; height: 20px; } .\!icon.u-replicatedSmallerIcon { background-position: -308px -216px !important; width: 14px !important; height: 16px !important; } .icon.u-replicatedSmallerIcon { background-position: -308px -216px; width: 14px; height: 16px; } .\!icon.u-kubernetesSmallerIcon { background-position: -356px -230px !important; width: 16px !important; height: 16px !important; } .icon.u-kubernetesSmallerIcon { background-position: -356px -230px; width: 16px; height: 16px; } .\!icon.u-dockerSmallerIcon { background-position: -308px -198px !important; width: 20px !important; height: 18px !important; } .icon.u-dockerSmallerIcon { background-position: -308px -198px; width: 20px; height: 18px; } .\!icon.u-ghInstallEmptyIcon { background-position: 0 -837px !important; width: 80px !important; height: 80px !important; } .icon.u-ghInstallEmptyIcon { background-position: 0 -837px; width: 80px; height: 80px; } .\!icon.u-errorWarningIcon { background-position: -269px -302px !important; width: 87px !important; height: 85px !important; } .icon.u-errorWarningIcon { background-position: -269px -302px; width: 87px; height: 85px; } .\!icon.u-replicatedSpecsIcon { background-position: -226px -330px !important; width: 24px !important; height: 28px !important; } .icon.u-replicatedSpecsIcon { background-position: -226px -330px; width: 24px; height: 28px; } .\!icon.u-dockerSpecsIcon { background-position: -178px -298px !important; width: 40px !important; height: 28px !important; } .icon.u-dockerSpecsIcon { background-position: -178px -298px; width: 40px; height: 28px; } .\!icon.u-kubernetesSpecsIcon { background-position: -179px -332px !important; width: 30px !important; height: 28px !important; } .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") !important; width: 383px !important; height: 207px !important; background-repeat: no-repeat !important; } .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") !important; width: 383px !important; height: 258px !important; background-repeat: no-repeat !important; background-size: 100% !important; } .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 !important; width: 102px !important; height: 24px !important; } .icon.u-replicatedScheduler { background-position: 0px -930px; width: 102px; height: 24px; } .\!icon.u-dockerScheduler { background-position: -55px -985px !important; width: 61px !important; height: 48px !important; } .icon.u-dockerScheduler { background-position: -55px -985px; width: 61px; height: 48px; } .\!icon.u-kubernetesScheduler { background-position: 0px -985px !important; width: 51px !important; height: 48px !important; } .icon.u-kubernetesScheduler { background-position: 0px -985px; width: 51px; height: 48px; } .\!icon.u-kubernetes { background-position: 0px -985px !important; width: 51px !important; height: 48px !important; } .icon.u-kubernetes { background-position: 0px -985px; width: 51px; height: 48px; } .\!icon.u-largeGreenCheckmark { background-position: -129px -992px !important; width: 50px !important; height: 50px !important; } .icon.u-largeGreenCheckmark { background-position: -129px -992px; width: 50px; height: 50px; } .\!icon.u-blueExclamationMark { background-position: -344px -520px !important; width: 16px !important; height: 16px !important; } .icon.u-blueExclamationMark { background-position: -344px -520px; width: 16px; height: 16px; } .\!icon.u-greenCheckmarkSmall { background-position: -305px -499px !important; width: 16px !important; height: 16px !important; } .icon.u-greenCheckmarkSmall { background-position: -305px -499px; width: 16px; height: 16px; } .\!icon.u-greenCheckmarkMedium { background-position: -393px -500px !important; width: 20px !important; height: 20px !important; } .icon.u-greenCheckmarkMedium { background-position: -393px -500px; width: 20px; height: 20px; } .\!icon.u-tealCheckmarkMedium { background-position: -417px -500px !important; width: 21px !important; height: 20px !important; } .icon.u-tealCheckmarkMedium { background-position: -417px -500px; width: 21px; height: 20px; } .\!icon.u-visitIcon { background-position: -364px -80px !important; width: 13px !important; height: 13px !important; } .icon.u-visitIcon { background-position: -364px -80px; width: 13px; height: 13px; } .\!icon.u-gce { background-position: -307px -541px !important; width: 16px !important; height: 16px !important; } .icon.u-gce { background-position: -307px -541px; width: 16px; height: 16px; } .\!icon.u-azure { background-position: -325px -542px !important; width: 17px !important; height: 13px !important; } .icon.u-azure { background-position: -325px -542px; width: 17px; height: 13px; } .\!icon.u-aws { background-position: -344px -546px !important; width: 16px !important; height: 9px !important; } .icon.u-aws { background-position: -344px -546px; width: 16px; height: 9px; } .\!icon.u-cloud { background-position: -364px -544px !important; width: 16px !important; height: 10px !important; } .icon.u-cloud { background-position: -364px -544px; width: 16px; height: 10px; } .\!icon.u-seeMore { background-position: -308px -563px !important; width: 21px !important; height: 21px !important; } .icon.u-seeMore { background-position: -308px -563px; width: 21px; height: 21px; } .\!icon.u-replicatedSmallIcon { background-position: -185px -995px !important; width: 77px !important; height: 18px !important; } .icon.u-replicatedSmallIcon { background-position: -185px -995px; width: 77px; height: 18px; } .\!icon.u-kotsSmallIcon { background-position: -186px -1017px !important; width: 46px !important; height: 18px !important; } .icon.u-kotsSmallIcon { background-position: -186px -1017px; width: 46px; height: 18px; } .\!icon.u-unavailableIcon { background-position: -322px -500px !important; width: 16px !important; height: 16px !important; } .icon.u-unavailableIcon { background-position: -322px -500px; width: 16px; height: 16px; } .\!icon.u-degradedIcon { background-position: -332px -567px !important; width: 16px !important; height: 16px !important; } .icon.u-degradedIcon { background-position: -332px -567px; width: 16px; height: 16px; } .\!icon.u-missingIcon { background-position: -352px -567px !important; width: 16px !important; height: 16px !important; } .icon.u-missingIcon { background-position: -352px -567px; width: 16px; height: 16px; } .\!icon.u-learnMoreIcon { background-position: -364px -80px !important; width: 13px !important; height: 13px !important; } .icon.u-learnMoreIcon { background-position: -364px -80px; width: 13px; height: 13px; } .\!icon.u-otherIcon { background-position: -363px -520px !important; width: 16px !important; height: 16px !important; } .icon.u-otherIcon { background-position: -363px -520px; width: 16px; height: 16px; } .\!icon.u-arrowUp--small { background-position: -24px -136px !important; width: 12px !important; height: 7px !important; } .icon.u-arrowUp--small { background-position: -24px -136px; width: 12px; height: 7px; } .\!icon.u-arrowDown--small { background-position: -24px -136px !important; width: 12px !important; height: 7px !important; } .icon.u-arrowDown--small { background-position: -24px -136px; width: 12px; height: 7px; } .\!icon.u-arrowUp--small { background-position: -24px -146px !important; width: 19px !important; height: 10px !important; } .icon.u-arrowUp--small { background-position: -24px -146px; width: 19px; height: 10px; } .\!icon.u-universalIconDustyBlue { background-position: -320px -689px !important; width: 20px !important; height: 20px !important; } .icon.u-universalIconDustyBlue { background-position: -320px -689px; width: 20px; height: 20px; } .\!icon.u-lockIconDustyBlue { background-position: -342px -689px !important; width: 15px !important; height: 18px !important; } .icon.u-lockIconDustyBlue { background-position: -342px -689px; width: 15px; height: 18px; } .\!icon.u-kurlIconDustyBlue { background-position: -358px -689px !important; width: 22px !important; height: 21px !important; } .icon.u-kurlIconDustyBlue { background-position: -358px -689px; width: 22px; height: 21px; } .\!icon.u-kurlRoyalBlueSmallIcon { background-position: -358px -714px !important; width: 22px !important; height: 21px !important; } .icon.u-kurlRoyalBlueSmallIcon { background-position: -358px -714px; width: 22px; height: 21px; } .\!icon.u-replDocsSmallIcon { background-position: -360px -737px !important; width: 17px !important; height: 21px !important; } .icon.u-replDocsSmallIcon { background-position: -360px -737px; width: 17px; height: 21px; } /* analysis icons */ /* default catch all "info" icon */ .\!icon[class*=" analysis"] { background-position: -55px -980px !important; width: 16px !important; height: 16px !important; } .icon[class*=" analysis"] { background-position: -55px -980px; width: 16px; height: 16px; } .\!icon.analysis-docker_container { background-position: -308px -162px !important; width: 15px !important; height: 16px !important; } .icon.analysis-docker_container { background-position: -308px -162px; width: 15px; height: 16px; } .\!icon.analysis-docker_whale { background-position: -308px -198px !important; width: 22px !important; height: 16px !important; } .icon.analysis-docker_whale { background-position: -308px -198px; width: 22px; height: 16px; } .\!icon.analysis-no_docker { background-position: -308px -234px !important; width: 22px !important; height: 16px !important; } .icon.analysis-no_docker { background-position: -308px -234px; width: 22px; height: 16px; } .\!icon.analysis-os_ubuntu { background-position: -308px -180px !important; width: 16px !important; height: 16px !important; } .icon.analysis-os_ubuntu { background-position: -308px -180px; width: 16px; height: 16px; } .\!icon.analysis-os_alpine { background-position: -308px -128px !important; width: 18px !important; height: 16px !important; } .icon.analysis-os_alpine { background-position: -308px -128px; width: 18px; height: 16px; } .\!icon.analysis-os_centos { background-position: -335px -110px !important; width: 16px !important; height: 16px !important; } .icon.analysis-os_centos { background-position: -335px -110px; width: 16px; height: 16px; } .\!icon.analysis-os_rhel { background-position: -335px -128px !important; width: 16px !important; height: 16px !important; } .icon.analysis-os_rhel { background-position: -335px -128px; width: 16px; height: 16px; } .\!icon.analysis-os_memory { background-position: -335px -201px !important; width: 24px !important; height: 16px !important; } .icon.analysis-os_memory { background-position: -335px -201px; width: 24px; height: 16px; } .\!icon.analysis-os_disk_space { background-position: -29px -979px !important; width: 13px !important; height: 16px !important; } .icon.analysis-os_disk_space { background-position: -29px -979px; width: 13px; height: 16px; } .\!icon.analysis-os_uptime { background-position: -335px -218px !important; width: 15px !important; height: 16px !important; } .icon.analysis-os_uptime { background-position: -335px -218px; width: 15px; height: 16px; } .\!icon.analysis-os_cpu { background-position: -335px -163px !important; width: 16px !important; height: 16px !important; } .icon.analysis-os_cpu { background-position: -335px -163px; width: 16px; height: 16px; } .\!icon.analysis-os_loadavg { background-position: -360px -148px !important; width: 21px !important; height: 16px !important; } .icon.analysis-os_loadavg { background-position: -360px -148px; width: 21px; height: 16px; } .\!icon.analysis-os_debian { background-position: -335px 145px !important; width: 13px !important; height: 16px !important; } .icon.analysis-os_debian { background-position: -335px 145px; width: 13px; height: 16px; } .\!icon.analysis-replicated_version { background-position: -308px -216px !important; width: 14px !important; height: 16px !important; } .icon.analysis-replicated_version { background-position: -308px -216px; width: 14px; height: 16px; } .\!icon.analysis-gray_checkmark { background-position: -359px -186px !important; width: 17px !important; height: 17px !important; } .icon.analysis-gray_checkmark { background-position: -359px -186px; width: 17px; height: 17px; } .\!icon.analysis-disk { background-position: -359px -208px !important; width: 12px !important; height: 16px !important; } .icon.analysis-disk { background-position: -359px -208px; width: 12px; height: 16px; } .\!icon.analysis-disk_full { background-position: -327px -208px !important; width: 14px !important; height: 17px !important; } .icon.analysis-disk_full { background-position: -327px -208px; width: 14px; height: 17px; } .\!icon.analysis-logs { background-position: -335px -237px !important; width: 14px !important; height: 16px !important; } .icon.analysis-logs { background-position: -335px -237px; width: 14px; height: 16px; } .\!icon.analysis-no_logs { background-position: -335px -255px !important; width: 14px !important; height: 16px !important; } .icon.analysis-no_logs { background-position: -335px -255px; width: 14px; height: 16px; } .\!icon.analysis-kubernetes_deployment_status { background-position: -356px -230px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_deployment_status { background-position: -356px -230px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_cluster_version { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_cluster_version { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_container_runtime { background-position: -356px -246px !important; width: 23px !important; height: 16px !important; } .icon.analysis-kubernetes_container_runtime { background-position: -356px -246px; width: 23px; height: 16px; } .\!icon.analysis-kubernetes_custom_resource_definition { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_custom_resource_definition { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_image_pull_secret { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_image_pull_secret { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_ingress { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_ingress { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_node_resources { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_node_resources { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_analyze_secret { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_analyze_secret { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_statefulset_status { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_statefulset_status { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_storage_class { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_storage_class { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon.analysis-kubernetes_text_analyze { background-position: -356px -228px !important; width: 16px !important; height: 16px !important; } .icon.analysis-kubernetes_text_analyze { background-position: -356px -228px; width: 16px; height: 16px; } .\!icon[class*=" analysis-datacenter"] { background-position: -55px -943px !important; width: 12px !important; height: 16px !important; } .icon[class*=" analysis-datacenter"] { background-position: -55px -943px; width: 12px; height: 16px; } .\!icon.analysis-datacenter_aws { background-position: -308px -145px !important; width: 27px !important; height: 16px !important; } .icon.analysis-datacenter_aws { background-position: -308px -145px; width: 27px; height: 16px; } .\!icon.analysis-datacenter_gce { background-position: -308px -110px !important; width: 15px !important; height: 16px !important; } .icon.analysis-datacenter_gce { background-position: -308px -110px; width: 15px; height: 16px; } .\!icon.analysis-datacenter_azure { background-position: -55px -907px !important; width: 21px !important; height: 16px !important; } .icon.analysis-datacenter_azure { background-position: -55px -907px; width: 21px; height: 16px; } .\!icon.analysis-datacenter_unknown { background-position: -359px -169px !important; width: 16px !important; height: 16px !important; } .icon.analysis-datacenter_unknown { background-position: -359px -169px; width: 16px; height: 16px; } .\!icon.u-osSpecsIcon { background-position: -179px -366px !important; width: 34px !important; height: 28px !important; } .icon.u-osSpecsIcon { background-position: -179px -366px; width: 34px; height: 28px; } .\!icon.u-addFileIcon { background-position: -226px -298px !important; width: 24px !important; height: 28px !important; } .icon.u-addFileIcon { background-position: -226px -298px; width: 24px; height: 28px; } .\!icon.u-replicatedSpecsIcon { background-position: -226px -330px !important; width: 24px !important; height: 28px !important; } .icon.u-replicatedSpecsIcon { background-position: -226px -330px; width: 24px; height: 28px; } .\!icon.u-commandInstallIcon { background-position: -221px -375px !important; width: 36px !important; height: 21px !important; } .icon.u-commandInstallIcon { background-position: -221px -375px; width: 36px; height: 21px; } .\!icon.u-warningYellowIcon-small { background-position: -86px -801px !important; width: 14px !important; height: 14px !important; } .icon.u-warningYellowIcon-small { background-position: -86px -801px; width: 14px; height: 14px; } .\!icon.u-warningWhiteOutline { background-position: -41px -393px !important; width: 12px !important; height: 11px !important; } .icon.u-warningWhiteOutline { background-position: -41px -393px; width: 12px; height: 11px; } .\!icon.u-errorCircleIcon-small { background-position: -86px -783px !important; width: 15px !important; height: 15px !important; } .icon.u-errorCircleIcon-small { background-position: -86px -783px; width: 15px; height: 15px; } .\!icon.helmIcon { background-position: -354px -229px !important; width: 25px !important; height: 16px !important; } .icon.helmIcon { background-position: -354px -229px; width: 25px; height: 16px; } .\!icon.helmIcon-white { background-position: -308px -586px !important; width: 24px !important; height: 25px !important; } .icon.helmIcon-white { background-position: -308px -586px; width: 24px; height: 25px; } .\!icon.helmLogo { background-position: -406px 0px !important; width: 35px !important; height: 36px !important; } .icon.helmLogo { background-position: -406px 0px; width: 35px; height: 36px; } .\!icon.questionMark { background-position: -369px -567px !important; width: 16px !important; height: 16px !important; margin-bottom: -2px !important; } .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") !important; width: 260px !important; height: 95px !important; background-repeat: none !important; } .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 !important; width: 25px !important; height: 25px !important; } .icon.google-g { background-position: -378px 0; width: 25px; height: 25px; } .\!icon.u-promoteRelease { background-position: -363px -520px !important; width: 16px !important; height: 16px !important; margin-top: 5px !important; } .icon.u-promoteRelease { background-position: -363px -520px; width: 16px; height: 16px; margin-top: 5px; } .\!icon.u-bundleInsightErrIcon { background-position: -392px -584px !important; width: 15px !important; height: 15px !important; } .icon.u-bundleInsightErrIcon { background-position: -392px -584px; width: 15px; height: 15px; } .\!icon.u-bundleInsightWarningIcon { background-position: -392px -601px !important; width: 15px !important; height: 15px !important; } .icon.u-bundleInsightWarningIcon { background-position: -392px -601px; width: 15px; height: 15px; } .\!icon.u-bundleInsightOtherIcon { background-position: -392px -567px !important; width: 15px !important; height: 15px !important; } .icon.u-bundleInsightOtherIcon { background-position: -392px -567px; width: 15px; height: 15px; } .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 !important; height: 26px !important; width: 26px !important; } .icon.chat-icon { background-position: -399px -664px; height: 26px; width: 26px; } .\!icon.med-dark-teal-warning-icon { background-position: -363px -443px !important; height: 25px !important; width: 29px !important; } .icon.med-dark-teal-warning-icon { background-position: -363px -443px; height: 25px; width: 29px; } /* === modals.css === */ .Modal { position: absolute; top: 50%; left: 50%; margin: 0px; max-height: 98vh; --tw-translate-x: -50%; --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)); overflow-y: auto; border-radius: 0.375rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0px; outline: 2px solid transparent; outline-offset: 2px; } .Modal.tall { top: 60px; --tw-translate-x: -50%; --tw-translate-y: 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)); } .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; } /* Modal header */ .Modal-header, .Modal-header-compat { margin: 0px; padding-left: 25px; padding-right: 25px; padding-top: 1.25rem; padding-bottom: 18px; } .Modal-header p, .Modal-header-text { margin: 0px; font-size: 26px; font-weight: 300; line-height: 34px; --tw-text-opacity: 1; color: rgb(74 74 74 / var(--tw-text-opacity, 1)); } .Modal-header.has-border, .Modal-header-compat.has-border { border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } /* Modal body */ .Modal-body { overflow: auto; padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 25px; padding-right: 25px; -webkit-overflow-scrolling: touch; } .ImageCarouselArrow.\!active { background: #f5f8f9 !important; } .ImageCarouselArrow.active { background: #f5f8f9; } .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 !important; } .ImageCarouselArrow.active .Description { color: #717171; } @media screen and (max-height: 43em) { .Modal { top: 60px; transform: translate(-50%, 0); } } /* === tooltip.css === */ .__react_component_tooltip.replicated-tooltip.show { opacity: 1; max-width: 70vw; } .__react_component_tooltip.replicated-tooltip.\!show { opacity: 1 !important; max-width: 70vw !important; } .__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; } /* === prism.css === */ /* PrismJS 1.11.0 - okaidia theme */ 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: .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: .1em; border-radius: .3em; white-space: normal; } .\!token.comment, .\!token.prolog, .\!token.doctype, .\!token.cdata { color: slategray !important; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .\!token.comment, .\!token.prolog, .\!token.doctype, .\!token.cdata { color: slategray !important; } .\!token.punctuation { color: #f8f8f2 !important; } .token.punctuation { color: #f8f8f2; } .\!namespace { opacity: .7 !important; } .namespace { opacity: .7; } .\!token.property, .\!token.tag, .\!token.constant, .\!token.symbol, .\!token.deleted { color: #f92672 !important; } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #f92672; } .\!token.property, .\!token.tag, .\!token.constant, .\!token.symbol, .\!token.deleted { color: #f92672 !important; } .token.\!tag { color: #f92672 !important; } .\!token.property, .\!token.tag, .\!token.constant, .\!token.symbol, .\!token.deleted { color: #f92672 !important; } .\!token.boolean, .\!token.number { color: #ae81ff !important; } .token.boolean, .token.number { color: #ae81ff; } .\!token.boolean, .\!token.number { color: #ae81ff !important; } .\!token.selector, .\!token.attr-name, .\!token.string, .\!token.char, .\!token.builtin, .\!token.inserted { color: #a6e22e !important; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a6e22e; } .\!token.selector, .\!token.attr-name, .\!token.string, .\!token.char, .\!token.builtin, .\!token.inserted { color: #a6e22e !important; } .\!token.operator, .\!token.entity, .\!token.url, .language-css .\!token.string, .style .\!token.string, .\!token.variable { color: #f8f8f2 !important; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #f8f8f2; } .\!token.operator, .\!token.entity, .\!token.url, .language-css .\!token.string, .style .\!token.string, .\!token.variable { color: #f8f8f2 !important; } .token.\!url { color: #f8f8f2 !important; } .\!token.operator, .\!token.entity, .\!token.url, .language-css .\!token.string, .style .\!token.string, .\!token.variable { color: #f8f8f2 !important; } .\!token.atrule, .\!token.attr-value, .\!token.function { color: #e6db74 !important; } .token.atrule, .token.attr-value, .token.function { color: #e6db74; } .\!token.atrule, .\!token.attr-value, .\!token.function { color: #e6db74 !important; } .\!token.keyword { color: #66d9ef !important; } .token.keyword { color: #66d9ef; } .\!token.regex, .\!token.important { color: #fd971f !important; } .token.regex, .token.important { color: #fd971f; } .\!token.regex, .\!token.important { color: #fd971f !important; } .token.\!important { color: #fd971f !important; } .\!token.important, .\!token.bold { font-weight: bold !important; } .token.important, .token.bold { font-weight: bold; } .token.\!important { font-weight: bold !important; } .\!token.important, .\!token.bold { font-weight: bold !important; } .\!token.italic { font-style: italic !important; } .token.italic { font-style: italic; } .\!token.entity { cursor: help !important; } .token.entity { cursor: help; } /* === transitions.css === */ /* === toasts.css === */ /* Toast base styles migrated to inline Tailwind in Toast.tsx */ /* === markdown.css === */ .markdown-content pre { margin: 0; padding: 0.5rem 1rem; border-radius: 0.375rem; background-color: #dedede !important; overflow-x: auto; } .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; } /* Syntax highlighting colors (adjusted for black text on light background) */ .markdown-content .token.comment, .markdown-content .token.prolog, .markdown-content .token.doctype, .markdown-content .token.cdata { color: #5a5a5a; } .markdown-content .\!token.comment, .markdown-content .\!token.prolog, .markdown-content .\!token.doctype, .markdown-content .\!token.cdata { color: #5a5a5a !important; } .markdown-content .token.punctuation { color: #000000; } .markdown-content .\!token.punctuation { color: #000000 !important; } .markdown-content .token.namespace { opacity: 0.7; } .markdown-content .\!token.namespace { opacity: 0.7 !important; } .markdown-content .token.\!namespace { opacity: 0.7 !important; } .markdown-content .token.property, .markdown-content .token.tag, .markdown-content .token.constant, .markdown-content .token.symbol, .markdown-content .token.deleted { color: #c80046; } .markdown-content .\!token.property, .markdown-content .\!token.tag, .markdown-content .\!token.constant, .markdown-content .\!token.symbol, .markdown-content .\!token.deleted { color: #c80046 !important; } .markdown-content .token.\!tag { color: #c80046 !important; } .markdown-content .\!token.property, .markdown-content .\!token.tag, .markdown-content .\!token.constant, .markdown-content .\!token.symbol, .markdown-content .\!token.deleted { color: #c80046 !important; } .markdown-content .token.boolean, .markdown-content .token.number { color: #8700c8; } .markdown-content .\!token.boolean, .markdown-content .\!token.number { color: #8700c8 !important; } .markdown-content .token.selector, .markdown-content .token.attr-name, .markdown-content .token.string, .markdown-content .token.char, .markdown-content .token.builtin, .markdown-content .token.inserted { color: #388700; } .markdown-content .\!token.selector, .markdown-content .\!token.attr-name, .markdown-content .\!token.string, .markdown-content .\!token.char, .markdown-content .\!token.builtin, .markdown-content .\!token.inserted { color: #388700 !important; } .markdown-content .token.operator, .markdown-content .token.entity, .markdown-content .token.url, .markdown-content .language-css .token.string, .markdown-content .style .token.string, .markdown-content .token.variable { color: #000000; } .markdown-content .\!token.operator, .markdown-content .\!token.entity, .markdown-content .\!token.url, .markdown-content .language-css .\!token.string, .markdown-content .style .\!token.string, .markdown-content .\!token.variable { color: #000000 !important; } .markdown-content .token.\!url { color: #000000 !important; } .markdown-content .\!token.operator, .markdown-content .\!token.entity, .markdown-content .\!token.url, .markdown-content .language-css .\!token.string, .markdown-content .style .\!token.string, .markdown-content .\!token.variable { color: #000000 !important; } .markdown-content .token.atrule, .markdown-content .token.attr-value, .markdown-content .token.function, .markdown-content .token.class-name { color: #a07800; } .markdown-content .\!token.atrule, .markdown-content .\!token.attr-value, .markdown-content .\!token.function, .markdown-content .\!token.class-name { color: #a07800 !important; } .markdown-content .token.keyword { color: #006d8f; } .markdown-content .\!token.keyword { color: #006d8f !important; } .markdown-content .token.regex, .markdown-content .token.important { color: #c35400; } .markdown-content .\!token.regex, .markdown-content .\!token.important { color: #c35400 !important; } .markdown-content .token.\!important { color: #c35400 !important; } .markdown-content .token.important, .markdown-content .token.bold { font-weight: bold; } .markdown-content .\!token.important, .markdown-content .\!token.bold { font-weight: bold !important; } .markdown-content .token.\!important { font-weight: bold !important; } .markdown-content .\!token.important, .markdown-content .\!token.bold { font-weight: bold !important; } .markdown-content .token.italic { font-style: italic; } .markdown-content .\!token.italic { font-style: italic !important; } .markdown-content .token.entity { cursor: help; } .markdown-content .\!token.entity { cursor: help !important; } /* === Platform legacy utilities (from platform/scss/index.css) === */ .\!container { width: 100% !important; padding: 0 20px !important; margin: 0 auto !important; box-sizing: border-box !important; } .container { width: 100%; padding: 0 20px; margin: 0 auto; box-sizing: border-box; } .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"); } .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.\!block { display: block !important; width: 100% !important; } .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 .\!icon.u-backArrowIcon { transform: rotate(-90deg) !important; transition: transform 0.2s ease-in-out !important; } .Button.dropdown-trigger.is-active .icon.u-backArrowIcon { transform: rotate(90deg); } .Button.dropdown-trigger.is-active .\!icon.u-backArrowIcon { transform: rotate(90deg) !important; } .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; } /* === Platform legacy component CSS (from platform/scss/components/) === */ .AppSettings-boxWrapper { padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 0px; } .AppSettings-boxWrapper.dashed { border-style: dashed; } .Registries-wrapper, .Integrations-wrapper, .DangerZone-wrapper, .scheduler-wrapper { margin-top: 60px; } .AppSettings-content .hide-mobile { display: none; } .AppId-wrapper { border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding-top: 15px; padding-bottom: 15px; padding-left: 1.25rem; padding-right: 1.25rem; } .AppSettings-sectionHeader { font-size: 22px; font-weight: 600; line-height: 22px; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .RegistryCards-wrapper { min-height: 170px; } .faux-shadow { position: absolute; top: 0px; right: -20px; height: 100%; width: 1.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); box-shadow: -2px 0 4px rgba(0, 0, 0, 0.16); } .EditRegistryModal, .ConfirmDeleteModal { width: 100%; max-width: 600px; } .ConfirmDeleteModal .Modal-header p { text-align: left; } .ConfirmDeleteModal .ConfirmButtons { text-align: right; } .Github-logo { background-image: url("https://vendor.staging.replicated.com/assets/github_logo@2x-C-H-TFY2.png"); height: 54px; width: 168px; background-size: 100%; background-repeat: no-repeat; } .scheduler-wrapper .AppSettings-boxWrapper { padding-top: 0px; } .scheduler-wrapper .info-wrapper { flex-wrap: wrap; } .scheduler-wrapper .info-wrapper .scheduler-image { margin-bottom: 1.25rem; } .scheduler-wrapper .scheduler-image.kubernetes { background-image: url("https://vendor.staging.replicated.com/assets/kubernetes_scheduler@4x-BX_-PDnQ.png"); margin-right: 1.25rem; height: 75px; min-width: 80px; background-size: 100%; background-repeat: no-repeat; } .scheduler-wrapper .scheduler-image.native { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACICAYAAAAYj+7XAAAAAXNSR0IArs4c6QAACbxJREFUeAHtXWuIHFUWPrf6Md0znZn0bFDUxBe6QdBJXA2rojjBB1mQdY2ID1QSNRF/CAm4G/0hsrBR91/A+MNnAv7QrJqsQUl8ESNqXJfodA+ycRVUsuIz07NhZvo5ffec2ulY0+lqu+reququOge669ate86p+311763HrVMC2ogcGRkoCHEdSPk7KeX5WHSJABiQALhgaUYAQalIIX7C/EOGEPtjUu4YzOc/ay5nXW8JpLz44vTk9PSfEOgNCPxCqwKnnSEghNiDB/Cm4fHx8VaaxxFwdGRkaRVgNyr9upUC5zlHAEmoIdB/zObzW5q15xFQWLZsJR7xu/A31FyQ19URwG7p6YW53HokBDuX/8sxAujIrwH8g8FvQOPR0jD+8qtc7sGGdZMA6vMnpqfHuNtpwOLt0gD4Q3Z8/BXygmkABH8Tg09I+CN1IbbK0dEUeTMwkcFmsMEf1+zFREDKxYVCYQ2ljcmJidXc75uw+PqHmK81CcDheJWvntmZiYCQcgV1QwYyQVe4LD4jQHcTihMTiwwQYonPvtndHAIziUTGwKbQz4gEg4BRqSQMagrBuGevhIB5HcBQBIcAExAc9qZnJoAJCBiBgN1zC2ACAkYgYPfcApiAgBEI2D23ACYgYAQCds8tgAkIGIGA3XMLYAICRiBg93Hd/rO5nG6Tzu0ViyBnZqA+MQH1r76C2uefQ3X/fpg9dMi5LY81xJHzzjs2S0uHr64gwKYi9W++gcrbb0P1zTehls/blPIvGx/EjESKACu01Q8+gJlHH4X6119bs31NEwGRHYQTl1wCQzt3QnoDTolKp30F3uossgSYIMTjkFq7FoZeeAGME0+04uJbOtoEzMFsnH46LHjuOTBOO8034BuOmIAGCdgCBrdvh9jSpQ1sfFkyARaYxfAwZB57DMSCBZZcb5NMQBO+NBYMPPRQU653q0xAC2wTV10FyWuvbbFFfxYTYIPpwP33gxjy/k0tJsCGAOjvh9Stt9pt1ZbPBLSBsu/mm4GI8FKYgDbo0tlQ6sYb25RQ36T9bqjqLpWeegpqDu9aCryiNU44AYzFiyG5ciUITOuSvtWrobRtmy5zx9npOgJqY2NQfe+943a004yZRx6BxOgo9D/wgJbbC8app5pXyF7dtAtfFyQlVPftg6N45Fbff79T3tqWS15+edvtKhvDR8AcGnJqCqY2boTaJ5+o4GPqJpgAlxiWyzC1aRMAPiFTkfjy5fgmhTfHqjdWVWqrWVd+/z0Un3hCzSoN8iefrGbDRjv0BFC9yy++CFAq2UDQWXYMb1l7IZEggMYDehasIvTMwAuJBAEEXPWjj5Twi3EXpIQf1FSnyySTajtgox2ZFlDHwVhF6GrbC4kMAYATtaCGIancChPgFjmLngqIsZjFkL5kZFqAyGSUUJOTk0r6dsqRIcA44ww7DDrKVx1D7JxEhoD4uefaYdBRfv2HHzoq57RQZAhIXnGFU2zmlecWMA8OZyv0oCa+YoUzpabSszjF3QuJRAvox9vSKjL7xRcgjx5VMWGrG3oCEtj1JK680haATjbUDh7spJirMqEmIH7hhZDBdwBUxUsCvLm+Vq2xqj4+PEndcQek77kHQOXii/ajUoHqgQOqe2SrHw4ChACxaBEYJ50Eycsug+Q112h7gFJ54w3P+n9ipesIyGzdChhG2faIabnBo8eF5Kv88sstXerK7DoCMIwmhhHEXxdI/csvofbxx57uSagHYVXkZqg1eixMgA3AtQ8/hOpbb9ls1ZfNBLTCEp8bTOMMOz+ECWiBcvHxx8037Fts0p7FBDRBSmc9pWefbcr1bpUJsGBLk4JnNm+25HifZALmMK689hpM3XcfwOys96hbPHTfdYBl53xJ4oy56Ycfhsor5jd1fHFpdRJdAvBMp/L661B88knfBlwr8I109AiYnobiM89AGQN1yEKhgUNgy+iNAX19UH711a4An1iPHgF4ezqNEVK6RbquC6KLoMqePW3xyWzZArGzzmpbpt3GvuuvhyK+DCiPHGlXzJdtXdcCJMV5O3y47a+M8X2UBCfaUpygbpCuI6ATUKgPBxxMVSR1ww0gslkVE1p0e5IAeuerrHrenkpB6vbbtYCoYqQ3CcAal3bsUKm3qZu66SYQg4PKdlQM9CwBZjxQvGevJBSQ47bblEyoKvcsAVTx0vPPq9YfKCCH6sxplZ3oaQKq774L9e++U6m/GZ6s75ZblGyoKPc0AVCvQ1nHWEBxgQKKHdrbBOChR/d0oFpVOQjNyFg0IAchPU8AvblS2btXGTvzlBRPTf2WnieAANMxGFPIyj68OPNbQkHA7KefAv1UJb1mDUAioWrGkX4oCKAaa2kFOL+UbtT5KaEhgJ5u6XiTkWZVK8+odsBgaAigaeTlXbscVL11UYqc2+dT0Fbag/AQgJUxrwmczqxuwUPqzjsBPHoxu9ldqAiof/ut+a2Y5ko6XTdOOcV8x8CpnpvyoSKAANAxGJOd9F13eRamjOw3JHQE0KxmHSEmKVxlctWqBk6eLUNHACFVUn1kOQd3et06z4BvGA4lAZXdu5UjJRJAxplnQvLqqxtYebIMJQEUI858bqwBstT69Rqs2JsIJQFUXR23qclO7OyzIYHxqL2S0BJAsR10vWCdvvtur/AP14VYM0rK84fmDMbOOQcSl17abF7LemhbAKFDsULljz9qASrlUSsINQH0skWJouZqkPjICMQvukiDpfkmwk0A1rX80ktq0RIteKU9OCPS/jVVy/5y8hcQwHgA0f2a6i9g49vm0HdBviHp0hET4BI4XWpMgC4kXdphAlwCp0uNCdCFpEs7TIBL4HSpMQG6kHRphwlwCZwuNSZAF5Iu7TABLoHTpcYE6ELSpR0mwCVwutSYAF1IurRj4C1Rh2FqXXpitZYIGFII/L4TSxAI1JPJqoFxmg8H4Zx9AvRXq1OGEEL9i8eMpmMEqOtPDw//RGOA+iuGjt2zAnb9/xTvvFMyFg4P78RW8F+GxF8EEPNt5NFAFqbwNGiLv+4j7k2I/2Sz2e2EgnkdMDww8FeM2e/Nd5oijnWr6huGcS91P8cIEAcOFBOJxO+5K2oFl948xHhzdmzs7w2rOAb/LIVly1ZKKXfhb+jnXE7pQgBPOZ9emMutRxKOXfzOuxWRzeX2YRjF32J39G9dTtkOfZFF1BD8jdl8fp0VfMJmHgGUMZjPf4ZjwnLU+jMW5rMjAkVBEMO9+OL3BQh+yxOdeV1Qsx85OpqZLBSuwy5pFf5+g6QsEVL2Y/tpq9dsJyrrCEoFsTmCOP0Lj/j9sXj8b4MHDx5qV///AcQgd5TBNu4UAAAAAElFTkSuQmCC"); margin-right: 1.25rem; height: 70px; min-width: 50px; background-size: 100%; background-repeat: no-repeat; } .scheduler-wrapper .scheduler-image.swarm { background-image: url("https://vendor.staging.replicated.com/assets/docker_scheduler@4x-B7F6Lph5.png"); margin-right: 1.25rem; height: 62px; min-width: 80px; background-size: 100%; background-repeat: no-repeat; } .scheduler-wrapper .scheduler-image.ship { background-image: url("https://vendor.staging.replicated.com/assets/ship_scheduler@4x-BlH55P0-.png"); margin-right: 1.25rem; height: 84px; min-width: 80px; background-size: 100%; background-repeat: no-repeat; } @media screen and (min-width: 768px) { .scheduler-wrapper .info-wrapper { flex-wrap: nowrap; } .scheduler-wrapper .info-wrapper .scheduler-image { margin-bottom: 0px; } } @media screen and (min-width: 1024px) { .auth-pages .ErrorBlock.AppSettings-content .hide-mobile { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .AppSettings-content .hide-mobile.flex-col { width: 100%; } .ErrorBlock.AppSettings-content .hide-mobile { display: flex; } .AppSettings-content .hide-mobile { display: flex; } } .ExternalRegistryCard-wrapper { margin-left: 30px; height: 100%; width: 100%; min-width: 350px; max-width: 350px; } .ExternalRegistryCard-wrapper:first-child { margin-left: 0px; } .ExternalRegistryCard { height: 169px; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ExternalRegistryCard.AddNewRegistry-card { border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgb(155 155 155 / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .ExternalRegistryCard.AddNewRegistry-card:hover { cursor: pointer; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .ExternalRegistryCard-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; } .ExternalRegistryCard-content { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0px; padding-bottom: 0px; } .Channels-wrapper .Section-title { margin: 0px; font-size: 15px; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(124 124 124 / var(--tw-text-opacity, 1)); } .ChannelCard-wrapper { height: 100%; width: 100%; padding-right: 0px; padding-bottom: 30px; } .channelView-toggle { max-width: 68px; } .HiddenText-wrapper { top: -1000px; left: -1000px; z-index: -1; opacity: 0; } .ChannelCard { border-radius: 10px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.06); } .ChannelCard-wrapper .airgap-install-instruction-wrapper { border-radius: 0.187rem; --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding: 0.625rem; } .ChannelCard-header { border-top-left-radius: 10px; border-top-right-radius: 10px; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 14px; } .ChannelCard-header .icon.disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .ChannelCard-header .\!icon.disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .ChannelCard-header .icon.\!disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .ChannelCard-header .icon.disabled { background-blend-mode: overlay; } .ChannelCard-header .\!icon.disabled { background-blend-mode: overlay !important; } .ChannelCard-header .icon.\!disabled { background-blend-mode: overlay !important; } .ChannelCard-header .icon.disabled.enterprise-icon { background-color: rgba(238, 234, 255, 0.5); } .ChannelCard-header .\!icon.disabled.enterprise-icon { background-color: rgba(238, 234, 255, 0.5) !important; } .ChannelCard-header .icon.\!disabled.enterprise-icon { background-color: rgba(238, 234, 255, 0.5) !important; } .ChannelCard-header .icon.disabled.u-gearIcon:hover { background-position: -55px -262px; } .ChannelCard-header .\!icon.disabled.u-gearIcon:hover { background-position: -55px -262px !important; } .ChannelCard-header .icon.\!disabled.u-gearIcon:hover { background-position: -55px -262px !important; } .ChannelCard-header .icon.disabled.u-trashIcon:hover { background-position: 0 -72px; } .ChannelCard-header .\!icon.disabled.u-trashIcon:hover { background-position: 0 -72px !important; } .ChannelCard-header .icon.\!disabled.u-trashIcon:hover { background-position: 0 -72px !important; } .Button.ChannelCard-lightsaber { display: block; width: 100%; } .ChannelCard-lightsaber { margin-left: 0.75rem; margin-right: 0.75rem; margin-bottom: 0.25rem; margin-top: 0px; display: block; height: 0.25rem; width: calc(100% - 24px); border-radius: 0.187rem; } .ChannelCard.stable .ChannelCard-lightsaber { --tw-bg-opacity: 1; background-color: rgb(183 243 203 / var(--tw-bg-opacity, 1)); } .ChannelCard.beta .ChannelCard-lightsaber { --tw-bg-opacity: 1; background-color: rgb(173 223 235 / var(--tw-bg-opacity, 1)); } .ChannelCard.unstable .ChannelCard-lightsaber { --tw-bg-opacity: 1; background-color: rgb(255 218 218 / var(--tw-bg-opacity, 1)); } .ChannelCard.other .ChannelCard-lightsaber { --tw-bg-opacity: 1; background-color: rgb(199 214 255 / var(--tw-bg-opacity, 1)); } .ChannelCard-content { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0px; padding-bottom: 0px; } .ChannelCard-content .content-section { padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 25px; } .ChannelCard-content .content-section-install { padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 0px; } .ChannelCard-content .content-section.has-border { border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(245 248 249 / var(--tw-border-opacity, 1)); } .LicenseCount-wrapper .LicenseCount { position: relative; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0px; padding-bottom: 0px; font-size: 26px; line-height: 1.5; } .Button.LicenseCount-wrapper .LicenseCount::after { display: block; width: 100%; } .LicenseCount-wrapper .LicenseCount::after { position: absolute; right: 0px; top: 0.375rem; display: block; height: 1.25rem; width: 1px; --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); content: ""; } .LicenseCount-wrapper .LicenseCount:last-child::after { display: none; } .HasPercentages-wrapper { margin-bottom: 1px; } .MainPercentage { vertical-align: -3px; } .Percentages { vertical-align: -1px; } .DetailLink-card { top: 5px; right: 0px; cursor: pointer; font-size: 0.75rem; line-height: 1rem; font-weight: 500; } .adoptionRate-icon { width: 44px; height: 45px; background-position: -178px -107px; } .license-icon { width: 44px; height: 29px; background-position: -178px -153px; } .build-icon { width: 34px; height: 41px; background-position: -178px -184px; margin: 0 5px; } .install-icon { width: 42px; height: 32px; background-position: -178px -260px; margin-left: 4px; } .kubernetesInstaller-icon { width: 42px; height: 32px; background-position: -126px -720px; margin: 0 4px; } .regoPolicy-icon { width: 36px; height: 40px; background-position: -177px -716px; margin: 0 4px; } .action-content { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); padding-left: 0px; padding-right: 0px; padding-top: 0.5rem; padding-bottom: 0px; } .action-tab-bar .tab-item { position: relative; flex: 1 1 auto; cursor: pointer; padding: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; line-height: 14px; --tw-text-opacity: 1; color: rgb(155 155 155 / var(--tw-text-opacity, 1)); 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: 200ms; } .tab-item.is-active { font-weight: 600; --tw-text-opacity: 1; color: rgb(74 74 74 / var(--tw-text-opacity, 1)); } .Button.tab-item.is-active::after { display: block; width: 100%; } .tab-item.is-active::after { position: absolute; bottom: -1px; left: 0px; display: block; height: 0.125rem; width: 100%; --tw-bg-opacity: 1; background-color: rgb(79 79 79 / var(--tw-bg-opacity, 1)); content: ""; } @media screen and (min-width: 60em) { .ChannelCard-wrapper { max-width: calc(50% - 30px); flex: 1 1 calc(50% - 30px); padding-right: 30px; } .ChannelCard-wrapper:nth-child(2n) { padding-right: 0px; } } @media screen and (min-width: 80em) { .ChannelCard-wrapper { max-width: calc(33.33% - 30px); flex: 1 1 calc(33.33% - 30px); } .ChannelCard-wrapper:nth-child(2n) { padding-right: 30px; } .ChannelCard-wrapper:nth-child(3n) { padding-right: 0px; } } /* edit channel modal */ #custom-branding-editor { box-sizing: border-box; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .confirmRemoveBranding-wrapper { position: absolute; inset: 0px; z-index: 200; background-color: rgb(255 255 255 / 0.88); } .confirmRemoveBranding-content { width: 100%; max-width: 400px; } .ChannelHistory-title .CreateAction { position: absolute; left: 0px; top: 1px; } .ChannelHistory-title .RightNode .wrapper.not-supported { top: 0.75rem; } .ChannelHistory-title .RightNode .u-infoIcon { top: 5px; margin-left: 0.375rem; } .ChannelHistory-title .CreateAction > span { padding-left: 3px; } .ChannelHistory-title .CreateAction > span:hover { text-decoration-line: none; } .ChannelHistory-title .CreateAction .u-backArrowIcon { top: 1px; margin-right: 3px; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .ChannelHistory-title .CreateAction > span:hover .u-backArrowIcon { --tw-translate-x: -0.125rem; 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)); } .stepNumber { display: inline-block; height: 30px; width: 30px; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(228 239 253 / var(--tw-bg-opacity, 1)); padding: 3px; text-align: center; font-size: 1rem; line-height: 1.5rem; font-weight: 700; line-height: 30px; --tw-text-opacity: 1; color: rgb(74 74 74 / var(--tw-text-opacity, 1)); } .line { position: absolute; width: 112px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } @media screen and (min-width: 768px) { .ChannelHistory-title .RightNode { position: absolute; right: 0px; top: 0px; } } .ChannelHistoryReleaseRow-wrapper { margin-top: 0.625rem; margin-bottom: 0.625rem; margin-left: 0px; margin-right: 0px; width: 100%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .ChannelHistoryReleaseRow.mobile-row { padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 0px; padding-right: 0px; } .ChannelHistoryReleaseRow-content .content-section { position: relative; padding: 0.625rem; } .ChannelHistoryReleaseRow-content .content-section p { font-size: 0.875rem; line-height: 1.25rem; } .ChannelHistoryReleaseRow-content .content-section.actions-section, .ChannelHistoryReleaseRow-content .content-section.airgap-section { padding-top: 0.375rem; padding-bottom: 0.375rem; } .ChannelHistoryReleaseRow-content .content-section.actions-section .icon-wrapper { margin-right: 0.625rem; } .ChannelHistoryReleaseRow-content .content-section.actions-section .icon-wrapper:last-child { margin-right: 0px; } .ChannelHistoryReleaseRow.inactive { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .ChannelHistoryReleaseRow.\!inactive { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .ChannelPatchSequence { border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(152 194 244 / var(--tw-bg-opacity, 1)); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.75rem; line-height: .75rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ChannelHistoryRequired { cursor: pointer; border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(255 241 217 / var(--tw-bg-opacity, 1)); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.75rem; line-height: .75rem; --tw-text-opacity: 1; color: rgb(235 181 92 / var(--tw-text-opacity, 1)); } .PageTitle { font-size: 29px; font-weight: 400; letter-spacing: 1px; --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); font-family: "Montserrat", sans-serif; } @media screen and (min-width: 768px) { .ChannelHistoryReleaseRow-header, .ChannelHistoryReleaseRow-content .content-section { padding: 15px; } .ChannelHistoryReleaseRow-content .content-section p { font-size: 15px; } .ChannelHistoryReleaseRow-content .content-section.actions-section, .ChannelHistoryReleaseRow-content .content-section.airgap-section { padding-top: 1rem; padding-bottom: 1rem; } } .ChannelRow-wrapper { width: 100%; min-width: 1000px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ChannelRow-wrapper:first-child { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ChannelRow-header { width: 100%; max-width: 200px; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding: 0.625rem; } .DetailLink-row { top: -0.125rem; right: 0px; cursor: pointer; font-size: 0.75rem; line-height: 1rem; font-weight: 500; line-height: 0; } .ChannelRow-content .content-section { position: relative; padding: 0.625rem; } .ChannelRow-content .content-section .icon.disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .ChannelRow-content .content-section .\!icon.disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .ChannelRow-content .content-section .icon.\!disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .ChannelRow-content .content-section .icon.disabled { background-blend-mode: overlay; } .ChannelRow-content .content-section .\!icon.disabled { background-blend-mode: overlay !important; } .ChannelRow-content .content-section .icon.\!disabled { background-blend-mode: overlay !important; } .ChannelRow-content .content-section .icon.disabled.u-gearIcon:hover { background-position: -55px -262px; } .ChannelRow-content .content-section .\!icon.disabled.u-gearIcon:hover { background-position: -55px -262px !important; } .ChannelRow-content .content-section .icon.\!disabled.u-gearIcon:hover { background-position: -55px -262px !important; } .ChannelRow-content .content-section .icon.disabled.u-trashIcon:hover { background-position: 0 -72px; } .ChannelRow-content .content-section .\!icon.disabled.u-trashIcon:hover { background-position: 0 -72px !important; } .ChannelRow-content .content-section .icon.\!disabled.u-trashIcon:hover { background-position: 0 -72px !important; } .Button.ChannelRow-content .content-section.has-border::after { display: block; width: 100%; } .ChannelRow-content .content-section.has-border::after { position: absolute; right: 0px; top: 0.375rem; display: block; height: 30px; width: 1px; --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); content: ""; } @media screen and (min-width: 1024px) { .ChannelRow-content .content-section, .ChannelRow-header { padding: 1.25rem; } .ChannelRow-content .content-section.has-border::after { top: 1rem; } } .RegistryUrl-wrapper code { padding-top: 11px; padding-bottom: 11px; padding-left: 14px; padding-right: 14px; } .ImagesRow-wrapper { width: 100%; min-width: 800px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ImagesRow-wrapper:first-child { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ImagesRow-content .content-section { position: relative; padding: 0.625rem; } .ImagesRow-content .content-section p { font-size: 0.875rem; line-height: 1.25rem; } @media screen and (min-width: 1024px) { .ImagesRow-content .content-section { padding: 1.25rem; } .ImagesRow-content .content-section p { font-size: 15px; } } .LicenseFieldRow-wrapper { width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .LicenseFieldRow.mobile-row { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0px; padding-right: 0px; } .LicenseFieldRow-content .content-section { position: relative; padding: 0.625rem; } .LicenseFieldRow-content .icon.disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .LicenseFieldRow-content .\!icon.disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .LicenseFieldRow-content .icon.\!disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .LicenseFieldRow-content .icon.disabled { background-blend-mode: overlay; } .LicenseFieldRow-content .\!icon.disabled { background-blend-mode: overlay !important; } .LicenseFieldRow-content .icon.\!disabled { background-blend-mode: overlay !important; } .LicenseFieldRow-content .icon.disabled.u-editIcon:hover { background-position: 0 -328px; } .LicenseFieldRow-content .\!icon.disabled.u-editIcon:hover { background-position: 0 -328px !important; } .LicenseFieldRow-content .icon.\!disabled.u-editIcon:hover { background-position: 0 -328px !important; } .LicenseFieldRow-content .content-section p { font-size: 0.875rem; line-height: 1.25rem; } @media screen and (min-width: 768px) { .LicenseFieldRow-content .content-section { padding: 1.25rem; } .LicenseFieldRow-content .content-section p { font-size: 15px; } } .channelInfo.icon { top: 0.125rem; margin-left: 0.625rem; } .channelInfo.\!icon { top: 0.125rem; margin-left: 0.625rem; } .docsLinkIcon.\!icon { top: 3px; left: 0.125rem; } .docsLinkIcon.icon { top: 3px; left: 0.125rem; } .docsLinkIcon.\!icon.checkbox-info { top: 0px; margin-bottom: -0.25rem; } .docsLinkIcon.icon.checkbox-info { top: 0px; margin-bottom: -0.25rem; } .LicenseSubPage-title.InstanceTitle h3 { padding-left: 150px; } .InstanceDetails .ReplicatedVersion-wrapper { min-width: 400px; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .LicenseRow-wrapper { width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 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: 200ms; } .LicenseRow-wrapper.inactive { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .LicenseRow-wrapper.\!inactive { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .LicenseRow-wrapper.is-archived { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .LicenseRow-wrapper:not(.no-hover):hover { cursor: pointer; --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowArchiveIcon.disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.\!disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.disabled { background-blend-mode: overlay; } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowArchiveIcon.disabled { background-blend-mode: overlay !important; } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.\!disabled { background-blend-mode: overlay !important; } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.disabled:hover { background-position: -324px 0; } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowArchiveIcon.disabled:hover { background-position: -324px 0 !important; } .LicenseRow-wrapper:not(.no-hover):hover .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.\!disabled:hover { background-position: -324px 0 !important; } .LicenseRow.mobile-row { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0px; padding-right: 0px; } .LicenseRow-content .content-section { position: relative; padding: 0.625rem; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowArchiveIcon.disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.\!disabled { cursor: not-allowed; background-color: rgb(255 255 255 / 0.5); } .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.disabled { background-blend-mode: overlay; } .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowArchiveIcon.disabled { background-blend-mode: overlay !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.\!disabled { background-blend-mode: overlay !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.disabled:hover { background-color: rgba(245, 248, 249, 0.5); background-position: -324px 0; } .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowArchiveIcon.disabled:hover { background-color: rgba(245, 248, 249, 0.5) !important; background-position: -324px 0 !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowArchiveIcon.\!disabled:hover { background-color: rgba(245, 248, 249, 0.5) !important; background-position: -324px 0 !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowUnarchiveIcon.disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowUnarchiveIcon.disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .LicenseRow-content .content-section.actions-section .icon.u-customerRowUnarchiveIcon.\!disabled { cursor: not-allowed; background-color: rgb(245 248 249 / 0.5); } .LicenseRow-content .content-section.actions-section .icon.u-customerRowUnarchiveIcon.disabled { background-blend-mode: overlay; } .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowUnarchiveIcon.disabled { background-blend-mode: overlay !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowUnarchiveIcon.\!disabled { background-blend-mode: overlay !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowUnarchiveIcon.disabled:hover { background-position: -348px 0; } .LicenseRow-content .content-section.actions-section .\!icon.u-customerRowUnarchiveIcon.disabled:hover { background-position: -348px 0 !important; } .LicenseRow-content .content-section.actions-section .icon.u-customerRowUnarchiveIcon.\!disabled:hover { background-position: -348px 0 !important; } .Button.LicenseRow-content .content-section.has-border::after { display: block; width: 100%; } .LicenseRow-content .content-section.has-border::after { position: absolute; right: 0px; top: 1rem; display: block; height: 30px; width: 1px; --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); content: ""; } .LicenseRow-content .content-section.status-section { padding-top: 0.375rem; padding-bottom: 0.375rem; } .LicenseRow-content .content-section.actions-section .icon-wrapper { margin-right: 0.625rem; } .LicenseRow-content .content-section.actions-section .icon-wrapper:last-child { margin-right: 0px; } .FixedTableHeader.LicenseTableHeader .title-section:last-child { justify-content: flex-end; } .LicenseRow-content .dropdownWrapper .u-backArrowIcon { top: 0.125rem; --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)); transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .LicenseRow-content .dropdownWrapper.is-active .u-backArrowIcon { --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)); } .LicenseRow-content .dropdownWrapper .Popover-wrapper.popover-bottom-left { top: 45px; } .assignedChannels { justify-content: center; border-radius: 0.187rem; --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-right: 0.625rem; padding-left: 0px; --tw-text-opacity: 1; color: rgb(115 163 205 / var(--tw-text-opacity, 1)); } .assignedChannels.ship { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.625rem; padding-right: 0.625rem; } .assignedChannels.active, .assignedChannels.inactive, .assignedChannel.other, .assignedChannel.in-process { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .assignedChannels.\!active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .assignedChannels.\!inactive { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .LicenseRow-wrapper .patch-available { border-radius: 30px; --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); padding-top: 5px; padding-bottom: 5px; padding-left: 0.5rem; padding-right: 0.5rem; } .AppStatus--wrapper { border-radius: 0.187rem; padding: 0.375rem; font-size: 0.75rem; font-weight: 500; line-height: .75rem; } .ready { --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(56 204 151 / var(--tw-text-opacity, 1)); } .unavailable { --tw-bg-opacity: 1; background-color: rgb(255 218 218 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .degraded { --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(235 181 92 / var(--tw-text-opacity, 1)); } .missing { --tw-bg-opacity: 1; background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .otherStatus { --tw-bg-opacity: 1; background-color: rgb(234 240 252 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(85 111 143 / var(--tw-text-opacity, 1)); } @media screen and (min-width: 768px) { .LicenseRow-content .content-section { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 0px; } .LicenseRow-content .content-section p { 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: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .LicenseRow-content .content-section.linked:hover p { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); } .LicenseRow-content .content-section.status-section { padding-top: 1rem; padding-bottom: 1rem; } } .Dropdown-content label { margin-left: 5px; cursor: pointer; user-select: none; } .CustomerManageHeader .hide-mobile { display: none; } .LicenseDetailBar-wrapper .BarOption { margin-bottom: 0.625rem; } .LicenseForm { padding-bottom: 50px; } .LicenseForm-row { margin-top: 0px; } .LicenseForm .multi-section .padding-left { margin-top: 30px; padding-left: 0px; } .LicenseForm .multi-section .padding-right { padding-right: 0px; } .LicenseSubPage-title h3 { padding-left: 100px; } .LicenseSubPage-title .CreateAction { position: absolute; left: 0px; top: 1px; } .LicenseSubHeader { margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 1.4; --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .CustomerManageHeader .title { margin-bottom: 1.25rem; } .CustomerManageHeader .\!title { margin-bottom: 1.25rem; } .LicenseSubPage-title .CreateAction > span:hover .u-backArrowIcon { --tw-translate-x: -0.125rem; 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)); } .LicenseForm .LicenseForm-padding { padding: 1.25rem; } .LicenseForm .LicenseForm-padding.Checkbox-padding { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.25rem; padding-right: 1.25rem; } .licenseButtonWrapper { z-index: 2; margin-left: 30px; margin-right: 30px; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 0px; } .emptySearch-state { position: absolute; top: 50%; right: 0px; left: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; max-width: 450px; --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)); } .licenseChannelSelectModal { max-width: 640px; } .channelNameTag { cursor: pointer; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 14px; padding-right: 14px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); 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: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .channelNameTag:hover { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .channelNameTag.is-defaultChannel { --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(56 204 151 / var(--tw-text-opacity, 1)); } .channelNameTag.is-defaultChannel:hover { --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); } .manage-customer-page-wrapper .CustomRadio { margin-top: 0.625rem; width: 100%; } .manage-customer-page-wrapper .CustomRadio:last-child { margin-right: 0px; } .archivedBanner { margin-bottom: 1.25rem; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); } .archivedBanner p { padding: 1.25rem; } .ManageCustomer-tab { margin-right: 14px; white-space: nowrap; } .ManageCustomer-tab:last-child { margin-right: 0px; } .ManageCustomer-tab a { position: relative; top: 0.25rem; cursor: pointer; border-radius: 0.187rem; padding-top: 7px; padding-bottom: 7px; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; background-color: rgba(237, 243, 252, 0); } .ManageCustomer-tab a:hover { --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); background-color: rgba(237, 243, 252, 0.5); } .ManageCustomer-tab.disabled { cursor: not-allowed; opacity: 0.5; } .ManageCustomer-tab.\!disabled { cursor: not-allowed; opacity: 0.5; } .ManageCustomer-tab.disabled a { pointer-events: none; } .ManageCustomer-tab.\!disabled a { pointer-events: none; } .ManageCustomer-tab.active a { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); font-weight: 500; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .ManageCustomer-tab.\!active a { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); font-weight: 500; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .licenseOptionsCheckbox { margin-top: 0.25rem; } .billing-details-warning { border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; padding-right: 0.75rem; } .replicated-studio-warning { border-radius: 0.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; padding-right: 0.75rem; background-color: rgba(59, 152, 252, 0.1); } .exp-disabled { user-select: none; opacity: 0.4; } .exp-disabled .Input, .exp-disabled select { pointer-events: none; cursor: not-allowed; } .empty-custom-rows { width: 100%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 1.25rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 22px; --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .ConfirmCustomerArchiveModal { max-width: 450px; } .SelectApp--wrapper { position: relative; z-index: 100; } .ConfirmCustomerArchiveModal .Button.primary { --tw-border-opacity: 1; border-color: rgb(188 71 82 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .ConfirmCustomerArchiveModal .Button.primary:hover { --tw-border-opacity: 1; border-color: rgb(152 34 45 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .Detail-bar.\!disabled, .Detail-bar .\!disabled { cursor: not-allowed; opacity: 0.5; } .Detail-bar.disabled, .Detail-bar .disabled { cursor: not-allowed; opacity: 0.5; } .Detail-bar.\!disabled, .Detail-bar .\!disabled { cursor: not-allowed; opacity: 0.5; } .Detail-bar.\!disabled div, .Detail-bar .\!disabled div { pointer-events: none; } .Detail-bar.disabled div, .Detail-bar .disabled div { pointer-events: none; } .Detail-bar.\!disabled div, .Detail-bar .\!disabled div { pointer-events: none; } @media screen and (max-width: 768px) { .LicenseContentTitle.mobile { margin-bottom: 0px !important; } .licenseButtonWrapper { margin: 0px; width: 100%; padding-left: 0px; padding-right: 0px; } .licenseButtonWrapper button { margin-right: 1.25rem; } } @media screen and (max-width: 1199px) { .CustomerManageHeader .Detail-bar p { display: none; } } @media screen and (min-width: 1200px) { .CustomerManageHeader .Detail-bar .Tooltip-wrapper { display: none; } } @media screen and (min-width: 768px) { .LicenseForm-row { margin-top: 2.5rem; } .auth-pages .ErrorBlock.CustomerManageHeader .hide-mobile { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .CustomerManageHeader .hide-mobile.flex-col { width: 100%; } .ErrorBlock.CustomerManageHeader .hide-mobile { display: flex; } .CustomerManageHeader .hide-mobile { display: flex; } .CustomerManageHeader .title { margin-bottom: 0px; } .LicenseDetailBar-wrapper .BarOption { margin-bottom: 0px; } .manage-customer-page-wrapper .CustomRadio { margin-top: 0px; margin-right: 0.625rem; } .LicenseForm .multi-section .padding-left { margin-top: 0px; padding-left: 18px; } .LicenseForm .multi-section .padding-right { padding-right: 18px; } .LicenseForm .LicenseForm-padding { padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 30px; padding-right: 30px; } .LicenseForm .LicenseForm-padding.Checkbox-padding { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 30px; padding-right: 30px; } .licenseButtonWrapper { padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 0px; } .CustomerManageHeader .\!title { margin-bottom: 0px; } } .ConfirmActionModal { width: 100%; max-width: 420px; } .ConfirmActionModal.ConfirmDeleteKey { max-width: 480px; } .LicenseFieldModal { width: 100%; max-width: 600px; } .LicenseFieldModal .FormSection-wrapper { padding-top: 0px; } .LicenseFieldModal .Modal-body { padding-top: 0px; } .CustomCheckbox { position: relative; margin-right: 0.625rem; } .CustomCheckbox.no-margin { margin: 0px; } .CustomCheckbox:last-child { margin-right: 0px; } .CustomCheckbox input[type=checkbox] { position: absolute; top: 11px; left: 0.625rem; z-index: 2; margin: 0px; cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; } .CustomCheckbox label { cursor: pointer; user-select: none; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.75rem; padding-right: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 1.5; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); transition-property: border; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .CustomCheckbox input[type=checkbox]:focus + label { border-color: #337AB7; } .CustomCheckbox label:hover, .CustomCheckbox input[type=checkbox]:hover + label { border-color: #C4C8CA; } .CustomCheckbox.is-checked label, .CustomCheckbox.is-checked:hover label, .CustomCheckbox.is-checked input[type=checkbox]:hover + label { --tw-border-opacity: 1; border-color: rgb(51 122 183 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .CustomCheckbox.is-disabled label, .CustomCheckbox.is-disabled input[type=checkbox] { cursor: not-allowed; } .CustomCheckbox.is-disabled label, .CustomCheckbox.is-disabled:hover label, .CustomCheckbox.is-disabled input[type=checkbox]:hover + label { --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .Modal.PreflightModal { top: 100px; width: 100%; max-width: 500px; transform: translate(-50%, 0); } .auth-pages .ErrorBlock.PreflightModal .Modal-body { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .PreflightModal .Modal-body.flex-col { width: 100%; } #SupportBundle-wrapper .FormSection-wrapper .flex.PreflightModal .Modal-body { width: 100%; } .ErrorBlock.PreflightModal .Modal-body { display: flex; } .PreflightModal .Modal-body { display: flex; flex: 1 1 0%; flex-direction: column; padding-left: 25px; padding-right: 25px; padding-top: 1.25rem; padding-bottom: 0.625rem; } .CurrentViewBody-wrapper { position: relative; max-height: 400px !important; overflow: auto; transition: height 0.1s ease-in-out 0.05s; } .CurrentViewBody { padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 0px; } .PreflightRow { padding-top: 14px; padding-bottom: 14px; padding-left: 0.625rem; padding-right: 0.625rem; } .PreflightRow.has-border { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .PreflightRow-title { margin-bottom: 3px; font-size: 1rem; line-height: 1.5rem; font-weight: 400; line-height: 18px; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .PreflightRow-title .LearnMore-link { margin-left: 5px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; } .PreflightRow-content { margin: 0px; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .RowIcon-wrapper { min-width: 50px; } .Button.PreflightErrorBlock { display: block; width: 100%; } .PreflightErrorBlock { box-sizing: border-box; display: block; width: 100%; border-radius: 0.187rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 11px; } .PreflightErrorBlock p { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .PromoteModal .Modal-body { padding-top: 0px; } .channelOptions-section { max-height: 180px; overflow: auto; } .auth-pages .ErrorBlock.kubernetes-note { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .kubernetes-note.flex-col { width: 100%; } .ErrorBlock.kubernetes-note { display: flex; } .kubernetes-note { display: flex; justify-content: space-between; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding: 0.625rem; font-size: 0.75rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .replicatedStudioModal { max-width: 430px; padding: 50px !important; } .replicatedStudioModal a.Button { max-width: 180px; text-align: center; } .ChannelCheckbox { position: relative; margin-right: 0.625rem; margin-top: 0.625rem; } .ChannelCheckbox:last-child { margin-right: 0px; } .FormLabel.channel-label { margin-bottom: 5px; } /* channel checkbox */ .ChannelCheckbox input[type=checkbox] { position: absolute; top: 14px; left: 0.625rem; z-index: 2; margin: 0px; cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; } .ChannelCheckbox label { z-index: 1; cursor: pointer; user-select: none; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.75rem; padding-right: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 1.5; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); transition-property: border; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .ChannelCheckbox input[type=checkbox]:focus + label { border-color: #337AB7; } .ChannelCheckbox label:hover, .ChannelCheckbox input[type=checkbox]:hover + label { border-color: #C4C8CA; } .ChannelCheckbox.is-disabled label, .ChannelCheckbox.is-behind label, .ChannelCheckbox.is-behind input[type=checkbox], .ChannelCheckbox.is-disabled input[type=checkbox] { cursor: not-allowed; } .ChannelCheckbox.is-checked label, .ChannelCheckbox.is-checked:hover label, .ChannelCheckbox.is-checked input[type=checkbox]:hover + label { --tw-border-opacity: 1; border-color: rgb(51 122 183 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .ChannelCheckbox.is-default label, .ChannelCheckbox.is-default:hover label, .ChannelCheckbox.is-default input[type=checkbox]:hover + label { --tw-border-opacity: 1; border-color: rgb(56 204 151 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); } .ChannelCheckbox.is-behind label, .ChannelCheckbox.is-behind:hover label, .ChannelCheckbox.is-behind input[type=checkbox]:hover + label { --tw-border-opacity: 1; border-color: rgb(235 181 92 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); } .ChannelCheckbox.is-behind input[type=checkbox] { opacity: 0.2; } .ChannelCheckbox.is-disabled label, .ChannelCheckbox.is-disabled:hover label, .ChannelCheckbox.is-disabled input[type=checkbox]:hover + label { --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .rows-wrapper > div { padding-top: 1px; } .ReleaseRow-wrapper { position: relative; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .Patch-wrapper { position: relative; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .Patch-wrapper .overlay { position: absolute; left: -1px; top: -1px; z-index: 1; height: 100%; width: 100%; cursor: pointer; background-color: transparent; } .Patch-wrapper .overlay.disabled { pointer-events: none; } .Patch-wrapper .overlay.\!disabled { pointer-events: none; } .Patch-wrapper .overlay.disabled { background: rgba(128, 128, 134, 0.05); border: solid 1px rgba(128, 128, 134, 0.05); } .Patch-wrapper .overlay.\!disabled { background: rgba(128, 128, 134, 0.05) !important; border: solid 1px rgba(128, 128, 134, 0.05) !important; } .Patch-wrapper .overlay.selected { background: rgba(51, 122, 183, 0.1); border: solid 1px #337AB7; } .Patch-wrapper .overlay.\!selected { background: rgba(51, 122, 183, 0.1) !important; border: solid 1px #337AB7 !important; } .Patch-wrapper .overlay.hidden { display: none; } .Patch-wrapper .overlay.\!hidden { display: none !important; } .Patch-wrapper .checkbox { height: 1rem; width: 1rem; align-self: center; border-radius: 0.187rem; border: solid 1px #337AB7; } .Patch-wrapper .checkbox.checked { --tw-bg-opacity: 1; background-color: rgb(51 122 183 / var(--tw-bg-opacity, 1)); } .Patch-wrapper .checkbox.\!checked { --tw-bg-opacity: 1; background-color: rgb(51 122 183 / var(--tw-bg-opacity, 1)); } .Patch-wrapper .checkbox.checked { background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg"); background-position: 2px -501px; } .Patch-wrapper .checkbox.\!checked { background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg") !important; background-position: 2px -501px !important; } .Patch-wrapper .checkbox.disabled { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .Patch-wrapper .checkbox.\!disabled { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .Patch-wrapper:last-child { border-bottom-width: 0px; } .ReleaseRow-wrapper:last-child { border-bottom-width: 0px; } .ReleaseRow-wrapper.ship-vendor-row:first-child { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ReleaseRow-wrapper .overlay { position: absolute; left: -1px; top: -1px; z-index: 1; height: 100%; width: 100%; cursor: pointer; background-color: transparent; } .ReleaseRow-wrapper .overlay.disabled { pointer-events: none; } .ReleaseRow-wrapper .overlay.\!disabled { pointer-events: none; } .ReleaseRow-wrapper .overlay.disabled { background: rgba(128, 128, 134, 0.05); border: solid 1px rgba(128, 128, 134, 0.05); } .ReleaseRow-wrapper .overlay.\!disabled { background: rgba(128, 128, 134, 0.05) !important; border: solid 1px rgba(128, 128, 134, 0.05) !important; } .ReleaseRow-wrapper .overlay.selected { background: rgba(51, 122, 183, 0.1); border: solid 1px #337AB7; } .ReleaseRow-wrapper .overlay.\!selected { background: rgba(51, 122, 183, 0.1) !important; border: solid 1px #337AB7 !important; } .ReleaseRow-wrapper .overlay.hidden { display: none; } .ReleaseRow-wrapper .overlay.\!hidden { display: none !important; } .ReleaseRow-wrapper .checkbox { height: 1rem; width: 1rem; align-self: center; border-radius: 0.187rem; border: solid 1px #337AB7; } .ReleaseRow-wrapper .checkbox.checked { --tw-bg-opacity: 1; background-color: rgb(51 122 183 / var(--tw-bg-opacity, 1)); } .ReleaseRow-wrapper .checkbox.\!checked { --tw-bg-opacity: 1; background-color: rgb(51 122 183 / var(--tw-bg-opacity, 1)); } .ReleaseRow-wrapper .checkbox.checked { background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg"); background-position: 2px -501px; } .ReleaseRow-wrapper .checkbox.\!checked { background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg") !important; background-position: 2px -501px !important; } .ReleaseRow-wrapper .checkbox.disabled { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ReleaseRow-wrapper .checkbox.\!disabled { border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ReleaseRow.mobile-row { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0px; padding-right: 0px; } .ReleaseRow-content .content-section { position: relative; padding: 0.625rem; } .ReleaseRow-content .content-section p { font-size: 0.875rem; line-height: 1.25rem; } .ReleaseRow-content .content-section.actions-section, .ReleaseRow-content .content-section.has-channels { padding-top: 0.375rem; padding-bottom: 0.375rem; } .ReleaseRow-content .content-section.actions-section .icon-wrapper { margin-right: 0.625rem; } .ReleaseRow-content .content-section.actions-section .icon-wrapper:last-child { margin-right: 0px; } .ReleaseRow-content .dropdownWrapper .u-backArrowIcon { top: 0.125rem; --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)); transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ReleaseRow-content .dropdownWrapper.is-active .u-backArrowIcon { --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)); } @media screen and (min-width: 768px) { .ReleaseRow-content .content-section { padding: 1.25rem; } .ReleaseRow-content .content-section p { font-size: 15px; } .ReleaseRow-content .content-section.actions-section, .ReleaseRow-content .content-section.has-channels { padding-top: 1rem; padding-bottom: 1rem; } } .Paging-wrapper { visibility: hidden; height: 0px; transition-property: all; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .Paging-wrapper.is-visible { visibility: visible; height: 18px; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0px; padding-right: 0px; } .\!icon.previous { transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .icon.previous { transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .\!icon.previous { transform: rotate(90deg) translateY(0) !important; } .icon.previous { transform: rotate(90deg) translateY(0); } .\!icon.next { transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .icon.next { transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .\!icon.next { transform: rotate(-90deg) translateY(0) !important; } .icon.next { transform: rotate(-90deg) translateY(0); } .arrow-wrapper p:hover .icon.next { transform: rotate(-90deg) translateY(3px); } .arrow-wrapper p:hover .\!icon.next { transform: rotate(-90deg) translateY(3px) !important; } .arrow-wrapper p:hover .icon.icon.previous { transform: rotate(90deg) translateY(3px); } .arrow-wrapper p:hover .\!icon.\!icon.previous { transform: rotate(90deg) translateY(3px) !important; } .archive-releases-link p { line-height: 17px; } .archive-releases-link p:hover { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .archive-releases-link p:hover span { background-position: -89px -525px; } .archive-buttons button { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; } .archive-buttons button:first-of-type { margin-right: 5px; } .bulk-archive--on .title-section:first-of-type, .bulk-archive--off .title-section:last-of-type { display: initial; } .bulk-archive--on .title-section:first-of-type .FixedTableHeader-title { background-image: url("https://vendor.staging.replicated.com/assets/main_spritesheet-BM-qK6rF.svg"); background-position: 0px -515px; overflow: hidden; width: 22px; height: 14px; } .bulk-archive--off .title-section:first-of-type, .bulk-archive--on .title-section:last-of-type { display: none; } .replicatedStudioHeader { display: none; } .replicatedStudioHeader.ship-vendor { --tw-bg-opacity: 1; background-color: rgb(188 202 205 / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 13px; padding-bottom: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .replicatedStudioHeader.ship { --tw-bg-opacity: 1; background-color: rgb(56 204 151 / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 13px; padding-bottom: 0.75rem; text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .archive-releases-link { position: relative; top: 1px; } .active-releases-empty { border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 25px; text-align: center; } .ActiveReleases-collapsed { position: relative; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } @media screen and (min-width: 768px) { .replicatedStudioHeader .icon { position: relative; top: 0.5rem; } .Button.replicatedStudioHeader:not(.ship-vendor .ship) { display: block; width: 100%; } .replicatedStudioHeader:not(.ship-vendor .ship) { display: block; } .Button.replicatedStudioHeader.ship-vendor { display: block; width: 100%; } .replicatedStudioHeader.ship-vendor { display: block; } .Button.replicatedStudioHeader.ship { display: block; width: 100%; } .replicatedStudioHeader.ship { display: block; } .replicatedStudioHeader .\!icon { position: relative; top: 0.5rem; } } .ContentToggle-wrapper { position: relative; border-radius: 5px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(188 202 205 / var(--tw-border-opacity, 1)); } .ContentToggle-content { position: relative; cursor: pointer; padding-left: 5px; padding-right: 5px; padding-top: 0.25rem; padding-bottom: 5px; text-align: center; font-size: 0.75rem; font-weight: 500; line-height: .75rem; --tw-text-opacity: 1; color: rgb(188 202 205 / var(--tw-text-opacity, 1)); } .ContentToggle-content.is-active { --tw-bg-opacity: 1; background-color: rgb(188 202 205 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .Button.ContentToggle-content:not(:first-child)::before { display: block; width: 100%; } .ContentToggle-content:not(:first-child)::before { position: absolute; top: 0.25rem; left: -1px; display: block; height: 13px; width: 1px; --tw-bg-opacity: 1; background-color: rgb(188 202 205 / var(--tw-bg-opacity, 1)); content: ""; } .ContentToggle-content:not(:first-child).is-active::before { display: none; } /* Channel toggle icons */ .ContentToggle-content .grid-icon { background-position: 0 0; width: 23px; height: 6px; } .ContentToggle-content:hover .grid-icon { background-position: 0 -8px; } .ContentToggle-content.is-active .grid-icon, .ContentToggle-content.is-active:hover .grid-icon { background-position: 0 -16px; } .ContentToggle-content .list-icon { background-position: 0 -24px; width: 23px; height: 14px; } .ContentToggle-content:hover .list-icon { background-position: 0 -40px; } .ContentToggle-content.is-active .list-icon, .ContentToggle-content.is-active:hover .list-icon { background-position: 0 -56px; } /* Release toggle */ .releaseView-toggle .ContentToggle-content { min-width: 80px; } .toggle-notification { pointer-events: none; position: absolute; top: 0.125rem; right: 1.25rem; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(188 202 205 / var(--tw-bg-opacity, 1)); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 5px; padding-right: 5px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; line-height: 1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .toggle-notification.warn { --tw-bg-opacity: 1; background-color: rgb(235 181 92 / var(--tw-bg-opacity, 1)); } .toggle-notification.error { --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); } .toggle-notification.\!error { --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); } .Dropdown-wrapper { display: none; position: absolute; z-index: 410; width: auto; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .Button.Dropdown-wrapper.is-active { display: block; width: 100%; } .Dropdown-wrapper.is-active { display: block; } .Dropdown-wrapper .Dropdown-content { border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 18px; --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .Dropdown-wrapper::after { position: absolute; height: 0.625rem; width: 0.625rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); content: ""; } /* bottom-center (default) */ .Dropdown-wrapper.dropdown-bottom-center { left: 50%; right: 50%; top: 100%; --tw-translate-x: -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)); padding-top: 0.625rem; } .Dropdown-wrapper.dropdown-bottom-center::after { left: 50%; top: 0.375rem; transform: translateX(-50%) rotate(45deg); box-shadow: -1px -1px #C4C8CA; } /* top-center */ .Dropdown-wrapper.dropdown-top-center { left: 50%; right: 50%; bottom: 100%; --tw-translate-x: -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)); padding-bottom: 0.625rem; } .Dropdown-wrapper.dropdown-top-center::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); left: 50%; transform: translateX(-50%); } /* top-left */ .Dropdown-wrapper.dropdown-top-left { left: auto; right: -0.5rem; bottom: 100%; padding-bottom: 0.625rem; } .Dropdown-wrapper.dropdown-top-left::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); right: 12px; } /* bottom-left */ .Dropdown-wrapper.dropdown-bottom-left { left: auto; right: 0px; top: 100%; padding-top: 0.625rem; } .Dropdown-wrapper.dropdown-bottom-left::after { transform: rotate(45deg); right: 12px; top: 6px; box-shadow: -1px -1px #C4C8CA; } .licensesHeader .searchCustomers { min-width: 180px; } .licensesHeader .dropdown-trigger { position: absolute; right: 1px; top: 0.5rem; cursor: pointer; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding-top: 0px; padding-bottom: 0px; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: .75rem; } @media screen and (min-width: 768px) { .licensesHeader .searchCustomers { min-width: 300px; } } .FixedTableHeader-wrapper { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .FixedTableHeader-title { position: relative; margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 1; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .FixedTableHeader-title.sortable:hover { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); } .FixedTableHeader-title .SortArrow { position: absolute; right: -1.5rem; top: 3px; transition-property: transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .title-section.asc .FixedTableHeader-title .SortArrow { --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)); } .FixedTableHeader-title .LabelIcon { position: absolute; right: -26px; top: -1px; } .FixedTableHeader-content .title-section { padding: 1.25rem; } .Popover-wrapper { display: none; position: absolute; z-index: 100; width: auto; } .Button.Popover-wrapper.is-active { display: block; width: 100%; } .Popover-wrapper.is-active { z-index: 410; display: block; } .Popover-wrapper .Popover-content { border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0px; text-align: left; } .Popover-wrapper::after { position: absolute; height: 0px; width: 0px; content: ""; } /* bottom-left */ .Popover-wrapper.popover-bottom-left { left: auto; right: -0.75rem; top: 100%; padding-top: 0.5rem; } .Popover-wrapper.popover-bottom-left::after { right: 14px; top: 0.25rem; height: 0.75rem; width: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); box-shadow: -1px -1px 0 #C4C8CA; transform: rotate(45deg); } /* top-left */ .Popover-wrapper.popover-top-left { left: auto; right: -0.75rem; bottom: 100%; padding-bottom: 0.5rem; } .Popover-wrapper.popover-top-left::after { right: 14px; bottom: 0.25rem; height: 0.75rem; width: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); box-shadow: -1px -1px 0 #C4C8CA; transform: rotate(-135deg); } .PopoverItem:last-child .PopoverLabel { border-bottom-width: 0px; } .Button.PopoverItem .PopoverLabel { display: block; width: 100%; } .PopoverItem .PopoverLabel { display: block; cursor: pointer; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); padding: 14px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1; --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); 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: 200ms; } .PopoverItem:hover .PopoverLabel { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); } @media screen and (min-width: 1024px) { .PopoverItem .PopoverLabel { font-size: 1rem; line-height: 1.5rem; } } .Tag-wrapper { margin-right: 5px; } .Tag-wrapper:last-child { margin-right: 0px; } .Tag-wrapper .Tag-content { position: relative; border-radius: 0.125rem; padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 5px; text-align: center; } .Tag-content .icon { right: -0.375rem; top: 0.25rem; margin-top: -0.25rem; } .Tag-content .\!icon { right: -0.375rem; top: 0.25rem; margin-top: -0.25rem; } .Tag-wrapper .Tag-content span { font-size: 0.75rem; line-height: 1rem; } .Tag-wrapper.active .Tag-content { --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(60 118 61 / var(--tw-text-opacity, 1)); } .Tag-wrapper.\!active .Tag-content { --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(60 118 61 / var(--tw-text-opacity, 1)); } .Tag-wrapper.inactive .Tag-content { --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .Tag-wrapper.\!inactive .Tag-content { --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .Tag-wrapper.other .Tag-content { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .Tag-wrapper.in-process .Tag-content { --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(235 181 92 / var(--tw-text-opacity, 1)); } .Tag-wrapper.pending .Tag-content { --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } /* v2 tag */ .Tag-wrapper.new-tag .Tag-content { min-width: 23px; border-radius: 0.187rem; padding-top: 1px; padding-bottom: 1px; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-left: 18px; } .Tag-wrapper.new-tag.active .Tag-content, .Tag-wrapper.new-tag.inactive .Tag-content, .Tag-wrapper.new-tag.other .Tag-content, .Tag-wrapper.new-tag.in-process .Tag-content { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.\!active .Tag-content { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.\!inactive .Tag-content { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.active .Tag-content { --tw-text-opacity: 1; color: rgb(56 204 151 / var(--tw-text-opacity, 1)); } .Tag-wrapper.new-tag.\!active .Tag-content { --tw-text-opacity: 1; color: rgb(56 204 151 / var(--tw-text-opacity, 1)); } .Tag-wrapper.new-tag.inactive .Tag-content { --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .Tag-wrapper.new-tag.\!inactive .Tag-content { --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .Tag-wrapper.new-tag .Tag-content span::before { position: absolute; top: 0.5rem; left: 0.375rem; display: inline-block; height: 0.375rem; width: 0.375rem; border-radius: 9999px; content: ""; } .Tag-wrapper.new-tag.active .Tag-content span::before { --tw-bg-opacity: 1; background-color: rgb(56 204 151 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.\!active .Tag-content span::before { --tw-bg-opacity: 1; background-color: rgb(56 204 151 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.inactive .Tag-content span::before { --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.\!inactive .Tag-content span::before { --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); } .Tag-wrapper.new-tag.no-status .Tag-content { padding-top: 1px; padding-bottom: 1px; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; } .Tag-wrapper.new-tag.no-status .Tag-content span::before { display: none; } @media screen and (min-width: 1024px) { .Tag-wrapper .Tag-content { padding-top: 0.375rem; padding-left: 15px; padding-right: 15px; padding-bottom: 0.5rem; } .Tag-wrapper .Tag-content span { font-size: 0.875rem; line-height: 1.25rem; } .Tag-wrapper.new-tag .Tag-content span { font-size: 0.75rem; line-height: 1rem; } } .Tooltip-wrapper { display: none; position: absolute; z-index: 100; width: auto; } .Button.Tooltip-wrapper.is-active { display: block; width: 100%; } .Tooltip-wrapper.is-active { display: block; } .Button.Tooltip-wrapper .Tooltip-content { display: block; width: 100%; } .Tooltip-wrapper .Tooltip-content { display: block; border-radius: 0.187rem; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.375rem; padding-right: 0.375rem; text-align: center; font-size: 0.75rem; font-weight: 500; line-height: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); background-color: rgba(74, 74, 74, 0.9); } .Button.Tooltip-wrapper::after { display: block; width: 100%; } .Tooltip-wrapper::after { position: absolute; display: block; height: 0px; width: 0px; content: ""; } /* top-center (default) */ .Tooltip-wrapper.tooltip-top-center { left: 50%; right: 50%; bottom: 100%; --tw-translate-x: -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)); padding-bottom: 0.5rem; } .Tooltip-wrapper.tooltip-top-center::after { left: 50%; --tw-translate-x: -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)); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); } /* top-mid-right */ .Tooltip-wrapper.tooltip-top-mid-right { bottom: 100%; --tw-translate-x: -33.333333%; 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)); padding-bottom: 0.5rem; } .Tooltip-wrapper.tooltip-top-mid-right::after { left: 34%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); } /* fixed top */ .Tooltip-wrapper.tooltip-fixed-top { left: auto; right: -0.5rem; top: 5px; padding-bottom: 0.5rem; } .Tooltip-wrapper.tooltip-fixed-top::after { left: 20%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); } /* top-left */ .Tooltip-wrapper.tooltip-top-left { left: auto; right: -0.5rem; bottom: 100%; padding-bottom: 0.5rem; } .Tooltip-wrapper.tooltip-top-left::after { right: 0.75rem; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); } /* top-right */ .Tooltip-wrapper.tooltip-top-right { right: auto; left: -0.5rem; bottom: 100%; padding-bottom: 0.5rem; } .Tooltip-wrapper.tooltip-top-right::after { left: 0.75rem; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(74, 74, 74, 0.9); } /* bottom-center */ .Tooltip-wrapper.tooltip-bottom-center { left: 50%; right: 50%; top: 100%; --tw-translate-x: -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)); padding-top: 0.5rem; } .Tooltip-wrapper.tooltip-bottom-center::after { left: 50%; top: 3px; --tw-translate-x: -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)); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(74, 74, 74, 0.9); } /* bottom-left */ .Tooltip-wrapper.tooltip-bottom-left { left: auto; right: -0.5rem; top: 100%; padding-top: 0.5rem; } .Tooltip-wrapper.tooltip-bottom-left::after { right: 0.75rem; top: 3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(74, 74, 74, 0.9); } /* bottom-right */ .Tooltip-wrapper.tooltip-bottom-right { right: auto; left: -0.5rem; top: 100%; padding-top: 0.5rem; } .Tooltip-wrapper.tooltip-bottom-right::after { left: 0.75rem; top: 3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(74, 74, 74, 0.9); } /* custom-release-required */ .Tooltip-wrapper.tooltip-custom-release-required { top: 75%; padding-top: 0.5rem; transform: translate(-75%, -100%); } .Tooltip-wrapper.tooltip-custom-release-required::after { left: 80%; top: 3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(74, 74, 74, 0.9); } .enforceOtpForm { border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); padding-top: 18px; padding-bottom: 18px; padding-left: 1.25rem; padding-right: 1.25rem; } .toggle > div { height: 25px; } .toggle .content-section { padding-bottom: 5px; } .options.disabled { pointer-events: none; opacity: 0.5; } .options.\!disabled { pointer-events: none; opacity: 0.5; } .CodeHelp-wrapper { border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .CodeHelp-wrapper .CodeHelp-header { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1rem; } .CodeHelp-wrapper .ConsoleBlock { padding: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; } .CodeHelp-wrapper .ConsoleBlock .icon { position: relative; top: 1px; } .CodeHelp-wrapper .ConsoleBlock .\!icon { position: relative; top: 1px; } .CodeHelp-wrapper .ConsoleBlock.error { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(255 218 218 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .CodeHelp-wrapper .ConsoleBlock.\!error { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(255 218 218 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .CodeHelp-wrapper .ConsoleBlock.warn { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(249 232 203 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .CodeHelp-wrapper .ConsoleBlock.info { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } @font-face { font-family: "Montserrat"; src: url('https://vendor.staging.replicated.com/assets/Montserrat-VariableFont_wght-DI3p5GXo.ttf') format('truetype-variations'); font-weight: 100 900; font-style: normal; } .replicated-config .config-group .\!input { margin: 2px 0 !important; } .replicated-config .config-group .input { margin: 2px 0; } .replicated-config .config-group .input-type-text .readonly { background-color: #C4C8CA; cursor: text; } .replicated-config .config-group .input-type-text .readonly::-webkit-input-placeholder { color: #323232; } .replicated-config .config-group .input-type-file { display: table; } .replicated-config .config-group .input-type-file > div { display: table-row; } .replicated-config .config-group .input-type-file > div > * { display: table-cell; vertical-align: middle; padding-right: 7px; } .replicated-config .config-group .btn .text-muted { text-shadow: none; } .replicated-config-outer b, .replicated-config-outer strong { font-weight: bold; } .replicated-config-outer small { font-size: 80%; } .replicated-config-outer hr { box-sizing: content-box; height: 0; } .replicated-config-outer button { overflow: visible; } .replicated-config-outer button, .replicated-config-outer select { text-transform: none; } .replicated-config-outer button, .replicated-config-outer html input[type=button], .replicated-config-outer input[type=reset], .replicated-config-outer input[type=submit] { -webkit-appearance: button; cursor: pointer; } .replicated-config-outer button[disabled], .replicated-config-outer html input[disabled] { cursor: default; } .replicated-config-outer button::-moz-focus-inner, .replicated-config-outer input::-moz-focus-inner { border: 0; padding: 0; } .replicated-config-outer input { line-height: normal; } .replicated-config-outer input[type=checkbox], .replicated-config-outer input[type=radio] { box-sizing: border-box; padding: 0; } .replicated-config-outer input[type=number]::-webkit-inner-spin-button, .replicated-config-outer input[type=number]::-webkit-outer-spin-button { height: auto; } .replicated-config-outer input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } .replicated-config-outer input[type=search]::-webkit-search-cancel-button, .replicated-config-outer input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } .replicated-config-outer textarea { overflow: auto; } .replicated-config-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .replicated-config-outer *:before, .replicated-config-outer *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .replicated-config-outer input, .replicated-config-outer button, .replicated-config-outer select, .replicated-config-outer textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; } .replicated-config-outer a { color: #337AB7; text-decoration: none; background-color: transparent; } .replicated-config-outer a:hover, .replicated-config-outer a:focus { color: #235784; text-decoration: underline; outline: 0; } .replicated-config-outer a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .replicated-config-outer hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .replicated-config-outer h3 { font-size: 24px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .replicated-config-outer p { margin: 0 0 10px; } .replicated-config-outer small, .replicated-config-outer .small { font-size: 85%; } .replicated-config-outer .text-muted { color: #717171; } .replicated-config-outer .text-success { color: #3c763d; } .replicated-config-outer .text-danger { color: #BC4752; } .replicated-config-outer .row { margin-left: -15px; margin-right: -15px; } .replicated-config-outer .\!row { margin-left: -15px !important; margin-right: -15px !important; } .replicated-config-outer .col-sm-6, .col-md-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .replicated-config-outer .col-xs-12 { width: 100%; float: left; } @media (min-width: 768px) { .replicated-config-outer .col-sm-6 { float: left; width: 50%; } } @media (min-width: 992px) { .replicated-config-outer .col-md-11 { width: 91.66666667%; float: left; } } .replicated-config-outer label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .replicated-config-outer input[type=radio], .replicated-config-outer input[type=checkbox] { margin: 0; line-height: normal; } .replicated-config-outer input[type=file] { display: block; } .replicated-config-outer select[multiple], .replicated-config-outer select[size] { height: auto; } .replicated-config-outer input[type=file]:focus, .replicated-config-outer input[type=radio]:focus, .replicated-config-outer input[type=checkbox]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .replicated-config-outer .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #585858; background-color: white; background-image: none; border: 1px solid #C4C8CA; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .replicated-config-outer .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .replicated-config-outer .form-control::-moz-placeholder { color: #959595; opacity: 1; } .replicated-config-outer .form-control:-ms-input-placeholder { color: #959595; } .replicated-config-outer .form-control::-webkit-input-placeholder { color: #959595; } .replicated-config-outer .form-control::-ms-expand { border: 0; background-color: transparent; } textarea.replicated-config-outer .form-control { height: auto; } .replicated-config-outer input[type=search] { -webkit-appearance: none; } .replicated-config-outer .form-group { margin-bottom: 15px; } .replicated-config-outer .radio, .replicated-config-outer .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .replicated-config-outer .radio label, .replicated-config-outer .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .replicated-config-outer .radio input[type=radio] .replicated-config-outer .checkbox input[type=checkbox] { position: absolute; margin-left: -20px; } .replicated-config-outer .radio + .radio, .replicated-config-outer .checkbox + .checkbox { margin-top: -5px; } .replicated-config-outer .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .replicated-config-outer .btn:focus, .replicated-config-outer .btn:active:focus, .replicated-config-outer .btn.active:focus, .replicated-config-outer .btn.focus, .replicated-config-outer .btn:active.focus, .replicated-config-outer .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .replicated-config-outer .btn.\!active:focus, .replicated-config-outer .btn.\!active.focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn.\!focus, .replicated-config-outer .btn:active.\!focus, .replicated-config-outer .btn.active.\!focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn.\!active:focus, .replicated-config-outer .btn.\!active.focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn.\!focus, .replicated-config-outer .btn:active.\!focus, .replicated-config-outer .btn.active.\!focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px !important; } .replicated-config-outer .btn:hover, .replicated-config-outer .btn:focus, .replicated-config-outer .btn.focus { color: #323232; text-decoration: none; } .replicated-config-outer .btn.\!focus { color: #323232 !important; text-decoration: none !important; } .replicated-config-outer .btn:active, .replicated-config-outer .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .replicated-config-outer .btn.\!active { outline: 0 !important; background-image: none !important; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .replicated-config-outer .btn-default { color: #323232; background-color: white; border-color: #C4C8CA; } .replicated-config-outer .btn-default:focus, .replicated-config-outer .btn-default.focus { color: #323232; background-color: #DEDEDE; border-color: #717171; } .replicated-config-outer .btn-default.\!focus { color: #323232 !important; background-color: #DEDEDE !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:hover { color: #323232; background-color: #DEDEDE; border-color: #b3b3b3; } .replicated-config-outer .btn-default:active, .replicated-config-outer .btn-default.active { color: #323232; background-color: #DEDEDE; border-color: #b3b3b3; } .replicated-config-outer .btn-default.\!active { color: #323232 !important; background-color: #DEDEDE !important; border-color: #b3b3b3 !important; } .replicated-config-outer .btn-default:active:hover, .replicated-config-outer .btn-default.active:hover, .replicated-config-outer .btn-default:active:focus, .replicated-config-outer .btn-default.active:focus, .replicated-config-outer .btn-default:active.focus, .replicated-config-outer .btn-default.active.focus { color: #323232; background-color: #DEDEDE; border-color: #717171; } .replicated-config-outer .btn-default.\!active:hover, .replicated-config-outer .btn-default.\!active:focus, .replicated-config-outer .btn-default.\!active.focus { color: #323232 !important; background-color: #DEDEDE !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:active.\!focus, .replicated-config-outer .btn-default.active.\!focus { color: #323232 !important; background-color: #DEDEDE !important; border-color: #717171 !important; } .replicated-config-outer .btn-default.\!active:hover, .replicated-config-outer .btn-default.\!active:focus, .replicated-config-outer .btn-default.\!active.focus { color: #323232 !important; background-color: #DEDEDE !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:active.\!focus, .replicated-config-outer .btn-default.active.\!focus { color: #323232 !important; background-color: #DEDEDE !important; border-color: #717171 !important; } .replicated-config-outer .btn-default:active, .replicated-config-outer .btn-default.active { background-image: none; } .replicated-config-outer .btn-default.\!active { background-image: none !important; } .replicated-config-outer .btn-info { color: white; background-color: #5bc0de; border-color: #46b8da; } .replicated-config-outer .btn-info:focus, .replicated-config-outer .btn-info.focus { color: white; background-color: #31b0d5; border-color: #1b6d85; } .replicated-config-outer .btn-info.\!focus { color: white !important; background-color: #31b0d5 !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:hover { color: white; background-color: #31b0d5; border-color: #269abc; } .replicated-config-outer .btn-info:active, .replicated-config-outer .btn-info.active { color: white; background-color: #31b0d5; border-color: #269abc; } .replicated-config-outer .btn-info.\!active { color: white !important; background-color: #31b0d5 !important; border-color: #269abc !important; } .replicated-config-outer .btn-info:active:hover, .replicated-config-outer .btn-info.active:hover, .replicated-config-outer .btn-info:active:focus, .replicated-config-outer .btn-info.active:focus, .replicated-config-outer .btn-info:active.focus, .replicated-config-outer .btn-info.active.focus { color: white; background-color: #269abc; border-color: #1b6d85; } .replicated-config-outer .btn-info.\!active:hover, .replicated-config-outer .btn-info.\!active:focus, .replicated-config-outer .btn-info.\!active.focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:active.\!focus, .replicated-config-outer .btn-info.active.\!focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info.\!active:hover, .replicated-config-outer .btn-info.\!active:focus, .replicated-config-outer .btn-info.\!active.focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:active.\!focus, .replicated-config-outer .btn-info.active.\!focus { color: white !important; background-color: #269abc !important; border-color: #1b6d85 !important; } .replicated-config-outer .btn-info:active, .replicated-config-outer .btn-info.active { background-image: none; } .replicated-config-outer .btn-info.\!active { background-image: none !important; } .replicated-config-outer .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .replicated-config-outer .clearfix:before, .replicated-config-outer .clearfix:after { content: " "; display: table; } .replicated-config-outer .clearfix:after { clear: both; } .replicated-config-outer .hidden { display: none !important; } .replicated-config-outer .\!hidden { display: none !important; } .replicated-config-outer .pull-left { float: left !important; } .ViewRelease-title h3 { margin-top: 0px; padding-left: 110px; padding-top: 0px; } .ViewRelease-title .CreateAction { position: absolute; left: 0px; top: 3px; } .ViewRelease-title .CreateAction > span:hover { text-decoration-line: none; } .ViewRelease-title .CreateAction .u-backArrowIcon { top: 1px; margin-right: 3px; --tw-text-opacity: 1; color: rgb(82 127 134 / var(--tw-text-opacity, 1)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .ViewRelease-title .CreateAction > span:hover .u-backArrowIcon { --tw-translate-x: -0.125rem; 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-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .EditorWrapper { overflow: hidden; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .ToggleMenu-button-policy .\!icon { margin-left: auto; margin-right: auto; cursor: pointer; } .ToggleMenu-button-policy .icon { margin-left: auto; margin-right: auto; cursor: pointer; } .ToggleMenu-button { position: absolute; right: 15px; top: 15px; z-index: 110; height: 1.5rem; width: 27px; cursor: pointer; border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); outline: 2px solid transparent; outline-offset: 2px; } .ToggleMenu-button .icon { margin-left: auto; margin-right: auto; cursor: pointer; } .ToggleMenu-button .\!icon { margin-left: auto; margin-right: auto; cursor: pointer; } .EditorWrapper .ace_search.right { z-index: 120; } .EditorWrapper .error-highlight { position: absolute; --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); } .MonacoEditor--wrapper { margin-bottom: 1.25rem; overflow: auto; border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .ViewReleaseSideMenu-wrapper { visibility: hidden; position: absolute; right: 0px; top: 0px; bottom: 0px; z-index: 100; width: 100%; max-width: 0px; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); padding-top: 1.25rem; padding-bottom: 1.25rem; padding-left: 0px; padding-right: 0px; transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); box-shadow: -1px 0 3px rgba(0, 0, 0, 0.16); } .ViewReleaseSideMenu-wrapper.is-visible { visibility: visible; position: relative; max-width: 400px; } .ViewReleaseSideMenu-wrapper.no-max { max-width: none; } .ViewToggle-wrapper .ViewToggle { margin-left: auto; margin-right: auto; max-width: 300px; } .ViewContent-wrapper { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0px; padding-bottom: 0px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .\!relative { position: relative !important; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .\!left-1\/2 { left: 50% !important; } .\!left-auto { left: auto !important; } .\!top-0 { top: 0px !important; } .\!top-\[96\%\] { top: 96% !important; } .\!top-auto { top: auto !important; } .-left-\[1000px\] { left: -1000px; } .-left-\[30px\] { left: -30px; } .-left-px { left: -1px; } .-top-1\.5 { top: -0.375rem; } .-top-\[1000px\] { top: -1000px; } .-top-\[1px\] { top: -1px; } .-top-\[999px\] { top: -999px; } .-top-px { top: -1px; } .bottom-0 { bottom: 0px; } .bottom-2 { bottom: 0.5rem; } .bottom-\[10px\] { bottom: 10px; } .bottom-\[6px\] { bottom: 6px; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-0\.5 { left: 0.125rem; } .left-1\.5 { left: 0.375rem; } .left-1\/2 { left: 50%; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .left-6 { left: 1.5rem; } .left-\[-100\%\] { left: -100%; } .left-\[-1000px\] { left: -1000px; } .left-\[-17px\] { left: -17px; } .left-\[-1px\] { left: -1px; } .left-\[-20px\] { left: -20px; } .left-\[-2px\] { left: -2px; } .left-\[-8px\] { left: -8px; } .left-\[10px\] { left: 10px; } .left-\[1px\] { left: 1px; } .left-\[240px\] { left: 240px; } .left-\[56\%\] { left: 56%; } .left-\[77px\] { left: 77px; } .left-\[9px\] { left: 9px; } .left-\[calc\(50\%-48px\)\] { left: calc(50% - 48px); } .left-auto { left: auto; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-1 { right: 0.25rem; } .right-1\.5 { right: 0.375rem; } .right-1\/2 { right: 50%; } .right-2 { right: 0.5rem; } .right-2\.5 { right: 0.625rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-8 { right: 2rem; } .right-\[-12px\] { right: -12px; } .right-\[-8px\] { right: -8px; } .right-\[10px\] { right: 10px; } .right-\[15px\] { right: 15px; } .right-\[1px\] { right: 1px; } .right-\[36px\] { right: 36px; } .right-\[5px\] { right: 5px; } .right-auto { right: auto; } .right-px { right: 1px; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1 { top: 0.25rem; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-12 { top: 3rem; } .top-2 { top: 0.5rem; } .top-2\.5 { top: 0.625rem; } .top-3 { top: 0.75rem; } .top-4 { top: 1rem; } .top-8 { top: 2rem; } .top-\[-1000px\] { top: -1000px; } .top-\[-15px\] { top: -15px; } .top-\[-2px\] { top: -2px; } .top-\[-4px\] { top: -4px; } .top-\[-6px\] { top: -6px; } .top-\[105\%\] { top: 105%; } .top-\[14px\] { top: 14px; } .top-\[15px\] { top: 15px; } .top-\[1px\] { top: 1px; } .top-\[26px\] { top: 26px; } .top-\[3px\] { top: 3px; } .top-\[43px\] { top: 43px; } .top-\[5px\] { top: 5px; } .top-\[70px\] { top: 70px; } .top-\[75\%\] { top: 75%; } .top-\[7px\] { top: 7px; } .top-\[calc\(50\%-32px\)\] { top: calc(50% - 32px); } .top-full { top: 100%; } .top-px { top: 1px; } .\!z-50 { z-index: 50 !important; } .\!z-\[9999\] { z-index: 9999 !important; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[1000\] { z-index: 1000; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[110\] { z-index: 110; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[400\] { z-index: 400; } .z-\[401\] { z-index: 401; } .z-\[410\] { z-index: 410; } .z-\[450\] { z-index: 450; } .z-\[460\] { z-index: 460; } .z-\[500\] { z-index: 500; } .z-\[999\] { z-index: 999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-3 { grid-column-start: 3; } .col-start-8 { grid-column-start: 8; } .col-end-2 { grid-column-end: 2; } .col-end-3 { grid-column-end: 3; } .col-end-4 { grid-column-end: 4; } .col-end-6 { grid-column-end: 6; } .col-end-7 { grid-column-end: 7; } .col-end-8 { grid-column-end: 8; } .float-right { float: right; } .\!-m-px { margin: -1px !important; } .\!m-0 { margin: 0px !important; } .-m-1 { margin: -0.25rem; } .-m-2\.5 { margin: -0.625rem; } .m-0 { margin: 0px; } .m-2 { margin: 0.5rem; } .m-3 { margin: 0.75rem; } .m-7 { margin: 1.75rem; } .m-\[0_15px_15px_15px\] { margin: 0 15px 15px 15px; } .m-\[10px_20px_20px\] { margin: 10px 20px 20px; } .m-\[10px_6px\] { margin: 10px 6px; } .m-\[5px_0_0_26px\] { margin: 5px 0 0 26px; } .m-auto { margin: auto; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .mx-0 { margin-left: 0px; margin-right: 0px; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-1\.5 { margin-left: 0.375rem; margin-right: 0.375rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .mx-\[5px\] { margin-left: 5px; margin-right: 5px; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-\[10px\] { margin-top: 10px; margin-bottom: 10px; } .my-\[10px_0_5px_0\] { margin-top: 10px 0 5px 0; margin-bottom: 10px 0 5px 0; } .my-\[1px\] { margin-top: 1px; margin-bottom: 1px; } .my-\[5px\] { margin-top: 5px; margin-bottom: 5px; } .my-px { margin-top: 1px; margin-bottom: 1px; } .\!mb-0 { margin-bottom: 0px !important; } .\!mb-1 { margin-bottom: 0.25rem !important; } .\!mb-6 { margin-bottom: 1.5rem !important; } .\!ml-0 { margin-left: 0px !important; } .\!mr-1 { margin-right: 0.25rem !important; } .\!mr-2 { margin-right: 0.5rem !important; } .\!mt-0 { margin-top: 0px !important; } .\!mt-1 { margin-top: 0.25rem !important; } .\!mt-1\.5 { margin-top: 0.375rem !important; } .\!mt-3 { margin-top: 0.75rem !important; } .\!mt-4 { margin-top: 1rem !important; } .\!mt-8 { margin-top: 2rem !important; } .-mb-1 { margin-bottom: -0.25rem; } .-mb-2 { margin-bottom: -0.5rem; } .-mb-3 { margin-bottom: -0.75rem; } .-mb-4 { margin-bottom: -1rem; } .-mb-6 { margin-bottom: -1.5rem; } .-mb-\[60px\] { margin-bottom: -60px; } .-mb-\[90px\] { margin-bottom: -90px; } .-mb-px { margin-bottom: -1px; } .-mr-2 { margin-right: -0.5rem; } .-mr-3 { margin-right: -0.75rem; } .-mr-4 { margin-right: -1rem; } .-mt-0\.5 { margin-top: -0.125rem; } .-mt-1\.5 { margin-top: -0.375rem; } .-mt-10 { margin-top: -2.5rem; } .-mt-2 { margin-top: -0.5rem; } .-mt-3 { margin-top: -0.75rem; } .-mt-4 { margin-top: -1rem; } .-mt-\[35px\] { margin-top: -35px; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[14px\] { margin-bottom: 14px; } .mb-\[15px\] { margin-bottom: 15px; } .mb-\[50px\] { margin-bottom: 50px; } .mb-\[9px\] { margin-bottom: 9px; } .mb-px { margin-bottom: 1px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-10 { margin-left: 2.5rem; } .ml-12 { margin-left: 3rem; } .ml-2 { margin-left: 0.5rem; } .ml-2\.5 { margin-left: 0.625rem; } .ml-28 { margin-left: 7rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-5 { margin-left: 1.25rem; } .ml-6 { margin-left: 1.5rem; } .ml-7 { margin-left: 1.75rem; } .ml-8 { margin-left: 2rem; } .ml-\[15px\] { margin-left: 15px; } .ml-\[30px\] { margin-left: 30px; } .ml-\[3px\] { margin-left: 3px; } .ml-\[5px\] { margin-left: 5px; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-16 { margin-right: 4rem; } .mr-2 { margin-right: 0.5rem; } .mr-2\.5 { margin-right: 0.625rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-5 { margin-right: 1.25rem; } .mr-6 { margin-right: 1.5rem; } .mr-\[10px\] { margin-right: 10px; } .mr-\[14px\] { margin-right: 14px; } .mr-\[15px\] { margin-right: 15px; } .mr-\[30px\] { margin-right: 30px; } .mr-\[3px\] { margin-right: 3px; } .mr-\[5px\] { margin-right: 5px; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-11 { margin-top: 2.75rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-\[10px\] { margin-top: 10px; } .mt-\[15px\] { margin-top: 15px; } .mt-\[1px\] { margin-top: 1px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[30px\] { margin-top: 30px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[60px\] { margin-top: 60px; } .mt-\[6px\] { margin-top: 6px; } .mt-\[70px\] { margin-top: 70px; } .mt-auto { margin-top: auto; } .box-border { box-sizing: border-box; } .\!block { display: block !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .\!flex { display: flex !important; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .\!hidden { display: none !important; } .hidden { display: none; } .\!h-6 { height: 1.5rem !important; } .\!h-auto { height: auto !important; } .\!h-px { height: 1px !important; } .h-0 { height: 0px; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-12 { height: 3rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-72 { height: 18rem; } .h-8 { height: 2rem; } .h-80 { height: 20rem; } .h-9 { height: 2.25rem; } .h-\[100px\] { height: 100px; } .h-\[130px\] { height: 130px; } .h-\[13px\] { height: 13px; } .h-\[146px\] { height: 146px; } .h-\[155px\] { height: 155px; } .h-\[16px\] { height: 16px; } .h-\[178px\] { height: 178px; } .h-\[180px\] { height: 180px; } .h-\[18px\] { height: 18px; } .h-\[190px\] { height: 190px; } .h-\[1px\] { height: 1px; } .h-\[20px\] { height: 20px; } .h-\[240px\] { height: 240px; } .h-\[280px\] { height: 280px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[380px\] { height: 380px; } .h-\[400px\] { height: 400px; } .h-\[40px\] { height: 40px; } .h-\[42px\] { height: 42px; } .h-\[47px\] { height: 47px; } .h-\[55px\] { height: 55px; } .h-\[5px\] { height: 5px; } .h-\[72px\] { height: 72px; } .h-\[7px\] { height: 7px; } .h-\[82px\] { height: 82px; } .h-\[8px\] { height: 8px; } .h-\[calc\(100\%-2px\)\] { height: calc(100% - 2px); } .h-\[calc\(100\%-32px\)\] { height: calc(100% - 32px); } .h-\[calc\(100\%-44px\)\] { height: calc(100% - 44px); } .h-\[calc\(100vh-18rem\)\] { height: calc(100vh - 18rem); } .h-\[calc\(100vh-280px\)\] { height: calc(100vh - 280px); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-max { height: max-content; } .h-px { height: 1px; } .max-h-0 { max-height: 0px; } .max-h-12 { max-height: 3rem; } .max-h-16 { max-height: 4rem; } .max-h-32 { max-height: 8rem; } .max-h-48 { max-height: 12rem; } .max-h-56 { max-height: 14rem; } .max-h-60 { max-height: 15rem; } .max-h-72 { max-height: 18rem; } .max-h-96 { max-height: 24rem; } .max-h-\[1000px\] { max-height: 1000px; } .max-h-\[160px\] { max-height: 160px; } .max-h-\[2000px\] { max-height: 2000px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[396px\] { max-height: 396px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[48px\] { max-height: 48px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[calc\(100vh-18rem\)\] { max-height: calc(100vh - 18rem); } .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(100vh - 2rem); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[350px\] { min-height: 350px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[4rem\] { min-height: 4rem; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[88px\] { min-height: 88px; } .min-h-full { min-height: 100%; } .min-h-max { min-height: max-content; } .\!w-32 { width: 8rem !important; } .\!w-\[240px\] { width: 240px !important; } .\!w-\[250px\] { width: 250px !important; } .\!w-\[260px\] { width: 260px !important; } .\!w-\[384px\] { width: 384px !important; } .\!w-\[54px\] { width: 54px !important; } .\!w-\[56px\] { width: 56px !important; } .\!w-auto { width: auto !important; } .\!w-px { width: 1px !important; } .w-0 { width: 0px; } .w-0\.5 { width: 0.125rem; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-1\/5 { width: 20%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-4\/5 { width: 80%; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-5\/6 { width: 83.333333%; } .w-52 { width: 13rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[100px\] { width: 100px; } .w-\[116px\] { width: 116px; } .w-\[11px\] { width: 11px; } .w-\[128px\] { width: 128px; } .w-\[13\%\] { width: 13%; } .w-\[13px\] { width: 13px; } .w-\[140px\] { width: 140px; } .w-\[143px\] { width: 143px; } .w-\[150px\] { width: 150px; } .w-\[151px\] { width: 151px; } .w-\[160px\] { width: 160px; } .w-\[16px\] { width: 16px; } .w-\[180px\] { width: 180px; } .w-\[186px\] { width: 186px; } .w-\[1px\] { width: 1px; } .w-\[200px\] { width: 200px; } .w-\[20px\] { width: 20px; } .w-\[240px\] { width: 240px; } .w-\[247px\] { width: 247px; } .w-\[250px\] { width: 250px; } .w-\[27px\] { width: 27px; } .w-\[284px\] { width: 284px; } .w-\[300px\] { width: 300px; } .w-\[30px\] { width: 30px; } .w-\[340px\] { width: 340px; } .w-\[35\%\] { width: 35%; } .w-\[350px\] { width: 350px; } .w-\[384px\] { width: 384px; } .w-\[390px\] { width: 390px; } .w-\[400px\] { width: 400px; } .w-\[478px\] { width: 478px; } .w-\[586px\] { width: 586px; } .w-\[5px\] { width: 5px; } .w-\[60\%\] { width: 60%; } .w-\[60px\] { width: 60px; } .w-\[640px\] { width: 640px; } .w-\[70px\] { width: 70px; } .w-\[76px\] { width: 76px; } .w-\[77px\] { width: 77px; } .w-\[7px\] { width: 7px; } .w-\[800px\] { width: 800px; } .w-\[80px\] { width: 80px; } .w-\[860px\] { width: 860px; } .w-\[8px\] { width: 8px; } .w-\[90\%\] { width: 90%; } .w-\[calc\(\(100\%\/3\)\*2-14px\)\] { width: calc((100% / 3) * 2 - 14px); } .w-\[calc\(\(100\%\/3\)-14px\)\] { width: calc((100% / 3) - 14px); } .w-\[calc\(100\%-16px\)\] { width: calc(100% - 16px); } .w-\[calc\(100\%-24px\)\] { width: calc(100% - 24px); } .w-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); } .w-\[calc\(1vw-24px\)\] { width: calc(1vw - 24px); } .w-\[calc\(50\%-\.5rem\)\] { width: calc(50% - .5rem); } .w-\[calc\(50\%-20px\)\] { width: calc(50% - 20px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-min { width: min-content; } .w-px { width: 1px; } .\!min-w-0 { min-width: 0px !important; } .\!min-w-\[180px\] { min-width: 180px !important; } .\!min-w-\[35px\] { min-width: 35px !important; } .min-w-0 { min-width: 0px; } .min-w-16 { min-width: 4rem; } .min-w-44 { min-width: 11rem; } .min-w-\[1000px\] { min-width: 1000px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[104px\] { min-width: 104px; } .min-w-\[110px\] { min-width: 110px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[124px\] { min-width: 124px; } .min-w-\[128px\] { min-width: 128px; } .min-w-\[136px\] { min-width: 136px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[16rem\] { min-width: 16rem; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[210px\] { min-width: 210px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[230px\] { min-width: 230px; } .min-w-\[23px\] { min-width: 23px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[29px\] { min-width: 29px; } .min-w-\[500px\] { min-width: 500px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[68px\] { min-width: 68px; } .min-w-\[700px\] { min-width: 700px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[96px\] { min-width: 96px; } .min-w-fit { min-width: fit-content; } .min-w-full { min-width: 100%; } .\!max-w-\[360px\] { max-width: 360px !important; } .\!max-w-none { max-width: none !important; } .max-w-0 { max-width: 0px; } .max-w-16 { max-width: 4rem; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4 { max-width: 1rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[1100px\] { max-width: 1100px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[170px\] { max-width: 170px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[316px\] { max-width: 316px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[670px\] { max-width: 670px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[75\%\] { max-width: 75%; } .max-w-\[750px\] { max-width: 750px; } .max-w-\[757px\] { max-width: 757px; } .max-w-\[78\%\] { max-width: 78%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[960px\] { max-width: 960px; } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-\[0_0_55px\] { flex: 0 0 55px; } .flex-\[2\] { flex: 2; } .flex-\[3\] { flex: 3; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: none; } .\!flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-\[140px\] { flex-basis: 140px; } .basis-\[calc\(100\%\/2-6px\)\] { flex-basis: calc(100% / 2 - 6px); } .basis-full { flex-basis: 100%; } .border-collapse { border-collapse: collapse; } .origin-top-right { transform-origin: top right; } .\!translate-x-0 { --tw-translate-x: 0px !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; } .\!translate-y-0 { --tw-translate-y: 0px !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; } .-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)); } .-translate-x-1\/2 { --tw-translate-x: -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)); } .-translate-x-1\/3 { --tw-translate-x: -33.333333%; 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)); } .-translate-x-3\/4 { --tw-translate-x: -75%; 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)); } .-translate-x-full { --tw-translate-x: -100%; 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)); } .-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)); } .-translate-y-2 { --tw-translate-y: -0.5rem; 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)); } .-translate-y-\[1px\] { --tw-translate-y: -1px; 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)); } .-translate-y-full { --tw-translate-y: -100%; 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)); } .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)); } .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)); } .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)); } .translate-x-\[2px\] { --tw-translate-x: 2px; 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)); } .translate-x-full { --tw-translate-x: 100%; 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)); } .\!-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; } .\!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; } .-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)); } .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)); } .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)); } .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)); } .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)); } .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)); } .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)); } .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 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); } } .animate-\[bounce_1s_ease-in-out_-500ms_3\.5\] { animation: bounce 1s ease-in-out -500ms 3.5; } @keyframes analyze-doc { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(-42px, 48px); } 50% { transform: translate(-42px, 0); } 75% { transform: translate(0, 48px); } } .animate-analyzeDoc { animation: analyze-doc 5s ease-in-out infinite alternate-reverse; } @keyframes 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); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes highlight { 0% { background-color: rgba(var(--highlight-color), 0.2); } 25% { background-color: rgba(var(--highlight-color), 0.6); } 50% { background-color: var(--highlight-color); } 75% { background-color: rgba(var(--highlight-color), 0.6); } 100% { background-color: transparent; } } .animate-highlight { animation: highlight 2s ease-in-out 0s; } @keyframes message-slide-in { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .animate-message-slide-in { animation: message-slide-in 0.3s ease-out; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes prompt-fade-in { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .animate-prompt-fade-in { animation: prompt-fade-in 0.4s ease-out forwards; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } @keyframes typing-bounce { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-10px); } } .animate-typing-bounce { animation: typing-bounce 1.4s infinite; } .\!cursor-default { cursor: default !important; } .\!cursor-not-allowed { cursor: not-allowed !important; } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .select-none { user-select: none; } .resize-none { resize: none; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .\!flex-row { flex-direction: row !important; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .\!flex-col { flex-direction: column !important; } .flex-col { flex-direction: column; } .\!flex-col-reverse { flex-direction: column-reverse !important; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .content-center { align-content: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-evenly { justify-content: space-evenly; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-16 { gap: 4rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .gap-9 { gap: 2.25rem; } .gap-\[10px\] { gap: 10px; } .gap-\[14px\] { gap: 14px; } .gap-\[15px\] { gap: 15px; } .gap-\[18px\] { gap: 18px; } .gap-\[30px\] { gap: 30px; } .gap-\[3px\] { gap: 3px; } .gap-\[6px\] { gap: 6px; } .gap-x-1 { column-gap: 0.25rem; } .gap-x-1\.5 { column-gap: 0.375rem; } .gap-x-2 { column-gap: 0.5rem; } .gap-x-3 { column-gap: 0.75rem; } .gap-x-4 { column-gap: 1rem; } .gap-x-5 { column-gap: 1.25rem; } .gap-x-6 { column-gap: 1.5rem; } .gap-y-12 { row-gap: 3rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .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))); } .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))); } .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))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .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)); } .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)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .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)); } .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)); } .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)); } .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)); } .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))); } .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)); } .divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; } .divide-\[\#6a77fb\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(106 119 251 / var(--tw-divide-opacity, 1)); } .divide-\[\#DEDEDE\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(222 222 222 / var(--tw-divide-opacity, 1)); } .divide-\[\#f3f4f6\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(222 222 222 / var(--tw-divide-opacity, 1)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(196 200 202 / var(--tw-divide-opacity, 1)); } .divide-indigo-500 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(106 119 251 / var(--tw-divide-opacity, 1)); } .place-self-center { place-self: center; } .place-self-stretch { place-self: stretch; } .self-start { align-self: flex-start; } .self-center { align-self: center; } .justify-self-end { justify-self: end; } .overflow-auto { overflow: auto; } .\!overflow-hidden { overflow: hidden !important; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-visible { overflow-x: visible; } .overflow-y-visible { overflow-y: visible; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .\!whitespace-nowrap { white-space: nowrap !important; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-wrap { text-wrap: wrap; } .break-normal { overflow-wrap: normal; word-break: normal; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .\!rounded-\[5px\] { border-radius: 5px !important; } .\!rounded-full { border-radius: 9999px !important; } .\!rounded-none { border-radius: 0px !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[7px\] { border-radius: 7px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: 0.187rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-bl-lg { border-bottom-left-radius: 0.5rem; } .\!border { border-width: 1px !important; } .\!border-0 { border-width: 0px !important; } .\!border-2 { border-width: 2px !important; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-\[1px\] { border-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .\!border-l { border-left-width: 1px !important; } .\!border-t-0 { border-top-width: 0px !important; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-l-0 { border-left-width: 0px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-r-4 { border-right-width: 4px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-t-2 { border-top-width: 2px; } .border-t-4 { border-top-width: 4px; } .\!border-solid { border-style: solid !important; } .border-solid { border-style: solid; } .\!border-dashed { border-style: dashed !important; } .border-dashed { border-style: dashed; } .border-dotted { border-style: dotted; } .\!border-none { border-style: none !important; } .border-none { border-style: none; } .\!border-\[\#38cc97\] { --tw-border-opacity: 1 !important; border-color: rgb(56 204 151 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#959595\] { --tw-border-opacity: 1 !important; border-color: rgb(149 149 149 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#98222d\] { --tw-border-opacity: 1 !important; border-color: rgb(152 34 45 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#bc4752\] { --tw-border-opacity: 1 !important; border-color: rgb(188 71 82 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#c4c8ca\] { --tw-border-opacity: 1 !important; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#ee5042\] { --tw-border-opacity: 1 !important; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#fdbf44\] { --tw-border-opacity: 1 !important; border-color: rgb(253 191 68 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#fe678b\] { --tw-border-opacity: 1 !important; border-color: rgb(254 103 139 / var(--tw-border-opacity, 1)) !important; } .\!border-black { --tw-border-opacity: 1 !important; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important; } .\!border-pink-400 { --tw-border-opacity: 1 !important; border-color: rgb(254 103 139 / var(--tw-border-opacity, 1)) !important; } .\!border-teal-400 { --tw-border-opacity: 1 !important; border-color: rgb(56 163 168 / var(--tw-border-opacity, 1)) !important; } .border-\[\#097992\] { --tw-border-opacity: 1; border-color: rgb(9 121 146 / var(--tw-border-opacity, 1)); } .border-\[\#1e1e1e\] { --tw-border-opacity: 1; border-color: rgb(30 30 30 / var(--tw-border-opacity, 1)); } .border-\[\#2A5897\] { --tw-border-opacity: 1; border-color: rgb(42 88 151 / var(--tw-border-opacity, 1)); } .border-\[\#3066ad\] { --tw-border-opacity: 1; border-color: rgb(48 102 173 / var(--tw-border-opacity, 1)); } .border-\[\#337ab7\] { --tw-border-opacity: 1; border-color: rgb(51 122 183 / var(--tw-border-opacity, 1)); } .border-\[\#38a3a8\] { --tw-border-opacity: 1; border-color: rgb(56 163 168 / var(--tw-border-opacity, 1)); } .border-\[\#4285f4\] { --tw-border-opacity: 1; border-color: rgb(66 133 244 / var(--tw-border-opacity, 1)); } .border-\[\#454545\] { --tw-border-opacity: 1; border-color: rgb(69 69 69 / var(--tw-border-opacity, 1)); } .border-\[\#585858\] { --tw-border-opacity: 1; border-color: rgb(88 88 88 / var(--tw-border-opacity, 1)); } .border-\[\#6A77FB\] { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .border-\[\#73a3cd\] { --tw-border-opacity: 1; border-color: rgb(115 163 205 / var(--tw-border-opacity, 1)); } .border-\[\#959595\] { --tw-border-opacity: 1; border-color: rgb(149 149 149 / var(--tw-border-opacity, 1)); } .border-\[\#9B9B9B\] { --tw-border-opacity: 1; border-color: rgb(155 155 155 / var(--tw-border-opacity, 1)); } .border-\[\#B18630\] { --tw-border-opacity: 1; border-color: rgb(177 134 48 / var(--tw-border-opacity, 1)); } .border-\[\#BCCACD\] { --tw-border-opacity: 1; border-color: rgb(188 202 205 / var(--tw-border-opacity, 1)); } .border-\[\#DEDEDE\] { --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .border-\[\#DFDFDF\] { --tw-border-opacity: 1; border-color: rgb(223 223 223 / var(--tw-border-opacity, 1)); } .border-\[\#E3EAED\] { --tw-border-opacity: 1; border-color: rgb(227 234 237 / var(--tw-border-opacity, 1)); } .border-\[\#EE5042\] { --tw-border-opacity: 1; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)); } .border-\[\#F0F0F0\] { --tw-border-opacity: 1; border-color: rgb(240 240 240 / var(--tw-border-opacity, 1)); } .border-\[\#F9E8CB\] { --tw-border-opacity: 1; border-color: rgb(249 232 203 / var(--tw-border-opacity, 1)); } .border-\[\#FF4856\] { --tw-border-opacity: 1; border-color: rgb(255 72 86 / var(--tw-border-opacity, 1)); } .border-\[\#bcbcbc\] { --tw-border-opacity: 1; border-color: rgb(188 188 188 / var(--tw-border-opacity, 1)); } .border-\[\#c4c8ca\] { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .border-\[\#dedede\] { --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .border-\[\#e7e7e7\] { --tw-border-opacity: 1; border-color: rgb(231 231 231 / var(--tw-border-opacity, 1)); } .border-\[\#ebb55c\] { --tw-border-opacity: 1; border-color: rgb(235 181 92 / var(--tw-border-opacity, 1)); } .border-\[\#ec8f39\] { --tw-border-opacity: 1; border-color: rgb(236 143 57 / var(--tw-border-opacity, 1)); } .border-\[\#f5c6cb\] { --tw-border-opacity: 1; border-color: rgb(245 198 203 / var(--tw-border-opacity, 1)); } .border-\[\#f5f8f9\] { --tw-border-opacity: 1; border-color: rgb(245 248 249 / var(--tw-border-opacity, 1)); } .border-\[\#f9e8cb\] { --tw-border-opacity: 1; border-color: rgb(249 232 203 / var(--tw-border-opacity, 1)); } .border-\[\#fdbf44\] { --tw-border-opacity: 1; border-color: rgb(253 191 68 / var(--tw-border-opacity, 1)); } .border-\[\#fe678b\] { --tw-border-opacity: 1; border-color: rgb(254 103 139 / var(--tw-border-opacity, 1)); } .border-\[\#ffdada\] { --tw-border-opacity: 1; border-color: rgb(255 218 218 / var(--tw-border-opacity, 1)); } .border-\[rgba\(128\2c 128\2c 134\2c 0\.05\)\] { border-color: rgba(128,128,134,0.05); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(101 164 248 / var(--tw-border-opacity, 1)); } .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(69 145 247 / var(--tw-border-opacity, 1)); } .border-blue-400 { --tw-border-opacity: 1; border-color: rgb(48 102 173 / var(--tw-border-opacity, 1)); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(31 71 136 / var(--tw-border-opacity, 1)); } .border-blue-75 { --tw-border-opacity: 1; border-color: rgb(179 210 252 / var(--tw-border-opacity, 1)); } .border-disabled { --tw-border-opacity: 1; border-color: rgb(156 156 156 / var(--tw-border-opacity, 1)); } .border-error { --tw-border-opacity: 1; border-color: rgb(188 71 82 / var(--tw-border-opacity, 1)); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(179 179 179 / var(--tw-border-opacity, 1)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(149 149 149 / var(--tw-border-opacity, 1)); } .border-gray-410\/40 { border-color: rgb(155 155 155 / 0.4); } .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(88 88 88 / var(--tw-border-opacity, 1)); } .border-gray-900\/10 { border-color: rgb(44 44 44 / 0.1); } .border-green-200 { --tw-border-opacity: 1; border-color: rgb(55 191 158 / var(--tw-border-opacity, 1)); } .border-green-300 { --tw-border-opacity: 1; border-color: rgb(14 178 138 / var(--tw-border-opacity, 1)); } .border-indigo-200 { --tw-border-opacity: 1; border-color: rgb(194 199 253 / var(--tw-border-opacity, 1)); } .border-indigo-300 { --tw-border-opacity: 1; border-color: rgb(169 176 253 / var(--tw-border-opacity, 1)); } .border-indigo-400 { --tw-border-opacity: 1; border-color: rgb(131 142 252 / var(--tw-border-opacity, 1)); } .border-indigo-500 { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .border-neutral-700\/20 { border-color: rgb(74 74 74 / 0.2); } .border-pink-100 { --tw-border-opacity: 1; border-color: rgb(255 193 207 / var(--tw-border-opacity, 1)); } .border-pink-200 { --tw-border-opacity: 1; border-color: rgb(254 167 188 / var(--tw-border-opacity, 1)); } .border-pink-500 { --tw-border-opacity: 1; border-color: rgb(178 72 97 / var(--tw-border-opacity, 1)); } .border-teal-300 { --tw-border-opacity: 1; border-color: rgb(77 185 192 / var(--tw-border-opacity, 1)); } .border-teal-400 { --tw-border-opacity: 1; border-color: rgb(56 163 168 / var(--tw-border-opacity, 1)); } .border-teal-medium { --tw-border-opacity: 1; border-color: rgb(9 121 146 / var(--tw-border-opacity, 1)); } .border-teal-muted-dark { --tw-border-opacity: 1; border-color: rgb(87 121 129 / var(--tw-border-opacity, 1)); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-yellow-100 { --tw-border-opacity: 1; border-color: rgb(249 217 154 / var(--tw-border-opacity, 1)); } .border-yellow-200 { --tw-border-opacity: 1; border-color: rgb(246 202 112 / var(--tw-border-opacity, 1)); } .border-y-\[\#DEDEDE\] { --tw-border-opacity: 1; border-top-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .border-b-\[\#6a77fb\] { --tw-border-opacity: 1; border-bottom-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .border-b-\[\#DEDEDE\] { --tw-border-opacity: 1; border-bottom-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .border-l-blue-300 { --tw-border-opacity: 1; border-left-color: rgb(69 145 247 / var(--tw-border-opacity, 1)); } .border-r-transparent { border-right-color: transparent; } .border-t-\[\#6a77fb\] { --tw-border-opacity: 1; border-top-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .border-t-\[\#DEDEDE\] { --tw-border-opacity: 1; border-top-color: rgb(222 222 222 / var(--tw-border-opacity, 1)); } .border-t-\[\#bebebe\] { --tw-border-opacity: 1; border-top-color: rgb(190 190 190 / var(--tw-border-opacity, 1)); } .border-t-gray-200 { --tw-border-opacity: 1; border-top-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .border-t-gray-800 { --tw-border-opacity: 1; border-top-color: rgb(50 50 50 / var(--tw-border-opacity, 1)); } .border-t-gray-900 { --tw-border-opacity: 1; border-top-color: rgb(44 44 44 / var(--tw-border-opacity, 1)); } .border-t-transparent { border-top-color: transparent; } .\!bg-\[\#F5F8FC\] { --tw-bg-opacity: 1 !important; background-color: rgb(245 248 252 / var(--tw-bg-opacity, 1)) !important; } .\!bg-\[\#fbedeb\] { --tw-bg-opacity: 1 !important; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)) !important; } .\!bg-\[\#fff0f3\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 240 243 / var(--tw-bg-opacity, 1)) !important; } .\!bg-blue-50 { --tw-bg-opacity: 1 !important; background-color: rgb(236 244 254 / var(--tw-bg-opacity, 1)) !important; } .\!bg-indigo-100 { --tw-bg-opacity: 1 !important; background-color: rgb(240 241 255 / var(--tw-bg-opacity, 1)) !important; } .\!bg-indigo-500 { --tw-bg-opacity: 1 !important; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)) !important; } .\!bg-teal-medium { --tw-bg-opacity: 1 !important; background-color: rgb(9 121 146 / var(--tw-bg-opacity, 1)) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[\#0f1689\]\/5 { background-color: rgb(15 22 137 / 0.05); } .bg-\[\#10B981\] { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-\[\#193B5B\] { --tw-bg-opacity: 1; background-color: rgb(25 59 91 / var(--tw-bg-opacity, 1)); } .bg-\[\#1e1e1e\] { --tw-bg-opacity: 1; background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1)); } .bg-\[\#252526\] { --tw-bg-opacity: 1; background-color: rgb(37 37 38 / var(--tw-bg-opacity, 1)); } .bg-\[\#272822\] { --tw-bg-opacity: 1; background-color: rgb(39 40 34 / var(--tw-bg-opacity, 1)); } .bg-\[\#2d2d2d\] { --tw-bg-opacity: 1; background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1)); } .bg-\[\#323232\] { --tw-bg-opacity: 1; background-color: rgb(50 50 50 / var(--tw-bg-opacity, 1)); } .bg-\[\#326de6\] { --tw-bg-opacity: 1; background-color: rgb(50 109 230 / var(--tw-bg-opacity, 1)); } .bg-\[\#337ab7\] { --tw-bg-opacity: 1; background-color: rgb(51 122 183 / var(--tw-bg-opacity, 1)); } .bg-\[\#38a3a8\] { --tw-bg-opacity: 1; background-color: rgb(56 163 168 / var(--tw-bg-opacity, 1)); } .bg-\[\#38cc97\] { --tw-bg-opacity: 1; background-color: rgb(56 204 151 / var(--tw-bg-opacity, 1)); } .bg-\[\#4db9c0\] { --tw-bg-opacity: 1; background-color: rgb(77 185 192 / var(--tw-bg-opacity, 1)); } .bg-\[\#4f4f4f\] { --tw-bg-opacity: 1; background-color: rgb(79 79 79 / var(--tw-bg-opacity, 1)); } .bg-\[\#585858\] { --tw-bg-opacity: 1; background-color: rgb(88 88 88 / var(--tw-bg-opacity, 1)); } .bg-\[\#6A77FB\] { --tw-bg-opacity: 1; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#959595\] { --tw-bg-opacity: 1; background-color: rgb(149 149 149 / var(--tw-bg-opacity, 1)); } .bg-\[\#9B9B9B\] { --tw-bg-opacity: 1; background-color: rgb(155 155 155 / var(--tw-bg-opacity, 1)); } .bg-\[\#DEDEDE\] { --tw-bg-opacity: 1; background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1)); } .bg-\[\#ECF4FE\] { --tw-bg-opacity: 1; background-color: rgb(236 244 254 / var(--tw-bg-opacity, 1)); } .bg-\[\#EEEAFF\] { --tw-bg-opacity: 1; background-color: rgb(238 234 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#F0F1FF\] { --tw-bg-opacity: 1; background-color: rgb(240 241 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#F2F2F2\] { --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); } .bg-\[\#F5F5F5\] { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .bg-\[\#F5F8F9\] { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#F8F8F8\] { --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); } .bg-\[\#FAD92E\] { --tw-bg-opacity: 1; background-color: rgb(250 217 46 / var(--tw-bg-opacity, 1)); } .bg-\[\#FAFAFB\] { --tw-bg-opacity: 1; background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1)); } .bg-\[\#FEF6E6\] { --tw-bg-opacity: 1; background-color: rgb(254 246 230 / var(--tw-bg-opacity, 1)); } .bg-\[\#FFDADA\] { --tw-bg-opacity: 1; background-color: rgb(255 218 218 / var(--tw-bg-opacity, 1)); } .bg-\[\#FFEDEE\] { --tw-bg-opacity: 1; background-color: rgb(255 237 238 / var(--tw-bg-opacity, 1)); } .bg-\[\#FFF9EC\] { --tw-bg-opacity: 1; background-color: rgb(255 249 236 / var(--tw-bg-opacity, 1)); } .bg-\[\#FFF9F0\] { --tw-bg-opacity: 1; background-color: rgb(255 249 240 / var(--tw-bg-opacity, 1)); } .bg-\[\#addfeb\] { --tw-bg-opacity: 1; background-color: rgb(173 223 235 / var(--tw-bg-opacity, 1)); } .bg-\[\#b7f3cb\] { --tw-bg-opacity: 1; background-color: rgb(183 243 203 / var(--tw-bg-opacity, 1)); } .bg-\[\#bc4752\] { --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); } .bg-\[\#bebebe\] { --tw-bg-opacity: 1; background-color: rgb(190 190 190 / var(--tw-bg-opacity, 1)); } .bg-\[\#c4c8ca\] { --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); } .bg-\[\#c7d6ff\] { --tw-bg-opacity: 1; background-color: rgb(199 214 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#c8972c\] { --tw-bg-opacity: 1; background-color: rgb(200 151 44 / var(--tw-bg-opacity, 1)); } .bg-\[\#e1f0f1\] { --tw-bg-opacity: 1; background-color: rgb(225 240 241 / var(--tw-bg-opacity, 1)); } .bg-\[\#e1f7ea\] { --tw-bg-opacity: 1; background-color: rgb(225 247 234 / var(--tw-bg-opacity, 1)); } .bg-\[\#e3f5e8\] { --tw-bg-opacity: 1; background-color: rgb(227 245 232 / var(--tw-bg-opacity, 1)); } .bg-\[\#e9f9f3\] { --tw-bg-opacity: 1; background-color: rgb(233 249 243 / var(--tw-bg-opacity, 1)); } .bg-\[\#ec8f39\] { --tw-bg-opacity: 1; background-color: rgb(236 143 57 / var(--tw-bg-opacity, 1)); } .bg-\[\#eee\] { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); } .bg-\[\#f0fdf4\] { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-\[\#f2f2f2\] { --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); } .bg-\[\#f3f3f3\] { --tw-bg-opacity: 1; background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)); } .bg-\[\#f44247\] { --tw-bg-opacity: 1; background-color: rgb(244 66 71 / var(--tw-bg-opacity, 1)); } .bg-\[\#f5f8f9\] { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#f7f5f1\] { --tw-bg-opacity: 1; background-color: rgb(247 245 241 / var(--tw-bg-opacity, 1)); } .bg-\[\#f7f7f7\] { --tw-bg-opacity: 1; background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1)); } .bg-\[\#f8f8f8\] { --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); } .bg-\[\#fbe9d7\] { --tw-bg-opacity: 1; background-color: rgb(251 233 215 / var(--tw-bg-opacity, 1)); } .bg-\[\#fbedeb\] { --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); } .bg-\[\#fcf2e0\] { --tw-bg-opacity: 1; background-color: rgb(252 242 224 / var(--tw-bg-opacity, 1)); } .bg-\[\#fddede\] { --tw-bg-opacity: 1; background-color: rgb(253 222 222 / var(--tw-bg-opacity, 1)); } .bg-\[\#fdf3e3\] { --tw-bg-opacity: 1; background-color: rgb(253 243 227 / var(--tw-bg-opacity, 1)); } .bg-\[\#fe678b\] { --tw-bg-opacity: 1; background-color: rgb(254 103 139 / var(--tw-bg-opacity, 1)); } .bg-\[\#fee2e2\] { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-\[\#fef6e6\] { --tw-bg-opacity: 1; background-color: rgb(254 246 230 / var(--tw-bg-opacity, 1)); } .bg-\[\#ffdada\] { --tw-bg-opacity: 1; background-color: rgb(255 218 218 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff0f3\] { --tw-bg-opacity: 1; background-color: rgb(255 240 243 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff4d6\] { --tw-bg-opacity: 1; background-color: rgb(255 244 214 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff5e4\] { --tw-bg-opacity: 1; background-color: rgb(255 245 228 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff8e8\] { --tw-bg-opacity: 1; background-color: rgb(255 248 232 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff9ec\] { --tw-bg-opacity: 1; background-color: rgb(255 249 236 / var(--tw-bg-opacity, 1)); } .bg-\[rgba\(128\2c 128\2c 134\2c 0\.05\)\] { background-color: rgba(128,128,134,0.05); } .bg-\[rgba\(245\2c 248\2c 249\2c 0\.5\)\] { background-color: rgba(245,248,249,0.5); } .bg-\[rgba\(51\2c 122\2c 183\2c 0\.1\)\] { background-color: rgba(51,122,183,0.1); } .bg-\[rgba\(59\2c 152\2c 252\2c 0\.1\)\] { background-color: rgba(59,152,252,0.1); } .bg-\[rgba\(74\2c 74\2c 74\2c 0\.9\)\] { background-color: rgba(74,74,74,0.9); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(101 164 248 / var(--tw-bg-opacity, 1)); } .bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(69 145 247 / var(--tw-bg-opacity, 1)); } .bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(48 102 173 / var(--tw-bg-opacity, 1)); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(236 244 254 / var(--tw-bg-opacity, 1)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(31 71 136 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/20 { background-color: rgb(31 71 136 / 0.2); } .bg-blue-75 { --tw-bg-opacity: 1; background-color: rgb(179 210 252 / var(--tw-bg-opacity, 1)); } .bg-error { --tw-bg-opacity: 1; background-color: rgb(188 71 82 / var(--tw-bg-opacity, 1)); } .bg-error-bright { --tw-bg-opacity: 1; background-color: rgb(246 92 92 / var(--tw-bg-opacity, 1)); } .bg-error-xlight { --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(179 179 179 / var(--tw-bg-opacity, 1)); } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(149 149 149 / var(--tw-bg-opacity, 1)); } .bg-gray-400\/95 { background-color: rgb(149 149 149 / 0.95); } .bg-gray-410 { --tw-bg-opacity: 1; background-color: rgb(155 155 155 / var(--tw-bg-opacity, 1)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-50\/30 { background-color: rgb(249 250 251 / 0.3); } .bg-gray-50\/50 { background-color: rgb(249 250 251 / 0.5); } .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(88 88 88 / var(--tw-bg-opacity, 1)); } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(79 79 79 / var(--tw-bg-opacity, 1)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(50 50 50 / var(--tw-bg-opacity, 1)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1)); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(115 210 187 / var(--tw-bg-opacity, 1)); } .bg-green-300 { --tw-bg-opacity: 1; background-color: rgb(14 178 138 / var(--tw-bg-opacity, 1)); } .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(10 125 97 / var(--tw-bg-opacity, 1)); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(231 247 243 / var(--tw-bg-opacity, 1)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(9 109 84 / var(--tw-bg-opacity, 1)); } .bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(240 241 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-200 { --tw-bg-opacity: 1; background-color: rgb(194 199 253 / var(--tw-bg-opacity, 1)); } .bg-indigo-300 { --tw-bg-opacity: 1; background-color: rgb(169 176 253 / var(--tw-bg-opacity, 1)); } .bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(131 142 252 / var(--tw-bg-opacity, 1)); } .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)); } .bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(74 83 176 / var(--tw-bg-opacity, 1)); } .bg-off-white { --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); } .bg-page-bg { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .bg-pink-300 { --tw-bg-opacity: 1; background-color: rgb(254 129 159 / var(--tw-bg-opacity, 1)); } .bg-pink-400 { --tw-bg-opacity: 1; background-color: rgb(254 103 139 / var(--tw-bg-opacity, 1)); } .bg-pink-50 { --tw-bg-opacity: 1; background-color: rgb(255 240 243 / var(--tw-bg-opacity, 1)); } .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(114 66 176 / var(--tw-bg-opacity, 1)); } .bg-success-bright { --tw-bg-opacity: 1; background-color: rgb(56 204 151 / var(--tw-bg-opacity, 1)); } .bg-teal-300 { --tw-bg-opacity: 1; background-color: rgb(77 185 192 / var(--tw-bg-opacity, 1)); } .bg-teal-400 { --tw-bg-opacity: 1; background-color: rgb(56 163 168 / var(--tw-bg-opacity, 1)); } .bg-teal-light-accent { --tw-bg-opacity: 1; background-color: rgb(225 240 241 / var(--tw-bg-opacity, 1)); } .bg-teal-medium { --tw-bg-opacity: 1; background-color: rgb(9 121 146 / var(--tw-bg-opacity, 1)); } .bg-transparent { background-color: transparent; } .bg-warning-bright { --tw-bg-opacity: 1; background-color: rgb(236 143 57 / var(--tw-bg-opacity, 1)); } .bg-warning-xlight { --tw-bg-opacity: 1; background-color: rgb(255 249 240 / var(--tw-bg-opacity, 1)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(240 163 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 246 230 / var(--tw-bg-opacity, 1)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(168 114 6 / var(--tw-bg-opacity, 1)); } .bg-yellow-500\/20 { background-color: rgb(168 114 6 / 0.2); } .bg-yellow-75 { --tw-bg-opacity: 1; background-color: rgb(252 240 213 / var(--tw-bg-opacity, 1)); } .bg-opacity-20 { --tw-bg-opacity: 0.2; } .bg-opacity-25 { --tw-bg-opacity: 0.25; } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-opacity-70 { --tw-bg-opacity: 0.7; } .bg-\[url\(\'\.\.\/\.\.\/\.\.\/\.\.\/images\/spritesheets\/main_spritesheet\.svg\'\)\] { background-image: url('../../../../images/spritesheets/main_spritesheet.svg'); } .bg-\[url\(\'\.\.\/\.\.\/\.\.\/images\/external_registry\.svg\'\)\] { background-image: url('../../../images/external_registry.svg'); } .bg-\[url\(\'\.\.\/\.\.\/images\/activate\.svg\'\)\] { background-image: url('../../images/activate.svg'); } .bg-\[url\(\'\.\.\/\.\.\/images\/global\/replicated-logo-red\.svg\'\)\] { background-image: url('../../images/global/replicated-logo-red.svg'); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .from-blue-50 { --tw-gradient-from: #ecf4fe var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 244 254 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-indigo-100 { --tw-gradient-from: #f0f1ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(240 241 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-white { --tw-gradient-to: #fff var(--tw-gradient-to-position); } .bg-\[length\:100\%\] { background-size: 100%; } .bg-\[length\:350px\] { background-size: 350px; } .bg-\[length\:384px\] { background-size: 384px; } .bg-\[position\:2px_-501px\] { background-position: 2px -501px; } .bg-\[top_center\] { background-position: top center; } .bg-center { background-position: center; } .bg-top { background-position: top; } .bg-no-repeat { background-repeat: no-repeat; } .fill-\[\#00B7A5\] { fill: #00B7A5; } .fill-\[\#0794A3\] { fill: #0794A3; } .fill-\[\#157cff\] { fill: #157cff; } .fill-\[\#326CE5\] { fill: #326CE5; } .fill-\[\#326ce5\] { fill: #326ce5; } .fill-\[\#3B4D56\] { fill: #3B4D56; } .fill-\[\#3a52dd\] { fill: #3a52dd; } .fill-\[\#3c54df\] { fill: #3c54df; } .fill-\[\#4285f4\] { fill: #4285f4; } .fill-\[\#669df6\] { fill: #669df6; } .fill-\[\#71625B\] { fill: #71625B; } .fill-\[\#75C5F0\] { fill: #75C5F0; } .fill-\[\#88A1A8\] { fill: #88A1A8; } .fill-\[\#8F5444\] { fill: #8F5444; } .fill-\[\#A4B7BE\] { fill: #A4B7BE; } .fill-\[\#B7673C\] { fill: #B7673C; } .fill-\[\#E77817\] { fill: #E77817; } .fill-\[\#aecbfa\] { fill: #aecbfa; } .fill-\[\#fefefe\] { fill: #fefefe; } .fill-\[\#ffc61c\] { fill: #ffc61c; } .fill-gray-500 { fill: #717171; } .fill-white { fill: #fff; } .object-cover { object-fit: cover; } .\!p-0 { padding: 0px !important; } .\!p-2 { padding: 0.5rem !important; } .\!p-4 { padding: 1rem !important; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[10px\] { padding: 10px; } .p-\[10px_12px\] { padding: 10px 12px; } .p-\[14px\] { padding: 14px; } .p-\[15px\] { padding: 15px; } .p-\[15px_20px\] { padding: 15px 20px; } .p-\[25px\] { padding: 25px; } .p-\[30px\] { padding: 30px; } .p-\[3px_4px\] { padding: 3px 4px; } .p-\[5px\] { padding: 5px; } .p-\[6px_10px\] { padding: 6px 10px; } .p-\[9px\] { padding: 9px; } .\!px-0 { padding-left: 0px !important; padding-right: 0px !important; } .\!px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .\!px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .\!px-\[12px\] { padding-left: 12px !important; padding-right: 12px !important; } .\!py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .\!py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .\!py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .\!py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .\!py-\[11px\] { padding-top: 11px !important; padding-bottom: 11px !important; } .\!py-\[7px\] { padding-top: 7px !important; padding-bottom: 7px !important; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[124px\] { padding-left: 124px; padding-right: 124px; } .px-\[14px\] { padding-left: 14px; padding-right: 14px; } .px-\[15px\] { padding-left: 15px; padding-right: 15px; } .px-\[17px\] { padding-left: 17px; padding-right: 17px; } .px-\[18px\] { padding-left: 18px; padding-right: 18px; } .px-\[25px\] { padding-left: 25px; padding-right: 25px; } .px-\[30px\] { padding-left: 30px; padding-right: 30px; } .px-\[34px\] { padding-left: 34px; padding-right: 34px; } .px-\[5px\] { padding-left: 5px; padding-right: 5px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .py-\[13px\] { padding-top: 13px; padding-bottom: 13px; } .py-\[15px\] { padding-top: 15px; padding-bottom: 15px; } .py-\[17px\] { padding-top: 17px; padding-bottom: 17px; } .py-\[29px\] { padding-top: 29px; padding-bottom: 29px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .\!pb-0 { padding-bottom: 0px !important; } .\!pb-2 { padding-bottom: 0.5rem !important; } .\!pb-\[12px\] { padding-bottom: 12px !important; } .\!pl-0 { padding-left: 0px !important; } .\!pl-10 { padding-left: 2.5rem !important; } .\!pl-\[18px\] { padding-left: 18px !important; } .\!pr-10 { padding-right: 2.5rem !important; } .\!pr-16 { padding-right: 4rem !important; } .\!pt-0 { padding-top: 0px !important; } .\!pt-5 { padding-top: 1.25rem !important; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2\.5 { padding-bottom: 0.625rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-\[10px\] { padding-bottom: 10px; } .pb-\[11px\] { padding-bottom: 11px; } .pb-\[14px\] { padding-bottom: 14px; } .pb-\[18px\] { padding-bottom: 18px; } .pb-\[25px\] { padding-bottom: 25px; } .pb-\[30px\] { padding-bottom: 30px; } .pb-\[5px\] { padding-bottom: 5px; } .pb-\[60px\] { padding-bottom: 60px; } .pb-\[7px\] { padding-bottom: 7px; } .pb-\[90px\] { padding-bottom: 90px; } .pl-0 { padding-left: 0px; } .pl-1 { padding-left: 0.25rem; } .pl-1\.5 { padding-left: 0.375rem; } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-20 { padding-left: 5rem; } .pl-3 { padding-left: 0.75rem; } .pl-3\.5 { padding-left: 0.875rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-6 { padding-left: 1.5rem; } .pl-64 { padding-left: 16rem; } .pl-7 { padding-left: 1.75rem; } .pl-8 { padding-left: 2rem; } .pl-\[18px\] { padding-left: 18px; } .pr-0 { padding-right: 0px; } .pr-1\.5 { padding-right: 0.375rem; } .pr-10 { padding-right: 2.5rem; } .pr-12 { padding-right: 3rem; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pr-9 { padding-right: 2.25rem; } .pr-\[10px\] { padding-right: 10px; } .pt-0 { padding-top: 0px; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-10 { padding-top: 2.5rem; } .pt-2 { padding-top: 0.5rem; } .pt-2\.5 { padding-top: 0.625rem; } .pt-24 { padding-top: 6rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-7 { padding-top: 1.75rem; } .pt-\[10px\] { padding-top: 10px; } .pt-px { padding-top: 1px; } .\!text-left { text-align: left !important; } .text-left { text-align: left; } .\!text-center { text-align: center !important; } .text-center { text-align: center; } .text-right { text-align: right; } .text-end { text-align: end; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-\[-0\.125em\] { vertical-align: -0.125em; } .align-\[-2px\] { vertical-align: -2px; } .align-\[-4px\] { vertical-align: -4px; } .font-\[\'Helvetica\'\] { font-family: 'Helvetica'; } .font-\[\'Monaco\'\2c \'Helvetica_Neue\'\2c \'Helvetica\'\2c sans-serif\] { font-family: 'Monaco','Helvetica Neue','Helvetica',sans-serif; } .font-\[\'Montserrat\'\2c sans-serif\] { font-family: 'Montserrat',sans-serif; } .font-\[\'Montserrat\'\] { font-family: 'Montserrat'; } .font-\[\'Open_Sans\'\2c sans-serif\] { font-family: 'Open Sans',sans-serif; } .font-\[\'Poppins\'\] { font-family: 'Poppins'; } .font-\[\'myCustomFont\'\] { font-family: 'myCustomFont'; } .font-helvetica { font-family: Helvetica Neue, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .font-inter { font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .font-poppins { font-family: Poppins, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .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"; } .\!text-\[14px\] { font-size: 14px !important; } .\!text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .\!text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .\!text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[13px\] { font-size: 13px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[26px\] { font-size: 26px; } .text-\[30px\] { font-size: 30px; } .text-\[36px\] { font-size: 36px; } .text-\[42px\] { font-size: 42px; } .text-\[44px\] { font-size: 44px; } .text-\[46px\] { font-size: 46px; } .text-\[80px\] { font-size: 80px; } .text-\[8px\] { font-size: 8px; } .text-\[90\%\] { font-size: 90%; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .\!font-medium { font-weight: 500 !important; } .\!font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .not-italic { font-style: normal; } .\!leading-3 { line-height: .75rem !important; } .leading-3 { line-height: .75rem; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-\[0\] { line-height: 0; } .leading-\[1\.4\] { line-height: 1.4; } .leading-\[1\.5\] { line-height: 1.5; } .leading-\[1\.7\] { line-height: 1.7; } .leading-\[1\.9\] { line-height: 1.9; } .leading-\[10px\] { line-height: 10px; } .leading-\[12px\] { line-height: 12px; } .leading-\[14px\] { line-height: 14px; } .leading-\[18px\] { line-height: 18px; } .leading-\[20px\] { line-height: 20px; } .leading-\[22px\] { line-height: 22px; } .leading-\[26px\] { line-height: 26px; } .leading-\[28px\] { line-height: 28px; } .leading-\[29px\] { line-height: 29px; } .leading-\[32px\] { line-height: 32px; } .leading-\[46px\] { line-height: 46px; } .leading-loose { line-height: 2; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[0\.64px\] { letter-spacing: 0.64px; } .tracking-\[14px\] { letter-spacing: 14px; } .tracking-normal { letter-spacing: 0em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .\!text-\[\#323232\] { --tw-text-opacity: 1 !important; color: rgb(50 50 50 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#4591F7\] { --tw-text-opacity: 1 !important; color: rgb(69 145 247 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#98222d\] { --tw-text-opacity: 1 !important; color: rgb(152 34 45 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#c4c8ca\] { --tw-text-opacity: 1 !important; color: rgb(196 200 202 / var(--tw-text-opacity, 1)) !important; } .\!text-blue-300 { --tw-text-opacity: 1 !important; color: rgb(69 145 247 / var(--tw-text-opacity, 1)) !important; } .\!text-gray-100 { --tw-text-opacity: 1 !important; color: rgb(222 222 222 / var(--tw-text-opacity, 1)) !important; } .\!text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(79 79 79 / var(--tw-text-opacity, 1)) !important; } .\!text-indigo-500 { --tw-text-opacity: 1 !important; color: rgb(106 119 251 / var(--tw-text-opacity, 1)) !important; } .\!text-indigo-700 { --tw-text-opacity: 1 !important; color: rgb(65 73 153 / var(--tw-text-opacity, 1)) !important; } .\!text-pink-600 { --tw-text-opacity: 1 !important; color: rgb(155 63 85 / var(--tw-text-opacity, 1)) !important; } .\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .text-\[\#07183b\] { --tw-text-opacity: 1; color: rgb(7 24 59 / var(--tw-text-opacity, 1)); } .text-\[\#097992\] { --tw-text-opacity: 1; color: rgb(9 121 146 / var(--tw-text-opacity, 1)); } .text-\[\#15803d\] { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-\[\#161616\] { --tw-text-opacity: 1; color: rgb(22 22 22 / var(--tw-text-opacity, 1)); } .text-\[\#2e96c2\] { --tw-text-opacity: 1; color: rgb(46 150 194 / var(--tw-text-opacity, 1)); } .text-\[\#3066AD\] { --tw-text-opacity: 1; color: rgb(48 102 173 / var(--tw-text-opacity, 1)); } .text-\[\#323232\] { --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .text-\[\#326de6\] { --tw-text-opacity: 1; color: rgb(50 109 230 / var(--tw-text-opacity, 1)); } .text-\[\#337AB7\] { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); } .text-\[\#337AB7\]\/\[\.75\] { color: rgb(51 122 183 / .75); } .text-\[\#337ab7\] { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); } .text-\[\#37BF9E\] { --tw-text-opacity: 1; color: rgb(55 191 158 / var(--tw-text-opacity, 1)); } .text-\[\#38a3a8\] { --tw-text-opacity: 1; color: rgb(56 163 168 / var(--tw-text-opacity, 1)); } .text-\[\#38cc97\] { --tw-text-opacity: 1; color: rgb(56 204 151 / var(--tw-text-opacity, 1)); } .text-\[\#3c763d\] { --tw-text-opacity: 1; color: rgb(60 118 61 / var(--tw-text-opacity, 1)); } .text-\[\#4285f4\] { --tw-text-opacity: 1; color: rgb(66 133 244 / var(--tw-text-opacity, 1)); } .text-\[\#44BB66\] { --tw-text-opacity: 1; color: rgb(68 187 102 / var(--tw-text-opacity, 1)); } .text-\[\#4591F7\] { --tw-text-opacity: 1; color: rgb(69 145 247 / var(--tw-text-opacity, 1)); } .text-\[\#4591f7\] { --tw-text-opacity: 1; color: rgb(69 145 247 / var(--tw-text-opacity, 1)); } .text-\[\#4A4A4A\] { --tw-text-opacity: 1; color: rgb(74 74 74 / var(--tw-text-opacity, 1)); } .text-\[\#4A53B0\] { --tw-text-opacity: 1; color: rgb(74 83 176 / var(--tw-text-opacity, 1)); } .text-\[\#4DB9C0\] { --tw-text-opacity: 1; color: rgb(77 185 192 / var(--tw-text-opacity, 1)); } .text-\[\#4a4a4a\] { --tw-text-opacity: 1; color: rgb(74 74 74 / var(--tw-text-opacity, 1)); } .text-\[\#4b4b4b\] { --tw-text-opacity: 1; color: rgb(75 75 75 / var(--tw-text-opacity, 1)); } .text-\[\#4db9c0\] { --tw-text-opacity: 1; color: rgb(77 185 192 / var(--tw-text-opacity, 1)); } .text-\[\#4f4f4f\] { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .text-\[\#577981\] { --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .text-\[\#585858\] { --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); } .text-\[\#65A61D\] { --tw-text-opacity: 1; color: rgb(101 166 29 / var(--tw-text-opacity, 1)); } .text-\[\#690C4C\] { --tw-text-opacity: 1; color: rgb(105 12 76 / var(--tw-text-opacity, 1)); } .text-\[\#6A77FB\] { --tw-text-opacity: 1; color: rgb(106 119 251 / var(--tw-text-opacity, 1)); } .text-\[\#6a77fb\] { --tw-text-opacity: 1; color: rgb(106 119 251 / var(--tw-text-opacity, 1)); } .text-\[\#6f6f6f\] { --tw-text-opacity: 1; color: rgb(111 111 111 / var(--tw-text-opacity, 1)); } .text-\[\#717171\] { --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .text-\[\#73a3cd\] { --tw-text-opacity: 1; color: rgb(115 163 205 / var(--tw-text-opacity, 1)); } .text-\[\#797979\] { --tw-text-opacity: 1; color: rgb(121 121 121 / var(--tw-text-opacity, 1)); } .text-\[\#7c7c7c\] { --tw-text-opacity: 1; color: rgb(124 124 124 / var(--tw-text-opacity, 1)); } .text-\[\#8c8c8c\] { --tw-text-opacity: 1; color: rgb(140 140 140 / var(--tw-text-opacity, 1)); } .text-\[\#909090\] { --tw-text-opacity: 1; color: rgb(144 144 144 / var(--tw-text-opacity, 1)); } .text-\[\#959595\] { --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .text-\[\#98222D\] { --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .text-\[\#98222d\] { --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .text-\[\#989898\] { --tw-text-opacity: 1; color: rgb(152 152 152 / var(--tw-text-opacity, 1)); } .text-\[\#991b1b\] { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-\[\#9B9B9B\] { --tw-text-opacity: 1; color: rgb(155 155 155 / var(--tw-text-opacity, 1)); } .text-\[\#9C9C9C\] { --tw-text-opacity: 1; color: rgb(156 156 156 / var(--tw-text-opacity, 1)); } .text-\[\#9b9b9b\] { --tw-text-opacity: 1; color: rgb(155 155 155 / var(--tw-text-opacity, 1)); } .text-\[\#9c9c9c\] { --tw-text-opacity: 1; color: rgb(156 156 156 / var(--tw-text-opacity, 1)); } .text-\[\#9ca3af\] { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-\[\#B24861\] { --tw-text-opacity: 1; color: rgb(178 72 97 / var(--tw-text-opacity, 1)); } .text-\[\#BC4752\] { --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .text-\[\#BCBCBC\] { --tw-text-opacity: 1; color: rgb(188 188 188 / var(--tw-text-opacity, 1)); } .text-\[\#C2C7FD\] { --tw-text-opacity: 1; color: rgb(194 199 253 / var(--tw-text-opacity, 1)); } .text-\[\#F0A308\] { --tw-text-opacity: 1; color: rgb(240 163 8 / var(--tw-text-opacity, 1)); } .text-\[\#F96565\] { --tw-text-opacity: 1; color: rgb(249 101 101 / var(--tw-text-opacity, 1)); } .text-\[\#FDBF44\] { --tw-text-opacity: 1; color: rgb(253 191 68 / var(--tw-text-opacity, 1)); } .text-\[\#FE678B\] { --tw-text-opacity: 1; color: rgb(254 103 139 / var(--tw-text-opacity, 1)); } .text-\[\#FF4856\] { --tw-text-opacity: 1; color: rgb(255 72 86 / var(--tw-text-opacity, 1)); } .text-\[\#FF5C57\] { --tw-text-opacity: 1; color: rgb(255 92 87 / var(--tw-text-opacity, 1)); } .text-\[\#b3b3b3\] { --tw-text-opacity: 1; color: rgb(179 179 179 / var(--tw-text-opacity, 1)); } .text-\[\#b45309\] { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-\[\#b8c6cc\] { --tw-text-opacity: 1; color: rgb(184 198 204 / var(--tw-text-opacity, 1)); } .text-\[\#b91c1c\] { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-\[\#bc4752\] { --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .text-\[\#bcbcbc\] { --tw-text-opacity: 1; color: rgb(188 188 188 / var(--tw-text-opacity, 1)); } .text-\[\#bccacd\] { --tw-text-opacity: 1; color: rgb(188 202 205 / var(--tw-text-opacity, 1)); } .text-\[\#bebebe\] { --tw-text-opacity: 1; color: rgb(190 190 190 / var(--tw-text-opacity, 1)); } .text-\[\#c4c8ca\] { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .text-\[\#c7254e\] { --tw-text-opacity: 1; color: rgb(199 37 78 / var(--tw-text-opacity, 1)); } .text-\[\#cccccc\] { --tw-text-opacity: 1; color: rgb(204 204 204 / var(--tw-text-opacity, 1)); } .text-\[\#d97706\] { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-\[\#dc2626\] { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-\[\#e83e8c\] { --tw-text-opacity: 1; color: rgb(232 62 140 / var(--tw-text-opacity, 1)); } .text-\[\#ebb55c\] { --tw-text-opacity: 1; color: rgb(235 181 92 / var(--tw-text-opacity, 1)); } .text-\[\#ec8f39\] { --tw-text-opacity: 1; color: rgb(236 143 57 / var(--tw-text-opacity, 1)); } .text-\[\#ee5042\] { --tw-text-opacity: 1; color: rgb(238 80 66 / var(--tw-text-opacity, 1)); } .text-\[\#f44247\] { --tw-text-opacity: 1; color: rgb(244 66 71 / var(--tw-text-opacity, 1)); } .text-\[\#f65c5c\] { --tw-text-opacity: 1; color: rgb(246 92 92 / var(--tw-text-opacity, 1)); } .text-\[\#f7b500\] { --tw-text-opacity: 1; color: rgb(247 181 0 / var(--tw-text-opacity, 1)); } .text-\[\#fbe9d7\] { --tw-text-opacity: 1; color: rgb(251 233 215 / var(--tw-text-opacity, 1)); } .text-\[\#fdbf44\] { --tw-text-opacity: 1; color: rgb(253 191 68 / var(--tw-text-opacity, 1)); } .text-\[\#ff4856\] { --tw-text-opacity: 1; color: rgb(255 72 86 / var(--tw-text-opacity, 1)); } .text-\[\#fff0f3\] { --tw-text-opacity: 1; color: rgb(255 240 243 / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-200 { --tw-text-opacity: 1; color: rgb(101 164 248 / var(--tw-text-opacity, 1)); } .text-blue-300 { --tw-text-opacity: 1; color: rgb(69 145 247 / var(--tw-text-opacity, 1)); } .text-blue-350 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(48 102 173 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(31 71 136 / var(--tw-text-opacity, 1)); } .text-disabled { --tw-text-opacity: 1; color: rgb(156 156 156 / var(--tw-text-opacity, 1)); } .text-error { --tw-text-opacity: 1; color: rgb(188 71 82 / var(--tw-text-opacity, 1)); } .text-error-bright { --tw-text-opacity: 1; color: rgb(246 92 92 / var(--tw-text-opacity, 1)); } .text-error-dark { --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .text-gray-100 { --tw-text-opacity: 1; color: rgb(222 222 222 / var(--tw-text-opacity, 1)); } .text-gray-200 { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(179 179 179 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .text-gray-410 { --tw-text-opacity: 1; color: rgb(155 155 155 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(44 44 44 / var(--tw-text-opacity, 1)); } .text-green-300 { --tw-text-opacity: 1; color: rgb(14 178 138 / var(--tw-text-opacity, 1)); } .text-green-350 { --tw-text-opacity: 1; color: rgb(12 151 117 / var(--tw-text-opacity, 1)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(10 125 97 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(9 109 84 / var(--tw-text-opacity, 1)); } .text-h1 { --tw-text-opacity: 1; color: rgb(22 22 22 / var(--tw-text-opacity, 1)); } .text-indigo-100 { --tw-text-opacity: 1; color: rgb(240 241 255 / var(--tw-text-opacity, 1)); } .text-indigo-300 { --tw-text-opacity: 1; color: rgb(169 176 253 / var(--tw-text-opacity, 1)); } .text-indigo-400 { --tw-text-opacity: 1; color: rgb(131 142 252 / var(--tw-text-opacity, 1)); } .text-indigo-500 { --tw-text-opacity: 1; color: rgb(106 119 251 / var(--tw-text-opacity, 1)); } .text-indigo-600 { --tw-text-opacity: 1; color: rgb(74 83 176 / var(--tw-text-opacity, 1)); } .text-indigo-700 { --tw-text-opacity: 1; color: rgb(65 73 153 / var(--tw-text-opacity, 1)); } .text-info-bright { --tw-text-opacity: 1; color: rgb(118 187 202 / var(--tw-text-opacity, 1)); } .text-neutral-700 { --tw-text-opacity: 1; color: rgb(74 74 74 / var(--tw-text-opacity, 1)); } .text-pink-300 { --tw-text-opacity: 1; color: rgb(254 129 159 / var(--tw-text-opacity, 1)); } .text-pink-400 { --tw-text-opacity: 1; color: rgb(254 103 139 / var(--tw-text-opacity, 1)); } .text-pink-450 { --tw-text-opacity: 1; color: rgb(217 54 78 / var(--tw-text-opacity, 1)); } .text-pink-500 { --tw-text-opacity: 1; color: rgb(178 72 97 / var(--tw-text-opacity, 1)); } .text-pink-600 { --tw-text-opacity: 1; color: rgb(155 63 85 / var(--tw-text-opacity, 1)); } .text-purple-400 { --tw-text-opacity: 1; color: rgb(114 66 176 / var(--tw-text-opacity, 1)); } .text-success-bright { --tw-text-opacity: 1; color: rgb(56 204 151 / var(--tw-text-opacity, 1)); } .text-teal-300 { --tw-text-opacity: 1; color: rgb(77 185 192 / var(--tw-text-opacity, 1)); } .text-teal-400 { --tw-text-opacity: 1; color: rgb(56 163 168 / var(--tw-text-opacity, 1)); } .text-teal-medium { --tw-text-opacity: 1; color: rgb(9 121 146 / var(--tw-text-opacity, 1)); } .text-teal-muted-dark { --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .text-warning-bright { --tw-text-opacity: 1; color: rgb(236 143 57 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-yellow-300 { --tw-text-opacity: 1; color: rgb(243 179 50 / var(--tw-text-opacity, 1)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(240 163 8 / var(--tw-text-opacity, 1)); } .text-yellow-450 { --tw-text-opacity: 1; color: rgb(193 137 7 / var(--tw-text-opacity, 1)); } .text-yellow-500 { --tw-text-opacity: 1; color: rgb(168 114 6 / var(--tw-text-opacity, 1)); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(146 99 5 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .no-underline { text-decoration-line: none; } .placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(149 149 149 / var(--tw-placeholder-opacity, 1)); } .accent-\[\#3066AD\] { accent-color: #3066AD; } .accent-teal-medium { accent-color: #097992; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-15 { opacity: 0.15; } .opacity-25 { opacity: 0.25; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-75 { opacity: 0.75; } .opacity-90 { opacity: 0.9; } .bg-blend-overlay { background-blend-mode: overlay; } .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); } .shadow-\[-1px_0_3px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] { --tw-shadow: -1px 0 3px rgba(0,0,0,0.16); --tw-shadow-colored: -1px 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_\#E8F6F6\] { --tw-shadow: 0 0 0 3px #E8F6F6; --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_\#EBF0FD\] { --tw-shadow: 0 0 0 3px #EBF0FD; --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_\#F0EDFD\] { --tw-shadow: 0 0 0 3px #F0EDFD; --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_\#FDF5E6\] { --tw-shadow: 0 0 0 3px #FDF5E6; --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_4px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\] { --tw-shadow: 0 0 4px 0 rgba(0,0,0,0.16); --tw-shadow-colored: 0 0 4px 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); } .shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] { --tw-shadow: 0 1px 4px rgba(0,0,0,0.16); --tw-shadow-colored: 0 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); } .shadow-\[0px_0px_14px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] { --tw-shadow: 0px 0px 14px rgba(0,0,0,0.06); --tw-shadow-colored: 0px 0px 14px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0px_6px_rgba\(0\2c 0\2c 0\2c 0\.16\)\] { --tw-shadow: 0px 0px 6px rgba(0,0,0,0.16); --tw-shadow-colored: 0px 0px 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); } .shadow-\[0px_0px_8px_0px_\#0000000a\] { --tw-shadow: 0px 0px 8px 0px #0000000a; --tw-shadow-colored: 0px 0px 8px 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); } .shadow-\[0px_1px_4px_0px_rgba\(0\2c 0\2c 0\2c 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); } .shadow-\[0px_1px_4px_rgba\(0\2c 0\2c 0\2c 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); } .shadow-\[0px_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] { --tw-shadow: 0px 1px 6px rgba(0,0,0,0.25); --tw-shadow-colored: 0px 1px 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); } .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); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .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); } .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); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .outline-0 { outline-width: 0px; } .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); } .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); } .ring-inset { --tw-ring-inset: inset; } .ring-\[\#16a34a\]\/20 { --tw-ring-color: rgb(22 163 74 / 0.2); } .ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .ring-blue-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(48 102 173 / var(--tw-ring-opacity, 1)); } .ring-gray-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(196 200 202 / var(--tw-ring-opacity, 1)); } .ring-gray-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(179 179 179 / var(--tw-ring-opacity, 1)); } .ring-gray-900\/5 { --tw-ring-color: rgb(44 44 44 / 0.05); } .ring-indigo-600 { --tw-ring-opacity: 1; --tw-ring-color: rgb(74 83 176 / var(--tw-ring-opacity, 1)); } .ring-opacity-5 { --tw-ring-opacity: 0.05; } .ring-offset-2 { --tw-ring-offset-width: 2px; } .blur { --tw-blur: blur(8px); 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); } .drop-shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 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); } .drop-shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 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); } .grayscale { --tw-grayscale: grayscale(100%); 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); } .filter { 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); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .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; } .transition-\[background\] { transition-property: background; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border\] { transition-property: border; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-200 { transition-delay: 200ms; } .duration-100 { transition-duration: 100ms; } .duration-1000 { transition-duration: 1000ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-700 { transition-duration: 700ms; } .duration-75 { transition-duration: 75ms; } .duration-\[180ms\] { transition-duration: 180ms; } .duration-\[2s\] { transition-duration: 2s; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\@container { container-type: inline-size; } .\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] { clip: rect(0,0,0,0) !important; } .\[flex\:2\] { flex: 2; } .\[flex\:5\] { flex: 5; } /* Preflight is disabled (tailwind.config.ts) — provide the border-style reset that Tailwind's `border` utility depends on. Without this, `border` only sets border-width:1px but border-style remains `none` from Meyer reset. */ *, ::before, ::after { border-style: solid; border-width: 0; border-color: currentColor; } @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'; } } /* Global element styles — un-layered so they override Tailwind preflight */ 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; } 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%; } 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; } @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; } } /* react-modal overlay — un-layered so !important beats inline styles */ .ReactModal__Overlay { background-color: rgba(50,50,50,.4) !important; z-index: 500; overflow: auto; } /* Retraced Audit Log Viewer Overrides */ .before\:block.Button::before { content: var(--tw-content); display: block; width: 100%; } .replicated-config-outer .after\:hidden::after { content: var(--tw-content); display: none !important; } .after\:block.Button::after { content: var(--tw-content); display: block; width: 100%; } .Patch-wrapper .after\:hidden.overlay::after { content: var(--tw-content); display: none; } .ReleaseRow-wrapper .after\:hidden.overlay::after { content: var(--tw-content); display: none; } .replicated-config-outer .after\:hidden::after { content: var(--tw-content); display: none !important; } .replicated-config-outer .first\:hidden:first-child { display: none !important; } .Patch-wrapper .first\:hidden:first-child.overlay { display: none; } .ReleaseRow-wrapper .first\:hidden:first-child.overlay { display: none; } .replicated-config-outer .first\:hidden:first-child { display: none !important; } .replicated-config-outer .last\:after\:hidden:last-child::after { content: var(--tw-content); display: none !important; } .Patch-wrapper .last\:after\:hidden:last-child.overlay::after { content: var(--tw-content); display: none; } .ReleaseRow-wrapper .last\:after\:hidden:last-child.overlay::after { content: var(--tw-content); display: none; } .replicated-config-outer .last\:after\:hidden:last-child::after { content: var(--tw-content); display: none !important; } @media (min-width: 640px) { .auth-pages .sm\:flex.ErrorBlock { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .sm\:flex.flex-col { width: 100%; } #SupportBundle-wrapper .FormSection-wrapper .sm\:flex-col.flex { width: 100%; } .replicated-config-outer .sm\:hidden { display: none !important; } .sm\:flex.ErrorBlock { display: flex; } .sm\:block.Button { display: block; width: 100%; } .Patch-wrapper .sm\:hidden.overlay { display: none; } .ReleaseRow-wrapper .sm\:hidden.overlay { display: none; } .replicated-config-outer .sm\:hidden { display: none !important; } } @media (min-width: 768px) { .auth-pages .md\:flex.ErrorBlock { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .md\:flex.flex-col { width: 100%; } #SupportBundle-wrapper .FormSection-wrapper .md\:flex-col.flex { width: 100%; } .replicated-config-outer .md\:hidden { display: none !important; } .md\:flex.ErrorBlock { display: flex; } .md\:block.Button { display: block; width: 100%; } .Patch-wrapper .md\:hidden.overlay { display: none; } .ReleaseRow-wrapper .md\:hidden.overlay { display: none; } .replicated-config-outer .md\:hidden { display: none !important; } } @media (min-width: 800px) { .min-\[800px\]\:flex { display: flex; } .auth-pages .min-\[800px\]\:flex.ErrorBlock { display: flex; } .min-\[800px\]\:flex { display: flex; } .auth-pages .min-\[800px\]\:flex.ErrorBlock { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .min-\[800px\]\:flex.flex-col { width: 100%; } .min-\[800px\]\:flex { display: flex; } .auth-pages .min-\[800px\]\:flex.ErrorBlock { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .min-\[800px\]\:flex.flex-col { width: 100%; } .min-\[800px\]\:flex.ErrorBlock { display: flex; } } @media (min-width: 1024px) { .auth-pages .lg\:flex.ErrorBlock { display: flex; } #SupportBundle-wrapper .FormSection-wrapper .lg\:flex.flex-col { width: 100%; } #SupportBundle-wrapper .FormSection-wrapper .lg\:\!flex-col.flex { width: 100% !important; } #SupportBundle-wrapper .FormSection-wrapper .lg\:flex-col.flex { width: 100%; } .replicated-config-outer .lg\:hidden { display: none !important; } .lg\:flex.ErrorBlock { display: flex; } .lg\:block.Button { display: block; width: 100%; } .Patch-wrapper .lg\:hidden.overlay { display: none; } .ReleaseRow-wrapper .lg\:hidden.overlay { display: none; } .replicated-config-outer .lg\:hidden { display: none !important; } } @media (min-width: 1280px) { .replicated-config-outer .xl\:hidden { display: none !important; } .xl\:block.Button { display: block; width: 100%; } .Patch-wrapper .xl\:hidden.overlay { display: none; } .ReleaseRow-wrapper .xl\:hidden.overlay { display: none; } .replicated-config-outer .xl\:hidden { display: none !important; } } @media (min-width: 1536px) { .replicated-config-outer .\32xl\:hidden { display: none !important; } .\32xl\:block.Button { display: block; width: 100%; } .Patch-wrapper .\32xl\:hidden.overlay { display: none; } .ReleaseRow-wrapper .\32xl\:hidden.overlay { display: none; } .replicated-config-outer .\32xl\:hidden { display: none !important; } } .\[\&_\.react-datepicker-wrapper\]\:block .react-datepicker-wrapper.Button { display: block; width: 100%; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:block .tooltip.tooltip-top-center.Button::before { display: block; width: 100%; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:block .tooltip.tooltip-top-left.Button::before { display: block; width: 100%; } .placeholder\:text-\[\#C4C8CA\]::placeholder { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-200::placeholder { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::placeholder { --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:left-1\.5::before { content: var(--tw-content); left: 0.375rem; } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:top-2::before { content: var(--tw-content); top: 0.5rem; } .before\:block::before { content: var(--tw-content); display: block; } .before\:inline-block::before { content: var(--tw-content); display: inline-block; } .before\:h-1\.5::before { content: var(--tw-content); height: 0.375rem; } .before\:h-full::before { content: var(--tw-content); height: 100%; } .before\:w-1\.5::before { content: var(--tw-content); width: 0.375rem; } .before\:w-\[3px\]::before { content: var(--tw-content); width: 3px; } .before\:w-\[5px\]::before { content: var(--tw-content); width: 5px; } .before\:rounded-full::before { content: var(--tw-content); border-radius: 9999px; } .before\:bg-\[\#337ab7\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(51 122 183 / var(--tw-bg-opacity, 1)); } .before\:bg-\[\#38cc97\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(56 204 151 / var(--tw-bg-opacity, 1)); } .before\:bg-\[\#f44247\]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(244 66 71 / var(--tw-bg-opacity, 1)); } .before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:bottom-0::after { content: var(--tw-content); bottom: 0px; } .after\:bottom-1::after { content: var(--tw-content); bottom: 0.25rem; } .after\:bottom-\[-13px\]::after { content: var(--tw-content); bottom: -13px; } .after\:bottom-\[-1px\]::after { content: var(--tw-content); bottom: -1px; } .after\:left-0::after { content: var(--tw-content); left: 0px; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:left-3::after { content: var(--tw-content); left: 0.75rem; } .after\:left-\[20\%\]::after { content: var(--tw-content); left: 20%; } .after\:left-\[34\%\]::after { content: var(--tw-content); left: 34%; } .after\:left-\[80\%\]::after { content: var(--tw-content); left: 80%; } .after\:right-0::after { content: var(--tw-content); right: 0px; } .after\:right-3::after { content: var(--tw-content); right: 0.75rem; } .after\:right-\[14px\]::after { content: var(--tw-content); right: 14px; } .after\:top-0::after { content: var(--tw-content); top: 0px; } .after\:top-1::after { content: var(--tw-content); top: 0.25rem; } .after\:top-1\.5::after { content: var(--tw-content); top: 0.375rem; } .after\:top-2::after { content: var(--tw-content); top: 0.5rem; } .after\:top-\[3px\]::after { content: var(--tw-content); top: 3px; } .after\:block::after { content: var(--tw-content); display: block; } .after\:hidden::after { content: var(--tw-content); display: none; } .after\:h-0::after { content: var(--tw-content); height: 0px; } .after\:h-0\.5::after { content: var(--tw-content); height: 0.125rem; } .after\:h-1::after { content: var(--tw-content); height: 0.25rem; } .after\:h-3::after { content: var(--tw-content); height: 0.75rem; } .after\:h-5::after { content: var(--tw-content); height: 1.25rem; } .after\:h-\[10px\]::after { content: var(--tw-content); height: 10px; } .after\:h-\[30px\]::after { content: var(--tw-content); height: 30px; } .after\:h-\[3px\]::after { content: var(--tw-content); height: 3px; } .after\:w-0::after { content: var(--tw-content); width: 0px; } .after\:w-3::after { content: var(--tw-content); width: 0.75rem; } .after\:w-\[10px\]::after { content: var(--tw-content); width: 10px; } .after\:w-full::after { content: var(--tw-content); width: 100%; } .after\:w-px::after { content: var(--tw-content); width: 1px; } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -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)); } .after\:-rotate-\[135deg\]::after { content: var(--tw-content); --tw-rotate: -135deg; 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)); } .after\:rotate-45::after { content: var(--tw-content); --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)); } .after\:rounded-sm::after { content: var(--tw-content); border-radius: 0.187rem; } .after\:border-b-\[5px\]::after { content: var(--tw-content); border-bottom-width: 5px; } .after\:border-l-\[5px\]::after { content: var(--tw-content); border-left-width: 5px; } .after\:border-r-\[5px\]::after { content: var(--tw-content); border-right-width: 5px; } .after\:border-t-\[5px\]::after { content: var(--tw-content); border-top-width: 5px; } .after\:border-b-\[rgba\(74\2c 74\2c 74\2c 0\.9\)\]::after { content: var(--tw-content); border-bottom-color: rgba(74,74,74,0.9); } .after\:border-l-transparent::after { content: var(--tw-content); border-left-color: transparent; } .after\:border-r-transparent::after { content: var(--tw-content); border-right-color: transparent; } .after\:border-t-\[rgba\(74\2c 74\2c 74\2c 0\.9\)\]::after { content: var(--tw-content); border-top-color: rgba(74,74,74,0.9); } .after\:bg-\[\#4f4f4f\]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(79 79 79 / var(--tw-bg-opacity, 1)); } .after\:bg-\[\#6a77fb\]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)); } .after\:bg-\[\#959595\]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(149 149 149 / var(--tw-bg-opacity, 1)); } .after\:bg-\[\#c4c8ca\]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); } .after\:bg-\[\#f5f8f9\]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .after\:bg-transparent::after { content: var(--tw-content); background-color: transparent; } .after\:bg-white::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .after\:shadow-\[-1px_-1px_\#c4c8ca\]::after { content: var(--tw-content); --tw-shadow: -1px -1px #c4c8ca; --tw-shadow-colored: -1px -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); } .after\:shadow-\[-1px_-1px_0_\#c4c8ca\]::after { content: var(--tw-content); --tw-shadow: -1px -1px 0 #c4c8ca; --tw-shadow-colored: -1px -1px 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); } .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .first\:ml-0:first-child { margin-left: 0px; } .first\:hidden:first-child { display: none; } .first\:rounded-l-\[3px\]:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .first\:rounded-l-sm:first-child { border-top-left-radius: 0.187rem; border-bottom-left-radius: 0.187rem; } .first\:border-0:first-child { border-width: 0px; } .first\:border-t:first-child { border-top-width: 1px; } .first\:border-\[\#c4c8ca\]:first-child { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .last\:mr-0:last-child { margin-right: 0px; } .last\:rounded-r-\[3px\]:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .last\:rounded-r-sm:last-child { border-top-right-radius: 0.187rem; border-bottom-right-radius: 0.187rem; } .last\:border-0:last-child { border-width: 0px; } .last\:\!border-b:last-child { border-bottom-width: 1px !important; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:\!border-solid:last-child { border-style: solid !important; } .last\:\!border-b-gray-200:last-child { --tw-border-opacity: 1 !important; border-bottom-color: rgb(196 200 202 / var(--tw-border-opacity, 1)) !important; } .last\:pb-0:last-child { padding-bottom: 0px; } .last\:pb-2:last-child { padding-bottom: 0.5rem; } .last\:after\:hidden:last-child::after { content: var(--tw-content); display: none; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } .hover\:cursor-not-allowed:hover { cursor: not-allowed; } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:rounded:hover { border-radius: 0.25rem; } .hover\:border-\[\#585858\]:hover { --tw-border-opacity: 1; border-color: rgb(88 88 88 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#6a77fb\]:hover { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#9B9B9B\]:hover { --tw-border-opacity: 1; border-color: rgb(155 155 155 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#B3323C\]:hover { --tw-border-opacity: 1; border-color: rgb(179 50 60 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#acdee1\]:hover { --tw-border-opacity: 1; border-color: rgb(172 222 225 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#c4c8ca\]:hover { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .hover\:border-blue-300:hover { --tw-border-opacity: 1; border-color: rgb(69 145 247 / var(--tw-border-opacity, 1)); } .hover\:border-blue-400:hover { --tw-border-opacity: 1; border-color: rgb(48 102 173 / var(--tw-border-opacity, 1)); } .hover\:border-error-dark:hover { --tw-border-opacity: 1; border-color: rgb(152 34 45 / var(--tw-border-opacity, 1)); } .hover\:border-gray-300:hover { --tw-border-opacity: 1; border-color: rgb(179 179 179 / var(--tw-border-opacity, 1)); } .hover\:border-gray-400:hover { --tw-border-opacity: 1; border-color: rgb(149 149 149 / var(--tw-border-opacity, 1)); } .hover\:border-gray-500:hover { --tw-border-opacity: 1; border-color: rgb(113 113 113 / var(--tw-border-opacity, 1)); } .hover\:border-green-300:hover { --tw-border-opacity: 1; border-color: rgb(14 178 138 / var(--tw-border-opacity, 1)); } .hover\:border-indigo-300:hover { --tw-border-opacity: 1; border-color: rgb(169 176 253 / var(--tw-border-opacity, 1)); } .hover\:border-indigo-400:hover { --tw-border-opacity: 1; border-color: rgb(131 142 252 / var(--tw-border-opacity, 1)); } .hover\:border-indigo-500:hover { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .hover\:border-indigo-600:hover { --tw-border-opacity: 1; border-color: rgb(74 83 176 / var(--tw-border-opacity, 1)); } .hover\:border-teal-400:hover { --tw-border-opacity: 1; border-color: rgb(56 163 168 / var(--tw-border-opacity, 1)); } .hover\:border-teal-medium:hover { --tw-border-opacity: 1; border-color: rgb(9 121 146 / var(--tw-border-opacity, 1)); } .hover\:\!bg-white:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .hover\:bg-\[\#097992\]:hover { --tw-bg-opacity: 1; background-color: rgb(9 121 146 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#2a2d2e\]:hover { --tw-bg-opacity: 1; background-color: rgb(42 45 46 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#2d2d2d\]:hover { --tw-bg-opacity: 1; background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#383838\]:hover { --tw-bg-opacity: 1; background-color: rgb(56 56 56 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#585858\]:hover { --tw-bg-opacity: 1; background-color: rgb(88 88 88 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#6a77fb\]:hover { --tw-bg-opacity: 1; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#ECF4FE\]:hover { --tw-bg-opacity: 1; background-color: rgb(236 244 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#e9e9e9\]:hover { --tw-bg-opacity: 1; background-color: rgb(233 233 233 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#f3f7ff\]:hover { --tw-bg-opacity: 1; background-color: rgb(243 247 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#f5f8f9\]:hover { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#f9fafb\]:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[rgba\(237\2c 243\2c 252\2c 0\.5\)\]:hover { background-color: rgba(237,243,252,0.5); } .hover\:bg-blue-400:hover { --tw-bg-opacity: 1; background-color: rgb(48 102 173 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 244 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-500:hover { --tw-bg-opacity: 1; background-color: rgb(31 71 136 / var(--tw-bg-opacity, 1)); } .hover\:bg-error-xlight:hover { --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100\/50:hover { background-color: rgb(222 222 222 / 0.5); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(196 200 202 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-300:hover { --tw-bg-opacity: 1; background-color: rgb(179 179 179 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-500\/95:hover { background-color: rgb(113 113 113 / 0.95); } .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(79 79 79 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-200:hover { --tw-bg-opacity: 1; background-color: rgb(194 199 253 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-500:hover { --tw-bg-opacity: 1; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-600:hover { --tw-bg-opacity: 1; background-color: rgb(74 83 176 / var(--tw-bg-opacity, 1)); } .hover\:bg-off-white:hover { --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); } .hover\:bg-pink-500:hover { --tw-bg-opacity: 1; background-color: rgb(178 72 97 / var(--tw-bg-opacity, 1)); } .hover\:bg-teal-medium:hover { --tw-bg-opacity: 1; background-color: rgb(9 121 146 / var(--tw-bg-opacity, 1)); } .hover\:\!text-\[\#4591F7\]:hover { --tw-text-opacity: 1 !important; color: rgb(69 145 247 / var(--tw-text-opacity, 1)) !important; } .hover\:\!text-blue-300:hover { --tw-text-opacity: 1 !important; color: rgb(69 145 247 / var(--tw-text-opacity, 1)) !important; } .hover\:\!text-gray-400:hover { --tw-text-opacity: 1 !important; color: rgb(149 149 149 / var(--tw-text-opacity, 1)) !important; } .hover\:\!text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .hover\:text-\[\#337ab7\]:hover { --tw-text-opacity: 1; color: rgb(51 122 183 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#4591F7\]:hover { --tw-text-opacity: 1; color: rgb(69 145 247 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#577981\]:hover { --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#717171\]:hover { --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#B3323C\]:hover { --tw-text-opacity: 1; color: rgb(179 50 60 / var(--tw-text-opacity, 1)); } .hover\:text-blue-300:hover { --tw-text-opacity: 1; color: rgb(69 145 247 / var(--tw-text-opacity, 1)); } .hover\:text-error-dark:hover { --tw-text-opacity: 1; color: rgb(152 34 45 / var(--tw-text-opacity, 1)); } .hover\:text-gray-200:hover { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(113 113 113 / var(--tw-text-opacity, 1)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(44 44 44 / var(--tw-text-opacity, 1)); } .hover\:text-indigo-500:hover { --tw-text-opacity: 1; color: rgb(106 119 251 / var(--tw-text-opacity, 1)); } .hover\:text-indigo-600:hover { --tw-text-opacity: 1; color: rgb(74 83 176 / var(--tw-text-opacity, 1)); } .hover\:text-teal-medium:hover { --tw-text-opacity: 1; color: rgb(9 121 146 / var(--tw-text-opacity, 1)); } .hover\:text-teal-muted-dark:hover { --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:\!underline:hover { text-decoration-line: underline !important; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:\!no-underline:hover { text-decoration-line: none !important; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:shadow-lg:hover { --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); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-xl:hover { --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); } .focus\:cursor-pointer:focus { cursor: pointer; } .focus\:rounded:focus { border-radius: 0.25rem; } .focus\:border-\[\#337AB7\]:focus { --tw-border-opacity: 1; border-color: rgb(51 122 183 / var(--tw-border-opacity, 1)); } .focus\:border-\[\#6A77FB\]:focus { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .focus\:border-\[\#EE5042\]:focus { --tw-border-opacity: 1; border-color: rgb(238 80 66 / var(--tw-border-opacity, 1)); } .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(31 71 136 / var(--tw-border-opacity, 1)); } .focus\:border-indigo-500:focus { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:\!bg-white:focus { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .focus\:bg-\[\#f5f8f9\]:focus { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .focus\:\!text-gray-400:focus { --tw-text-opacity: 1 !important; color: rgb(149 149 149 / var(--tw-text-opacity, 1)) !important; } .focus\:text-\[\#577981\]:focus { --tw-text-opacity: 1; color: rgb(87 121 129 / var(--tw-text-opacity, 1)); } .focus\:text-gray-600:focus { --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\: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\: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\:ring-inset:focus { --tw-ring-inset: inset; } .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 71 136 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(194 199 253 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(106 119 251 / var(--tw-ring-opacity, 1)); } .focus\:ring-indigo-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(74 83 176 / var(--tw-ring-opacity, 1)); } .focus-visible\:outline-offset-0:focus-visible { outline-offset: 0px; } .active\:border-\[\#6A77FB\]:active { --tw-border-opacity: 1; border-color: rgb(106 119 251 / var(--tw-border-opacity, 1)); } .active\:focus\:border-teal-300:focus:active { --tw-border-opacity: 1; border-color: rgb(77 185 192 / var(--tw-border-opacity, 1)); } .active\:focus\:outline-none:focus:active { outline: 2px solid transparent; outline-offset: 2px; } .hover\:enabled\:bg-indigo-500:enabled:hover { --tw-bg-opacity: 1; background-color: rgb(106 119 251 / var(--tw-bg-opacity, 1)); } .disabled\:\!cursor-not-allowed:disabled { cursor: not-allowed !important; } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-gray-100:disabled { --tw-bg-opacity: 1; background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1)); } .disabled\:text-gray-400:disabled { --tw-text-opacity: 1; color: rgb(149 149 149 / var(--tw-text-opacity, 1)); } .disabled\:no-underline:disabled { text-decoration-line: none; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-80:disabled { opacity: 0.8; } .group:hover .group-hover\:visible { visibility: visible; } .group:hover .group-hover\:-translate-x-0\.5 { --tw-translate-x: -0.125rem; 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)); } .group:hover .group-hover\:bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(101 164 248 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:\!text-blue-300 { --tw-text-opacity: 1 !important; color: rgb(69 145 247 / var(--tw-text-opacity, 1)) !important; } .group:hover .group-hover\:text-blue-300 { --tw-text-opacity: 1; color: rgb(69 145 247 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-green-300 { --tw-text-opacity: 1; color: rgb(14 178 138 / var(--tw-text-opacity, 1)); } .group\/message:hover .group-hover\/message\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\: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); } @container (min-width: 28rem) { .\@md\:h-32 { height: 8rem; } .\@md\:h-64 { height: 16rem; } .\@md\:flex-row { flex-direction: row; } .\@md\:justify-end { justify-content: flex-end; } } @container (min-width: 32rem) { .\@lg\:items-end { align-items: flex-end; } } @container (min-width: 42rem) { .\@2xl\:justify-start { justify-content: flex-start; } } @container (min-width: 48rem) { .\@3xl\:mt-0 { margin-top: 0px; } .\@3xl\:justify-start { justify-content: flex-start; } } @container (min-width: 56rem) { .\@4xl\:col-span-7 { grid-column: span 7 / span 7; } .\@4xl\:mx-4 { margin-left: 1rem; margin-right: 1rem; } .\@4xl\:ml-0 { margin-left: 0px; } .\@4xl\:mt-0 { margin-top: 0px; } .\@4xl\:grid { display: grid; } .\@4xl\:h-64 { height: 16rem; } .\@4xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .\@4xl\:flex-row { flex-direction: row; } .\@4xl\:justify-start { justify-content: flex-start; } .\@4xl\:gap-8 { gap: 2rem; } .\@4xl\:gap-y-0 { row-gap: 0px; } } @container (min-width: 72rem) { .\@6xl\:items-start { align-items: flex-start; } } .ui-selected\:font-semibold[data-headlessui-state~="selected"] { font-weight: 600; } :where([data-headlessui-state~="selected"]) .ui-selected\:font-semibold { font-weight: 600; } .ui-active\:bg-\[\#eee\][data-headlessui-state~="active"] { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); } .ui-active\:bg-\[\#fef2f2\][data-headlessui-state~="active"] { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .ui-active\:bg-indigo-600[data-headlessui-state~="active"] { --tw-bg-opacity: 1; background-color: rgb(74 83 176 / var(--tw-bg-opacity, 1)); } .ui-active\:text-white[data-headlessui-state~="active"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } :where([data-headlessui-state~="active"]) .ui-active\:bg-\[\#eee\] { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); } :where([data-headlessui-state~="active"]) .ui-active\:bg-\[\#fef2f2\] { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } :where([data-headlessui-state~="active"]) .ui-active\:bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(74 83 176 / var(--tw-bg-opacity, 1)); } :where([data-headlessui-state~="active"]) .ui-active\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ui-not-active\:text-gray-900[data-headlessui-state]:not([data-headlessui-state~="active"]) { --tw-text-opacity: 1; color: rgb(44 44 44 / var(--tw-text-opacity, 1)); } :where([data-headlessui-state]:not([data-headlessui-state~="active"])) .ui-not-active\:text-gray-900:not([data-headlessui-state]) { --tw-text-opacity: 1; color: rgb(44 44 44 / var(--tw-text-opacity, 1)); } .prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 600; } .prose-headings\:text-gray-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(44 44 44 / var(--tw-text-opacity, 1)); } .prose-h2\:mb-2 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: 0.5rem; } .prose-h2\:mt-4 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 1rem; } .prose-h2\:text-base :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1rem; line-height: 1.5rem; } .prose-h3\:mb-1 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: 0.25rem; } .prose-h3\:mt-3 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 0.75rem; } .prose-h3\:text-sm :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 0.875rem; line-height: 1.25rem; } .prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { line-height: 1.625; } .prose-p\:text-gray-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .prose-p\:text-gray-800 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: none; } .hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { text-decoration-line: underline; } .prose-strong\:font-semibold :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 600; } .prose-strong\:text-gray-900 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(44 44 44 / var(--tw-text-opacity, 1)); } .prose-code\:rounded :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: 0.25rem; } .prose-code\:bg-gray-900 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-bg-opacity: 1; background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1)); } .prose-code\:px-1\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: 0.375rem; padding-right: 0.375rem; } .prose-code\:py-0\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-top: 0.125rem; padding-bottom: 0.125rem; } .prose-code\:font-mono :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .prose-code\:text-xs :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 0.75rem; line-height: 1rem; } .prose-code\:font-medium :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 500; } .prose-code\:text-\[\#d946ef\] :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(217 70 239 / var(--tw-text-opacity, 1)); } .prose-code\:text-indigo-600 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(74 83 176 / var(--tw-text-opacity, 1)); } .prose-pre\:overflow-x-auto :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { overflow-x: auto; } .prose-pre\:rounded-lg :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: 0.5rem; } .prose-pre\:bg-gray-900 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-bg-opacity: 1; background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1)); } .prose-pre\:p-4 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding: 1rem; } .prose-pre\:text-xs :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 0.75rem; line-height: 1rem; } .prose-pre\:text-gray-100 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(222 222 222 / var(--tw-text-opacity, 1)); } .prose-ol\:text-gray-700 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .prose-ul\:text-gray-700 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .prose-li\:text-gray-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .prose-table\:text-xs :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 0.75rem; line-height: 1rem; } .prose-th\:bg-gray-50 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .prose-th\:p-2 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding: 0.5rem; } .prose-td\:border-gray-200 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .prose-td\:p-2 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding: 0.5rem; } @media (prefers-reduced-motion: reduce) { @keyframes spin { to { transform: rotate(360deg); } } .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] { animation: spin 1.5s linear infinite; } } @media not all and (min-width: 1024px) { .max-lg\:static { position: static; } .max-lg\:mx-auto { margin-left: auto; margin-right: auto; } .max-lg\:mb-\[70px\] { margin-bottom: 70px; } .max-lg\:mt-\[70px\] { margin-top: 70px; } .max-lg\:\!h-\[60px\] { height: 60px !important; } .max-lg\:h-\[100px\] { height: 100px; } .max-lg\:min-h-\[100px\] { min-height: 100px; } .max-lg\:w-full { width: 100%; } .max-lg\:bg-\[length\:250px\] { background-size: 250px; } .max-lg\:pt-\[10px\] { padding-top: 10px; } .max-lg\:text-center { text-align: center; } } @media not all and (min-width: 768px) { .max-md\:max-w-\[80\%\] { max-width: 80%; } } @media (max-width: 430px) { .max-\[430px\]\:w-\[90\%\] { width: 90%; } } @media (min-width: 480px) { .min-\[480px\]\:flex-row { flex-direction: row; } } @media (min-width: 640px) { .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:mb-0 { margin-bottom: 0px; } .sm\:ml-0 { margin-left: 0px; } .sm\:ml-3 { margin-left: 0.75rem; } .sm\:ml-auto { margin-left: auto; } .sm\:mt-4 { margin-top: 1rem; } .sm\:mt-8 { margin-top: 2rem; } .sm\:block { display: block; } .sm\:inline { display: inline; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:\!w-\[384px\] { width: 384px !important; } .sm\:\!w-auto { width: auto !important; } .sm\:w-40 { width: 10rem; } .sm\:w-\[76px\] { width: 76px; } .sm\:w-auto { width: auto; } .sm\:flex-1 { flex: 1 1 0%; } .sm\:flex-none { flex: none; } .sm\:basis-\[calc\(100\%\/4-6px\)\] { flex-basis: calc(100% / 4 - 6px); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:flex-col { flex-direction: column; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:justify-center { justify-content: center; } .sm\:gap-3 { gap: 0.75rem; } .sm\:gap-x-3 { column-gap: 0.75rem; } .sm\: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\:rounded { border-radius: 0.25rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } .sm\:pt-40 { padding-top: 10rem; } .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .sm\:leading-6 { line-height: 1.5rem; } } @media (min-width: 768px) { .md\:left-auto { left: auto; } .md\:right-\[-1px\] { right: -1px; } .md\:top-10 { top: 2.5rem; } .md\:ml-10 { margin-left: 2.5rem; } .md\:mr-10 { margin-right: 2.5rem; } .md\:mt-0 { margin-top: 0px; } .md\:mt-2 { margin-top: 0.5rem; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-6 { height: 1.5rem; } .md\:h-\[120px\] { height: 120px; } .md\:w-\[31\%\] { width: 31%; } .md\:w-\[384px\] { width: 384px; } .md\:w-max { width: max-content; } .md\:min-w-\[300px\] { min-width: 300px; } .md\:max-w-\[400px\] { max-width: 400px; } .md\:flex-1 { flex: 1 1 0%; } .md\:flex-none { flex: none; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:flex-col { flex-direction: column; } .md\:items-center { align-items: center; } .md\:justify-end { justify-content: flex-end; } .md\:justify-center { justify-content: center; } .md\:justify-between { justify-content: space-between; } .md\:gap-4 { gap: 1rem; } .md\:gap-5 { gap: 1.25rem; } .md\:gap-8 { gap: 2rem; } .md\:self-center { align-self: center; } .md\:p-12 { padding: 3rem; } .md\:p-3 { padding: 0.75rem; } .md\:p-4 { padding: 1rem; } .md\:p-\[15px\] { padding: 15px; } .md\:px-\[15px\] { padding-left: 15px; padding-right: 15px; } .md\:pb-4 { padding-bottom: 1rem; } .md\:pt-4 { padding-top: 1rem; } .md\:text-left { text-align: left; } .md\:\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 800px) { .min-\[800px\]\:flex { display: flex; } .min-\[800px\]\:flex-row { flex-direction: row; } } @media (min-width: 960px) { .min-\[960px\]\:max-w-\[calc\(50\%-30px\)\] { max-width: calc(50% - 30px); } .min-\[960px\]\:flex-\[1_1_calc\(50\%-30px\)\] { flex: 1 1 calc(50% - 30px); } .min-\[960px\]\:pr-\[30px\] { padding-right: 30px; } .min-\[960px\]\:even\:pr-0:nth-child(even) { padding-right: 0px; } } @media (min-width: 1024px) { .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:mx-\[10px\] { margin-left: 10px; margin-right: 10px; } .lg\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .lg\:\!mt-\[70px\] { margin-top: 70px !important; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:ml-0 { margin-left: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:w-\[18\%\] { width: 18%; } .lg\:w-\[320px\] { width: 320px; } .lg\:w-auto { width: auto; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .lg\:\!flex-row { flex-direction: row !important; } .lg\:flex-row { flex-direction: row; } .lg\:\!flex-col { flex-direction: column !important; } .lg\:flex-col { flex-direction: column; } .lg\:items-start { align-items: flex-start; } .lg\:items-end { align-items: flex-end; } .lg\:items-center { align-items: center; } .lg\:justify-center { justify-content: center; } .lg\:gap-0 { gap: 0px; } .lg\:gap-16 { gap: 4rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-8 { gap: 2rem; } .lg\:border-l { border-left-width: 1px; } .lg\:p-5 { padding: 1.25rem; } .lg\:px-\[10px\] { padding-left: 10px; padding-right: 10px; } .lg\:px-\[15px\] { padding-left: 15px; padding-right: 15px; } .lg\:px-\[30px\] { padding-left: 30px; padding-right: 30px; } .lg\:pb-2 { padding-bottom: 0.5rem; } .lg\:pl-4 { padding-left: 1rem; } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-1\.5 { padding-top: 0.375rem; } .lg\:text-left { text-align: left; } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .lg\:after\:top-4::after { content: var(--tw-content); top: 1rem; } } @media (min-width: 1280px) { .xl\:block { display: block; } .xl\:hidden { display: none; } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:gap-4 { gap: 1rem; } .xl\:gap-9 { gap: 2.25rem; } .xl\:px-\[30px\] { padding-left: 30px; padding-right: 30px; } .min-\[1280px\]\:max-w-\[calc\(33\.33\%-30px\)\] { max-width: calc(33.33% - 30px); } .min-\[1280px\]\:flex-\[1_1_calc\(33\.33\%-30px\)\] { flex: 1 1 calc(33.33% - 30px); } } @media (min-width: 1480px) { .min-\[1480px\]\:col-end-auto { grid-column-end: auto; } .min-\[1480px\]\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1536px) { .\32xl\:block { display: block; } .\32xl\:hidden { display: none; } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\32xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media (prefers-color-scheme: dark) { .dark\:hover\:text-gray-300:hover { --tw-text-opacity: 1; color: rgb(179 179 179 / var(--tw-text-opacity, 1)); } } .\[\&\.u-gearIcon\:hover\]\:bg-\[-55px_-262px\].u-gearIcon:hover { background-position: -55px -262px; } .\[\&\.u-trashIcon\:hover\]\:bg-\[0_-72px\].u-trashIcon:hover { background-position: 0 -72px; } .\[\&\:last-child\>\*\]\:border-b-0:last-child>* { border-bottom-width: 0px; } .\[\&\:not\(\:last-child\)\]\:border-r-0:not(:last-child) { border-right-width: 0px; } .\[\&\>\*\:not\(\:last-child\)\]\:mb-4>*:not(:last-child) { margin-bottom: 1rem; } .\[\&\>\*\]\:\!font-\[\'Helvetica_Neue\'\2c Helvetica\2c sans-serif\]>* { font-family: 'Helvetica Neue',Helvetica,sans-serif !important; } .\[\&\>button\:not\(\[aria-current\=\'true\'\]\)\]\:\!bg-indigo-100>button:not([aria-current='true']) { --tw-bg-opacity: 1 !important; background-color: rgb(240 241 255 / var(--tw-bg-opacity, 1)) !important; } .\[\&\>button\:not\(\[aria-current\=\'true\'\]\)\]\:\!text-indigo-700>button:not([aria-current='true']) { --tw-text-opacity: 1 !important; color: rgb(65 73 153 / var(--tw-text-opacity, 1)) !important; } .\[\&\>div\:first-of-type\]\:mt-0>div:first-of-type { margin-top: 0px; } .\[\&\>div\:not\(\.no-hover\)\:hover\]\:cursor-pointer>div:not(.no-hover):hover { cursor: pointer; } .\[\&\>div\:not\(\.no-hover\)\:hover\]\:bg-\[\#f5f8f9\]>div:not(.no-hover):hover { --tw-bg-opacity: 1; background-color: rgb(245 248 249 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:\!mt-0>div { margin-top: 0px !important; } .\[\&\>div\]\:\!mt-2>div { margin-top: 0.5rem !important; } .\[\&\>div\]\:p-2\.5>div { padding: 0.625rem; } .\[\&\>div\]\:text-sm>div { font-size: 0.875rem; line-height: 1.25rem; } .\[\&\>div\]\:font-semibold>div { font-weight: 600; } .\[\&\>div\]\:transition-all>div { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .\[\&\>div\]\:duration-200>div { transition-duration: 200ms; } .\[\&\>div\]\:ease-in-out>div { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .\[\&\>label\]\:mb-0>label { margin-bottom: 0px; } .\[\&\>label\]\:inline-block>label { display: inline-block; } .\[\&\>label\]\:cursor-pointer>label { cursor: pointer; } .\[\&\>label\]\:rounded>label { border-radius: 0.25rem; } .\[\&\>label\]\:border>label { border-width: 1px; } .\[\&\>label\]\:border-dashed>label { border-style: dashed; } .\[\&\>label\]\:border-\[\#c4c8ca\]>label { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .\[\&\>label\]\:px-\[17px\]>label { padding-left: 17px; padding-right: 17px; } .\[\&\>label\]\:py-\[15px\]>label { padding-top: 15px; padding-bottom: 15px; } .\[\&\>label\]\:font-medium>label { font-weight: 500; } .\[\&\>label\]\:text-\[\#c4c8ca\]>label { --tw-text-opacity: 1; color: rgb(196 200 202 / var(--tw-text-opacity, 1)); } .\[\&_\.ConfirmButtons_button\:last-child\:hover\]\:\!border-\[\#98222d\] .ConfirmButtons button:last-child:hover { --tw-border-opacity: 1 !important; border-color: rgb(152 34 45 / var(--tw-border-opacity, 1)) !important; } .\[\&_\.ConfirmButtons_button\:last-child\:hover\]\:\!bg-\[\#fbedeb\] .ConfirmButtons button:last-child:hover { --tw-bg-opacity: 1 !important; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)) !important; } .\[\&_\.ConfirmButtons_button\:last-child\:hover\]\:\!text-\[\#98222d\] .ConfirmButtons button:last-child:hover { --tw-text-opacity: 1 !important; color: rgb(152 34 45 / var(--tw-text-opacity, 1)) !important; } .\[\&_\.ConfirmButtons_button\:last-child\]\:\!border-\[\#bc4752\] .ConfirmButtons button:last-child { --tw-border-opacity: 1 !important; border-color: rgb(188 71 82 / var(--tw-border-opacity, 1)) !important; } .\[\&_\.ConfirmButtons_button\:last-child\]\:\!bg-white .ConfirmButtons button:last-child { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .\[\&_\.ConfirmButtons_button\:last-child\]\:\!text-\[\#bc4752\] .ConfirmButtons button:last-child { --tw-text-opacity: 1 !important; color: rgb(188 71 82 / var(--tw-text-opacity, 1)) !important; } .\[\&_\.Input\]\:pointer-events-none .Input { pointer-events: none; } .\[\&_\.Input\]\:cursor-not-allowed .Input { cursor: not-allowed; } .\[\&_\.NavItem\:first-child\]\:ml-0 .NavItem:first-child { margin-left: 0px; } .\[\&_\.NavItem\:first-child\]\:pl-0 .NavItem:first-child { padding-left: 0px; } .\[\&_\.NavItem\:last-child\]\:mr-0 .NavItem:last-child { margin-right: 0px; } .\[\&_\.NavItem\:last-child\]\:pr-0 .NavItem:last-child { padding-right: 0px; } .\[\&_\.ace_search\.right\]\:z-\[120\] .ace search.right { z-index: 120; } .\[\&_\.error-highlight\]\:absolute .error-highlight { position: absolute; } .\[\&_\.error-highlight\]\:bg-\[\#fbedeb\] .error-highlight { --tw-bg-opacity: 1; background-color: rgb(251 237 235 / var(--tw-bg-opacity, 1)); } .\[\&_\.icon\.u-linkIcon--blue\]\:top-1 .icon.u-linkIcon--blue { top: 0.25rem; } .\[\&_\.icon\]\:relative .icon { position: relative; } .\[\&_\.icon\]\:top-px .icon { top: 1px; } .\[\&_\.icon\]\:mx-auto .icon { margin-left: auto; margin-right: auto; } .\[\&_\.icon\]\:rotate-180 .icon { --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)); } .\[\&_\.icon\]\:cursor-pointer .icon { cursor: pointer; } .\[\&_\.link\:hover\]\:text-\[\#4db9c0\] .link:hover { --tw-text-opacity: 1; color: rgb(77 185 192 / var(--tw-text-opacity, 1)); } .\[\&_\.link\:hover\]\:underline .link:hover { text-decoration-line: underline; } .\[\&_\.link\]\:cursor-pointer .link { cursor: pointer; } .\[\&_\.link\]\:text-\[\#4db9c0\] .link { --tw-text-opacity: 1; color: rgb(77 185 192 / var(--tw-text-opacity, 1)); } .\[\&_\.react-datepicker-wrapper\]\:block .react-datepicker-wrapper { display: block; } .\[\&_\.react-datepicker-wrapper\]\:w-full .react-datepicker-wrapper { width: 100%; } .\[\&_\.tooltip\.tooltip-top-center\:\:after\]\:z-\[1\] .tooltip.tooltip-top-center::after { z-index: 1; } .\[\&_\.tooltip\.tooltip-top-center\:\:after\]\:border-t-\[5px\] .tooltip.tooltip-top-center::after { border-top-width: 5px; } .\[\&_\.tooltip\.tooltip-top-center\:\:after\]\:border-t-\[\#c4c8ca\] .tooltip.tooltip-top-center::after { --tw-border-opacity: 1; border-top-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:absolute .tooltip.tooltip-top-center::before { position: absolute; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:bottom-0 .tooltip.tooltip-top-center::before { bottom: 0px; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:left-\[45\%\] .tooltip.tooltip-top-center::before { left: 45%; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:z-\[2\] .tooltip.tooltip-top-center::before { z-index: 2; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:block .tooltip.tooltip-top-center::before { display: block; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:h-0 .tooltip.tooltip-top-center::before { height: 0px; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:w-0 .tooltip.tooltip-top-center::before { width: 0px; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:rotate-180 .tooltip.tooltip-top-center::before { --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)); } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:border-b-\[5px\] .tooltip.tooltip-top-center::before { border-bottom-width: 5px; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:border-l-\[4px\] .tooltip.tooltip-top-center::before { border-left-width: 4px; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:border-r-\[4px\] .tooltip.tooltip-top-center::before { border-right-width: 4px; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:border-b-white .tooltip.tooltip-top-center::before { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:border-l-transparent .tooltip.tooltip-top-center::before { border-left-color: transparent; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:border-r-transparent .tooltip.tooltip-top-center::before { border-right-color: transparent; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:pb-1 .tooltip.tooltip-top-center::before { padding-bottom: 0.25rem; } .\[\&_\.tooltip\.tooltip-top-center\:\:before\]\:content-\[\'\'\] .tooltip.tooltip-top-center::before { --tw-content: ''; content: var(--tw-content); } .\[\&_\.tooltip\.tooltip-top-left\:\:after\]\:z-\[1\] .tooltip.tooltip-top-left::after { z-index: 1; } .\[\&_\.tooltip\.tooltip-top-left\:\:after\]\:border-t-\[5px\] .tooltip.tooltip-top-left::after { border-top-width: 5px; } .\[\&_\.tooltip\.tooltip-top-left\:\:after\]\:border-t-\[\#c4c8ca\] .tooltip.tooltip-top-left::after { --tw-border-opacity: 1; border-top-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:absolute .tooltip.tooltip-top-left::before { position: absolute; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:bottom-0 .tooltip.tooltip-top-left::before { bottom: 0px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:left-auto .tooltip.tooltip-top-left::before { left: auto; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:right-\[13px\] .tooltip.tooltip-top-left::before { right: 13px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:z-\[2\] .tooltip.tooltip-top-left::before { z-index: 2; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:block .tooltip.tooltip-top-left::before { display: block; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:h-0 .tooltip.tooltip-top-left::before { height: 0px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:w-0 .tooltip.tooltip-top-left::before { width: 0px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:rotate-180 .tooltip.tooltip-top-left::before { --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)); } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:border-b-\[5px\] .tooltip.tooltip-top-left::before { border-bottom-width: 5px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:border-l-\[4px\] .tooltip.tooltip-top-left::before { border-left-width: 4px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:border-r-\[4px\] .tooltip.tooltip-top-left::before { border-right-width: 4px; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:border-b-white .tooltip.tooltip-top-left::before { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:border-l-transparent .tooltip.tooltip-top-left::before { border-left-color: transparent; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:border-r-transparent .tooltip.tooltip-top-left::before { border-right-color: transparent; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:pb-1 .tooltip.tooltip-top-left::before { padding-bottom: 0.25rem; } .\[\&_\.tooltip\.tooltip-top-left\:\:before\]\:content-\[\'\'\] .tooltip.tooltip-top-left::before { --tw-content: ''; content: var(--tw-content); } .\[\&_\.tooltip_\.Tooltip-content\]\:border .tooltip .Tooltip-content { border-width: 1px; } .\[\&_\.tooltip_\.Tooltip-content\]\:border-solid .tooltip .Tooltip-content { border-style: solid; } .\[\&_\.tooltip_\.Tooltip-content\]\:border-\[\#c4c8ca\] .tooltip .Tooltip-content { --tw-border-opacity: 1; border-color: rgb(196 200 202 / var(--tw-border-opacity, 1)); } .\[\&_\.tooltip_\.Tooltip-content\]\:bg-white .tooltip .Tooltip-content { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .\[\&_\.tooltip_\.Tooltip-content\]\:text-\[\#4f4f4f\] .tooltip .Tooltip-content { --tw-text-opacity: 1; color: rgb(79 79 79 / var(--tw-text-opacity, 1)); } .\[\&_a\:hover\]\:underline a:hover { text-decoration-line: underline; } .\[\&_a\]\:cursor-pointer a { cursor: pointer; } .\[\&_a\]\:text-sm a { font-size: 0.875rem; line-height: 1.25rem; } .\[\&_a\]\:font-bold a { font-weight: 700; } .\[\&_a\]\:font-normal a { font-weight: 400; } .\[\&_a\]\:leading-4 a { line-height: 1rem; } .\[\&_a\]\:text-\[\#585858\] a { --tw-text-opacity: 1; color: rgb(88 88 88 / var(--tw-text-opacity, 1)); } .\[\&_a\]\:transition-colors a { 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; } .\[\&_a\]\:duration-150 a { transition-duration: 150ms; } .\[\&_a\]\:hover\:text-\[\#323232\]:hover a { --tw-text-opacity: 1; color: rgb(50 50 50 / var(--tw-text-opacity, 1)); } .\[\&_a\]\:hover\:text-\[\#6a77fb\]:hover a { --tw-text-opacity: 1; color: rgb(106 119 251 / var(--tw-text-opacity, 1)); } .\[\&_a\]\:hover\:no-underline:hover a { text-decoration-line: none; } @media (min-width: 960px) { .\[\&_a\]\:min-\[960px\]\:text-base a { font-size: 1rem; line-height: 1.5rem; } } .\[\&_button\]\:h-\[26px\] button { height: 26px; } .\[\&_button\]\:text-xs button { font-size: 0.75rem; line-height: 1rem; } .\[\&_button\]\:leading-3 button { line-height: .75rem; } .\[\&_h3\]\:\!font-\[\'Helvetica_Neue\'\2c Helvetica\2c sans-serif\] h3 { font-family: 'Helvetica Neue',Helvetica,sans-serif !important; } .\[\&_input\[type\=number\]\:\:-webkit-inner-spin-button\]\:absolute input[type=number]::-webkit-inner-spin-button { position: absolute; } .\[\&_input\[type\=number\]\:\:-webkit-inner-spin-button\]\:right-0 input[type=number]::-webkit-inner-spin-button { right: 0px; } .\[\&_input\[type\=number\]\:\:-webkit-outer-spin-button\]\:absolute input[type=number]::-webkit-outer-spin-button { position: absolute; } .\[\&_input\[type\=number\]\:\:-webkit-outer-spin-button\]\:right-0 input[type=number]::-webkit-outer-spin-button { right: 0px; } .\[\&_input\]\:mt-2 input { margin-top: 0.5rem; } .\[\&_input\]\:mt-3 input { margin-top: 0.75rem; } .\[\&_label\]\:ml-\[5px\] label { margin-left: 5px; } .\[\&_label\]\:cursor-pointer label { cursor: pointer; } .\[\&_label\]\:select-none label { user-select: none; } .\[\&_p\:last-of-type\]\:mb-0 p:last-of-type { margin-bottom: 0px; } .\[\&_p\]\:p-5 p { padding: 1.25rem; } .\[\&_select\]\:pointer-events-none select { pointer-events: none; } .\[\&_select\]\:mt-2 select { margin-top: 0.5rem; } .\[\&_select\]\:mt-3 select { margin-top: 0.75rem; } .\[\&_select\]\:cursor-not-allowed select { cursor: not-allowed; } .\[\&_textarea\]\:mt-2 textarea { margin-top: 0.5rem; } @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 */ } }