@font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 100; font-display: swap; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 100; font-display: swap; src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+1F00-1FFF } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0370-03FF } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2"); 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 } @font-face { font-family: Roboto; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2"); 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 } html.dark body { color: #cbd5e1 } html.dark body *, html.dark body :before, html.dark body :after { border-color: #ffffff0d } html body { letter-spacing: .025em; font-size: .875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Roboto; color: #475569; line-height: 1.25rem } *>.intro-x:nth-child(1) { z-index: 49; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .1s } *>.-intro-x:nth-child(1) { z-index: 49; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .1s } *>.intro-y:nth-child(1) { z-index: 49; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .1s } *>.-intro-y:nth-child(1) { z-index: 49; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .1s } *>.intro-x:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .2s } *>.-intro-x:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .2s } *>.intro-y:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .2s } *>.-intro-y:nth-child(2) { z-index: 48; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .2s } *>.intro-x:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(3 * .1s) } *>.-intro-x:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(3 * .1s) } *>.intro-y:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(3 * .1s) } *>.-intro-y:nth-child(3) { z-index: 47; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(3 * .1s) } *>.intro-x:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .4s } *>.-intro-x:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .4s } *>.intro-y:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .4s } *>.-intro-y:nth-child(4) { z-index: 46; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .4s } *>.intro-x:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .5s } *>.-intro-x:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .5s } *>.intro-y:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .5s } *>.-intro-y:nth-child(5) { z-index: 45; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .5s } *>.intro-x:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(6 * .1s) } *>.-intro-x:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(6 * .1s) } *>.intro-y:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(6 * .1s) } *>.-intro-y:nth-child(6) { z-index: 44; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(6 * .1s) } *>.intro-x:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(7 * .1s) } *>.-intro-x:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(7 * .1s) } *>.intro-y:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(7 * .1s) } *>.-intro-y:nth-child(7) { z-index: 43; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(7 * .1s) } *>.intro-x:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .8s } *>.-intro-x:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .8s } *>.intro-y:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .8s } *>.-intro-y:nth-child(8) { z-index: 42; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .8s } *>.intro-x:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .9s } *>.-intro-x:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .9s } *>.intro-y:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .9s } *>.-intro-y:nth-child(9) { z-index: 41; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: .9s } *>.intro-x:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1s } *>.-intro-x:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1s } *>.intro-y:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1s } *>.-intro-y:nth-child(10) { z-index: 40; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1s } *>.intro-x:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.1s } *>.-intro-x:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.1s } *>.intro-y:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.1s } *>.-intro-y:nth-child(11) { z-index: 39; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.1s } *>.intro-x:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(12 * .1s) } *>.-intro-x:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(12 * .1s) } *>.intro-y:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(12 * .1s) } *>.-intro-y:nth-child(12) { z-index: 38; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(12 * .1s) } *>.intro-x:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.3s } *>.-intro-x:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.3s } *>.intro-y:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.3s } *>.-intro-y:nth-child(13) { z-index: 37; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.3s } *>.intro-x:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(14 * .1s) } *>.-intro-x:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(14 * .1s) } *>.intro-y:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(14 * .1s) } *>.-intro-y:nth-child(14) { z-index: 36; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(14 * .1s) } *>.intro-x:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.5s } *>.-intro-x:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.5s } *>.intro-y:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.5s } *>.-intro-y:nth-child(15) { z-index: 35; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.5s } *>.intro-x:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.6s } *>.-intro-x:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.6s } *>.intro-y:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.6s } *>.-intro-y:nth-child(16) { z-index: 34; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.6s } *>.intro-x:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(17 * .1s) } *>.-intro-x:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(17 * .1s) } *>.intro-y:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(17 * .1s) } *>.-intro-y:nth-child(17) { z-index: 33; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(17 * .1s) } *>.intro-x:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.8s } *>.-intro-x:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.8s } *>.intro-y:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.8s } *>.-intro-y:nth-child(18) { z-index: 32; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 1.8s } *>.intro-x:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(19 * .1s) } *>.-intro-x:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(19 * .1s) } *>.intro-y:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(19 * .1s) } *>.-intro-y:nth-child(19) { z-index: 31; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(19 * .1s) } *>.intro-x:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2s } *>.-intro-x:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2s } *>.intro-y:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2s } *>.-intro-y:nth-child(20) { z-index: 30; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2s } *>.intro-x:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.1s } *>.-intro-x:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.1s } *>.intro-y:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.1s } *>.-intro-y:nth-child(21) { z-index: 29; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.1s } *>.intro-x:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.2s } *>.-intro-x:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.2s } *>.intro-y:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.2s } *>.-intro-y:nth-child(22) { z-index: 28; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.2s } *>.intro-x:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(23 * .1s) } *>.-intro-x:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(23 * .1s) } *>.intro-y:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(23 * .1s) } *>.-intro-y:nth-child(23) { z-index: 27; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(23 * .1s) } *>.intro-x:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(24 * .1s) } *>.-intro-x:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(24 * .1s) } *>.intro-y:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(24 * .1s) } *>.-intro-y:nth-child(24) { z-index: 26; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(24 * .1s) } *>.intro-x:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.5s } *>.-intro-x:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.5s } *>.intro-y:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.5s } *>.-intro-y:nth-child(25) { z-index: 25; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.5s } *>.intro-x:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.6s } *>.-intro-x:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.6s } *>.intro-y:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.6s } *>.-intro-y:nth-child(26) { z-index: 24; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.6s } *>.intro-x:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.7s } *>.-intro-x:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.7s } *>.intro-y:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.7s } *>.-intro-y:nth-child(27) { z-index: 23; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 2.7s } *>.intro-x:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(28 * .1s) } *>.-intro-x:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(28 * .1s) } *>.intro-y:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(28 * .1s) } *>.-intro-y:nth-child(28) { z-index: 22; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(28 * .1s) } *>.intro-x:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(29 * .1s) } *>.-intro-x:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(29 * .1s) } *>.intro-y:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(29 * .1s) } *>.-intro-y:nth-child(29) { z-index: 21; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(29 * .1s) } *>.intro-x:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3s } *>.-intro-x:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3s } *>.intro-y:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3s } *>.-intro-y:nth-child(30) { z-index: 20; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3s } *>.intro-x:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.1s } *>.-intro-x:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.1s } *>.intro-y:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.1s } *>.-intro-y:nth-child(31) { z-index: 19; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.1s } *>.intro-x:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.2s } *>.-intro-x:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.2s } *>.intro-y:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.2s } *>.-intro-y:nth-child(32) { z-index: 18; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.2s } *>.intro-x:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(33 * .1s) } *>.-intro-x:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(33 * .1s) } *>.intro-y:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(33 * .1s) } *>.-intro-y:nth-child(33) { z-index: 17; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(33 * .1s) } *>.intro-x:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(34 * .1s) } *>.-intro-x:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(34 * .1s) } *>.intro-y:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(34 * .1s) } *>.-intro-y:nth-child(34) { z-index: 16; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(34 * .1s) } *>.intro-x:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.5s } *>.-intro-x:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.5s } *>.intro-y:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.5s } *>.-intro-y:nth-child(35) { z-index: 15; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.5s } *>.intro-x:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.6s } *>.-intro-x:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.6s } *>.intro-y:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.6s } *>.-intro-y:nth-child(36) { z-index: 14; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.6s } *>.intro-x:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.7s } *>.-intro-x:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.7s } *>.intro-y:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.7s } *>.-intro-y:nth-child(37) { z-index: 13; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 3.7s } *>.intro-x:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(38 * .1s) } *>.-intro-x:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(38 * .1s) } *>.intro-y:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(38 * .1s) } *>.-intro-y:nth-child(38) { z-index: 12; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(38 * .1s) } *>.intro-x:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(39 * .1s) } *>.-intro-x:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(39 * .1s) } *>.intro-y:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(39 * .1s) } *>.-intro-y:nth-child(39) { z-index: 11; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(39 * .1s) } *>.intro-x:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4s } *>.-intro-x:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4s } *>.intro-y:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4s } *>.-intro-y:nth-child(40) { z-index: 10; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4s } *>.intro-x:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(41 * .1s) } *>.-intro-x:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(41 * .1s) } *>.intro-y:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(41 * .1s) } *>.-intro-y:nth-child(41) { z-index: 9; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(41 * .1s) } *>.intro-x:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.2s } *>.-intro-x:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.2s } *>.intro-y:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.2s } *>.-intro-y:nth-child(42) { z-index: 8; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.2s } *>.intro-x:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.3s } *>.-intro-x:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.3s } *>.intro-y:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.3s } *>.-intro-y:nth-child(43) { z-index: 7; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.3s } *>.intro-x:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.4s } *>.-intro-x:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.4s } *>.intro-y:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.4s } *>.-intro-y:nth-child(44) { z-index: 6; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.4s } *>.intro-x:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.5s } *>.-intro-x:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.5s } *>.intro-y:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.5s } *>.-intro-y:nth-child(45) { z-index: 5; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.5s } *>.intro-x:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(46 * .1s) } *>.-intro-x:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(46 * .1s) } *>.intro-y:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(46 * .1s) } *>.-intro-y:nth-child(46) { z-index: 4; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(46 * .1s) } *>.intro-x:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.7s } *>.-intro-x:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.7s } *>.intro-y:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.7s } *>.-intro-y:nth-child(47) { z-index: 3; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.7s } *>.intro-x:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(48 * .1s) } *>.-intro-x:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(48 * .1s) } *>.intro-y:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(48 * .1s) } *>.-intro-y:nth-child(48) { z-index: 2; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: calc(48 * .1s) } *>.intro-x:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.9s } *>.-intro-x:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.9s } *>.intro-y:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.9s } *>.-intro-y:nth-child(49) { z-index: 1; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 4.9s } *>.intro-x:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translate(50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 5s } *>.-intro-x:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translate(-50px); animation: .4s intro-x-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 5s } *>.intro-y:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translateY(50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 5s } *>.-intro-y:nth-child(50) { z-index: 0; opacity: 0; position: relative; transform: translateY(-50px); animation: .4s intro-y-animation ease-in-out .33333s; animation-fill-mode: forwards; animation-delay: 5s } @keyframes intro-x-animation { to { opacity: 1; transform: translate(0) } } @keyframes intro-y-animation { to { opacity: 1; transform: translateY(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(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .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: } *, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb } :before, :after { --tw-content: "" } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit } a { color: inherit; text-decoration: inherit } b, strong { font-weight: bolder } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0 } button, select { text-transform: none } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0 } fieldset { margin: 0; padding: 0 } legend { padding: 0 } ol, ul, menu { list-style: none; margin: 0; padding: 0 } dialog { padding: 0 } textarea { resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af } button, [role=button] { cursor: pointer } :disabled { cursor: default } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle } img, video { max-width: 100%; height: auto } [hidden] { display: none } [type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000 } [type=text]:focus, input:where(:not([type])):focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus { outline: 2px solid transparent; outline-offset: 2px; --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 } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1 } input::placeholder, textarea::placeholder { color: #6b7280; opacity: 1 } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0 } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact } [multiple], [size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: .75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset } [type=checkbox], [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000 } [type=checkbox] { border-radius: 0 } [type=radio] { border-radius: 100% } [type=checkbox]:focus, [type=radio]:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } [type=checkbox]:checked, [type=radio]:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat } [type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") } @media (forced-colors: active) { [type=checkbox]:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } [type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") } @media (forced-colors: active) { [type=radio]:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } [type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus { border-color: transparent; background-color: currentColor } [type=checkbox]:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat } @media (forced-colors: active) { [type=checkbox]:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } [type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus { border-color: transparent; background-color: currentColor } [type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit } [type=file]:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color } :root { --color-theme-1: 30 41 59; --color-theme-2: 30 58 138; --color-primary: 30 58 138; --color-secondary: 226 232 240; --color-success: 132 204 22; --color-info: 6 182 212; --color-warning: 250 204 21; --color-pending: 249 115 22; --color-danger: 220 38 38; --color-light: 241 245 249; --color-dark: 30 41 59 } .dark { --color-primary: 29 78 216; --color-darkmode-50: 87 103 132; --color-darkmode-100: 74 90 121; --color-darkmode-200: 65 81 114; --color-darkmode-300: 53 69 103; --color-darkmode-400: 48 61 93; --color-darkmode-500: 41 53 82; --color-darkmode-600: 40 51 78; --color-darkmode-700: 35 45 69; --color-darkmode-800: 27 37 59; --color-darkmode-900: 15 23 42 } .theme-1 { --color-theme-1: 6 95 70; --color-theme-2: 6 78 59; --color-primary: 6 78 59; --color-secondary: 226 232 240; --color-success: 5 150 105; --color-info: 6 182 212; --color-warning: 250 204 21; --color-pending: 245 158 11; --color-danger: 225 29 72; --color-light: 241 245 249; --color-dark: 30 41 59 } .theme-1.dark { --color-primary: 6 95 70 } .theme-2 { --color-theme-1: 30 58 138; --color-theme-2: 23 37 84; --color-primary: 23 37 84; --color-secondary: 226 232 240; --color-success: 13 148 136; --color-info: 6 182 212; --color-warning: 245 158 11; --color-pending: 249 115 22; --color-danger: 185 28 28; --color-light: 241 245 249; --color-dark: 30 41 59 } .theme-2.dark { --color-primary: 30 64 175 } .theme-3 { --color-theme-1: 21 94 117; --color-theme-2: 22 78 99; --color-primary: 22 78 99; --color-secondary: 226 232 240; --color-success: 13 148 136; --color-info: 6 182 212; --color-warning: 245 158 11; --color-pending: 217 119 6; --color-danger: 185 28 28; --color-light: 241 245 249; --color-dark: 30 41 59 } .theme-3.dark { --color-primary: 21 94 117 } .theme-4 { --color-theme-1: 55 48 163; --color-theme-2: 49 46 129; --color-primary: 49 46 129; --color-secondary: 226 232 240; --color-success: 5 150 105; --color-info: 6 182 212; --color-warning: 234 179 8; --color-pending: 234 88 12; --color-danger: 185 28 28; --color-light: 241 245 249; --color-dark: 30 41 59 } .theme-4.dark { --color-primary: 67 56 202 } .\!container { width: 100% !important; margin-right: auto !important; margin-left: auto !important } .container { width: 100%; margin-right: auto; margin-left: auto } @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 } } .form-input, .form-textarea, .form-select, .form-multiselect { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0; padding: .5rem .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::-moz-placeholder, .form-textarea::-moz-placeholder { color: #6b7280; opacity: 1 } .form-input::placeholder, .form-textarea::placeholder { color: #6b7280; 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 } .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact } .form-select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: .75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset } .form-checkbox, .form-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000 } .form-checkbox { border-radius: 0 } .form-radio { border-radius: 100% } .form-checkbox:focus, .form-radio:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .form-checkbox:checked, .form-radio:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat } .form-checkbox:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") } @media (forced-colors: active) { .form-checkbox:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } .form-radio:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") } @media (forced-colors: active) { .form-radio:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } .form-checkbox:checked:hover, .form-checkbox:checked:focus, .form-radio:checked:hover, .form-radio:checked:focus { border-color: transparent; background-color: currentColor } .form-checkbox:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat } @media (forced-colors: active) { .form-checkbox:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } } .form-checkbox:indeterminate:hover, .form-checkbox:indeterminate:focus { border-color: transparent; background-color: currentColor } .\!box { box-shadow: 0 3px 5px #0000000b !important; background-color: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: .6rem !important; position: relative !important } .box { box-shadow: 0 3px 5px #0000000b; background-color: #fff; border: 1px solid #e2e8f0; border-radius: .6rem; position: relative } .dark .box { background-color: rgb(var(--color-darkmode-600) / 1); border-color: rgb(var(--color-darkmode-500) / 1) } .dark .\!box { background-color: rgb(var(--color-darkmode-600) / 1) !important; border-color: rgb(var(--color-darkmode-500) / 1) !important } .dark .box--stacked:before { background-color: rgb(var(--color-darkmode-600) / 70%); border-color: #64748b99 } .image-fit { position: relative } .image-fit>img { position: absolute; -o-object-fit: cover; object-fit: cover; top: 0; width: 100%; height: 100% } .scrollbar-hidden::-webkit-scrollbar { width: 0px; background-color: transparent } .typing-dots span { opacity: 0 } .typing-dots span:nth-child(1) { animation: 1s type-animation infinite .33333s } .typing-dots span:nth-child(2) { animation: 1s type-animation infinite .66666s } .typing-dots span:nth-child(3) { animation: 1s type-animation infinite .99999s } @keyframes type-animation { 50% { opacity: 1 } } .zoom-in { transition-property: transform, box-shadow; transition-duration: .3s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); cursor: pointer } .zoom-in:hover { transform: scale(1.05); box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a } .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 } .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal } .pointer-events-none { pointer-events: none } .pointer-events-auto { pointer-events: auto } .\!visible { visibility: visible !important } .visible { visibility: visible } .invisible { visibility: hidden } .collapse { visibility: collapse } .static { position: static } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: sticky } .-inset-1 { inset: -.25rem } .inset-0 { inset: 0 } .inset-x-0 { left: 0; right: 0 } .inset-y-0 { top: 0; bottom: 0 } .bottom-0 { bottom: 0 } .end-1 { inset-inline-end: .25rem } .left-0 { left: 0 } .left-2 { left: .5rem } .right-0 { right: 0 } .right-auto { right: auto } .top-0 { top: 0 } .top-2 { top: .5rem } .isolate { isolation: isolate } .isolation-auto { isolation: auto } .z-0 { z-index: 0 } .z-10 { z-index: 10 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .z-\[51\] { z-index: 51 } .z-\[60\] { z-index: 60 } .z-\[9999\] { z-index: 9999 } .col-span-11 { grid-column: span 11 / span 11 } .col-span-12 { grid-column: span 12 / span 12 } .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-6 { grid-column: span 6 / span 6 } .row-start-2 { grid-row-start: 2 } .row-start-4 { grid-row-start: 4 } .float-start { float: inline-start } .float-end { float: inline-end } .float-right { float: right } .float-left { float: left } .float-none { float: none } .clear-start { clear: inline-start } .clear-end { clear: inline-end } .clear-left { clear: left } .clear-right { clear: right } .clear-both { clear: both } .clear-none { clear: none } .m-1 { margin: .25rem } .m-5 { margin: 1.25rem } .m-auto { margin: auto } .-mx-2 { margin-left: -.5rem; margin-right: -.5rem } .-mx-3 { margin-left: -.75rem; margin-right: -.75rem } .-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem } .-mx-\[16px\] { margin-left: -16px; margin-right: -16px } .-my-3 { margin-top: -.75rem; margin-bottom: -.75rem } .-my-4 { margin-top: -1rem; margin-bottom: -1rem } .mx-1 { margin-left: .25rem; margin-right: .25rem } .mx-2 { margin-left: .5rem; margin-right: .5rem } .mx-3 { margin-left: .75rem; margin-right: .75rem } .mx-4 { margin-left: 1rem; margin-right: 1rem } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .mx-auto { margin-left: auto; margin-right: auto } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .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-auto { margin-top: auto; margin-bottom: auto } .\!-ml-\[228px\] { margin-left: -228px !important } .\!mt-1 { margin-top: .25rem !important } .\!mt-5 { margin-top: 1.25rem !important } .-mb-1 { margin-bottom: -.25rem } .-mb-1\.5 { margin-bottom: -.375rem } .-mb-10 { margin-bottom: -2.5rem } .-mb-6 { margin-bottom: -1.5rem } .-mb-7 { margin-bottom: -1.75rem } .-mb-px { margin-bottom: -1px } .-ml-0\.5 { margin-left: -.125rem } .-ml-1 { margin-left: -.25rem } .-ml-10 { margin-left: -2.5rem } .-ml-2 { margin-left: -.5rem } .-ml-2\.5 { margin-left: -.625rem } .-ml-4 { margin-left: -1rem } .-ml-5 { margin-left: -1.25rem } .-ml-\[100\%\] { margin-left: -100% } .-ml-\[228px\] { margin-left: -228px } .-ml-\[60px\] { margin-left: -60px } .-mr-1 { margin-right: -.25rem } .-mr-12 { margin-right: -3rem } .-mr-2 { margin-right: -.5rem } .-mr-5 { margin-right: -1.25rem } .-mr-\[100\%\] { margin-right: -100% } .-mt-0\.5 { margin-top: -.125rem } .-mt-1 { margin-top: -.25rem } .-mt-1\.5 { margin-top: -.375rem } .-mt-12 { margin-top: -3rem } .-mt-16 { margin-top: -4rem } .-mt-2 { margin-top: -.5rem } .-mt-3 { margin-top: -.75rem } .-mt-4 { margin-top: -1rem } .-mt-8 { margin-top: -2rem } .-mt-\[3px\] { margin-top: -3px } .-mt-\[7px\] { margin-top: -7px } .mb-0\.5 { margin-bottom: .125rem } .mb-1 { margin-bottom: .25rem } .mb-10 { margin-bottom: 2.5rem } .mb-12 { margin-bottom: 3rem } .mb-2 { margin-bottom: .5rem } .mb-3 { margin-bottom: .75rem } .mb-4 { margin-bottom: 1rem } .mb-5 { margin-bottom: 1.25rem } .mb-6 { margin-bottom: 1.5rem } .mb-8 { margin-bottom: 2rem } .ml-0 { margin-left: 0 } .ml-0\.5 { margin-left: .125rem } .ml-1 { margin-left: .25rem } .ml-1\.5 { margin-left: .375rem } .ml-2 { margin-left: .5rem } .ml-3 { margin-left: .75rem } .ml-3\.5 { margin-left: .875rem } .ml-4 { margin-left: 1rem } .ml-5 { margin-left: 1.25rem } .ml-6 { margin-left: 1.5rem } .ml-8 { margin-left: 2rem } .ml-auto { margin-left: auto } .mr-0 { margin-right: 0 } .mr-0\.5 { margin-right: .125rem } .mr-1 { margin-right: .25rem } .mr-2 { margin-right: .5rem } .mr-3 { margin-right: .75rem } .mr-4 { margin-right: 1rem } .mr-5 { margin-right: 1.25rem } .mr-6 { margin-right: 1.5rem } .mr-auto { margin-right: auto } .mt-0 { margin-top: 0 } .mt-0\.5 { margin-top: .125rem } .mt-1 { margin-top: .25rem } .mt-1\.5 { margin-top: .375rem } .mt-10 { margin-top: 2.5rem } .mt-12 { margin-top: 3rem } .mt-14 { margin-top: 3.5rem } .mt-2 { margin-top: .5rem } .mt-2\.5 { margin-top: .625rem } .mt-20 { margin-top: 5rem } .mt-3 { margin-top: .75rem } .mt-3\.5 { margin-top: .875rem } .mt-4 { margin-top: 1rem } .mt-5 { margin-top: 1.25rem } .mt-6 { margin-top: 1.5rem } .mt-8 { margin-top: 2rem } .mt-\[2\.2rem\] { margin-top: 2.2rem } .mt-\[3px\] { margin-top: 3px } .mt-\[4\.7rem\] { margin-top: 4.7rem } .mt-px { margin-top: 1px } .box-border { box-sizing: border-box } .box-content { box-sizing: content-box } .line-clamp-none { overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none } .\!block { display: block !important } .block { display: block } .inline-block { display: inline-block } .inline { display: inline } .flex { display: flex } .inline-flex { display: inline-flex } .\!table { display: table !important } .table { display: table } .inline-table { display: inline-table } .table-caption { display: table-caption } .table-cell { display: table-cell } .table-column { display: table-column } .table-column-group { display: table-column-group } .table-footer-group { display: table-footer-group } .table-header-group { display: table-header-group } .table-row-group { display: table-row-group } .table-row { display: table-row } .flow-root { display: flow-root } .\!grid { display: grid !important } .grid { display: grid } .inline-grid { display: inline-grid } .\!contents { display: contents !important } .contents { display: contents } .list-item { display: list-item } .\!hidden { display: none !important } .hidden { display: none } .size-2 { width: .5rem; height: .5rem } .\!h-0 { height: 0px !important } .h-0 { height: 0px } .h-1 { height: .25rem } .h-10 { height: 2.5rem } .h-12 { height: 3rem } .h-14 { height: 3.5rem } .h-16 { height: 4rem } .h-2 { height: .5rem } .h-20 { height: 5rem } .h-24 { height: 6rem } .h-28 { height: 7rem } .h-3 { height: .75rem } .h-32 { height: 8rem } .h-4 { height: 1rem } .h-40 { height: 10rem } .h-48 { height: 12rem } .h-5 { height: 1.25rem } .h-56 { height: 14rem } .h-6 { height: 1.5rem } .h-64 { height: 16rem } .h-8 { height: 2rem } .h-9 { height: 2.25rem } .h-\[110px\] { height: 110px } .h-\[196px\] { height: 196px } .h-\[200\%\] { height: 200% } .h-\[208px\] { height: 208px } .h-\[212px\] { height: 212px } .h-\[213px\] { height: 213px } .h-\[215px\] { height: 215px } .h-\[24px\] { height: 24px } .h-\[250px\] { height: 250px } .h-\[275px\] { height: 275px } .h-\[28px\] { height: 28px } .h-\[290px\] { height: 290px } .h-\[30px\] { height: 30px } .h-\[310px\] { height: 310px } .h-\[320px\] { height: 320px } .h-\[364px\] { height: 364px } .h-\[400px\] { height: 400px } .h-\[420px\] { height: 420px } .h-\[45px\] { height: 45px } .h-\[46px\] { height: 46px } .h-\[51px\] { height: 51px } .h-\[525px\] { height: 525px } .h-\[55px\] { height: 55px } .h-\[58px\] { height: 58px } .h-\[67px\] { height: 67px } .h-\[69px\] { height: 69px } .h-\[70px\] { height: 70px } .h-\[782px\] { height: 782px } .h-\[79px\] { height: 79px } .h-\[90px\] { height: 90px } .h-full { height: 100% } .h-px { height: 1px } .h-screen { height: 100vh } .max-h-full { max-height: 100% } .min-h-\[400px\] { min-height: 400px } .min-h-screen { min-height: 100vh } .w-0 { width: 0px } .w-1 { width: .25rem } .w-1\/2 { width: 50% } .w-1\/4 { width: 25% } .w-10 { width: 2.5rem } .w-10\/12 { width: 83.333333% } .w-12 { width: 3rem } .w-14 { width: 3.5rem } .w-16 { width: 4rem } .w-2 { width: .5rem } .w-2\/3 { width: 66.666667% } .w-2\/4 { width: 50% } .w-2\/5 { width: 40% } .w-20 { width: 5rem } .w-24 { width: 6rem } .w-3 { width: .75rem } .w-3\/4 { width: 75% } .w-3\/5 { width: 60% } .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-56 { width: 14rem } .w-6 { width: 1.5rem } .w-60 { width: 15rem } .w-64 { width: 16rem } .w-72 { width: 18rem } .w-8 { width: 2rem } .w-9 { width: 2.25rem } .w-\[100px\] { width: 100px } .w-\[270px\] { width: 270px } .w-\[280px\] { width: 280px } .w-\[28px\] { width: 28px } .w-\[320px\] { width: 320px } .w-\[38px\] { width: 38px } .w-\[450px\] { width: 450px } .w-\[478px\] { width: 478px } .w-\[80px\] { width: 80px } .w-\[90\%\] { width: 90% } .w-\[90px\] { width: 90px } .w-\[this-is\\\\\] { width: this-is\\ } .w-\[this-is\] { width: this-is } .w-\[weird-and-invalid\] { width: weird-and-invalid } .w-auto { width: auto } .w-full { width: 100% } .w-px { width: 1px } .w-screen { width: 100vw } .min-w-0 { min-width: 0px } .min-w-\[6rem\] { min-width: 6rem } .min-w-full { min-width: 100% } .max-w-4xl { max-width: 56rem } .max-w-\[50\%\] { max-width: 50% } .max-w-\[90\%\] { max-width: 90% } .max-w-full { max-width: 100% } .max-w-md { max-width: 28rem } .max-w-xl { max-width: 36rem } .flex-1 { flex: 1 1 0% } .flex-none { flex: none } .flex-shrink, .shrink { flex-shrink: 1 } .flex-grow, .grow { flex-grow: 1 } .table-auto { table-layout: auto } .table-fixed { table-layout: fixed } .caption-top { caption-side: top } .caption-bottom { caption-side: bottom } .border-collapse { border-collapse: collapse } .border-separate { border-collapse: separate } .border-spacing-y-\[10px\] { --tw-border-spacing-y: 10px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-1 { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-\[35px\] { --tw-translate-y: 35px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .translate-y-\[50px\] { --tw-translate-y: 50px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .rotate-12 { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important } .transform, .transform-cpu { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform-none { transform: none } @keyframes spin { to { transform: rotate(360deg) } } .animate-spin { animation: spin 1s linear infinite } .cursor-pointer { cursor: pointer } .cursor-text { cursor: text } .touch-auto { touch-action: auto } .touch-none { touch-action: none } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-pan-left { --tw-pan-x: pan-left; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-pan-right { --tw-pan-x: pan-right; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-pan-up { --tw-pan-y: pan-up; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-pan-down { --tw-pan-y: pan-down; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) } .touch-manipulation { touch-action: manipulation } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none } .select-text { -webkit-user-select: text; -moz-user-select: text; user-select: text } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all } .select-auto { -webkit-user-select: auto; -moz-user-select: auto; user-select: auto } .resize-none { resize: none } .resize-y { resize: vertical } .resize-x { resize: horizontal } .resize { resize: both } .snap-none { scroll-snap-type: none } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness) } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness) } .snap-both { scroll-snap-type: both var(--tw-scroll-snap-strictness) } .snap-mandatory { --tw-scroll-snap-strictness: mandatory } .snap-proximity { --tw-scroll-snap-strictness: proximity } .snap-start { scroll-snap-align: start } .snap-end { scroll-snap-align: end } .snap-center { scroll-snap-align: center } .snap-align-none { scroll-snap-align: none } .snap-normal { scroll-snap-stop: normal } .snap-always { scroll-snap-stop: always } .list-inside { list-style-position: inside } .list-outside { list-style-position: outside } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .appearance-auto { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto } .columns-2 { -moz-columns: 2; columns: 2 } .columns-3 { -moz-columns: 3; columns: 3 } .columns-4 { -moz-columns: 4; columns: 4 } .break-before-auto { -moz-column-break-before: auto; break-before: auto } .break-before-avoid { -moz-column-break-before: avoid; break-before: avoid } .break-before-all { -moz-column-break-before: all; break-before: all } .break-before-avoid-page { -moz-column-break-before: avoid; break-before: avoid-page } .break-before-page { -moz-column-break-before: page; break-before: page } .break-before-left { -moz-column-break-before: left; break-before: left } .break-before-right { -moz-column-break-before: right; break-before: right } .break-before-column { -moz-column-break-before: column; break-before: column } .break-inside-auto { -moz-column-break-inside: auto; break-inside: auto } .break-inside-avoid { -moz-column-break-inside: avoid; break-inside: avoid } .break-inside-avoid-page { break-inside: avoid-page } .break-inside-avoid-column { -moz-column-break-inside: avoid; break-inside: avoid-column } .break-after-auto { -moz-column-break-after: auto; break-after: auto } .break-after-avoid { -moz-column-break-after: avoid; break-after: avoid } .break-after-all { -moz-column-break-after: all; break-after: all } .break-after-avoid-page { -moz-column-break-after: avoid; break-after: avoid-page } .break-after-page { -moz-column-break-after: page; break-after: page } .break-after-left { -moz-column-break-after: left; break-after: left } .break-after-right { -moz-column-break-after: right; break-after: right } .break-after-column { -moz-column-break-after: column; break-after: column } .grid-flow-row { grid-auto-flow: row } .grid-flow-col { grid-auto-flow: column } .grid-flow-dense { grid-auto-flow: dense } .grid-flow-row-dense { grid-auto-flow: row dense } .grid-flow-col-dense { grid-auto-flow: column dense } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .grid-cols-12 { grid-template-columns: repeat(12, 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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-wrap { flex-wrap: wrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .flex-nowrap { flex-wrap: nowrap } .place-content-center { place-content: center } .place-content-start { place-content: start } .place-content-end { place-content: end } .place-content-between { place-content: space-between } .place-content-around { place-content: space-around } .place-content-evenly { place-content: space-evenly } .place-content-baseline { place-content: baseline } .place-content-stretch { place-content: stretch } .place-items-start { place-items: start } .place-items-end { place-items: end } .place-items-center { place-items: center } .place-items-baseline { place-items: baseline } .place-items-stretch { place-items: stretch } .content-normal { align-content: normal } .content-center { align-content: center } .content-start { align-content: flex-start } .content-end { align-content: flex-end } .content-between { align-content: space-between } .content-around { align-content: space-around } .content-evenly { align-content: space-evenly } .content-baseline { align-content: baseline } .content-stretch { align-content: stretch } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .items-baseline { align-items: baseline } .items-stretch { align-items: stretch } .justify-normal { justify-content: normal } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around } .justify-evenly { justify-content: space-evenly } .justify-stretch { justify-content: stretch } .justify-items-start { justify-items: start } .justify-items-end { justify-items: end } .justify-items-center { justify-items: center } .justify-items-stretch { justify-items: stretch } .gap-1 { gap: .25rem } .gap-2 { gap: .5rem } .gap-3 { gap: .75rem } .gap-3\.5 { gap: .875rem } .gap-4 { gap: 1rem } .gap-5 { gap: 1.25rem } .gap-6 { gap: 1.5rem } .gap-x-10 { -moz-column-gap: 2.5rem; column-gap: 2.5rem } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem } .gap-y-3 { row-gap: .75rem } .gap-y-3\.5 { row-gap: .875rem } .gap-y-5 { row-gap: 1.25rem } .gap-y-6 { row-gap: 1.5rem } .gap-y-8 { row-gap: 2rem } .space-x-2>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * 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-reverse>:not([hidden])~:not([hidden]) { --tw-space-y-reverse: 1 } .space-x-reverse>:not([hidden])~:not([hidden]) { --tw-space-x-reverse: 1 } .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-y-reverse>:not([hidden])~:not([hidden]) { --tw-divide-y-reverse: 1 } .divide-x-reverse>:not([hidden])~:not([hidden]) { --tw-divide-x-reverse: 1 } .divide-solid>:not([hidden])~:not([hidden]) { border-style: solid } .divide-dashed>:not([hidden])~:not([hidden]) { border-style: dashed } .divide-dotted>:not([hidden])~:not([hidden]) { border-style: dotted } .divide-double>:not([hidden])~:not([hidden]) { border-style: double } .divide-none>:not([hidden])~:not([hidden]) { border-style: none } .place-self-auto { place-self: auto } .place-self-start { place-self: start } .place-self-end { place-self: end } .place-self-center { place-self: center } .place-self-stretch { place-self: stretch } .self-auto { align-self: auto } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .self-stretch { align-self: stretch } .self-baseline { align-self: baseline } .justify-self-auto { justify-self: auto } .justify-self-start { justify-self: start } .justify-self-end { justify-self: end } .justify-self-center { justify-self: center } .justify-self-stretch { justify-self: stretch } .overflow-auto { overflow: auto } .overflow-hidden { overflow: hidden } .overflow-clip { overflow: clip } .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-clip { overflow-x: clip } .overflow-y-clip { overflow-y: clip } .overflow-x-visible { overflow-x: visible } .overflow-y-visible { overflow-y: visible } .overflow-x-scroll { overflow-x: scroll } .overflow-y-scroll { overflow-y: scroll } .overscroll-auto { overscroll-behavior: auto } .overscroll-contain { overscroll-behavior: contain } .overscroll-none { overscroll-behavior: none } .overscroll-y-auto { overscroll-behavior-y: auto } .overscroll-y-contain { overscroll-behavior-y: contain } .overscroll-y-none { overscroll-behavior-y: none } .overscroll-x-auto { overscroll-behavior-x: auto } .overscroll-x-contain { overscroll-behavior-x: contain } .overscroll-x-none { overscroll-behavior-x: none } .scroll-auto { scroll-behavior: auto } .scroll-smooth { scroll-behavior: smooth } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .overflow-ellipsis, .text-ellipsis { text-overflow: ellipsis } .text-clip { text-overflow: clip } .hyphens-none { -webkit-hyphens: none; hyphens: none } .hyphens-manual { -webkit-hyphens: manual; hyphens: manual } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto } .whitespace-normal { white-space: normal } .whitespace-nowrap { white-space: nowrap } .whitespace-pre { white-space: pre } .whitespace-pre-line { white-space: pre-line } .whitespace-pre-wrap { white-space: pre-wrap } .whitespace-break-spaces { white-space: break-spaces } .text-wrap { text-wrap: wrap } .text-nowrap { text-wrap: nowrap } .text-balance { text-wrap: balance } .text-pretty { text-wrap: pretty } .break-normal { overflow-wrap: normal; word-break: normal } .break-words { overflow-wrap: break-word } .break-all { word-break: break-all } .break-keep { word-break: keep-all } .rounded { border-radius: .25rem } .rounded-\[1\.3rem\] { border-radius: 1.3rem } .rounded-\[30px\] { border-radius: 30px } .rounded-full { border-radius: 9999px } .rounded-lg { border-radius: .5rem } .rounded-md { border-radius: .375rem } .rounded-none { border-radius: 0 } .rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .rounded-e { border-start-end-radius: .25rem; border-end-end-radius: .25rem } .rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .rounded-l-md { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } .rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .rounded-r-md { border-top-right-radius: .375rem; border-bottom-right-radius: .375rem } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } .rounded-s { border-start-start-radius: .25rem; border-end-start-radius: .25rem } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .rounded-t-md { border-top-left-radius: .375rem; border-top-right-radius: .375rem } .rounded-bl { border-bottom-left-radius: .25rem } .rounded-br { border-bottom-right-radius: .25rem } .rounded-ee { border-end-end-radius: .25rem } .rounded-es { border-end-start-radius: .25rem } .rounded-se { border-start-end-radius: .25rem } .rounded-ss { border-start-start-radius: .25rem } .rounded-tl { border-top-left-radius: .25rem } .rounded-tr { border-top-right-radius: .25rem } .border { border-width: 1px } .border-0 { border-width: 0px } .border-2 { border-width: 2px } .border-x { border-left-width: 1px; border-right-width: 1px } .border-x-0 { border-left-width: 0px; border-right-width: 0px } .border-y { border-top-width: 1px; border-bottom-width: 1px } .border-b { border-bottom-width: 1px } .border-b-0 { border-bottom-width: 0px } .border-b-2 { border-bottom-width: 2px } .border-e { border-inline-end-width: 1px } .border-l { border-left-width: 1px } .border-l-2 { border-left-width: 2px } .border-r { border-right-width: 1px } .border-s { border-inline-start-width: 1px } .border-t { border-top-width: 1px } .border-solid { border-style: solid } .border-dashed { border-style: dashed } .border-dotted { border-style: dotted } .border-double { border-style: double } .border-hidden { border-style: hidden } .border-none { border-style: none } .border-\[\#0077b5\] { --tw-border-opacity: 1; border-color: rgb(0 119 181 / var(--tw-border-opacity)) } .border-\[\#3b5998\] { --tw-border-opacity: 1; border-color: rgb(59 89 152 / var(--tw-border-opacity)) } .border-\[\#4ab3f4\] { --tw-border-opacity: 1; border-color: rgb(74 179 244 / var(--tw-border-opacity)) } .border-\[\#517fa4\] { --tw-border-opacity: 1; border-color: rgb(81 127 164 / var(--tw-border-opacity)) } .border-\[top\,left\,right\,bottom\] { border-color: top, left, right, bottom } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)) } .border-danger { --tw-border-opacity: 1; border-color: rgb(var(--color-danger) / var(--tw-border-opacity)) } .border-dark { --tw-border-opacity: 1; border-color: rgb(var(--color-dark) / var(--tw-border-opacity)) } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)) } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)) } .border-pending { --tw-border-opacity: 1; border-color: rgb(var(--color-pending) / var(--tw-border-opacity)) } .border-primary { --tw-border-opacity: 1; border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .border-secondary { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary) / var(--tw-border-opacity)) } .border-secondary\/70 { border-color: rgb(var(--color-secondary) / .7) } .border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity)) } .border-slate-200\/60 { border-color: #e2e8f099 } .border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)) } .border-slate-300\/80 { border-color: #cbd5e1cc } .border-slate-400 { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity)) } .border-slate-600 { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity)) } .border-success { --tw-border-opacity: 1; border-color: rgb(var(--color-success) / var(--tw-border-opacity)) } .border-theme-1\/60 { border-color: rgb(var(--color-theme-1) / .6) } .border-transparent { border-color: transparent } .border-warning { --tw-border-opacity: 1; border-color: rgb(var(--color-warning) / var(--tw-border-opacity)) } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)) } .border-white\/10 { border-color: #ffffff1a } .border-white\/90 { border-color: #ffffffe6 } .border-white\/\[0\.08\] { border-color: #ffffff14 } .border-opacity-10 { --tw-border-opacity: .1 } .border-opacity-5 { --tw-border-opacity: .05 } .bg-\[\#0077b5\] { --tw-bg-opacity: 1; background-color: rgb(0 119 181 / var(--tw-bg-opacity)) } .bg-\[\#3b5998\] { --tw-bg-opacity: 1; background-color: rgb(59 89 152 / var(--tw-bg-opacity)) } .bg-\[\#4ab3f4\] { --tw-bg-opacity: 1; background-color: rgb(74 179 244 / var(--tw-bg-opacity)) } .bg-\[\#517fa4\] { --tw-bg-opacity: 1; background-color: rgb(81 127 164 / var(--tw-bg-opacity)) } .bg-\[rgb\(255\,0\,0\)\] { --tw-bg-opacity: 1; background-color: rgb(255 0 0 / var(--tw-bg-opacity)) } .bg-black\/60 { background-color: #0009 } .bg-danger { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger) / var(--tw-bg-opacity)) } .bg-dark { --tw-bg-opacity: 1; background-color: rgb(var(--color-dark) / var(--tw-bg-opacity)) } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) } .bg-pending { --tw-bg-opacity: 1; background-color: rgb(var(--color-pending) / var(--tw-bg-opacity)) } .bg-pending\/10 { background-color: rgb(var(--color-pending) / .1) } .bg-pending\/20 { background-color: rgb(var(--color-pending) / .2) } .bg-pending\/80 { background-color: rgb(var(--color-pending) / .8) } .bg-primary { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .bg-primary\/10 { background-color: rgb(var(--color-primary) / .1) } .bg-primary\/80 { background-color: rgb(var(--color-primary) / .8) } .bg-secondary\/70 { background-color: rgb(var(--color-secondary) / .7) } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) } .bg-slate-200\/60 { background-color: #e2e8f099 } .bg-slate-300 { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity)) } .bg-slate-300\/50 { background-color: #cbd5e180 } .bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) } .bg-slate-500 { --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity)) } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity)) } .bg-success { --tw-bg-opacity: 1; background-color: rgb(var(--color-success) / var(--tw-bg-opacity)) } .bg-success\/20 { background-color: rgb(var(--color-success) / .2) } .bg-theme-1 { --tw-bg-opacity: 1; background-color: rgb(var(--color-theme-1) / var(--tw-bg-opacity)) } .bg-theme-1\/80 { background-color: rgb(var(--color-theme-1) / .8) } .bg-theme-1\/90 { background-color: rgb(var(--color-theme-1) / .9) } .bg-theme-2 { --tw-bg-opacity: 1; background-color: rgb(var(--color-theme-2) / var(--tw-bg-opacity)) } .bg-transparent { background-color: transparent } .bg-warning { --tw-bg-opacity: 1; background-color: rgb(var(--color-warning) / var(--tw-bg-opacity)) } .bg-warning\/20 { background-color: rgb(var(--color-warning) / .2) } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .bg-white\/10 { background-color: #ffffff1a } .bg-white\/20 { background-color: #fff3 } .bg-white\/5 { background-color: #ffffff0d } .bg-white\/\[0\.08\] { background-color: #ffffff14 } .bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)) } .bg-opacity-10 { --tw-bg-opacity: .1 } .bg-opacity-20 { --tw-bg-opacity: .2 } .bg-file-icon-directory { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect id='Rectangle_5' data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A") } .bg-file-icon-empty-directory { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A") } .bg-file-icon-file { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='628.027' height='786.012' viewBox='0 0 628.027 786.012'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(-646 -92.988)'%3E%3Cpath id='Union_2' data-name='Union 2' d='M40,786A40,40,0,0,1,0,746V40A40,40,0,0,1,40,0H501V103h29v24h98V746a40,40,0,0,1-40,40Z' transform='translate(646 93)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Intersection_2' data-name='Intersection 2' d='M.409,162.042l.058-109.9c31.605,29.739,125.37,125.377,125.37,125.377l-109.976.049A20.025,20.025,0,0,1,.409,162.042Z' transform='translate(1147 42)' fill='%23bec8d9' stroke='%23bec8d9' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) } .from-theme-1 { --tw-gradient-from: rgb(var(--color-theme-1) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-theme-1) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .to-theme-2 { --tw-gradient-to: rgb(var(--color-theme-2) / 1) var(--tw-gradient-to-position) } .decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice } .decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone } .box-decoration-slice { -webkit-box-decoration-break: slice; box-decoration-break: slice } .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone } .bg-contain { background-size: contain } .bg-fixed { background-attachment: fixed } .bg-local { background-attachment: local } .bg-scroll { background-attachment: scroll } .bg-clip-border { background-clip: border-box } .bg-clip-padding { background-clip: padding-box } .bg-clip-content { background-clip: content-box } .bg-clip-text { -webkit-background-clip: text; background-clip: text } .bg-center { background-position: center } .bg-repeat { background-repeat: repeat } .bg-no-repeat { background-repeat: no-repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } .bg-repeat-round { background-repeat: round } .bg-repeat-space { background-repeat: space } .bg-origin-border { background-origin: border-box } .bg-origin-padding { background-origin: padding-box } .bg-origin-content { background-origin: content-box } .fill-current { fill: currentColor } .fill-pending\/30 { fill: rgb(var(--color-pending) / .3) } .stroke-1\.5 { stroke-width: 1.5 } .stroke-\[1\] { stroke-width: 1 } .object-contain { -o-object-fit: contain; object-fit: contain } .object-cover { -o-object-fit: cover; object-fit: cover } .object-fill { -o-object-fit: fill; object-fit: fill } .object-none { -o-object-fit: none; object-fit: none } .object-scale-down { -o-object-fit: scale-down; object-fit: scale-down } .\!p-0 { padding: 0 !important } .p-0 { padding: 0 } .p-1 { padding: .25rem } .p-10 { padding: 2.5rem } .p-2 { padding: .5rem } .p-3 { padding: .75rem } .p-4 { padding: 1rem } .p-5 { padding: 1.25rem } .p-8 { padding: 2rem } .p-px { padding: 1px } .\!px-2 { padding-left: .5rem !important; padding-right: .5rem !important } .\!py-3\.5 { padding-top: .875rem !important; padding-bottom: .875rem !important } .\!py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important } .\!py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important } .px-0 { padding-left: 0; padding-right: 0 } .px-0\.5 { padding-left: .125rem; padding-right: .125rem } .px-1 { padding-left: .25rem; padding-right: .25rem } .px-1\.5 { padding-left: .375rem; padding-right: .375rem } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-2\.5 { padding-left: .625rem; padding-right: .625rem } .px-3 { padding-left: .75rem; padding-right: .75rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .px-8 { padding-left: 2rem; padding-right: 2rem } .px-\[22px\] { padding-left: 22px; padding-right: 22px } .py-0 { padding-top: 0; padding-bottom: 0 } .py-0\.5 { padding-top: .125rem; padding-bottom: .125rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-1\.5 { padding-top: .375rem; padding-bottom: .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: .5rem; padding-bottom: .5rem } .py-2\.5 { padding-top: .625rem; padding-bottom: .625rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px } .\!pl-2 { padding-left: .5rem !important } .\!pl-4 { padding-left: 1rem !important } .\!pr-2 { padding-right: .5rem !important } .pb-10 { padding-bottom: 2.5rem } .pb-14 { padding-bottom: 3.5rem } .pb-16 { padding-bottom: 4rem } .pb-2 { padding-bottom: .5rem } .pb-20 { padding-bottom: 5rem } .pb-3 { padding-bottom: .75rem } .pb-4 { padding-bottom: 1rem } .pb-5 { padding-bottom: 1.25rem } .pb-6 { padding-bottom: 1.5rem } .pb-8 { padding-bottom: 2rem } .pl-0\.5 { padding-left: .125rem } .pl-1 { padding-left: .25rem } .pl-10 { padding-left: 2.5rem } .pl-12 { padding-left: 3rem } .pl-16 { padding-left: 4rem } .pl-2 { padding-left: .5rem } .pl-3 { padding-left: .75rem } .pl-3\.5 { padding-left: .875rem } .pl-4 { padding-left: 1rem } .pl-5 { padding-left: 1.25rem } .pr-1 { padding-right: .25rem } .pr-10 { padding-right: 2.5rem } .pr-14 { padding-right: 3.5rem } .pr-16 { padding-right: 4rem } .pr-5 { padding-right: 1.25rem } .pr-8 { padding-right: 2rem } .pt-0\.5 { padding-top: .125rem } .pt-1 { padding-top: .25rem } .pt-10 { padding-top: 2.5rem } .pt-16 { padding-top: 4rem } .pt-2 { padding-top: .5rem } .pt-3 { padding-top: .75rem } .pt-32 { padding-top: 8rem } .pt-4 { padding-top: 1rem } .pt-5 { padding-top: 1.25rem } .pt-6 { padding-top: 1.5rem } .pt-8 { padding-top: 2rem } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .text-justify { text-align: justify } .text-start { text-align: start } .text-end { text-align: end } .indent-1 { text-indent: .25rem } .indent-\[30px\] { text-indent: 30px } .align-baseline { vertical-align: baseline } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .align-bottom { vertical-align: bottom } .align-text-top { vertical-align: text-top } .align-text-bottom { vertical-align: text-bottom } .align-sub { vertical-align: sub } .align-super { vertical-align: super } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-5xl { font-size: 3rem; line-height: 1 } .text-8xl { font-size: 6rem; line-height: 1 } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-xl { font-size: 1.25rem; line-height: 1.75rem } .text-xs { font-size: .75rem; line-height: 1rem } .font-bold { font-weight: 700 } .font-extrabold { font-weight: 800 } .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 } .normal-case { text-transform: none } .italic { font-style: italic } .not-italic { font-style: normal } .normal-nums { font-variant-numeric: normal } .\!ordinal { --tw-ordinal: ordinal !important; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) } .leading-3 { line-height: .75rem } .leading-5 { line-height: 1.25rem } .leading-6 { line-height: 1.5rem } .leading-8 { line-height: 2rem } .leading-\[2\.15rem\] { line-height: 2.15rem } .leading-none { line-height: 1 } .leading-relaxed { line-height: 1.625 } .leading-tight { line-height: 1.25 } .text-\[\#336699\]\/\[\.35\] { color: #33669959 } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)) } .text-danger { --tw-text-opacity: 1; color: rgb(var(--color-danger) / var(--tw-text-opacity)) } .text-dark { --tw-text-opacity: 1; color: rgb(var(--color-dark) / var(--tw-text-opacity)) } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)) } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)) } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)) } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)) } .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)) } .text-pending { --tw-text-opacity: 1; color: rgb(var(--color-pending) / var(--tw-text-opacity)) } .text-primary { --tw-text-opacity: 1; color: rgb(var(--color-primary) / var(--tw-text-opacity)) } .text-primary\/80 { color: rgb(var(--color-primary) / .8) } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)) } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)) } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)) } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity)) } .text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)) } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)) } .text-success { --tw-text-opacity: 1; color: rgb(var(--color-success) / var(--tw-text-opacity)) } .text-theme-1 { --tw-text-opacity: 1; color: rgb(var(--color-theme-1) / var(--tw-text-opacity)) } .text-warning { --tw-text-opacity: 1; color: rgb(var(--color-warning) / var(--tw-text-opacity)) } .text-warning\/80 { color: rgb(var(--color-warning) / .8) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .text-white\/70 { color: #ffffffb3 } .text-white\/90 { color: #ffffffe6 } .text-opacity-70 { --tw-text-opacity: .7 } .text-opacity-80 { --tw-text-opacity: .8 } .underline { text-decoration-line: underline } .overline { text-decoration-line: overline } .line-through { text-decoration-line: line-through } .no-underline { text-decoration-line: none } .decoration-solid { text-decoration-style: solid } .decoration-double { text-decoration-style: double } .decoration-dotted { text-decoration-style: dotted } .decoration-dashed { text-decoration-style: dashed } .decoration-wavy { text-decoration-style: wavy } .underline-offset-4 { text-underline-offset: 4px } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto } .opacity-0 { opacity: 0 } .opacity-100 { opacity: 1 } .bg-blend-normal { background-blend-mode: normal } .bg-blend-multiply { background-blend-mode: multiply } .bg-blend-screen { background-blend-mode: screen } .bg-blend-overlay { background-blend-mode: overlay } .bg-blend-darken { background-blend-mode: darken } .bg-blend-lighten { background-blend-mode: lighten } .bg-blend-color-dodge { background-blend-mode: color-dodge } .bg-blend-color-burn { background-blend-mode: color-burn } .bg-blend-hard-light { background-blend-mode: hard-light } .bg-blend-soft-light { background-blend-mode: soft-light } .bg-blend-difference { background-blend-mode: difference } .bg-blend-exclusion { background-blend-mode: exclusion } .bg-blend-hue { background-blend-mode: hue } .bg-blend-saturation { background-blend-mode: saturation } .bg-blend-color { background-blend-mode: color } .bg-blend-luminosity { background-blend-mode: luminosity } .mix-blend-normal { mix-blend-mode: normal } .mix-blend-multiply { mix-blend-mode: multiply } .mix-blend-screen { mix-blend-mode: screen } .mix-blend-overlay { mix-blend-mode: overlay } .mix-blend-darken { mix-blend-mode: darken } .mix-blend-lighten { mix-blend-mode: lighten } .mix-blend-color-dodge { mix-blend-mode: color-dodge } .mix-blend-color-burn { mix-blend-mode: color-burn } .mix-blend-hard-light { mix-blend-mode: hard-light } .mix-blend-soft-light { mix-blend-mode: soft-light } .mix-blend-difference { mix-blend-mode: difference } .mix-blend-exclusion { mix-blend-mode: exclusion } .mix-blend-hue { mix-blend-mode: hue } .mix-blend-saturation { mix-blend-mode: saturation } .mix-blend-color { mix-blend-mode: color } .mix-blend-luminosity { mix-blend-mode: luminosity } .mix-blend-plus-darker { mix-blend-mode: plus-darker } .mix-blend-plus-lighter { mix-blend-mode: plus-lighter } .\!shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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-\[0px_0px_0px_2px_\#fff\,_1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\] { --tw-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, .32); --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 1px 1px 5px 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_3px_10px_\#00000017\] { --tw-shadow: 0px 3px 10px #00000017; --tw-shadow-colored: 0px 3px 10px 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_3px_20px_\#0000000b\] { --tw-shadow: 0px 3px 20px #0000000b; --tw-shadow-colored: 0px 3px 20px 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-\[5px_3px_5px_\#00000005\] { --tw-shadow: 5px 3px 5px #00000005; --tw-shadow-colored: 5px 3px 5px 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 / .1), 0 4px 6px -4px rgb(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 / .1), 0 2px 4px -2px rgb(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 / .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 / .1), 0 8px 10px -6px rgb(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 !important } .outline { outline-style: solid } .outline-dashed { outline-style: dashed } .outline-dotted { outline-style: dotted } .outline-double { outline-style: double } .ring { --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(3px + 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 } .\!blur { --tw-blur: blur(8px) !important; 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) !important } .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 { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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) } .invert { --tw-invert: invert(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) } .sepia { --tw-sepia: sepia(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) !important } .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) } .filter-none { filter: none } .backdrop-blur { --tw-backdrop-blur: blur(8px); -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) } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -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) } .backdrop-invert { --tw-backdrop-invert: invert(100%); -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) } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -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) } .backdrop-filter { -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) } .backdrop-filter-none { -webkit-backdrop-filter: none; backdrop-filter: none } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-\[margin-right\] { transition-property: margin-right; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-\[margin-top\,transform\] { transition-property: margin-top, transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-\[visibility\,opacity\] { transition-property: visibility, opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .duration-100 { transition-duration: .1s } .duration-150 { transition-duration: .15s } .duration-200 { transition-duration: .2s } .duration-300 { transition-duration: .3s } .duration-\[0\.4s\,0\.3s\] { transition-duration: .4s, .3s } .duration-\[0\.6s\] { transition-duration: .6s } .ease-in { transition-timing-function: cubic-bezier(.4, 0, 1, 1) } .ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1) } .ease-linear { transition-timing-function: linear } .ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1) } .contain-none { contain: none } .contain-content { contain: content } .contain-strict { contain: strict } .contain-size { --tw-contain-size: size; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style) } .contain-inline-size { --tw-contain-size: inline-size; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style) } .contain-layout { --tw-contain-layout: layout; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style) } .contain-paint { --tw-contain-paint: paint; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style) } .contain-style { --tw-contain-style: style; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style) } .content-\[\'this-is-also-valid\]-weirdly-enough\'\] { --tw-content: "this-is-also-valid]-weirdly-enough"; content: var(--tw-content) } .forced-color-adjust-auto { forced-color-adjust: auto } .forced-color-adjust-none { forced-color-adjust: none } .\[-a-zA-Z\:0-9_\.\] { -a-z-a--z: 0-9 . } .\!\[a-zA-Z\:_\] { a-z-a--z: !important } .\[key\:string\] { key: string } .\[module\:ckbox\/ckbox\~CKBoxConfig\#assetsOrigin\] { module: ckbox/ckbox~CKBoxConfig#assetsOrigin } .\[module\:ckbox\/ckbox\~CKBoxConfig\#defaultUploadCategories\] { module: ckbox/ckbox~CKBoxConfig#defaultUploadCategories } .\[module\:ckbox\/ckbox\~CKBoxConfig\#ignoreDataId\] { module: ckbox/ckbox~CKBoxConfig#ignoreDataId } .\[module\:ckbox\/ckbox\~CKBoxConfig\#language\] { module: ckbox/ckbox~CKBoxConfig#language } .\[module\:ckbox\/ckbox\~CKBoxConfig\#serviceOrigin\] { module: ckbox/ckbox~CKBoxConfig#serviceOrigin } .\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#elementName\] { module: media-embed/mediaembed~MediaEmbedConfig#elementName } .\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#previewsInData\=false\] { module: media-embed/mediaembed~MediaEmbedConfig#previewsInData=false } .\[module\:ui\/template\~TemplateBinding\#callback\] { module: ui/template~TemplateBinding#callback } .before\:box:before { content: var(--tw-content); box-shadow: 0 3px 5px #0000000b; background-color: #fff; border: 1px solid #e2e8f0; border-radius: .6rem; position: relative } .dark .before\:box:before { content: var(--tw-content); background-color: rgb(var(--color-darkmode-600) / 1); border-color: rgb(var(--color-darkmode-500) / 1) } @media (min-width: 640px) { .sm\:container { width: 100%; margin-right: auto; margin-left: auto } .sm\:container { max-width: 640px } @media (min-width: 768px) { .sm\:container { max-width: 768px } } @media (min-width: 1024px) { .sm\:container { max-width: 1024px } } @media (min-width: 1280px) { .sm\:container { max-width: 1280px } } @media (min-width: 1536px) { .sm\:container { max-width: 1536px } } } .placeholder\:text-slate-400\/90::-moz-placeholder { color: #94a3b8e6 } .placeholder\:text-slate-400\/90::placeholder { color: #94a3b8e6 } .before\:invisible:before { content: var(--tw-content); visibility: hidden } .before\:fixed:before { content: var(--tw-content); position: fixed } .before\:absolute:before { content: var(--tw-content); position: absolute } .before\:inset-0:before { content: var(--tw-content); inset: 0 } .before\:inset-x-0:before { content: var(--tw-content); left: 0; right: 0 } .before\:inset-x-3:before { content: var(--tw-content); left: .75rem; right: .75rem } .before\:inset-y-0:before { content: var(--tw-content); top: 0; bottom: 0 } .before\:bottom-0:before { content: var(--tw-content); bottom: 0 } .before\:left-0:before { content: var(--tw-content); left: 0 } .before\:right-0:before { content: var(--tw-content); right: 0 } .before\:top-0:before { content: var(--tw-content); top: 0 } .before\:top-\[-2px\]:before { content: var(--tw-content); top: -2px } .before\:z-10:before { content: var(--tw-content); z-index: 10 } .before\:z-\[-1\]:before { content: var(--tw-content); z-index: -1 } .before\:mx-7:before { content: var(--tw-content); margin-left: 1.75rem; margin-right: 1.75rem } .before\:mx-auto:before { content: var(--tw-content); margin-left: auto; margin-right: auto } .before\:my-auto:before { content: var(--tw-content); margin-top: auto; margin-bottom: auto } .before\:-mb-\[16\%\]:before { content: var(--tw-content); margin-bottom: -16% } .before\:-ml-\[1\.125rem\]:before { content: var(--tw-content); margin-left: -1.125rem } .before\:-ml-\[13\%\]:before { content: var(--tw-content); margin-left: -13% } .before\:-mt-4:before { content: var(--tw-content); margin-top: -1rem } .before\:-mt-\[28\%\]:before { content: var(--tw-content); margin-top: -28% } .before\:mb-7:before { content: var(--tw-content); margin-bottom: 1.75rem } .before\:ml-10:before { content: var(--tw-content); margin-left: 2.5rem } .before\:ml-5:before { content: var(--tw-content); margin-left: 1.25rem } .before\:mt-3:before { content: var(--tw-content); margin-top: .75rem } .before\:mt-4:before { content: var(--tw-content); margin-top: 1rem } .before\:mt-5:before { content: var(--tw-content); margin-top: 1.25rem } .before\:block:before { content: var(--tw-content); display: block } .before\:hidden:before { content: var(--tw-content); display: none } .before\:h-4:before { content: var(--tw-content); height: 1rem } .before\:h-8:before { content: var(--tw-content); height: 2rem } .before\:h-\[14px\]:before { content: var(--tw-content); height: 14px } .before\:h-\[20px\]:before { content: var(--tw-content); height: 20px } .before\:h-\[3px\]:before { content: var(--tw-content); height: 3px } .before\:h-\[65px\]:before { content: var(--tw-content); height: 65px } .before\:h-\[85\%\]:before { content: var(--tw-content); height: 85% } .before\:h-\[8px\]:before { content: var(--tw-content); height: 8px } .before\:h-full:before { content: var(--tw-content); height: 100% } .before\:h-px:before { content: var(--tw-content); height: 1px } .before\:h-screen:before { content: var(--tw-content); height: 100vh } .before\:w-16:before { content: var(--tw-content); width: 4rem } .before\:w-20:before { content: var(--tw-content); width: 5rem } .before\:w-4:before { content: var(--tw-content); width: 1rem } .before\:w-\[14px\]:before { content: var(--tw-content); width: 14px } .before\:w-\[20px\]:before { content: var(--tw-content); width: 20px } .before\:w-\[2px\]:before { content: var(--tw-content); width: 2px } .before\:w-\[57\%\]:before { content: var(--tw-content); width: 57% } .before\:w-\[69\%\]:before { content: var(--tw-content); width: 69% } .before\:w-\[8px\]:before { content: var(--tw-content); width: 8px } .before\:w-\[95\%\]:before { content: var(--tw-content); width: 95% } .before\:w-full:before { content: var(--tw-content); width: 100% } .before\:w-px:before { content: var(--tw-content); width: 1px } .before\:translate-y-\[35px\]:before { content: var(--tw-content); --tw-translate-y: 35px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .before\:rotate-\[-4\.5deg\]:before { content: var(--tw-content); --tw-rotate: -4.5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .before\:rotate-\[-90deg\]:before { content: var(--tw-content); --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .before\:transform:before { content: var(--tw-content); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .before\:rounded-\[1\.3rem\]:before { content: var(--tw-content); border-radius: 1.3rem } .before\:rounded-\[100\%\]:before { content: var(--tw-content); border-radius: 100% } .before\:rounded-\[30px_30px_0px_0px\]:before { content: var(--tw-content); border-radius: 30px 30px 0 0 } .before\:rounded-full:before { content: var(--tw-content); border-radius: 9999px } .before\:rounded-md:before { content: var(--tw-content); border-radius: .375rem } .before\:rounded-xl:before { content: var(--tw-content); border-radius: .75rem } .before\:rounded-b-\[30px\]:before { content: var(--tw-content); border-bottom-right-radius: 30px; border-bottom-left-radius: 30px } .before\:rounded-t-\[30px\]:before { content: var(--tw-content); border-top-left-radius: 30px; border-top-right-radius: 30px } .before\:rounded-bl:before { content: var(--tw-content); border-bottom-left-radius: .25rem } .before\:bg-black:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) } .before\:bg-black\/90:before { content: var(--tw-content); background-color: #000000e6 } .before\:bg-black\/\[0\.15\]:before { content: var(--tw-content); background-color: #00000026 } .before\:bg-danger:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-danger) / var(--tw-bg-opacity)) } .before\:bg-primary\/20:before { content: var(--tw-content); background-color: rgb(var(--color-primary) / .2) } .before\:bg-primary\/30:before { content: var(--tw-content); background-color: rgb(var(--color-primary) / .3) } .before\:bg-slate-100:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .before\:bg-slate-200:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) } .before\:bg-slate-200\/70:before { content: var(--tw-content); background-color: #e2e8f0b3 } .before\:bg-slate-50:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) } .before\:bg-transparent:before { content: var(--tw-content); background-color: transparent } .before\:bg-white\/10:before { content: var(--tw-content); background-color: #ffffff1a } .before\:bg-opacity-70:before { content: var(--tw-content); --tw-bg-opacity: .7 } .before\:bg-chevron-black:before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300000095' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") } .before\:bg-chevron-white:before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff95' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") } .before\:bg-gradient-to-b:before { content: var(--tw-content); background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) } .before\:bg-gradient-to-r:before { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)) } .before\:bg-gradient-to-t:before { content: var(--tw-content); background-image: linear-gradient(to top, var(--tw-gradient-stops)) } .before\:from-black:before { content: var(--tw-content); --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .before\:from-black\/90:before { content: var(--tw-content); --tw-gradient-from: rgb(0 0 0 / .9) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .before\:from-theme-1:before { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-theme-1) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-theme-1) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .before\:from-white:before { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .before\:via-white\/80:before { content: var(--tw-content); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to) } .before\:to-black\/10:before { content: var(--tw-content); --tw-gradient-to: rgb(0 0 0 / .1) var(--tw-gradient-to-position) } .before\:to-theme-2:before { content: var(--tw-content); --tw-gradient-to: rgb(var(--color-theme-2) / 1) var(--tw-gradient-to-position) } .before\:to-transparent:before { content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position) } .before\:bg-\[length\:100\%\]:before { content: var(--tw-content); background-size: 100% } .before\:px-4:before { content: var(--tw-content); padding-left: 1rem; padding-right: 1rem } .before\:py-2:before { content: var(--tw-content); padding-top: .5rem; padding-bottom: .5rem } .before\:pt-\[100\%\]:before { content: var(--tw-content); padding-top: 100% } .before\:font-roboto:before { content: var(--tw-content); font-family: Roboto } .before\:font-medium:before { content: var(--tw-content); font-weight: 500 } .before\:opacity-0:before { content: var(--tw-content); opacity: 0 } .before\:shadow-\[1px_1px_3px_rgba\(0\,0\,0\,0\.25\)\]:before { content: var(--tw-content); --tw-shadow: 1px 1px 3px rgba(0, 0, 0, .25); --tw-shadow-colored: 1px 1px 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) } .before\:transition-\[margin-left\]:before { content: var(--tw-content); transition-property: margin-left; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .before\:duration-200:before { content: var(--tw-content); transition-duration: .2s } .before\:ease-in-out:before { content: var(--tw-content); transition-timing-function: cubic-bezier(.4, 0, .2, 1) } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content) } .before\:content-\[\'HTML\'\]:before { --tw-content: "HTML"; content: var(--tw-content) } .after\:fixed:after { content: var(--tw-content); position: fixed } .after\:absolute:after { content: var(--tw-content); position: absolute } .after\:inset-0:after { content: var(--tw-content); inset: 0 } .after\:inset-y-0:after { content: var(--tw-content); top: 0; bottom: 0 } .after\:bottom-0:after { content: var(--tw-content); bottom: 0 } .after\:left-0:after { content: var(--tw-content); left: 0 } .after\:right-0:after { content: var(--tw-content); right: 0 } .after\:top-0:after { content: var(--tw-content); top: 0 } .after\:z-\[-1\]:after { content: var(--tw-content); z-index: -1 } .after\:z-\[-2\]:after { content: var(--tw-content); z-index: -2 } .after\:mx-3:after { content: var(--tw-content); margin-left: .75rem; margin-right: .75rem } .after\:mx-auto:after { content: var(--tw-content); margin-left: auto; margin-right: auto } .after\:-mb-\[13\%\]:after { content: var(--tw-content); margin-bottom: -13% } .after\:-ml-4:after { content: var(--tw-content); margin-left: -1rem } .after\:-ml-\[13\%\]:after { content: var(--tw-content); margin-left: -13% } .after\:-mt-4:after { content: var(--tw-content); margin-top: -1rem } .after\:-mt-\[20\%\]:after { content: var(--tw-content); margin-top: -20% } .after\:mb-7:after { content: var(--tw-content); margin-bottom: 1.75rem } .after\:mt-5:after { content: var(--tw-content); margin-top: 1.25rem } .after\:mt-8:after { content: var(--tw-content); margin-top: 2rem } .after\:block:after { content: var(--tw-content); display: block } .after\:hidden:after { content: var(--tw-content); display: none } .after\:h-4:after { content: var(--tw-content); height: 1rem } .after\:h-\[65px\]:after { content: var(--tw-content); height: 65px } .after\:w-16:after { content: var(--tw-content); width: 4rem } .after\:w-4:after { content: var(--tw-content); width: 1rem } .after\:w-\[57\%\]:after { content: var(--tw-content); width: 57% } .after\:w-\[97\%\]:after { content: var(--tw-content); width: 97% } .after\:w-full:after { content: var(--tw-content); width: 100% } .after\:rotate-\[-4\.5deg\]:after { content: var(--tw-content); --tw-rotate: -4.5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .after\:transform:after { content: var(--tw-content); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .after\:rounded-\[100\%\]:after { content: var(--tw-content); border-radius: 100% } .after\:rounded-\[40px_0px_0px_0px\]:after { content: var(--tw-content); border-radius: 40px 0 0 } .after\:rounded-\[40px_40px_0px_0px\]:after { content: var(--tw-content); border-radius: 40px 40px 0 0 } .after\:rounded-full:after { content: var(--tw-content); border-radius: 9999px } .after\:rounded-xl:after { content: var(--tw-content); border-radius: .75rem } .after\:border-4:after { content: var(--tw-content); border-width: 4px } .after\:border-white\/60:after { content: var(--tw-content); border-color: #fff9 } .after\:bg-primary:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .after\:bg-white\/10:after { content: var(--tw-content); background-color: #ffffff1a } .after\:bg-gradient-to-b:after { content: var(--tw-content); background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) } .after\:bg-gradient-to-l:after { content: var(--tw-content); background-image: linear-gradient(to left, var(--tw-gradient-stops)) } .after\:from-theme-1:after { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-theme-1) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-theme-1) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .after\:from-white:after { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .after\:via-white\/80:after { content: var(--tw-content); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to) } .after\:to-theme-2:after { content: var(--tw-content); --tw-gradient-to: rgb(var(--color-theme-2) / 1) var(--tw-gradient-to-position) } .after\:to-transparent:after { content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position) } .after\:shadow-md:after { content: var(--tw-content); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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) } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content) } .first\:-mt-4:first-child { margin-top: -1rem } .first\:mt-0:first-child { margin-top: 0 } .first\:rounded-l-\[0\.6rem\]:first-child { border-top-left-radius: .6rem; border-bottom-left-radius: .6rem } .first\:border-l:first-child { border-left-width: 1px } .first\:pt-0:first-child { padding-top: 0 } .last\:-mb-4:last-child { margin-bottom: -1rem } .last\:mb-0:last-child { margin-bottom: 0 } .last\:rounded-r-\[0\.6rem\]:last-child { border-top-right-radius: .6rem; border-bottom-right-radius: .6rem } .last\:border-r:last-child { border-right-width: 1px } .checked\:border-primary:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .checked\:bg-primary:checked { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .checked\:bg-none:checked { background-image: none } .before\:checked\:ml-\[14px\]:checked:before { content: var(--tw-content); margin-left: 14px } .before\:checked\:bg-white:checked:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .hover\:relative:hover { position: relative } .hover\:z-20:hover { z-index: 20 } .hover\:rotate-180:hover { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .hover\:scale-\[1\.02\]:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .hover\:rounded:hover { border-radius: .25rem } .hover\:border-0:hover { border-width: 0px } .hover\:bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .hover\:bg-slate-200\/60:hover { background-color: #e2e8f099 } .hover\:bg-white\/10:hover { background-color: #ffffff1a } .hover\:bg-white\/5:hover { background-color: #ffffff0d } .hover\:bg-opacity-30:hover { --tw-bg-opacity: .3 } .hover\:font-bold:hover { font-weight: 700 } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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) } .before\:hover\:text-center:hover:before { content: var(--tw-content); text-align: center } .hover\:before\:text-center:hover:before { content: var(--tw-content); text-align: center } .focus\:w-72:focus { width: 18rem } .focus\:border-black:focus { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)) } .focus\:border-gray-300:focus { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)) } .focus\:border-gray-500:focus { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)) } .focus\:border-indigo-300:focus { --tw-border-opacity: 1; border-color: rgb(165 180 252 / var(--tw-border-opacity)) } .focus\:border-primary:focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .focus\:border-transparent:focus { border-color: transparent } .focus\:border-opacity-40:focus { --tw-border-opacity: .4 } .focus\:bg-gray-200:focus { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) } .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .focus\:ring: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(3px + 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-0: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(0px + 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-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-4: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(4px + 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-black:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) } .focus\:ring-gray-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)) } .focus\:ring-indigo-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)) } .focus\:ring-primary:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity)) } .focus\:ring-opacity-20:focus { --tw-ring-opacity: .2 } .focus\:ring-opacity-50:focus { --tw-ring-opacity: .5 } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px } .focus\:hover\:text-center:hover:focus { text-align: center } .hover\:focus\:text-center:focus:hover { text-align: center } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed } .disabled\:bg-slate-100:disabled { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .disabled\:opacity-70:disabled { opacity: .7 } .group.mobile-menu--active .group-\[\.mobile-menu--active\]\:visible { visibility: visible } .group.input-group .group-\[\.input-group\]\:z-10 { z-index: 10 } .group.form-inline .group-\[\.form-inline\]\:mb-2 { margin-bottom: .5rem } .group.mobile-menu--active .group-\[\.mobile-menu--active\]\:ml-0 { margin-left: 0 } .group.show .group-\[\.show\]\:mr-0 { margin-right: 0 } .group.show .group-\[\.show\]\:mt-16 { margin-top: 4rem } .group.form-inline .group-\[\.form-inline\]\:flex-1 { flex: 1 1 0% } .group.modal-static .group-\[\.modal-static\]\:scale-\[1\.05\] { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group.input-group .group-\[\.input-group\]\:rounded-none { border-radius: 0 } .group.mobile-menu--active .group-\[\.mobile-menu--active\]\:opacity-100 { opacity: 1 } .group.input-group .group-\[\.input-group\]\:first\:rounded-l:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .group.input-group .group-\[\.input-group\]\:last\:rounded-r:last-child { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .dark\:border:is(.dark *) { border-width: 1px } .dark\:border-0:is(.dark *) { border-width: 0px } .dark\:border-\[\#0077b5\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(0 119 181 / var(--tw-border-opacity)) } .dark\:border-\[\#3b5998\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(59 89 152 / var(--tw-border-opacity)) } .dark\:border-\[\#4ab3f4\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(74 179 244 / var(--tw-border-opacity)) } .dark\:border-\[\#517fa4\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(81 127 164 / var(--tw-border-opacity)) } .dark\:border-danger:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-danger) / var(--tw-border-opacity)) } .dark\:border-darkmode-100\/30:is(.dark *) { border-color: rgb(var(--color-darkmode-100) / .3) } .dark\:border-darkmode-100\/40:is(.dark *) { border-color: rgb(var(--color-darkmode-100) / .4) } .dark\:border-darkmode-300:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-300) / var(--tw-border-opacity)) } .dark\:border-darkmode-400:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity)) } .dark\:border-darkmode-500:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-500) / var(--tw-border-opacity)) } .dark\:border-darkmode-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-600) / var(--tw-border-opacity)) } .dark\:border-darkmode-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-800) / var(--tw-border-opacity)) } .dark\:border-darkmode-800\/60:is(.dark *) { border-color: rgb(var(--color-darkmode-800) / .6) } .dark\:border-darkmode-900\/20:is(.dark *) { border-color: rgb(var(--color-darkmode-900) / .2) } .dark\:border-pending:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-pending) / var(--tw-border-opacity)) } .dark\:border-primary:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .dark\:border-success:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-success) / var(--tw-border-opacity)) } .dark\:border-transparent:is(.dark *) { border-color: transparent } .dark\:border-warning:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(var(--color-warning) / var(--tw-border-opacity)) } .dark\:border-white\/\[0\.08\]:is(.dark *) { border-color: #ffffff14 } .dark\:border-opacity-100:is(.dark *) { --tw-border-opacity: 1 } .dark\:border-opacity-20:is(.dark *) { --tw-border-opacity: .2 } .dark\:bg-black\/10:is(.dark *) { background-color: #0000001a } .dark\:bg-black\/20:is(.dark *) { background-color: #0003 } .dark\:bg-black\/30:is(.dark *) { background-color: #0000004d } .dark\:bg-darkmode-100\/20:is(.dark *) { background-color: rgb(var(--color-darkmode-100) / .2) } .dark\:bg-darkmode-300:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-300) / var(--tw-bg-opacity)) } .dark\:bg-darkmode-400:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity)) } .dark\:bg-darkmode-400\/70:is(.dark *) { background-color: rgb(var(--color-darkmode-400) / .7) } .dark\:bg-darkmode-500:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-500) / var(--tw-bg-opacity)) } .dark\:bg-darkmode-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)) } .dark\:bg-darkmode-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity)) } .dark\:bg-darkmode-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity)) } .dark\:bg-darkmode-800\/30:is(.dark *) { background-color: rgb(var(--color-darkmode-800) / .3) } .dark\:bg-darkmode-800\/90:is(.dark *) { background-color: rgb(var(--color-darkmode-800) / .9) } .dark\:bg-darkmode-900\/20:is(.dark *) { background-color: rgb(var(--color-darkmode-900) / .2) } .dark\:bg-pending\/30:is(.dark *) { background-color: rgb(var(--color-pending) / .3) } .dark\:bg-primary:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .dark\:bg-primary\/20:is(.dark *) { background-color: rgb(var(--color-primary) / .2) } .dark\:bg-primary\/50:is(.dark *) { background-color: rgb(var(--color-primary) / .5) } .dark\:bg-slate-200:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) } .dark\:bg-success\/10:is(.dark *) { background-color: rgb(var(--color-success) / .1) } .dark\:bg-success\/30:is(.dark *) { background-color: rgb(var(--color-success) / .3) } .dark\:bg-transparent:is(.dark *) { background-color: transparent } .dark\:bg-opacity-20:is(.dark *) { --tw-bg-opacity: .2 } .dark\:from-darkmode-400:is(.dark *) { --tw-gradient-from: rgb(var(--color-darkmode-400) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-400) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:from-darkmode-800:is(.dark *) { --tw-gradient-from: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-800) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:to-darkmode-400:is(.dark *) { --tw-gradient-to: rgb(var(--color-darkmode-400) / 1) var(--tw-gradient-to-position) } .dark\:to-darkmode-800:is(.dark *) { --tw-gradient-to: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-to-position) } .dark\:text-slate-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)) } .dark\:text-slate-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)) } .dark\:text-slate-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)) } .dark\:text-slate-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)) } .dark\:text-slate-600:is(.dark *) { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)) } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .dark\:shadow-\[0px_0px_0px_2px_\#3f4865\,_1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\]:is(.dark *) { --tw-shadow: 0px 0px 0px 2px #3f4865, 1px 1px 5px rgba(0, 0, 0, .32); --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color), 1px 1px 5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .dark\:placeholder\:text-slate-500\/80:is(.dark *)::-moz-placeholder { color: #64748bcc } .dark\:placeholder\:text-slate-500\/80:is(.dark *)::placeholder { color: #64748bcc } .before\:dark\:bg-darkmode-400:is(.dark *):before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity)) } .before\:dark\:bg-darkmode-400\/50:is(.dark *):before { content: var(--tw-content); background-color: rgb(var(--color-darkmode-400) / .5) } .before\:dark\:bg-darkmode-500:is(.dark *):before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-500) / var(--tw-bg-opacity)) } .before\:dark\:bg-darkmode-600:is(.dark *):before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)) } .before\:dark\:bg-darkmode-600\/30:is(.dark *):before { content: var(--tw-content); background-color: rgb(var(--color-darkmode-600) / .3) } .before\:dark\:bg-darkmode-700:is(.dark *):before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity)) } .before\:dark\:bg-opacity-50:is(.dark *):before { content: var(--tw-content); --tw-bg-opacity: .5 } .dark\:before\:bg-chevron-white:is(.dark *):before { content: var(--tw-content); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff95' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") } .before\:dark\:from-darkmode-600:is(.dark *):before { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-darkmode-600) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-600) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:before\:from-darkmode-800:is(.dark *):before { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-800) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:before\:to-darkmode-800:is(.dark *):before { content: var(--tw-content); --tw-gradient-to: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-to-position) } .after\:dark\:border-darkmode-300:is(.dark *):after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-300) / var(--tw-border-opacity)) } .after\:dark\:bg-darkmode-400\/50:is(.dark *):after { content: var(--tw-content); background-color: rgb(var(--color-darkmode-400) / .5) } .after\:dark\:bg-darkmode-600:is(.dark *):after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)) } .after\:dark\:bg-darkmode-700:is(.dark *):after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity)) } .after\:dark\:from-darkmode-600:is(.dark *):after { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-darkmode-600) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-600) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:after\:from-darkmode-800:is(.dark *):after { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-800) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:after\:to-darkmode-800:is(.dark *):after { content: var(--tw-content); --tw-gradient-to: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-to-position) } .dark\:hover\:bg-darkmode-400:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity)) } .dark\:focus\:ring-slate-700:focus:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity)) } .dark\:focus\:ring-opacity-50:focus:is(.dark *) { --tw-ring-opacity: .5 } .dark\:disabled\:border-transparent:disabled:is(.dark *) { border-color: transparent } .dark\:disabled\:bg-darkmode-800\/50:disabled:is(.dark *) { background-color: rgb(var(--color-darkmode-800) / .5) } .disabled\:dark\:bg-darkmode-800\/50:is(.dark *):disabled { background-color: rgb(var(--color-darkmode-800) / .5) } @media (min-width: 640px) { .sm\:static { position: static } .sm\:absolute { position: absolute } .sm\:relative { position: relative } .sm\:col-span-1 { grid-column: span 1 / span 1 } .sm\:col-span-3 { grid-column: span 3 / span 3 } .sm\:col-span-4 { grid-column: span 4 / span 4 } .sm\:col-span-6 { grid-column: span 6 / span 6 } .sm\:-mx-8 { margin-left: -2rem; margin-right: -2rem } .sm\:mx-0 { margin-left: 0; margin-right: 0 } .sm\:mx-2 { margin-left: .5rem; margin-right: .5rem } .sm\:\!mr-10 { margin-right: 2.5rem !important } .sm\:-ml-12 { margin-left: -3rem } .sm\:-ml-\[105px\] { margin-left: -105px } .sm\:mb-0 { margin-bottom: 0 } .sm\:ml-0 { margin-left: 0 } .sm\:ml-1 { margin-left: .25rem } .sm\:ml-2 { margin-left: .5rem } .sm\:ml-20 { margin-left: 5rem } .sm\:ml-3 { margin-left: .75rem } .sm\:ml-40 { margin-left: 10rem } .sm\:ml-auto { margin-left: auto } .sm\:mr-0 { margin-right: 0 } .sm\:mr-2 { margin-right: .5rem } .sm\:mr-20 { margin-right: 5rem } .sm\:mr-28 { margin-right: 7rem } .sm\:mr-3 { margin-right: .75rem } .sm\:mr-4 { margin-right: 1rem } .sm\:mr-40 { margin-right: 10rem } .sm\:mr-5 { margin-right: 1.25rem } .sm\:mr-6 { margin-right: 1.5rem } .sm\:mr-auto { margin-right: auto } .sm\:mt-0 { margin-top: 0 } .sm\:mt-10 { margin-top: 2.5rem } .sm\:mt-2 { margin-top: .5rem } .sm\:mt-5 { margin-top: 1.25rem } .sm\:block { display: block } .sm\:flex { display: flex } .sm\:grid { display: grid } .sm\:hidden { display: none } .sm\:h-10 { height: 2.5rem } .sm\:h-12 { height: 3rem } .sm\:h-14 { height: 3.5rem } .sm\:h-24 { height: 6rem } .sm\:h-5 { height: 1.25rem } .sm\:h-8 { height: 2rem } .sm\:w-10 { width: 2.5rem } .sm\:w-12 { width: 3rem } .sm\:w-14 { width: 3.5rem } .sm\:w-16 { width: 4rem } .sm\:w-20 { width: 5rem } .sm\:w-24 { width: 6rem } .sm\:w-3\/4 { width: 75% } .sm\:w-32 { width: 8rem } .sm\:w-40 { width: 10rem } .sm\:w-5 { width: 1.25rem } .sm\:w-52 { width: 13rem } .sm\:w-56 { width: 14rem } .sm\:w-60 { width: 15rem } .sm\:w-64 { width: 16rem } .sm\:w-72 { width: 18rem } .sm\:w-8 { width: 2rem } .sm\:w-\[300px\] { width: 300px } .sm\:w-\[350px\] { width: 350px } .sm\:w-\[460px\] { width: 460px } .sm\:w-\[600px\] { width: 600px } .sm\:w-auto { width: auto } .sm\:w-full { width: 100% } .sm\:min-w-\[40px\] { min-width: 40px } .sm\:max-w-\[49\%\] { max-width: 49% } .sm\:flex-initial { flex: 0 1 auto } .sm\:flex-row { flex-direction: row } .sm\:flex-nowrap { flex-wrap: nowrap } .sm\:items-end { align-items: flex-end } .sm\:justify-start { justify-content: flex-start } .sm\:justify-end { justify-content: flex-end } .sm\:gap-10 { gap: 2.5rem } .sm\:gap-6 { gap: 1.5rem } .sm\:overflow-x-visible { overflow-x: visible } .sm\:whitespace-normal { white-space: normal } .sm\:border-0 { border-width: 0px } .sm\:border-b-0 { border-bottom-width: 0px } .sm\:border-l { border-left-width: 1px } .sm\:border-t-0 { border-top-width: 0px } .sm\:px-0 { padding-left: 0; padding-right: 0 } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem } .sm\:px-20 { padding-left: 5rem; padding-right: 5rem } .sm\:px-28 { padding-left: 7rem; padding-right: 7rem } .sm\:px-3 { padding-left: .75rem; padding-right: .75rem } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .sm\:px-8 { padding-left: 2rem; padding-right: 2rem } .sm\:py-0 { padding-top: 0; padding-bottom: 0 } .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem } .sm\:py-3 { padding-top: .75rem; padding-bottom: .75rem } .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem } .sm\:pb-0 { padding-bottom: 0 } .sm\:pb-20 { padding-bottom: 5rem } .sm\:pl-5 { padding-left: 1.25rem } .sm\:pt-0 { padding-top: 0 } .sm\:pt-20 { padding-top: 5rem } .sm\:pt-6 { padding-top: 1.5rem } .sm\:text-left { text-align: left } .sm\:text-right { text-align: right } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .sm\:text-sm { font-size: .875rem; line-height: 1.25rem } .sm\:underline { text-decoration-line: underline } .group.form-inline .group-\[\.form-inline\]\:sm\:mb-0 { margin-bottom: 0 } .group.form-inline .group-\[\.form-inline\]\:sm\:mr-5 { margin-right: 1.25rem } .group.form-inline .group-\[\.form-inline\]\:sm\:text-right { text-align: right } } @media (min-width: 768px) { .md\:fixed { position: fixed } .md\:inset-x-0 { left: 0; right: 0 } .md\:top-0 { top: 0 } .md\:col-span-2 { grid-column: span 2 / span 2 } .md\:col-span-3 { grid-column: span 3 / span 3 } .md\:col-span-4 { grid-column: span 4 / span 4 } .md\:col-span-6 { grid-column: span 6 / span 6 } .md\:row-start-auto { grid-row-start: auto } .md\:-mx-0 { margin-left: -0px; margin-right: -0px } .md\:-mx-\[22px\] { margin-left: -22px; margin-right: -22px } .md\:mx-0 { margin-left: 0; margin-right: 0 } .md\:-mt-5 { margin-top: -1.25rem } .md\:-mt-\[67px\] { margin-top: -67px } .md\:mb-8 { margin-bottom: 2rem } .md\:ml-0 { margin-left: 0 } .md\:ml-10 { margin-left: 2.5rem } .md\:ml-4 { margin-left: 1rem } .md\:ml-auto { margin-left: auto } .md\:mt-0 { margin-top: 0 } .md\:mt-1 { margin-top: .25rem } .md\:block { display: block } .md\:flex { display: flex } .md\:hidden { display: none } .md\:h-\[400px\] { height: 400px } .md\:h-\[65px\] { height: 65px } .md\:w-52 { width: 13rem } .md\:w-\[100px\] { width: 100px } .md\:max-w-4xl { max-width: 56rem } .md\:max-w-none { max-width: none } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .md\:flex-row { flex-direction: row } .md\:items-center { align-items: center } .md\:rounded-\[35px\/50px_0px_0px_0px\] { border-radius: 35px/50px 0 0 } .md\:rounded-\[35px_35px_0_0\], .md\:rounded-\[35px_35px_0px_0px\] { border-radius: 35px 35px 0 0 } .md\:rounded-none { border-radius: 0 } .md\:border-b-0 { border-bottom-width: 0px } .md\:border-l { border-left-width: 1px } .md\:border-l-0 { border-left-width: 0px } .md\:border-r { border-right-width: 1px } .md\:border-t-0 { border-top-width: 0px } .md\:bg-black\/\[0\.15\] { background-color: #00000026 } .md\:bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) } .md\:bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) } .md\:from-slate-100 { --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .md\:to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position) } .md\:px-0 { padding-left: 0; padding-right: 0 } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .md\:px-\[22px\] { padding-left: 22px; padding-right: 22px } .md\:py-0 { padding-top: 0; padding-bottom: 0 } .md\:pl-0 { padding-left: 0 } .md\:pl-10 { padding-left: 2.5rem } .md\:pl-6 { padding-left: 1.5rem } .md\:pt-0 { padding-top: 0 } .md\:pt-10 { padding-top: 2.5rem } .md\:pt-20 { padding-top: 5rem } .md\:pt-\[80px\] { padding-top: 80px } .before\:md\:block:before { content: var(--tw-content); display: block } .md\:before\:bg-none:before { content: var(--tw-content); background-image: none } .after\:md\:block:after { content: var(--tw-content); display: block } .md\:after\:block:after { content: var(--tw-content); display: block } .md\:dark\:bg-darkmode-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity)) } .dark\:md\:from-darkmode-700:is(.dark *) { --tw-gradient-from: rgb(var(--color-darkmode-700) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-700) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } .dark\:md\:from-darkmode-800:is(.dark *) { --tw-gradient-from: rgb(var(--color-darkmode-800) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-darkmode-800) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) } } @media (min-width: 1024px) { .lg\:col-span-2 { grid-column: span 2 / span 2 } .lg\:col-span-3 { grid-column: span 3 / span 3 } .lg\:col-span-4 { grid-column: span 4 / span 4 } .lg\:col-span-6 { grid-column: span 6 / span 6 } .lg\:col-span-7 { grid-column: span 7 / span 7 } .lg\:col-span-8 { grid-column: span 8 / span 8 } .lg\:col-span-9 { grid-column: span 9 / span 9 } .lg\:row-start-3 { grid-row-start: 3 } .lg\:mx-auto { margin-left: auto; margin-right: auto } .lg\:mb-0 { margin-bottom: 0 } .lg\:ml-0 { margin-left: 0 } .lg\:ml-2 { margin-left: .5rem } .lg\:ml-4 { margin-left: 1rem } .lg\:ml-5 { margin-left: 1.25rem } .lg\:ml-8 { margin-left: 2rem } .lg\:ml-auto { margin-left: auto } .lg\:mr-1 { margin-right: .25rem } .lg\:mr-20 { margin-right: 5rem } .lg\:mr-auto { margin-right: auto } .lg\:mt-0 { margin-top: 0 } .lg\:mt-3 { margin-top: .75rem } .lg\:mt-5 { margin-top: 1.25rem } .lg\:mt-6 { margin-top: 1.5rem } .lg\:block { display: block } .lg\:flex { display: flex } .lg\:h-12 { height: 3rem } .lg\:h-32 { height: 8rem } .lg\:h-auto { height: auto } .lg\:w-1\/2 { width: 50% } .lg\:w-12 { width: 3rem } .lg\:w-2\/4 { width: 50% } .lg\:w-32 { width: 8rem } .lg\:w-40 { width: 10rem } .lg\:w-56 { width: 14rem } .lg\:w-64 { width: 16rem } .lg\:w-\[900px\] { width: 900px } .lg\:w-auto { width: auto } .lg\:flex-row { flex-direction: row } .lg\:flex-nowrap { flex-wrap: nowrap } .lg\:items-start { align-items: flex-start } .lg\:justify-start { justify-content: flex-start } .lg\:justify-end { justify-content: flex-end } .lg\:justify-center { justify-content: center } .lg\:overflow-hidden { overflow: hidden } .lg\:overflow-visible { overflow: visible } .lg\:border-0 { border-width: 0px } .lg\:border-b-0 { border-bottom-width: 0px } .lg\:border-l { border-left-width: 1px } .lg\:border-r { border-right-width: 1px } .lg\:border-t-0 { border-top-width: 0px } .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .lg\:py-3 { padding-top: .75rem; padding-bottom: .75rem } .lg\:pb-0 { padding-bottom: 0 } .lg\:pb-20 { padding-bottom: 5rem } .lg\:pl-5 { padding-left: 1.25rem } .lg\:pt-0 { padding-top: 0 } .lg\:text-left { text-align: left } .lg\:text-center { text-align: center } .lg\:text-right { text-align: right } .lg\:text-justify { text-align: justify } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .before\:lg\:block:before { content: var(--tw-content); display: block } @keyframes ping { 75%, to { content: var(--tw-content); transform: scale(2); opacity: 0 } } .lg\:before\:animate-ping:before { content: var(--tw-content); animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite } .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *) { paint-order: markers } } @media (min-width: 1280px) { .xl\:absolute { position: absolute } .xl\:sticky { position: sticky } .xl\:z-auto { z-index: auto } .xl\:col-span-1 { grid-column: span 1 / span 1 } .xl\:col-span-12 { grid-column: span 12 / span 12 } .xl\:col-span-2 { grid-column: span 2 / span 2 } .xl\:col-span-3 { grid-column: span 3 / span 3 } .xl\:col-span-4 { grid-column: span 4 / span 4 } .xl\:col-span-6 { grid-column: span 6 / span 6 } .xl\:col-span-8 { grid-column: span 8 / span 8 } .xl\:col-span-9 { grid-column: span 9 / span 9 } .xl\:col-start-1 { grid-column-start: 1 } .xl\:col-start-10 { grid-column-start: 10 } .xl\:row-start-1 { grid-row-start: 1 } .xl\:row-start-2 { grid-row-start: 2 } .xl\:row-start-auto { grid-row-start: auto } .xl\:mx-5 { margin-left: 1.25rem; margin-right: 1.25rem } .xl\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .xl\:my-0 { margin-top: 0; margin-bottom: 0 } .xl\:\!mr-10 { margin-right: 2.5rem !important } .xl\:-mt-5 { margin-top: -1.25rem } .xl\:-mt-\[3px\] { margin-top: -3px } .xl\:-mt-\[62px\] { margin-top: -62px } .xl\:ml-20 { margin-left: 5rem } .xl\:ml-5 { margin-left: 1.25rem } .xl\:ml-6 { margin-left: 1.5rem } .xl\:ml-64 { margin-left: 16rem } .xl\:ml-auto { margin-left: auto } .xl\:mr-0 { margin-right: 0 } .xl\:mr-3 { margin-right: .75rem } .xl\:mt-0 { margin-top: 0 } .xl\:mt-2 { margin-top: .5rem } .xl\:mt-24 { margin-top: 6rem } .xl\:mt-8 { margin-top: 2rem } .xl\:block { display: block } .xl\:flex { display: flex } .xl\:grid { display: grid } .xl\:hidden { display: none } .xl\:h-\[50px\] { height: 50px } .xl\:h-auto { height: auto } .xl\:min-h-0 { min-height: 0px } .xl\:w-3\/5 { width: 60% } .xl\:w-32 { width: 8rem } .xl\:w-64 { width: 16rem } .xl\:w-\[100px\] { width: 100px } .xl\:w-\[180px\] { width: 180px } .xl\:w-\[230px\] { width: 230px } .xl\:w-\[250px\] { width: 250px } .xl\:w-\[260px\] { width: 260px } .xl\:w-auto { width: auto } .xl\:min-w-\[350px\] { min-width: 350px } .xl\:flex-initial { flex: 0 1 auto } .xl\:flex-row { flex-direction: row } .xl\:flex-nowrap { flex-wrap: nowrap } .xl\:items-start { align-items: flex-start } .xl\:overflow-y-auto { overflow-y: auto } .xl\:bg-theme-1 { --tw-bg-opacity: 1; background-color: rgb(var(--color-theme-1) / var(--tw-bg-opacity)) } .xl\:bg-transparent { background-color: transparent } .xl\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .xl\:p-0 { padding: 0 } .xl\:px-0 { padding-left: 0; padding-right: 0 } .xl\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .xl\:px-\[50px\] { padding-left: 50px; padding-right: 50px } .xl\:py-0 { padding-top: 0; padding-bottom: 0 } .xl\:pb-0 { padding-bottom: 0 } .xl\:pb-16 { padding-bottom: 4rem } .xl\:pl-10 { padding-left: 2.5rem } .xl\:pl-5 { padding-left: 1.25rem } .xl\:pr-10 { padding-right: 2.5rem } .xl\:pr-20 { padding-right: 5rem } .xl\:pt-\[12px\] { padding-top: 12px } .xl\:text-left { text-align: left } .xl\:text-right { text-align: right } .xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .xl\: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) } .before\:xl\:block:before { content: var(--tw-content); display: block } .xl\:before\:block:before { content: var(--tw-content); display: block } .xl\:before\:rounded-t-\[30px\]:before { content: var(--tw-content); border-top-left-radius: 30px; border-top-right-radius: 30px } .xl\:before\:bg-white\/10:before { content: var(--tw-content); background-color: #ffffff1a } .xl\:before\:shadow-\[0px_3px_20px_\#0000000b\]:before { content: var(--tw-content); --tw-shadow: 0px 3px 20px #0000000b; --tw-shadow-colored: 0px 3px 20px 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\:xl\:block:after { content: var(--tw-content); display: block } .xl\:dark\:bg-darkmode-400:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity)) } .xl\:dark\:bg-darkmode-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)) } } @media (min-width: 1536px) { .\32xl\:z-10 { z-index: 10 } .\32xl\:col-span-10 { grid-column: span 10 / span 10 } .\32xl\:col-span-12 { grid-column: span 12 / span 12 } .\32xl\:col-span-2 { grid-column: span 2 / span 2 } .\32xl\:col-span-3 { grid-column: span 3 / span 3 } .\32xl\:col-span-4 { grid-column: span 4 / span 4 } .\32xl\:col-span-5 { grid-column: span 5 / span 5 } .\32xl\:col-span-6 { grid-column: span 6 / span 6 } .\32xl\:col-span-8 { grid-column: span 8 / span 8 } .\32xl\:col-span-9 { grid-column: span 9 / span 9 } .\32xl\:col-start-auto { grid-column-start: auto } .\32xl\:row-start-auto { grid-row-start: auto } .\32xl\:-ml-20 { margin-left: -5rem } .\32xl\:-mt-1\.5 { margin-top: -.375rem } .\32xl\:-mt-8 { margin-top: -2rem } .\32xl\:mb-0 { margin-bottom: 0 } .\32xl\:ml-16 { margin-left: 4rem } .\32xl\:mr-auto { margin-right: auto } .\32xl\:mt-0 { margin-top: 0 } .\32xl\:mt-24 { margin-top: 6rem } .\32xl\:mt-6 { margin-top: 1.5rem } .\32xl\:mt-8 { margin-top: 2rem } .\32xl\:block { display: block } .\32xl\:flex { display: flex } .\32xl\:h-56 { height: 14rem } .\32xl\:w-14 { width: 3.5rem } .\32xl\:w-2\/3, .\32xl\:w-4\/6 { width: 66.666667% } .\32xl\:w-52 { width: 13rem } .\32xl\:w-full { width: 100% } .\32xl\:flex-none { flex: none } .\32xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .\32xl\:justify-center { justify-content: center } .\32xl\:gap-x-0 { -moz-column-gap: 0px; column-gap: 0px } .\32xl\:overflow-visible { overflow: visible } .\32xl\:border-l { border-left-width: 1px } .\32xl\:bg-transparent { background-color: transparent } .\32xl\:p-0 { padding: 0 } .\32xl\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .\32xl\:pl-2\.5 { padding-left: .625rem } .\32xl\:pl-4 { padding-left: 1rem } .\32xl\:pl-6 { padding-left: 1.5rem } .\32xl\:pt-0 { padding-top: 0 } .\32xl\:text-2xl { font-size: 1.5rem; line-height: 2rem } .\32xl\:text-3xl { font-size: 1.875rem; line-height: 2.25rem } .\32xl\:text-base { font-size: 1rem; line-height: 1.5rem } .\32xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .\32xl\:text-sm { font-size: .875rem; line-height: 1.25rem } .\32xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem } .\32xl\:leading-5 { line-height: 1.25rem } .\32xl\:text-success { --tw-text-opacity: 1; color: rgb(var(--color-success) / var(--tw-text-opacity)) } } .\[\&\.active\]\:border-2.active { border-width: 2px } .\[\&\.active\]\:border-b-0.active { border-bottom-width: 0px } .\[\&\.active\]\:border-slate-200.active { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity)) } .\[\&\.active\]\:border-theme-1\/60.active { border-color: rgb(var(--color-theme-1) / .6) } .\[\&\.active\]\:border-transparent.active { border-color: transparent } .\[\&\.active\]\:border-b-primary.active { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .\[\&\.active\]\:border-b-transparent.active { border-bottom-color: transparent } .\[\&\.active\]\:bg-primary.active { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .\[\&\.active\]\:bg-slate-200.active { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) } .\[\&\.active\]\:bg-white.active { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .\[\&\.active\]\:font-medium.active { font-weight: 500 } .\[\&\.active\]\:text-primary.active { --tw-text-opacity: 1; color: rgb(var(--color-primary) / var(--tw-text-opacity)) } .\[\&\.active\]\:text-slate-600.active { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)) } .\[\&\.active\]\:text-slate-800.active { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)) } .\[\&\.active\]\:text-white.active { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .\[\&\.active\]\:hover\:bg-slate-200:hover.active { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) } .\[\&\.active\]\:dark\:border-x-darkmode-400:is(.dark *).active { --tw-border-opacity: 1; border-left-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity)); border-right-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity)) } .\[\&\.active\]\:dark\:border-x-transparent:is(.dark *).active { border-left-color: transparent; border-right-color: transparent } .\[\&\.active\]\:dark\:border-b-darkmode-600:is(.dark *).active { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-darkmode-600) / var(--tw-border-opacity)) } .\[\&\.active\]\:dark\:border-b-primary:is(.dark *).active { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .\[\&\.active\]\:dark\:border-t-darkmode-400:is(.dark *).active { --tw-border-opacity: 1; border-top-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity)) } .\[\&\.active\]\:dark\:border-t-transparent:is(.dark *).active { border-top-color: transparent } .\[\&\.active\]\:dark\:bg-darkmode-300:is(.dark *).active { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-300) / var(--tw-bg-opacity)) } .\[\&\.active\]\:dark\:bg-darkmode-600:is(.dark *).active { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)) } .\[\&\.active\]\:dark\:bg-transparent:is(.dark *).active { background-color: transparent } .\[\&\.active\]\:dark\:text-slate-300:is(.dark *).active { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)) } .\[\&\.active\]\:dark\:text-white:is(.dark *).active { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .\[\&\.collapse\.show\]\:visible.collapse.show { visibility: visible } .\[\&\.collapse\:not\(\.show\)\]\:hidden.collapse:not(.show) { display: none } .\[\&\.dropzone\]\:border-2.dropzone { border-width: 2px } .\[\&\.dropzone\]\:border-dashed.dropzone { border-style: dashed } .\[\&\.dropzone\]\:border-darkmode-200\/60.dropzone { border-color: rgb(var(--color-darkmode-200) / .6) } .\[\&\.dropzone\]\:dark\:border-white\/5:is(.dark *).dropzone { border-color: #ffffff0d } .\[\&\.dropzone\]\:dark\:bg-darkmode-600:is(.dark *).dropzone { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity)) } .\[\&\.hide\]\:h-0.hide { height: 0px } .\[\&\.hide\]\:overflow-hidden.hide { overflow: hidden } .\[\&\.hljs\]\:bg-slate-50.hljs { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) } .\[\&\.hljs\]\:px-5.hljs { padding-left: 1.25rem; padding-right: 1.25rem } .\[\&\.hljs\]\:py-4.hljs { padding-top: 1rem; padding-bottom: 1rem } .\[\&\.hljs\]\:dark\:bg-darkmode-700:is(.dark *).hljs { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity)) } .\[\&\.hljs\]\:dark\:text-slate-200:is(.dark *).hljs { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)) } .\[\&\.hljs_\.hljs-attr\]\:dark\:text-sky-500:is(.dark *).hljs .hljs-attr { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity)) } .\[\&\.hljs_\.hljs-name\]\:dark\:text-emerald-500:is(.dark *).hljs .hljs-name { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity)) } .\[\&\.hljs_\.hljs-string\]\:dark\:text-slate-200:is(.dark *).hljs .hljs-string { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)) } .\[\&\.hljs_\.hljs-tag\]\:dark\:text-slate-200:is(.dark *).hljs .hljs-tag { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)) } .\[\&\.javascript\]\:before\:content-\[\'JS\'\].javascript:before { --tw-content: "JS"; content: var(--tw-content) } .\[\&\.mobile-menu--active\]\:before\:visible.mobile-menu--active:before { content: var(--tw-content); visibility: visible } .\[\&\.mobile-menu--active\]\:before\:opacity-100.mobile-menu--active:before { content: var(--tw-content); opacity: 1 } .\[\&\.show\]\:visible.show { visibility: visible } .\[\&\.show\]\:opacity-100.show { opacity: 1 } .\[\&\.show\]\:duration-\[0s\,0\.4s\].show { transition-duration: 0s, .4s } .\[\&\:disabled\:checked\]\:cursor-not-allowed:disabled:checked { cursor: not-allowed } .\[\&\:disabled\:checked\]\:opacity-70:disabled:checked { opacity: .7 } .\[\&\:disabled\:checked\]\:dark\:bg-darkmode-800\/50:is(.dark *):disabled:checked { background-color: rgb(var(--color-darkmode-800) / .5) } .\[\&\:disabled\:not\(\:checked\)\]\:cursor-not-allowed:disabled:not(:checked) { cursor: not-allowed } .\[\&\:disabled\:not\(\:checked\)\]\:bg-slate-100:disabled:not(:checked) { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .\[\&\:disabled\:not\(\:checked\)\]\:dark\:bg-darkmode-800\/50:is(.dark *):disabled:not(:checked) { background-color: rgb(var(--color-darkmode-800) / .5) } .\[\&\:hover\:not\(\:disabled\)\]\:border-slate-100:hover:not(:disabled) { --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity)) } .\[\&\:hover\:not\(\:disabled\)\]\:border-opacity-10:hover:not(:disabled) { --tw-border-opacity: .1 } .\[\&\:hover\:not\(\:disabled\)\]\:border-opacity-90:hover:not(:disabled) { --tw-border-opacity: .9 } .\[\&\:hover\:not\(\:disabled\)\]\:bg-danger\/10:hover:not(:disabled) { background-color: rgb(var(--color-danger) / .1) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-darkmode-800\/30:hover:not(:disabled) { background-color: rgb(var(--color-darkmode-800) / .3) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-pending\/10:hover:not(:disabled) { background-color: rgb(var(--color-pending) / .1) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-primary\/10:hover:not(:disabled) { background-color: rgb(var(--color-primary) / .1) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-secondary\/20:hover:not(:disabled) { background-color: rgb(var(--color-secondary) / .2) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-slate-100:hover:not(:disabled) { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-success\/10:hover:not(:disabled) { background-color: rgb(var(--color-success) / .1) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-warning\/10:hover:not(:disabled) { background-color: rgb(var(--color-warning) / .1) } .\[\&\:hover\:not\(\:disabled\)\]\:bg-opacity-10:hover:not(:disabled) { --tw-bg-opacity: .1 } .\[\&\:hover\:not\(\:disabled\)\]\:bg-opacity-90:hover:not(:disabled) { --tw-bg-opacity: .9 } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-100\/20:is(.dark *):hover:not(:disabled) { border-color: rgb(var(--color-darkmode-100) / .2) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-300\/80:is(.dark *):hover:not(:disabled) { border-color: rgb(var(--color-darkmode-300) / .8) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-darkmode-800:is(.dark *):hover:not(:disabled) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-800) / var(--tw-border-opacity)) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:border-opacity-60:is(.dark *):hover:not(:disabled) { --tw-border-opacity: .6 } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-100\/10:is(.dark *):hover:not(:disabled) { background-color: rgb(var(--color-darkmode-100) / .1) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-300\/80:is(.dark *):hover:not(:disabled) { background-color: rgb(var(--color-darkmode-300) / .8) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-darkmode-800\/50:is(.dark *):hover:not(:disabled) { background-color: rgb(var(--color-darkmode-800) / .5) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:dark\:bg-darkmode-800\/70:is(.dark *):is(.dark *):hover:not(:disabled) { background-color: rgb(var(--color-darkmode-800) / .7) } .\[\&\:hover\:not\(\:disabled\)\]\:dark\:bg-opacity-30:is(.dark *):hover:not(:disabled) { --tw-bg-opacity: .3 } .\[\&\:hover_td\]\:bg-slate-100:hover td { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .\[\&\:hover_td\]\:dark\:bg-darkmode-300:is(.dark *):hover td { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-300) / var(--tw-bg-opacity)) } .\[\&\:hover_td\]\:dark\:bg-opacity-50:is(.dark *):hover td { --tw-bg-opacity: .5 } .\[\&\:not\(\.active\)\]\:hover\:border-transparent:hover:not(.active) { border-color: transparent } .\[\&\:not\(\.active\)\]\:hover\:bg-slate-100:hover:not(.active) { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .\[\&\:not\(\.active\)\]\:hover\:bg-transparent:hover:not(.active) { background-color: transparent } .\[\&\:not\(\.active\)\]\:hover\:text-slate-600:hover:not(.active) { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)) } .\[\&\:not\(\.active\)\]\:dark\:hover\:border-transparent:hover:is(.dark *):not(.active) { border-color: transparent } .\[\&\:not\(\.active\)\]\:dark\:hover\:bg-darkmode-400:hover:is(.dark *):not(.active) { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity)) } .\[\&\:not\(\.active\)\]\:hover\:dark\:bg-transparent:is(.dark *):hover:not(.active) { background-color: transparent } .\[\&\:not\(\.active\)\]\:hover\:dark\:text-slate-300:is(.dark *):hover:not(.active) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)) } .\[\&\:not\(\.collapsed\)\]\:text-primary:not(.collapsed) { --tw-text-opacity: 1; color: rgb(var(--color-primary) / var(--tw-text-opacity)) } .\[\&\:not\(\.collapsed\)\]\:dark\:text-slate-300:is(.dark *):not(.collapsed) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)) } .\[\&\:not\(\.show\)\]\:invisible:not(.show) { visibility: hidden } .\[\&\:not\(\.show\)\]\:opacity-0:not(.show) { opacity: 0 } .\[\&\:not\(\.show\)\]\:delay-\[0\.2s\,0s\]:not(.show) { transition-delay: .2s, 0s } .\[\&\:not\(\.show\)\]\:duration-\[0s\,0\.2s\]:not(.show) { transition-duration: 0s, .2s } .group.input-group .group-\[\.input-group\]\:\[\&\:not\(\:first-child\)\]\:border-l-transparent:not(:first-child) { border-left-color: transparent } .\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) { border-bottom-width: 1px } .\[\&\:not\(\:last-child\)\]\:border-slate-200\/60:not(:last-child) { border-color: #e2e8f099 } .\[\&\:not\(\:last-child\)\]\:dark\:border-darkmode-400:is(.dark *):not(:last-child) { --tw-border-opacity: 1; border-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity)) } .\[\&\:not\(button\)\]\:text-center:not(button) { text-align: center } .\[\&\:nth-of-type\(odd\)_td\]\:bg-slate-100:nth-of-type(odd) td { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .\[\&\:nth-of-type\(odd\)_td\]\:dark\:bg-darkmode-300:is(.dark *):nth-of-type(odd) td { --tw-bg-opacity: 1; background-color: rgb(var(--color-darkmode-300) / var(--tw-bg-opacity)) } .\[\&\:nth-of-type\(odd\)_td\]\:dark\:bg-opacity-50:is(.dark *):nth-of-type(odd) td { --tw-bg-opacity: .5 } .\[\&\[data-simplebar\]\]\:fixed[data-simplebar] { position: fixed } .\[\&\[readonly\]\]\:cursor-not-allowed[readonly] { cursor: not-allowed } .\[\&\[readonly\]\]\:bg-slate-100[readonly] { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) } .\[\&\[readonly\]\]\:dark\:border-transparent:is(.dark *)[readonly] { border-color: transparent } .\[\&\[readonly\]\]\:dark\:bg-darkmode-800\/50:is(.dark *)[readonly] { background-color: rgb(var(--color-darkmode-800) / .5) } .\[\&\[type\=\'checkbox\'\]\]\:checked\:border-primary:checked[type=checkbox] { --tw-border-opacity: 1; border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .\[\&\[type\=\'checkbox\'\]\]\:checked\:border-opacity-10:checked[type=checkbox] { --tw-border-opacity: .1 } .\[\&\[type\=\'checkbox\'\]\]\:checked\:bg-primary:checked[type=checkbox] { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .\[\&\[type\=\'radio\'\]\]\:checked\:border-primary:checked[type=radio] { --tw-border-opacity: 1; border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) } .\[\&\[type\=\'radio\'\]\]\:checked\:border-opacity-10:checked[type=radio] { --tw-border-opacity: .1 } .\[\&\[type\=\'radio\'\]\]\:checked\:bg-primary:checked[type=radio] { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) } .\[\&_\.leaflet-tile-pane\]\:grayscale .leaflet-tile-pane { --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) } .\[\&_\.leaflet-tile-pane\]\:dark\:contrast-\[\.8\]:is(.dark *) .leaflet-tile-pane { --tw-contrast: contrast(.8); 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) } .\[\&_\.leaflet-tile-pane\]\:dark\:invert:is(.dark *) .leaflet-tile-pane { --tw-invert: invert(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) } .\[\&_\.simplebar-scrollbar\]\:before\:bg-black\/50 .simplebar-scrollbar:before { content: var(--tw-content); background-color: #00000080 } [v-cloak] { display: none; } label { font-weight: 900 !important; } input::placeholder, input::-moz-placeholder, input::-webkit-input-placeholder { font-size: 12px; }