commit 957880e5c5c19f62878147293b789f0077b560f4 Author: Claude Date: Mon May 11 00:09:36 2026 +0200 feat: @gsc/web-kit v0.1.0 — Phase 1 scaffold The kit. Drop into any GSC Next.js frontend; everything that's not domain content lives here. Wraps @limitless/ui primitives with the app-shaped patterns we keep reimplementing: layout, auth, data display, forms, feedback, navigation. Phase 1 ships the package skeleton: - package.json with 14 sub-exports (./layout · ./auth · ./auth/server · ./auth/middleware · ./shell · ./shell/server · ./data · ./forms · ./feedback · ./navigation · ./api · ./utils + the root and ./css). - Empty module stubs so the import map resolves while later phases fill in real surface area. - Canonical CSS bundle at @gsc/web-kit/css — all.min.css + sidebar-overrides.css + the seven layout-3 background images, copied from chronos and committed in one place so no app has to ship the 1MB sidecar on its own anymore. - tsc-based build + a postbuild script that mirrors @limitless/ui: emits .js + .d.ts, copies styles/, rewrites bare ESM imports to include .js extensions. - Peer deps on next, react, react-dom, bootstrap. - Hard deps on @limitless/ui (file: dep), next-auth, next-intl, zod. Build verified: tsc emits, all 14 export paths resolve under dist/. No functional code yet — Phase 2 lands AppLayout / createAuth / fetchShellConfig and the gscCRM pilot cuts over. Co-Authored-By: Claude Opus 4.7 (1M context) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..548cbc8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,11 @@ +# Build output (regenerated by `npm run build`) +/dist/ +*.tsbuildinfo + +# Deps +/node_modules/ + +# Editor / OS +.vscode/ +.idea/ +.DS_Store diff --git a/README.md b/README.md new file mode 100644 index 0000000..eb91969 --- /dev/null +++ b/README.md @@ -0,0 +1,50 @@ +# `@gsc/web-kit` + +App skeleton for GSC Next.js frontends. Wraps `@limitless/ui` primitives into a pre-configured layout + auth + data/forms/feedback stack so apps just write their domain pages. + +See the implementation plan in the parent repo for the full module map. This is a `file:` dep consumed by every GSC frontend. + +## Install (in a consumer app) + +```jsonc +// package.json +{ + "dependencies": { + "@gsc/web-kit": "file:../../../templates/gsc-web-kit" + } +} +``` + +## Layered architecture + +``` +your app + └── @gsc/web-kit ← this package (layout, auth, data, forms…) + └── @limitless/ui ← Bootstrap-flavoured primitives + └── bootstrap +``` + +## Sub-exports + +```ts +import "@gsc/web-kit/css"; // CSS bundle (layout-3 + JetBrains Mono) +import { AppLayout } from "@gsc/web-kit/layout"; +import { createAuth } from "@gsc/web-kit/auth/server"; +import { fetchShellConfig } from "@gsc/web-kit/shell/server"; +import { EntityList } from "@gsc/web-kit/data"; +import { Form, TextField } from "@gsc/web-kit/forms"; +import { useToast } from "@gsc/web-kit/feedback"; +import { Breadcrumbs } from "@gsc/web-kit/navigation"; +import { createApiClient } from "@gsc/web-kit/api"; +import { formatCurrency } from "@gsc/web-kit/utils"; +``` + +## Phases + +| Phase | Scope | Status | +|---|---|---| +| 1 | Package scaffold + CSS bundle + sub-export stubs | **in progress** | +| 2 | layout · auth · shell — usable end-to-end with shell-api | planned | +| 3 | data · forms — EntityList, Form, DefineAction | planned | +| 4 | feedback · navigation · api · utils | planned | +| 5 | Roll out to gscCRM / gscChronos / gscAdmin / gscPortal | planned | diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..625977c --- /dev/null +++ b/package-lock.json @@ -0,0 +1,1913 @@ +{ + "name": "@gsc/web-kit", + "version": "0.1.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "@gsc/web-kit", + "version": "0.1.0", + "license": "MIT", + "dependencies": { + "@limitless/ui": "file:../limitless-ui", + "next-auth": "^5.0.0-beta.25", + "next-intl": "^4.6.1", + "zod": "^3.23.0" + }, + "devDependencies": { + "@types/react": "^19.0.0", + "@types/react-dom": "^19.0.0", + "typescript": "^5.4.0" + }, + "peerDependencies": { + "bootstrap": "^5.3.3", + "next": ">=15.0.0", + "react": "^18.2.0 || ^19.0.0", + "react-dom": "^18.2.0 || ^19.0.0" + } + }, + "../limitless-ui": { + "name": "@limitless/ui", + "version": "0.1.0", + "license": "MIT", + "dependencies": { + "@floating-ui/react": "^0.24.8", + "@tanstack/react-table": "^8.13.0", + "nodemailer": "^6.9.0", + "react-colorful": "^5.6.1", + "react-day-picker": "^9.0.8", + "react-select": "^5.8.0" + }, + "devDependencies": { + "@types/google.maps": "^3.55.0", + "@types/nodemailer": "^6.4.0", + "@types/react": "^19.0.0", + "@types/react-dom": "^19.0.0", + "typescript": "^5.4.0" + }, + "peerDependencies": { + "bootstrap": "^5.3.3", + "react": "^18.2.0 || ^19.0.0", + "react-dom": "^18.2.0 || ^19.0.0" + } + }, + "node_modules/@auth/core": { + "version": "0.41.2", + "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.2.tgz", + "integrity": "sha512-Hx5MNBxN2fJTbJKGUKAA0wca43D0Akl3TvufY54Gn8lop7F+34vU1zA1pn0vQfIoVuLIrpfc2nkyjwIaPJMW7w==", + "license": "ISC", + "dependencies": { + "@panva/hkdf": "^1.2.1", + "jose": "^6.0.6", + "oauth4webapi": "^3.3.0", + "preact": "10.24.3", + "preact-render-to-string": "6.5.11" + }, + "peerDependencies": { + "@simplewebauthn/browser": "^9.0.1", + "@simplewebauthn/server": "^9.0.2", + "nodemailer": "^7.0.7" + }, + "peerDependenciesMeta": { + "@simplewebauthn/browser": { + "optional": true + }, + "@simplewebauthn/server": { + "optional": true + }, + "nodemailer": { + "optional": true + } + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz", + "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==", + "license": "MIT", + "optional": true, + "peer": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@formatjs/fast-memoize": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-3.1.4.tgz", + "integrity": "sha512-Lbke1aOrsygKKR09Ux0NrZgbTqpDmiwXOgzyDOJ8Owr1zd5qOKTauf62hH+Seeku3ju77rHWH9I5SfX2CN0vuA==", + "license": "MIT" + }, + "node_modules/@formatjs/icu-messageformat-parser": { + "version": "3.5.7", + "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-3.5.7.tgz", + "integrity": "sha512-wJxRZ+SiUCIMTL86bQlZU9bEKDQqqvgk2ezQ1BySUdWRfHqOzj4IKUVFeUZKS9w58M4e7wMSG0Sl86LAPb7Qww==", + "license": "MIT", + "dependencies": { + "@formatjs/icu-skeleton-parser": "2.1.7" + } + }, + "node_modules/@formatjs/icu-skeleton-parser": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-2.1.7.tgz", + "integrity": "sha512-cIw1SFP0bi0CUBiJ2jzp99ws3OJNQDfStcHq9Z0iHWzItmiIikihFO+npR8C80yDlp7ZuBCLXCcKjgWjHicksA==", + "license": "MIT" + }, + "node_modules/@formatjs/intl-localematcher": { + "version": "0.8.6", + "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.8.6.tgz", + "integrity": "sha512-AZRgUxj0q93lyF7Z5lFS85bLINXuBLX4R3tCKicO6fSWo6cvh9GQfoR3B1WlsqQwefZ1QORTivhInx7gM6HUzQ==", + "license": "MIT", + "dependencies": { + "@formatjs/fast-memoize": "3.1.4" + } + }, + "node_modules/@img/colour": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz", + "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==", + "license": "MIT", + "optional": true, + "peer": true, + "engines": { + "node": ">=18" + } + }, + "node_modules/@img/sharp-darwin-arm64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz", + "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-darwin-arm64": "1.2.4" + } + }, + "node_modules/@img/sharp-darwin-x64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz", + "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-darwin-x64": "1.2.4" + } + }, + "node_modules/@img/sharp-libvips-darwin-arm64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz", + "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==", + "cpu": [ + "arm64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-darwin-x64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz", + "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==", + "cpu": [ + "x64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-arm": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz", + "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==", + "cpu": [ + "arm" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-arm64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz", + "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==", + "cpu": [ + "arm64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-ppc64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz", + "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==", + "cpu": [ + "ppc64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-riscv64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz", + "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==", + "cpu": [ + "riscv64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-s390x": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz", + "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==", + "cpu": [ + "s390x" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linux-x64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz", + "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==", + "cpu": [ + "x64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linuxmusl-arm64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz", + "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==", + "cpu": [ + "arm64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-libvips-linuxmusl-x64": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz", + "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==", + "cpu": [ + "x64" + ], + "license": "LGPL-3.0-or-later", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-linux-arm": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz", + "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==", + "cpu": [ + "arm" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-arm": "1.2.4" + } + }, + "node_modules/@img/sharp-linux-arm64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz", + "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-arm64": "1.2.4" + } + }, + "node_modules/@img/sharp-linux-ppc64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz", + "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==", + "cpu": [ + "ppc64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-ppc64": "1.2.4" + } + }, + "node_modules/@img/sharp-linux-riscv64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz", + "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==", + "cpu": [ + "riscv64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-riscv64": "1.2.4" + } + }, + "node_modules/@img/sharp-linux-s390x": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz", + "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==", + "cpu": [ + "s390x" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-s390x": "1.2.4" + } + }, + "node_modules/@img/sharp-linux-x64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz", + "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linux-x64": "1.2.4" + } + }, + "node_modules/@img/sharp-linuxmusl-arm64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz", + "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linuxmusl-arm64": "1.2.4" + } + }, + "node_modules/@img/sharp-linuxmusl-x64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz", + "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-libvips-linuxmusl-x64": "1.2.4" + } + }, + "node_modules/@img/sharp-wasm32": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz", + "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==", + "cpu": [ + "wasm32" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT", + "optional": true, + "peer": true, + "dependencies": { + "@emnapi/runtime": "^1.7.0" + }, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-win32-arm64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz", + "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-win32-ia32": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz", + "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==", + "cpu": [ + "ia32" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@img/sharp-win32-x64": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz", + "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0 AND LGPL-3.0-or-later", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + } + }, + "node_modules/@limitless/ui": { + "resolved": "../limitless-ui", + "link": true + }, + "node_modules/@next/env": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.6.tgz", + "integrity": "sha512-gd8HoHN4ufj73WmR3JmVolrpJR47ILK6LouP5xElPglaVxir6e1a7VzvTvDWkOoPXT9rkkTzyCxBu4yeZfZwcw==", + "license": "MIT", + "peer": true + }, + "node_modules/@next/swc-darwin-arm64": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.6.tgz", + "integrity": "sha512-ZJGkkcNfYgrrMkqOdZ7zoLa1TOy0qpcMfk/z4Mh/FKUz40gVO+HNQWqmLxf67Z5WB64DRp0dhEbyHfel+6sJUg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-darwin-x64": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.6.tgz", + "integrity": "sha512-v/YLBHIY132Ced3puBJ7YJKw1lqsCrgcNo2aRJlCEyQrrCeRJlvGlnmxhPxNQI3KE3N1DN5r9TPNPvka3nq5RQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm64-gnu": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.6.tgz", + "integrity": "sha512-RPOvqlYBbcQjkz9VQQDZ2T2bARIjXZV1KFlt+V2Mr6SW/e4I9fcKsaA0hdyf2FHoTlsV2xnBd5Y912rP/1Ce6w==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm64-musl": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.6.tgz", + "integrity": "sha512-URUTu1+dMkxJsPFgm+OeEvq9wf5sujw0EvgYy80TDGHTSLTnIHeqb0Eu8A3sC95IRgjejQL+kC4mw+4yPxiAXA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-x64-gnu": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.6.tgz", + "integrity": "sha512-DOj182mPV8G3UkrayLoREM5YEYI+Dk5wv7Ox9xl1fFibAELEsFD0lDPfHIeILlutMMfdyhlzYPELG3peuKaurw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-x64-musl": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.6.tgz", + "integrity": "sha512-HKQ5SP/V/ub73UvF7n/zeJlxk2kLmtL7Wzrg4WfmkjmNos5onJ2tKu7yZOPdL18A6Svfn3max29ym+ry7NkK4g==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-arm64-msvc": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.6.tgz", + "integrity": "sha512-LZXpTlPyS5v7HhSmnvsLGP3iIYgYOBnc8r8ArlT55sGHV89bR2HlDdBjWQ+PY6SJMmk8TuVGFuxalnP3k/0Dwg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-x64-msvc": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.6.tgz", + "integrity": "sha512-F0+4i0h9J6C4eE3EAPWsoCk7UW/dbzOjyzxY0qnDUOYFu6FFmdZ6l97/XdV3/Nz3VYyO7UWjyEJUXkGqcoXfMA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@panva/hkdf": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz", + "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/panva" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz", + "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==", + "hasInstallScript": true, + "license": "MIT", + "dependencies": { + "detect-libc": "^2.0.3", + "is-glob": "^4.0.3", + "node-addon-api": "^7.0.0", + "picomatch": "^4.0.3" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.6", + "@parcel/watcher-darwin-arm64": "2.5.6", + "@parcel/watcher-darwin-x64": "2.5.6", + "@parcel/watcher-freebsd-x64": "2.5.6", + "@parcel/watcher-linux-arm-glibc": "2.5.6", + "@parcel/watcher-linux-arm-musl": "2.5.6", + "@parcel/watcher-linux-arm64-glibc": "2.5.6", + "@parcel/watcher-linux-arm64-musl": "2.5.6", + "@parcel/watcher-linux-x64-glibc": "2.5.6", + "@parcel/watcher-linux-x64-musl": "2.5.6", + "@parcel/watcher-win32-arm64": "2.5.6", + "@parcel/watcher-win32-ia32": "2.5.6", + "@parcel/watcher-win32-x64": "2.5.6" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz", + "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz", + "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz", + "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz", + "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz", + "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz", + "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz", + "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz", + "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz", + "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz", + "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz", + "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz", + "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==", + "cpu": [ + "ia32" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.6", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz", + "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "peer": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@schummar/icu-type-parser": { + "version": "1.21.5", + "resolved": "https://registry.npmjs.org/@schummar/icu-type-parser/-/icu-type-parser-1.21.5.tgz", + "integrity": "sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==", + "license": "MIT" + }, + "node_modules/@swc/core-darwin-arm64": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.33.tgz", + "integrity": "sha512-N+L0uXhuO7FIfzqwgxmzv0zIpV0qEp8wPX3QQs2p4atjMoywup2JTeDlXPw+z9pWJGCae3JjM+tZ6myclI+2gA==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-darwin-x64": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.33.tgz", + "integrity": "sha512-/Il4QHSOhV4FekbsDtkrNmKbsX26oSysvgrRswa/RYOHXAkwXDbB4jaeKq6PsJLSPkzJ2KzQ061gtBnk0vNHfA==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm-gnueabihf": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.33.tgz", + "integrity": "sha512-C64hBnBxq4viOPQ8hlx+2lJ23bzZBGnjw7ryALmS+0Q3zHmwO8lw1/DArLENw4Q18/0w5wdEO1k3m1wWNtKGqQ==", + "cpu": [ + "arm" + ], + "license": "Apache-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm64-gnu": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.33.tgz", + "integrity": "sha512-TRJfnJbX3jqpxRDRoieMzRiCBS5jOmXNb3iQXmcgjFEHKLnAgK1RZRU8Cq1MsPqO4jAJp/ld1G4O3fXuxv85uw==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm64-musl": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.33.tgz", + "integrity": "sha512-il7tYM+CpUNzieQbwAjFT1P8zqAhmGWNAGhQZBnxurXZ0aNn+5nqYFTEUKNZl7QibtT0uQXzTZrNGHCIj6Y1Og==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-ppc64-gnu": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-ppc64-gnu/-/core-linux-ppc64-gnu-1.15.33.tgz", + "integrity": "sha512-ZtNBwN0Z7CFj9Il0FcPaKdjgP7URyKu/3RfH46vq+0paOBqLj4NYldD6Qo//Duif/7IOtAraUfDOmp0PLAufog==", + "cpu": [ + "ppc64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-s390x-gnu": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-s390x-gnu/-/core-linux-s390x-gnu-1.15.33.tgz", + "integrity": "sha512-De1IyajoOmhOYYjw/lx66bKlyDpHZTueqwpDrWgf5O7T6d1ODeJJO9/OqMBmrBQc5C+dNnlmIufHsp4QVCWufA==", + "cpu": [ + "s390x" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-x64-gnu": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.33.tgz", + "integrity": "sha512-mGTH0YxmUN+x6vRN/I6NOk5X0ogNktkwPnJ94IMvR7QjhRDwL0O8RXEDhyUM0YtwWrryBOqaJQBX4zruxEPRGw==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-x64-musl": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.33.tgz", + "integrity": "sha512-hj628ZkSEJf6zMf5VMbYrG2O6QqyTIp2qwY6VlCjvIa9lAEZ5c2lfPblCLVGYubTeLJDxadLB/CxqQYOQABeEQ==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-arm64-msvc": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.33.tgz", + "integrity": "sha512-GV2oohtN2/5+KSccl86VULu3aT+LrISC8uzgSq0FRnikpD+Zwc+sBlXmoKQ+Db6jI57ITUOIB8jRkdGMABC29g==", + "cpu": [ + "arm64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-ia32-msvc": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.33.tgz", + "integrity": "sha512-gtyvzSNR8DHKfFEA2uqb8Ld1myqi6uEg2jyeUq3ikn5ytYs7H8RpZYC8mdy4NXr8hfcdJfCLXPlYaqqfBXpoEQ==", + "cpu": [ + "ia32" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-x64-msvc": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.33.tgz", + "integrity": "sha512-d6fRqQSkJI+kmMEBWaDQ7TMl8+YjLYbwRUPZQ9DY0ORBJeTzOrG0twvfvlZ2xgw6jA0ScQKgfBm4vHLSLl5Hqg==", + "cpu": [ + "x64" + ], + "license": "Apache-2.0 AND MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/counter": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", + "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", + "license": "Apache-2.0" + }, + "node_modules/@swc/helpers": { + "version": "0.5.15", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz", + "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==", + "license": "Apache-2.0", + "peer": true, + "dependencies": { + "tslib": "^2.8.0" + } + }, + "node_modules/@swc/types": { + "version": "0.1.26", + "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.26.tgz", + "integrity": "sha512-lyMwd7WGgG79RS7EERZV3T8wMdmPq3xwyg+1nmAM64kIhx5yl+juO2PYIHb7vTiPgPCj8LYjsNV2T5wiQHUEaw==", + "license": "Apache-2.0", + "dependencies": { + "@swc/counter": "^0.1.3" + } + }, + "node_modules/@types/react": { + "version": "19.2.14", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz", + "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.2.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.2.3", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz", + "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.2.0" + } + }, + "node_modules/baseline-browser-mapping": { + "version": "2.10.29", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.29.tgz", + "integrity": "sha512-Asa2krT+XTPZINCS+2QcyS8WTkObE77RwkydwF7h6DmnKqbvlalz93m/dnphUyCa6SWSP51VgtEUf2FN+gelFQ==", + "license": "Apache-2.0", + "peer": true, + "bin": { + "baseline-browser-mapping": "dist/cli.cjs" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/bootstrap": { + "version": "5.3.8", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz", + "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "license": "MIT", + "peer": true, + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001792", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001792.tgz", + "integrity": "sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "CC-BY-4.0", + "peer": true + }, + "node_modules/client-only": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz", + "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==", + "license": "MIT", + "peer": true + }, + "node_modules/csstype": { + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz", + "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/detect-libc": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz", + "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==", + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/icu-minify": { + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/icu-minify/-/icu-minify-4.11.1.tgz", + "integrity": "sha512-C0tsPVuvyNp+++qWJP+mty/KLLStjerOZqu3W1xWLJkChEDbDi9Taoj6blK7L/onxbuVzwgH6k9Sf+rOV6lOvw==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/amannn" + } + ], + "license": "MIT", + "dependencies": { + "@formatjs/icu-messageformat-parser": "^3.4.0" + } + }, + "node_modules/intl-messageformat": { + "version": "11.2.4", + "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-11.2.4.tgz", + "integrity": "sha512-iKP6+uJXn+XcfRgYfGPE3+mqCoODV2vATrXDLo/YkYgIdelJHJPBEbc0GZThipAYPuk+8QJFiPgOfblU085ABg==", + "license": "BSD-3-Clause", + "dependencies": { + "@formatjs/fast-memoize": "3.1.4", + "@formatjs/icu-messageformat-parser": "3.5.7" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/jose": { + "version": "6.2.3", + "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.3.tgz", + "integrity": "sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/panva" + } + }, + "node_modules/nanoid": { + "version": "3.3.12", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz", + "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "peer": true, + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/negotiator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", + "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/next": { + "version": "16.2.6", + "resolved": "https://registry.npmjs.org/next/-/next-16.2.6.tgz", + "integrity": "sha512-qOVgKJg1+At15NpeUP+eJgCHvTCgXsogweq87Ri/Ix7PkqQHg4sdaXmSFqKlgaIXE4kW0g25LE68W87UANlHtw==", + "license": "MIT", + "peer": true, + "dependencies": { + "@next/env": "16.2.6", + "@swc/helpers": "0.5.15", + "baseline-browser-mapping": "^2.9.19", + "caniuse-lite": "^1.0.30001579", + "postcss": "8.4.31", + "styled-jsx": "5.1.6" + }, + "bin": { + "next": "dist/bin/next" + }, + "engines": { + "node": ">=20.9.0" + }, + "optionalDependencies": { + "@next/swc-darwin-arm64": "16.2.6", + "@next/swc-darwin-x64": "16.2.6", + "@next/swc-linux-arm64-gnu": "16.2.6", + "@next/swc-linux-arm64-musl": "16.2.6", + "@next/swc-linux-x64-gnu": "16.2.6", + "@next/swc-linux-x64-musl": "16.2.6", + "@next/swc-win32-arm64-msvc": "16.2.6", + "@next/swc-win32-x64-msvc": "16.2.6", + "sharp": "^0.34.5" + }, + "peerDependencies": { + "@opentelemetry/api": "^1.1.0", + "@playwright/test": "^1.51.1", + "babel-plugin-react-compiler": "*", + "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", + "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", + "sass": "^1.3.0" + }, + "peerDependenciesMeta": { + "@opentelemetry/api": { + "optional": true + }, + "@playwright/test": { + "optional": true + }, + "babel-plugin-react-compiler": { + "optional": true + }, + "sass": { + "optional": true + } + } + }, + "node_modules/next-auth": { + "version": "5.0.0-beta.31", + "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.31.tgz", + "integrity": "sha512-1OBgCKPzo+S7UWWMp3xgvGvIJ0OpV7B3vR4ZDRqD9a4Ch+OT6dakLXG9ivhtmIWVa71nTSXattOHyCg8sNi8/Q==", + "license": "ISC", + "dependencies": { + "@auth/core": "0.41.2" + }, + "peerDependencies": { + "@simplewebauthn/browser": "^9.0.1", + "@simplewebauthn/server": "^9.0.2", + "next": "^14.0.0-0 || ^15.0.0 || ^16.0.0", + "nodemailer": "^7.0.7", + "react": "^18.2.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@simplewebauthn/browser": { + "optional": true + }, + "@simplewebauthn/server": { + "optional": true + }, + "nodemailer": { + "optional": true + } + } + }, + "node_modules/next-intl": { + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-4.11.1.tgz", + "integrity": "sha512-s32lFFLXkxrW6fy+4IVaGD5J8xPpbEDFLfBbXV73CTbHAGhOGMjYN4/rftdsKOQ44AnPhnZ5Et+ZNMr5tRpsqA==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/amannn" + } + ], + "license": "MIT", + "dependencies": { + "@formatjs/intl-localematcher": "^0.8.1", + "@parcel/watcher": "^2.4.1", + "@swc/core": "^1.15.2", + "icu-minify": "^4.11.1", + "negotiator": "^1.0.0", + "next-intl-swc-plugin-extractor": "^4.11.1", + "po-parser": "^2.1.1", + "use-intl": "^4.11.1" + }, + "peerDependencies": { + "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/next-intl-swc-plugin-extractor": { + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/next-intl-swc-plugin-extractor/-/next-intl-swc-plugin-extractor-4.11.1.tgz", + "integrity": "sha512-jHKGij7NoYccy2y54+e/wHVMoRgNt4h/Kn0XS9c4GbKu3KgJyANLUN8sFcDixv6sqz4V2kh6CTWgrkIidQksUg==", + "license": "MIT" + }, + "node_modules/next-intl/node_modules/@swc/core": { + "version": "1.15.33", + "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.33.tgz", + "integrity": "sha512-jOlwnFV2xhuuZeAUILGFULeR6vDPfijEJ57evfocwznQldLU3w2cZ9bSDryY9ip+AsM3r1NJKzf47V2NXebkeQ==", + "hasInstallScript": true, + "license": "Apache-2.0", + "dependencies": { + "@swc/counter": "^0.1.3", + "@swc/types": "^0.1.26" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/swc" + }, + "optionalDependencies": { + "@swc/core-darwin-arm64": "1.15.33", + "@swc/core-darwin-x64": "1.15.33", + "@swc/core-linux-arm-gnueabihf": "1.15.33", + "@swc/core-linux-arm64-gnu": "1.15.33", + "@swc/core-linux-arm64-musl": "1.15.33", + "@swc/core-linux-ppc64-gnu": "1.15.33", + "@swc/core-linux-s390x-gnu": "1.15.33", + "@swc/core-linux-x64-gnu": "1.15.33", + "@swc/core-linux-x64-musl": "1.15.33", + "@swc/core-win32-arm64-msvc": "1.15.33", + "@swc/core-win32-ia32-msvc": "1.15.33", + "@swc/core-win32-x64-msvc": "1.15.33" + }, + "peerDependencies": { + "@swc/helpers": ">=0.5.17" + }, + "peerDependenciesMeta": { + "@swc/helpers": { + "optional": true + } + } + }, + "node_modules/next-intl/node_modules/@swc/helpers": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.21.tgz", + "integrity": "sha512-jI/VAmtdjB/RnI8GTnokyX7Ug8c+g+ffD6QRLa6XQewtnGyukKkKSk3wLTM3b5cjt1jNh9x0jfVlagdN2gDKQg==", + "license": "Apache-2.0", + "optional": true, + "peer": true, + "dependencies": { + "tslib": "^2.8.0" + } + }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "license": "MIT" + }, + "node_modules/oauth4webapi": { + "version": "3.8.6", + "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.6.tgz", + "integrity": "sha512-iwemM91xz8nryHti2yTmg5fhyEMVOkOXwHNqbvcATjyajb5oQxCQzrNOA6uElRHuMhQQTKUyFKV9y/CNyg25BQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/panva" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "license": "ISC", + "peer": true + }, + "node_modules/picomatch": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", + "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/po-parser": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/po-parser/-/po-parser-2.1.1.tgz", + "integrity": "sha512-ECF4zHLbUItpUgE3OTtLKlPjeBN+fKEczj2zYjDfCGOzicNs0GK3Vg2IoAYwx7LH/XYw43fZQP6xnZ4TkNxSLQ==", + "license": "MIT" + }, + "node_modules/postcss": { + "version": "8.4.31", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", + "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "peer": true, + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/preact": { + "version": "10.24.3", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz", + "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/preact" + } + }, + "node_modules/preact-render-to-string": { + "version": "6.5.11", + "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz", + "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==", + "license": "MIT", + "peerDependencies": { + "preact": ">=10" + } + }, + "node_modules/react": { + "version": "19.2.6", + "resolved": "https://registry.npmjs.org/react/-/react-19.2.6.tgz", + "integrity": "sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==", + "license": "MIT", + "peer": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.2.6", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.6.tgz", + "integrity": "sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==", + "license": "MIT", + "peer": true, + "dependencies": { + "scheduler": "^0.27.0" + }, + "peerDependencies": { + "react": "^19.2.6" + } + }, + "node_modules/scheduler": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz", + "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==", + "license": "MIT", + "peer": true + }, + "node_modules/semver": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz", + "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==", + "license": "ISC", + "optional": true, + "peer": true, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/sharp": { + "version": "0.34.5", + "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz", + "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==", + "hasInstallScript": true, + "license": "Apache-2.0", + "optional": true, + "peer": true, + "dependencies": { + "@img/colour": "^1.0.0", + "detect-libc": "^2.1.2", + "semver": "^7.7.3" + }, + "engines": { + "node": "^18.17.0 || ^20.3.0 || >=21.0.0" + }, + "funding": { + "url": "https://opencollective.com/libvips" + }, + "optionalDependencies": { + "@img/sharp-darwin-arm64": "0.34.5", + "@img/sharp-darwin-x64": "0.34.5", + "@img/sharp-libvips-darwin-arm64": "1.2.4", + "@img/sharp-libvips-darwin-x64": "1.2.4", + "@img/sharp-libvips-linux-arm": "1.2.4", + "@img/sharp-libvips-linux-arm64": "1.2.4", + "@img/sharp-libvips-linux-ppc64": "1.2.4", + "@img/sharp-libvips-linux-riscv64": "1.2.4", + "@img/sharp-libvips-linux-s390x": "1.2.4", + "@img/sharp-libvips-linux-x64": "1.2.4", + "@img/sharp-libvips-linuxmusl-arm64": "1.2.4", + "@img/sharp-libvips-linuxmusl-x64": "1.2.4", + "@img/sharp-linux-arm": "0.34.5", + "@img/sharp-linux-arm64": "0.34.5", + "@img/sharp-linux-ppc64": "0.34.5", + "@img/sharp-linux-riscv64": "0.34.5", + "@img/sharp-linux-s390x": "0.34.5", + "@img/sharp-linux-x64": "0.34.5", + "@img/sharp-linuxmusl-arm64": "0.34.5", + "@img/sharp-linuxmusl-x64": "0.34.5", + "@img/sharp-wasm32": "0.34.5", + "@img/sharp-win32-arm64": "0.34.5", + "@img/sharp-win32-ia32": "0.34.5", + "@img/sharp-win32-x64": "0.34.5" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "license": "BSD-3-Clause", + "peer": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/styled-jsx": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz", + "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==", + "license": "MIT", + "peer": true, + "dependencies": { + "client-only": "0.0.1" + }, + "engines": { + "node": ">= 12.0.0" + }, + "peerDependencies": { + "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0" + }, + "peerDependenciesMeta": { + "@babel/core": { + "optional": true + }, + "babel-plugin-macros": { + "optional": true + } + } + }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "license": "0BSD", + "peer": true + }, + "node_modules/typescript": { + "version": "5.9.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz", + "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/use-intl": { + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-4.11.1.tgz", + "integrity": "sha512-/dqWSqUSbVMzC+fdy7io8enhGYHeGeHK1bFhTLrp0ZblqdzY4FkE+tkffW6IfCauqaIA2/z4DQae4XEn93+raw==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/amannn" + } + ], + "license": "MIT", + "dependencies": { + "@formatjs/fast-memoize": "^3.1.0", + "@schummar/icu-type-parser": "1.21.5", + "icu-minify": "^4.11.1", + "intl-messageformat": "^11.1.0" + }, + "peerDependencies": { + "react": "^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0" + } + }, + "node_modules/zod": { + "version": "3.25.76", + "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz", + "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/colinhacks" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..954fde0 --- /dev/null +++ b/package.json @@ -0,0 +1,51 @@ +{ + "name": "@gsc/web-kit", + "version": "0.1.0", + "description": "GSC web app skeleton — layout, auth, data, forms, feedback, navigation. Built on @limitless/ui. Drop into a Next.js app and just write pages.", + "license": "MIT", + "type": "module", + "main": "dist/index.js", + "module": "dist/index.js", + "types": "dist/index.d.ts", + "exports": { + ".": { "import": "./dist/index.js", "types": "./dist/index.d.ts" }, + "./css": "./dist/styles/index.css", + "./layout": { "import": "./dist/layout/index.js", "types": "./dist/layout/index.d.ts" }, + "./auth": { "import": "./dist/auth/index.js", "types": "./dist/auth/index.d.ts" }, + "./auth/server":{ "import": "./dist/auth/server.js", "types": "./dist/auth/server.d.ts" }, + "./auth/middleware": { "import": "./dist/auth/middleware.js", "types": "./dist/auth/middleware.d.ts" }, + "./shell": { "import": "./dist/shell/index.js", "types": "./dist/shell/index.d.ts" }, + "./shell/server":{ "import": "./dist/shell/server.js", "types": "./dist/shell/server.d.ts" }, + "./data": { "import": "./dist/data/index.js", "types": "./dist/data/index.d.ts" }, + "./forms": { "import": "./dist/forms/index.js", "types": "./dist/forms/index.d.ts" }, + "./feedback": { "import": "./dist/feedback/index.js", "types": "./dist/feedback/index.d.ts" }, + "./navigation": { "import": "./dist/navigation/index.js", "types": "./dist/navigation/index.d.ts" }, + "./api": { "import": "./dist/api/index.js", "types": "./dist/api/index.d.ts" }, + "./utils": { "import": "./dist/utils/index.js", "types": "./dist/utils/index.d.ts" } + }, + "sideEffects": [ + "**/*.css" + ], + "scripts": { + "build": "tsc -p tsconfig.json --noEmit false", + "postbuild": "node ./scripts/postbuild.cjs", + "typecheck": "tsc -p tsconfig.json --noEmit" + }, + "dependencies": { + "@limitless/ui": "file:../limitless-ui", + "next-auth": "^5.0.0-beta.25", + "next-intl": "^4.6.1", + "zod": "^3.23.0" + }, + "peerDependencies": { + "bootstrap": "^5.3.3", + "next": ">=15.0.0", + "react": "^18.2.0 || ^19.0.0", + "react-dom": "^18.2.0 || ^19.0.0" + }, + "devDependencies": { + "@types/react": "^19.0.0", + "@types/react-dom": "^19.0.0", + "typescript": "^5.4.0" + } +} diff --git a/scripts/postbuild.cjs b/scripts/postbuild.cjs new file mode 100644 index 0000000..464875e --- /dev/null +++ b/scripts/postbuild.cjs @@ -0,0 +1,65 @@ +/* Post-build: copy CSS + image assets into dist/, then fix ESM imports. + * + * tsc only emits .js + .d.ts. The CSS lives in src/styles/ alongside an + * `index.css` that @imports the other sheets; we copy the whole tree + * to dist/ so `@gsc/web-kit/css` resolves correctly. + */ + +const fs = require("fs"); +const path = require("path"); + +const root = path.join(__dirname, ".."); +const distDir = path.join(root, "dist"); +const srcStyles = path.join(root, "src", "styles"); +const distStyles = path.join(distDir, "styles"); + +// 1. Mirror src/styles/ → dist/styles/ (CSS + images). +function copyDir(src, dst) { + fs.mkdirSync(dst, { recursive: true }); + for (const entry of fs.readdirSync(src, { withFileTypes: true })) { + const s = path.join(src, entry.name); + const d = path.join(dst, entry.name); + if (entry.isDirectory()) copyDir(s, d); + else fs.copyFileSync(s, d); + } +} +if (fs.existsSync(srcStyles)) { + copyDir(srcStyles, distStyles); +} + +// 2. Fix ESM relative imports: append `.js` to bare specifiers like +// `from './layout/AppLayout'` so the resolver can find the file. +function fixImports(dir) { + for (const entry of fs.readdirSync(dir, { withFileTypes: true })) { + const full = path.join(dir, entry.name); + if (entry.isDirectory()) { + fixImports(full); + continue; + } + if (!entry.name.endsWith(".js")) continue; + const content = fs.readFileSync(full, "utf8"); + const fixed = content.replace( + /((?:from|import)\s+['"])(\.{1,2}\/[^'"]+?)(['"])/g, + (match, prefix, rel, quote) => { + if (rel.endsWith(".js") || rel.endsWith(".css")) return match; + const absDir = path.dirname(full); + const target = path.resolve(absDir, rel); + if (fs.existsSync(target) && fs.statSync(target).isDirectory()) { + if (fs.existsSync(path.join(target, "index.js"))) { + return `${prefix}${rel}/index.js${quote}`; + } + } + if (fs.existsSync(`${target}.js`)) { + return `${prefix}${rel}.js${quote}`; + } + return match; + }, + ); + if (fixed !== content) fs.writeFileSync(full, fixed); + } +} +if (fs.existsSync(distDir)) { + fixImports(distDir); +} + +console.log("Post-build: CSS copied, ESM imports fixed"); diff --git a/src/api/index.ts b/src/api/index.ts new file mode 100644 index 0000000..c19b95e --- /dev/null +++ b/src/api/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/api — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/auth/index.ts b/src/auth/index.ts new file mode 100644 index 0000000..af26ee7 --- /dev/null +++ b/src/auth/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/auth — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/auth/middleware.ts b/src/auth/middleware.ts new file mode 100644 index 0000000..ebfce64 --- /dev/null +++ b/src/auth/middleware.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/auth/middleware — Phase 1 stub. Real createAuthMiddleware() lands in Phase 2. +export {}; diff --git a/src/auth/server.ts b/src/auth/server.ts new file mode 100644 index 0000000..3f3db60 --- /dev/null +++ b/src/auth/server.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/auth/server — Phase 1 stub. Real createAuth() / requireAuth() lands in Phase 2. +export {}; diff --git a/src/data/index.ts b/src/data/index.ts new file mode 100644 index 0000000..4e4024d --- /dev/null +++ b/src/data/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/data — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/feedback/index.ts b/src/feedback/index.ts new file mode 100644 index 0000000..f8cca73 --- /dev/null +++ b/src/feedback/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/feedback — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/forms/index.ts b/src/forms/index.ts new file mode 100644 index 0000000..18c748d --- /dev/null +++ b/src/forms/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/forms — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/index.ts b/src/index.ts new file mode 100644 index 0000000..c55888d --- /dev/null +++ b/src/index.ts @@ -0,0 +1,15 @@ +// @gsc/web-kit — top-level re-exports. +// +// Prefer the sub-exports (`@gsc/web-kit/layout`, `…/auth`, etc.) so +// tree-shaking can drop modules you don't use. This index is here +// for convenience and discovery. + +export * from "./layout/index"; +export * from "./shell/index"; +export * from "./data/index"; +export * from "./forms/index"; +export * from "./feedback/index"; +export * from "./navigation/index"; +export * from "./api/index"; +export * from "./utils/index"; +// auth is client-only; auth/server is server-only. Don't aggregate. diff --git a/src/layout/index.ts b/src/layout/index.ts new file mode 100644 index 0000000..90912e1 --- /dev/null +++ b/src/layout/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/layout — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/navigation/index.ts b/src/navigation/index.ts new file mode 100644 index 0000000..f885adf --- /dev/null +++ b/src/navigation/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/navigation — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/shell/index.ts b/src/shell/index.ts new file mode 100644 index 0000000..a1c1123 --- /dev/null +++ b/src/shell/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/shell — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/src/shell/server.ts b/src/shell/server.ts new file mode 100644 index 0000000..100771e --- /dev/null +++ b/src/shell/server.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/shell/server — Phase 1 stub. Real fetchShellConfig() lands in Phase 2. +export {}; diff --git a/src/styles/all.min.css b/src/styles/all.min.css new file mode 100755 index 0000000..ef74378 --- /dev/null +++ b/src/styles/all.min.css @@ -0,0 +1,32135 @@ +@charset "UTF-8"; +:root, +[data-color-theme="light"] { + --body-font-size-lg: 1rem; + --body-font-size-sm: 0.75rem; + --body-font-size-xs: 0.625rem; + --body-line-height-computed: calc(1375rem / 1000); + --body-line-height-lg: 1.375; + --body-line-height-sm: 1.8334; + --body-line-height-xs: 2.2; + --component-active-bg: #0c83ff; + --component-active-bg-rgb: 12, 131, 255; + --component-active-color: #fff; + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(12, 131, 255, 0.25); + --spacer-1: 0.3125rem; + --spacer-2: 0.625rem; + --spacer: 1.25rem; + --spacer-4: 1.875rem; + --spacer-5: 3.75rem; + --icon-font-family: Phosphor; + --icon-font-size: 1.25rem; + --icon-font-size-lg: 1.5rem; + --icon-font-size-sm: 1rem; + --box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125); + --box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1); + --box-shadow-lg: 0 6px 12px rgba(0, 0, 0, 0.15); + --transition-base-timer: 0.15s; + --transition-collapse-timer: 0.3s; + --gray-100: #f9fafb; + --gray-200: #f3f4f6; + --gray-300: #e5e7eb; + --gray-400: #d1d5db; + --gray-500: #9ca3af; + --gray-600: #6b7280; + --gray-700: #4b5563; + --gray-800: #374151; + --gray-900: #1f2937; + --indigo: #5c6bc0; + --purple: #8e70c1; + --pink: #f35c86; + --teal: #26a69a; + --yellow: #ffd648; + --primary: #0c83ff; + --secondary: #247297; + --success: #059669; + --info: #049aad; + --warning: #f58646; + --danger: #ef4444; + --light: #f3f4f6; + --dark: #252b36; + --black: #000; + --white: #fff; + --indigo-rgb: 92, 107, 192; + --purple-rgb: 142, 112, 193; + --pink-rgb: 243, 92, 134; + --teal-rgb: 38, 166, 154; + --yellow-rgb: 255, 214, 72; + --primary-rgb: 12, 131, 255; + --secondary-rgb: 36, 114, 151; + --success-rgb: 5, 150, 105; + --info-rgb: 4, 154, 173; + --warning-rgb: 245, 134, 70; + --danger-rgb: 239, 68, 68; + --light-rgb: 243, 244, 246; + --dark-rgb: 37, 43, 54; + --black-rgb: 0, 0, 0; + --white-rgb: 255, 255, 255; + --body-color-rgb: 31, 41, 55; + --body-bg-rgb: 241, 244, 249; + --font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, + "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; + --gradient: linear-gradient( + 180deg, + rgba(255, 255, 255, 0.15), + rgba(255, 255, 255, 0) + ); + --body-font-family: var(--font-sans-serif); + --body-font-size: 0.875rem; + --body-font-weight: 400; + --body-line-height: 1.5715; + --body-color: #1f2937; + --body-bg: #f1f4f9; + --border-width: 1px; + --border-style: solid; + --border-color: #d1d5db; + --border-color-translucent: rgba(0, 0, 0, 0.125); + --border-radius: 0.375rem; + --border-radius-sm: 0.25rem; + --border-radius-lg: 0.5rem; + --border-radius-xl: 1rem; + --border-radius-2xl: 2rem; + --border-radius-pill: 50rem; + --link-color: #0c83ff; + --link-hover-color: #0962bf; + --code-color: #f35c86; + --highlight-bg: rgba(0, 0, 0, 0.15); +} +*, +::after, +::before { + box-sizing: border-box; +} +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} +body { + margin: 0; + font-family: var(--body-font-family); + font-size: var(--body-font-size); + font-weight: var(--body-font-weight); + line-height: var(--body-line-height); + color: var(--body-color); + text-align: var(--body-text-align); + background-color: var(--body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: transparent; +} +hr { + margin: var(--spacer) 0; + color: inherit; + border: 0; + border-top: var(--border-width) solid; + opacity: 0.25; +} +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: calc(var(--spacer) * 0.75); + font-weight: 600; + line-height: 1.5715; +} +.h1, +h1 { + font-size: calc(1.2875rem + 0.45vw); +} +@media (min-width: 1200px) { + .h1, + h1 { + font-size: 1.625rem; + } +} +.h2, +h2 { + font-size: calc(1.275rem + 0.3vw); +} +@media (min-width: 1200px) { + .h2, + h2 { + font-size: 1.5rem; + } +} +.h3, +h3 { + font-size: calc(1.2625rem + 0.15vw); +} +@media (min-width: 1200px) { + .h3, + h3 { + font-size: 1.375rem; + } +} +.h4, +h4 { + font-size: 1.25rem; +} +.h5, +h5 { + font-size: 1.125rem; +} +.h6, +h6 { + font-size: 1rem; +} +p { + margin-top: 0; + margin-bottom: var(--spacer-2); +} +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} +ol, +ul { + padding-left: 2rem; +} +dl, +ol, +ul { + margin-top: 0; + margin-bottom: 1rem; +} +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0; +} +dt { + font-weight: 700; +} +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} +blockquote { + margin: 0 0 1rem; +} +b, +strong { + font-weight: 800; +} +.small, +small { + font-size: 0.875em; +} +.mark, +mark { + background-color: var(--highlight-bg); +} +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +a { + color: var(--link-color); + text-decoration: none; +} +a:hover { + color: var(--link-hover-color); +} +a:not([href]):not([class]), +a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} +code, +kbd, +pre, +samp { + font-family: var(--font-monospace); + font-size: 1em; +} +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} +code { + font-size: 0.875em; + color: var(--code-color); + word-wrap: break-word; +} +a > code { + color: inherit; +} +kbd { + padding: 0.2rem 0.4rem; + font-size: 0.875em; + color: var(--white); + background-color: var(--black); + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 1em; +} +figure { + margin: 0 0 1rem; +} +img, +svg { + vertical-align: middle; +} +table { + caption-side: bottom; + border-collapse: collapse; +} +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: rgba(var(--body-color-rgb), 0.75); + text-align: left; +} +th { + font-weight: 600; + text-align: inherit; + text-align: -webkit-match-parent; +} +tbody, +td, +tfoot, +th, +thead, +tr { + border-color: inherit; + border-style: solid; + border-width: 0; +} +label { + display: inline-block; +} +button { + border-radius: 0; +} +button:focus:not(:focus-visible) { + outline: 0; +} +button, +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +button, +select { + text-transform: none; +} +[role="button"] { + cursor: pointer; +} +select { + word-wrap: normal; +} +select:disabled { + opacity: 1; +} +[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not( + [type="week"] + ):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; +} +[type="button"], +[type="reset"], +[type="submit"], +button { + -webkit-appearance: button; +} +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled), +button:not(:disabled) { + cursor: pointer; +} +::-moz-focus-inner { + padding: 0; + border-style: none; +} +textarea { + resize: vertical; +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} +legend + * { + clear: left; +} +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-year-field { + padding: 0; +} +::-webkit-inner-spin-button { + height: auto; +} +[type="search"] { + outline-offset: -2px; + -webkit-appearance: textfield; +} +::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-color-swatch-wrapper { + padding: 0; +} +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} +::file-selector-button { + font: inherit; + -webkit-appearance: button; +} +output { + display: inline-block; +} +iframe { + border: 0; +} +summary { + display: list-item; + cursor: pointer; +} +progress { + vertical-align: baseline; +} +[hidden] { + display: none !important; +} +.lead { + font-size: calc(var(--body-font-size) * 1.25); + font-weight: 300; +} +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.5715; +} +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.5715; +} +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.5715; +} +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.5715; +} +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.5715; +} +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.5715; +} +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + --list-inline-padding: 1rem; + padding-left: 0; + list-style: none; +} +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: var(--list-inline-padding); +} +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} +.blockquote { + --blockquote-margin-y: var(--spacer); + --blockquote-font-size: 1rem; + --blockquote-footer-font-size: var(--body-font-size); + --blockquote-footer-color: var(--gray-500); + margin-bottom: var(--blockquote-margin-y); + font-size: var(--blockquote-font-size); +} +.blockquote > :last-child { + margin-bottom: 0; +} +.blockquote-footer { + margin-top: calc(var(--blockquote-margin-y) * -1); + margin-bottom: var(--blockquote-margin-y); + font-size: var(--blockquote-footer-font-size); + color: var(--blockquote-footer-color); +} +.blockquote-footer::before { + content: "— "; +} +.img-fluid { + max-width: 100%; + height: auto; +} +.img-thumbnail { + --thumbnail-padding: 0.25rem; + --thumbnail-bg: var(--body-bg); + --thumbnail-border-width: var(--border-width); + --thumbnail-border-color: var(--gray-300); + --thumbnail-border-radius: var(--border-radius); + --thumbnail-box-shadow: var(--box-shadow-sm); + padding: var(--thumbnail-padding); + background-color: var(--thumbnail-bg); + border: var(--thumbnail-border-width) solid var(--thumbnail-border-color); + border-radius: var(--thumbnail-border-radius); + box-shadow: var(--thumbnail-box-shadow); + max-width: 100%; + height: auto; +} +.figure { + display: inline-block; +} +.figure-img { + margin-bottom: 0.625rem; + line-height: 1; +} +.figure-caption { + font-size: 0.875em; + color: var(--gray-600); +} +.container, +.container-fluid, +.container-lg, +.container-md, +.container-sm, +.container-xl, +.container-xxl { + --gutter-x: 1.25rem; + --gutter-y: 0; + width: 100%; + padding-right: calc(var(--gutter-x) * 0.5); + padding-left: calc(var(--gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; +} +@media (min-width: 576px) { + .container, + .container-sm { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container, + .container-md, + .container-sm { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container, + .container-lg, + .container-md, + .container-sm { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container, + .container-lg, + .container-md, + .container-sm, + .container-xl { + max-width: 1140px; + } +} +@media (min-width: 1400px) { + .container, + .container-lg, + .container-md, + .container-sm, + .container-xl, + .container-xxl { + max-width: 1320px; + } +} +.row { + --gutter-x: 1.25rem; + --gutter-y: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: calc(-1 * var(--gutter-y)); + margin-right: calc(-0.5 * var(--gutter-x)); + margin-left: calc(-0.5 * var(--gutter-x)); +} +.row > * { + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--gutter-x) * 0.5); + padding-left: calc(var(--gutter-x) * 0.5); + margin-top: var(--gutter-y); +} +.col { + -ms-flex: 1 0 0%; + flex: 1 0 0%; +} +.row-cols-auto > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.row-cols-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; +} +.row-cols-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; +} +.row-cols-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; +} +.row-cols-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; +} +.row-cols-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; +} +.row-cols-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; +} +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; +} +.col-1 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%; +} +.col-2 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%; +} +.col-3 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; +} +.col-4 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%; +} +.col-5 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%; +} +.col-6 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; +} +.col-7 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%; +} +.col-8 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%; +} +.col-9 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; +} +.col-10 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%; +} +.col-11 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%; +} +.col-12 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; +} +.offset-1 { + margin-left: 8.33333333%; +} +.offset-2 { + margin-left: 16.66666667%; +} +.offset-3 { + margin-left: 25%; +} +.offset-4 { + margin-left: 33.33333333%; +} +.offset-5 { + margin-left: 41.66666667%; +} +.offset-6 { + margin-left: 50%; +} +.offset-7 { + margin-left: 58.33333333%; +} +.offset-8 { + margin-left: 66.66666667%; +} +.offset-9 { + margin-left: 75%; +} +.offset-10 { + margin-left: 83.33333333%; +} +.offset-11 { + margin-left: 91.66666667%; +} +.g-0, +.gx-0 { + --gutter-x: 0; +} +.g-0, +.gy-0 { + --gutter-y: 0; +} +.g-1, +.gx-1 { + --gutter-x: 0.3125rem; +} +.g-1, +.gy-1 { + --gutter-y: 0.3125rem; +} +.g-2, +.gx-2 { + --gutter-x: 0.625rem; +} +.g-2, +.gy-2 { + --gutter-y: 0.625rem; +} +.g-3, +.gx-3 { + --gutter-x: 1.25rem; +} +.g-3, +.gy-3 { + --gutter-y: 1.25rem; +} +.g-4, +.gx-4 { + --gutter-x: 1.875rem; +} +.g-4, +.gy-4 { + --gutter-y: 1.875rem; +} +.g-5, +.gx-5 { + --gutter-x: 3.75rem; +} +.g-5, +.gy-5 { + --gutter-y: 3.75rem; +} +@media (min-width: 576px) { + .col-sm { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .row-cols-sm-auto > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-sm-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-sm-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, + .gx-sm-0 { + --gutter-x: 0; + } + .g-sm-0, + .gy-sm-0 { + --gutter-y: 0; + } + .g-sm-1, + .gx-sm-1 { + --gutter-x: 0.3125rem; + } + .g-sm-1, + .gy-sm-1 { + --gutter-y: 0.3125rem; + } + .g-sm-2, + .gx-sm-2 { + --gutter-x: 0.625rem; + } + .g-sm-2, + .gy-sm-2 { + --gutter-y: 0.625rem; + } + .g-sm-3, + .gx-sm-3 { + --gutter-x: 1.25rem; + } + .g-sm-3, + .gy-sm-3 { + --gutter-y: 1.25rem; + } + .g-sm-4, + .gx-sm-4 { + --gutter-x: 1.875rem; + } + .g-sm-4, + .gy-sm-4 { + --gutter-y: 1.875rem; + } + .g-sm-5, + .gx-sm-5 { + --gutter-x: 3.75rem; + } + .g-sm-5, + .gy-sm-5 { + --gutter-y: 3.75rem; + } +} +@media (min-width: 768px) { + .col-md { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .row-cols-md-auto > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-md-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-md-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --gutter-y: 0; + } + .g-md-1, + .gx-md-1 { + --gutter-x: 0.3125rem; + } + .g-md-1, + .gy-md-1 { + --gutter-y: 0.3125rem; + } + .g-md-2, + .gx-md-2 { + --gutter-x: 0.625rem; + } + .g-md-2, + .gy-md-2 { + --gutter-y: 0.625rem; + } + .g-md-3, + .gx-md-3 { + --gutter-x: 1.25rem; + } + .g-md-3, + .gy-md-3 { + --gutter-y: 1.25rem; + } + .g-md-4, + .gx-md-4 { + --gutter-x: 1.875rem; + } + .g-md-4, + .gy-md-4 { + --gutter-y: 1.875rem; + } + .g-md-5, + .gx-md-5 { + --gutter-x: 3.75rem; + } + .g-md-5, + .gy-md-5 { + --gutter-y: 3.75rem; + } +} +@media (min-width: 992px) { + .col-lg { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-lg-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-lg-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --gutter-y: 0; + } + .g-lg-1, + .gx-lg-1 { + --gutter-x: 0.3125rem; + } + .g-lg-1, + .gy-lg-1 { + --gutter-y: 0.3125rem; + } + .g-lg-2, + .gx-lg-2 { + --gutter-x: 0.625rem; + } + .g-lg-2, + .gy-lg-2 { + --gutter-y: 0.625rem; + } + .g-lg-3, + .gx-lg-3 { + --gutter-x: 1.25rem; + } + .g-lg-3, + .gy-lg-3 { + --gutter-y: 1.25rem; + } + .g-lg-4, + .gx-lg-4 { + --gutter-x: 1.875rem; + } + .g-lg-4, + .gy-lg-4 { + --gutter-y: 1.875rem; + } + .g-lg-5, + .gx-lg-5 { + --gutter-x: 3.75rem; + } + .g-lg-5, + .gy-lg-5 { + --gutter-y: 3.75rem; + } +} +@media (min-width: 1200px) { + .col-xl { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xl-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --gutter-y: 0; + } + .g-xl-1, + .gx-xl-1 { + --gutter-x: 0.3125rem; + } + .g-xl-1, + .gy-xl-1 { + --gutter-y: 0.3125rem; + } + .g-xl-2, + .gx-xl-2 { + --gutter-x: 0.625rem; + } + .g-xl-2, + .gy-xl-2 { + --gutter-y: 0.625rem; + } + .g-xl-3, + .gx-xl-3 { + --gutter-x: 1.25rem; + } + .g-xl-3, + .gy-xl-3 { + --gutter-y: 1.25rem; + } + .g-xl-4, + .gx-xl-4 { + --gutter-x: 1.875rem; + } + .g-xl-4, + .gy-xl-4 { + --gutter-y: 1.875rem; + } + .g-xl-5, + .gx-xl-5 { + --gutter-x: 3.75rem; + } + .g-xl-5, + .gy-xl-5 { + --gutter-y: 3.75rem; + } +} +@media (min-width: 1400px) { + .col-xxl { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xxl-4 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xxl-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --gutter-y: 0; + } + .g-xxl-1, + .gx-xxl-1 { + --gutter-x: 0.3125rem; + } + .g-xxl-1, + .gy-xxl-1 { + --gutter-y: 0.3125rem; + } + .g-xxl-2, + .gx-xxl-2 { + --gutter-x: 0.625rem; + } + .g-xxl-2, + .gy-xxl-2 { + --gutter-y: 0.625rem; + } + .g-xxl-3, + .gx-xxl-3 { + --gutter-x: 1.25rem; + } + .g-xxl-3, + .gy-xxl-3 { + --gutter-y: 1.25rem; + } + .g-xxl-4, + .gx-xxl-4 { + --gutter-x: 1.875rem; + } + .g-xxl-4, + .gy-xxl-4 { + --gutter-y: 1.875rem; + } + .g-xxl-5, + .gx-xxl-5 { + --gutter-x: 3.75rem; + } + .g-xxl-5, + .gy-xxl-5 { + --gutter-y: 3.75rem; + } +} +.table { + --table-cell-padding-y: 0.75rem; + --table-cell-padding-x: 1.25rem; + --table-bg: transparent; + --table-color: var(--body-color); + --table-border-width: var(--border-width); + --table-border-color: var(--border-color); + --table-accent-bg: transparent; + --table-striped-color: var(--body-color); + --table-striped-bg: rgba(var(--black-rgb), 0.035); + --table-active-color: var(--body-color); + --table-active-bg: rgba(var(--black-rgb), 0.1); + --table-hover-color: var(--body-color); + --table-hover-bg: rgba(var(--black-rgb), 0.05); + --table-group-separator-color: var(--gray-500); + width: 100%; + margin-bottom: 1.25rem; + color: var(--table-color); + vertical-align: middle; + border-color: var(--table-border-color); +} +.table > :not(caption) > * > * { + padding: var(--table-cell-padding-y) var(--table-cell-padding-x); + background-color: var(--table-bg); + border-bottom-width: var(--table-border-width); + box-shadow: inset 0 0 0 9999px var(--table-accent-bg); +} +.table > tbody { + vertical-align: inherit; +} +.table > thead { + vertical-align: bottom; +} +.table-group-divider { + border-top: calc(var(--table-border-width) * 2) solid + var(--table-group-separator-color); +} +.caption-top { + caption-side: top; +} +.table-sm { + --table-cell-padding-y: 0.625rem; + --table-cell-padding-x: 1.25rem; +} +.table-bordered > :not(caption) > * { + border-width: var(--table-border-width) 0; +} +.table-bordered > :not(caption) > * > * { + border-width: 0 var(--table-border-width); +} +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; +} +.table-borderless > :not(:first-child) { + border-top-width: 0; +} +.table-striped > tbody > tr:nth-of-type(odd) > * { + --table-accent-bg: var(--table-striped-bg); + color: var(--table-striped-color); +} +.table-striped-columns > :not(caption) > tr > :nth-child(even) { + --table-accent-bg: var(--table-striped-bg); + color: var(--table-striped-color); +} +.table-active { + --table-accent-bg: var(--table-active-bg); + color: var(--table-active-color); +} +.table-hover > tbody > tr:hover > * { + --table-accent-bg: var(--table-hover-bg); + color: var(--table-hover-color); +} +.table-primary { + --table-color: #000; + --table-bg: #e7f3ff; + --table-border-color: #d0dbe6; + --table-striped-bg: #dfeaf6; + --table-striped-color: #000; + --table-active-bg: #d0dbe6; + --table-active-color: #000; + --table-hover-bg: #dbe7f2; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-secondary { + --table-color: #000; + --table-bg: #e9f1f5; + --table-border-color: #d2d9dd; + --table-striped-bg: #e1e9ec; + --table-striped-color: #000; + --table-active-bg: #d2d9dd; + --table-active-color: #000; + --table-hover-bg: #dde5e9; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-success { + --table-color: #000; + --table-bg: #e6f5f0; + --table-border-color: #cfddd8; + --table-striped-bg: #deece8; + --table-striped-color: #000; + --table-active-bg: #cfddd8; + --table-active-color: #000; + --table-hover-bg: #dbe9e4; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-info { + --table-color: #000; + --table-bg: #e6f5f7; + --table-border-color: #cfddde; + --table-striped-bg: #deecee; + --table-striped-color: #000; + --table-active-bg: #cfddde; + --table-active-color: #000; + --table-hover-bg: #dbe9eb; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-warning { + --table-color: #000; + --table-bg: #fef3ed; + --table-border-color: #e5dbd5; + --table-striped-bg: #f5eae5; + --table-striped-color: #000; + --table-active-bg: #e5dbd5; + --table-active-color: #000; + --table-hover-bg: #f1e7e1; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-danger { + --table-color: #000; + --table-bg: #fdecec; + --table-border-color: #e4d4d4; + --table-striped-bg: #f4e4e4; + --table-striped-color: #000; + --table-active-bg: #e4d4d4; + --table-active-color: #000; + --table-hover-bg: #f0e0e0; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-light { + --table-color: #000; + --table-bg: #f3f4f6; + --table-border-color: #dbdcdd; + --table-striped-bg: #eaebed; + --table-striped-color: #000; + --table-active-bg: #dbdcdd; + --table-active-color: #000; + --table-hover-bg: #e7e8ea; + --table-hover-color: #000; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-dark { + --table-color: #fff; + --table-bg: #252b36; + --table-border-color: #3b404a; + --table-striped-bg: #2d323d; + --table-striped-color: #fff; + --table-active-bg: #3b404a; + --table-active-color: #fff; + --table-hover-bg: #303640; + --table-hover-color: #fff; + color: var(--table-color); + border-color: var(--table-border-color); +} +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +.form-label { + --form-label-margin-bottom: 0.5rem; + margin-bottom: var(--form-label-margin-bottom); +} +.col-form-label { + --form-label-padding-y: 0.5rem; + --form-label-font-size: inherit; + padding-top: calc(var(--form-label-padding-y) + var(--border-width)); + padding-bottom: calc(var(--form-label-padding-y) + var(--border-width)); + margin-bottom: 0; + font-size: var(--form-label-font-size); + line-height: var(--body-line-height); +} +.col-form-label-lg { + --form-label-padding-y: 0.625rem; + --form-label-font-size: var(--body-font-size-lg); +} +.col-form-label-sm { + --form-label-padding-y: 0.375rem; + --form-label-font-size: var(--body-font-size-sm); +} +.form-text { + --form-text-color: rgba(var(--body-color-rgb), 0.75); + --form-text-margin-top: 0.25rem; + --form-text-font-size: var(--body-font-size-sm); + margin-top: var(--form-text-margin-top); + font-size: var(--form-text-font-size); + font-style: var(--form-text-font-style); + font-weight: var(--form-text-font-weight); + color: var(--form-text-color); +} +.form-control { + --input-padding-y: 0.5rem; + --input-padding-x: 0.875rem; + --input-height: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + + calc(var(--border-width) * 2) + ); + --input-bg: var(--white); + --input-color: var(--body-color); + --input-plaintext-color: var(--body-color); + --input-placeholder-color: var(--gray-600); + --input-font-weight: 400; + --input-font-size: var(--body-font-size); + --input-line-height: var(--body-line-height); + --input-border-width: var(--border-width); + --input-border-color: var(--gray-400); + --input-border-radius: var(--border-radius); + --input-box-shadow: 0 0 0 0 transparent; + --input-focus-bg: var(--white); + --input-focus-border-color: var(--component-active-bg); + --input-focus-box-shadow: var(--focus-ring-box-shadow); + --input-disabled-bg: var(--gray-100); + --input-disabled-border-color: var(--gray-400); + display: block; + width: 100%; + padding: var(--input-padding-y) var(--input-padding-x); + font-size: var(--input-font-size); + font-weight: var(--input-font-weight); + line-height: var(--input-line-height); + color: var(--input-color); + background-color: var(--input-bg); + background-clip: padding-box; + border: var(--input-border-width) solid var(--input-border-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: var(--input-border-radius); + box-shadow: var(--input-box-shadow); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control[type="file"] { + --form-file-button-color: var(--body-color); + --form-file-button-bg: var(--gray-200); + --form-file-button-hover-bg: var(--gray-300); + overflow: hidden; +} +.form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + background-color: var(--input-focus-bg); + border-color: var(--input-focus-border-color); + outline: 0; + box-shadow: 0 0 0 0 transparent, var(--input-focus-box-shadow); +} +.form-control::-webkit-date-and-time-value { + height: var(--body-line-height-computed); +} +.form-control::-webkit-input-placeholder { + color: var(--input-placeholder-color); + opacity: 1; +} +.form-control::-moz-placeholder { + color: var(--input-placeholder-color); + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: var(--input-placeholder-color); + opacity: 1; +} +.form-control::-ms-input-placeholder { + color: var(--input-placeholder-color); + opacity: 1; +} +.form-control::placeholder { + color: var(--input-placeholder-color); + opacity: 1; +} +.form-control:disabled { + color: var(--input-disabled-color); + background-color: var(--input-disabled-bg); + border-color: var(--input-disabled-border-color); + opacity: 1; +} +.form-control::-webkit-file-upload-button { + padding: var(--input-padding-y) var(--input-padding-x); + margin: calc(var(--input-padding-y) * -1) calc(var(--input-padding-x) * -1); + -webkit-margin-end: var(--input-padding-x); + margin-inline-end: var(--input-padding-x); + color: var(--form-file-button-color); + background-color: var(--form-file-button-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--input-border-width); + border-radius: 0; + -webkit-transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +.form-control::file-selector-button { + padding: var(--input-padding-y) var(--input-padding-x); + margin: calc(var(--input-padding-y) * -1) calc(var(--input-padding-x) * -1); + -webkit-margin-end: var(--input-padding-x); + -moz-margin-end: var(--input-padding-x); + margin-inline-end: var(--input-padding-x); + color: var(--form-file-button-color); + background-color: var(--form-file-button-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--input-border-width); + border-radius: 0; + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } + .form-control::file-selector-button { + transition: none; + } +} +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: var(--form-file-button-hover-bg); +} +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: var(--form-file-button-hover-bg); +} +.form-control-plaintext { + display: block; + width: 100%; + padding: var(--input-padding-y) 0; + margin-bottom: 0; + line-height: var(--input-line-height); + color: var(--input-plaintext-color); + background-color: transparent; + border: solid transparent; + border-width: var(--input-border-width) 0; +} +.form-control-plaintext:focus { + outline: 0; +} +.form-control-plaintext.form-control-lg, +.form-control-plaintext.form-control-sm { + padding-right: 0; + padding-left: 0; +} +.form-control-sm { + --input-height: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + + calc(var(--border-width) * 2) + ); + --input-padding-y: 0.375rem; + --input-padding-x: 0.75rem; + --input-font-size: var(--body-font-size-sm); + --input-line-height: var(--body-line-height-sm); + --input-border-radius: var(--border-radius-sm); +} +.form-control-lg { + --input-height: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + + calc(var(--border-width) * 2) + ); + --input-padding-y: 0.625rem; + --input-padding-x: 1rem; + --input-font-size: var(--body-font-size-lg); + --input-line-height: var(--body-line-height-lg); + --input-border-radius: var(--border-radius-lg); +} +textarea.form-control { + min-height: var(--input-height); +} +textarea.form-control-sm { + --input-height: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + + calc(var(--border-width) * 2) + ); +} +textarea.form-control-lg { + --input-height: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + + calc(var(--border-width) * 2) + ); +} +.form-control-color { + width: 3rem; + height: auto; + padding: var(--input-padding-y); +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + height: var(--body-line-height-computed); + border-radius: var(--input-border-radius); +} +.form-control-color::-webkit-color-swatch { + height: var(--body-line-height-computed); + border-radius: var(--input-border-radius); +} +.form-select { + --form-select-padding-y: 0.5rem; + --form-select-padding-x: 0.875rem; + --form-select-bg: var(--white); + --form-select-bg-position: right 0.875rem center; + --form-select-bg-size: 16px 12px; + --form-select-color: var(--body-color); + --form-select-font-size: var(--body-font-size); + --form-select-line-height: var(--body-line-height); + --form-select-border-width: var(--border-width); + --form-select-border-color: var(--gray-400); + --form-select-border-radius: var(--border-radius); + --form-select-box-shadow: 0 0 0 0 transparent; + --form-select-focus-border-color: var(--component-active-bg); + --form-select-focus-box-shadow: var(--focus-ring-box-shadow); + --form-select-disabled-color: var(--body-color); + --form-select-disabled-bg: var(--gray-100); + --form-select-disabled-border-color: var(--gray-400); + --form-select-indicator-padding: 2.625rem; + display: block; + width: 100%; + padding: var(--form-select-padding-y) var(--form-select-indicator-padding) + var(--form-select-padding-y) var(--form-select-padding-x); + -moz-padding-start: calc(var(--form-select-padding-x) - 3px); + font-family: var(--form-select-font-family); + font-size: var(--form-select-font-size); + font-weight: 400; + line-height: var(--form-select-line-height); + color: var(--form-select-color); + background-color: var(--form-select-bg); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: var(--form-select-bg-position); + background-size: var(--form-select-bg-size); + border: var(--form-select-border-width) solid var(--form-select-border-color); + border-radius: var(--form-select-border-radius); + box-shadow: var(--form-select-box-shadow); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} +.form-select:focus { + border-color: var(--form-select-focus-border-color); + outline: 0; + box-shadow: var(--form-select-box-shadow), var(--form-select-focus-box-shadow); +} +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-right: var(--form-select-padding-x); + background-image: none; +} +.form-select:disabled { + color: var(--form-select-disabled-color); + background-color: var(--form-select-disabled-bg); + border-color: var(--form-select-disabled-border-color); +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 var(--form-select-color); +} +.form-select-sm { + --form-select-padding-y: 0.375rem; + --form-select-padding-x: 0.75rem; + --form-select-font-size: var(--body-font-size-sm); + --form-select-line-height: var(--body-line-height-sm); + --form-select-border-radius: var(--border-radius-sm); +} +.form-select-lg { + --form-select-padding-y: 0.625rem; + --form-select-padding-x: 1rem; + --form-select-font-size: var(--body-font-size-lg); + --form-select-line-height: var(--body-line-height-lg); + --form-select-border-radius: var(--border-radius-lg); +} +.form-check { + --form-check-min-height: var(--body-line-height-computed); + --form-check-padding-start: calc(1.25rem + var(--spacer-2)); + --form-check-margin-bottom: 0; + display: block; + min-height: var(--form-check-min-height); + padding-left: var(--form-check-padding-start); + margin-bottom: var(--form-check-margin-bottom); +} +.form-check .form-check-input { + float: left; + margin-left: calc(var(--form-check-padding-start) * -1); +} +.form-check-reverse { + padding-right: var(--form-check-padding-start); + padding-left: 0; + text-align: right; +} +.form-check-reverse .form-check-input { + float: right; + margin-right: calc(var(--form-check-padding-start) * -1); + margin-left: 0; +} +.form-check-input { + --form-check-input-width: 1.25rem; + --form-check-input-height: 1.25rem; + --form-check-input-bg: var(--white); + --form-check-input-border: calc(var(--border-width) * 2) solid var(--gray-400); + --form-check-input-border-radius: 0.1875em; + --form-check-input-focus-border: var(--component-active-bg); + --form-check-input-focus-box-shadow: var(--focus-ring-box-shadow); + --form-check-input-checked-bg-color: var(--component-active-bg); + --form-check-input-checked-border-color: transparent; + --form-check-input-disabled-opacity: 0.5; + --form-check-input-indeterminate-bg-color: var(--component-active-bg); + --form-check-input-indeterminate-border-color: transparent; + --form-check-checked-bg-color-rgb: var(--component-active-bg-rgb); + --form-check-checked-border-color: transparent; + --form-check-radio-border-radius: 100rem; + width: var(--form-check-input-width); + height: var(--form-check-input-height); + margin-top: calc( + (var(--body-line-height) - var(--form-check-input-height)) * 0.5 + ); + vertical-align: top; + background-color: var(--form-check-input-bg); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: var(--form-check-input-border); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; + print-color-adjust: exact; + transition: box-shadow var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-check-input { + transition: none; + } +} +.form-check-input[type="checkbox"] { + border-radius: var(--form-check-input-border-radius); +} +.form-check-input[type="radio"] { + border-radius: var(--form-check-radio-border-radius); +} +.form-check-input:focus { + border-color: var(--form-check-input-focus-border); + outline: 0; + box-shadow: var(--form-check-input-focus-box-shadow); +} +.form-check-input:checked { + background-color: var(--form-check-input-checked-bg-color); + border-color: var(--form-check-input-checked-border-color); +} +.form-check-input:checked[type="checkbox"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10l4 4l6-8'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type="radio"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-input[type="checkbox"]:indeterminate { + background-color: var(--form-check-input-indeterminate-bg-color); + border-color: var(--form-check-input-indeterminate-border-color); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10h10'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: var(--form-check-input-disabled-opacity); +} +.form-check-input:disabled ~ .form-check-label, +.form-check-input[disabled] ~ .form-check-label { + cursor: default; + opacity: var(--form-check-label-disabled-opacity); +} +.form-check-label { + --form-check-label-disabled-opacity: 0.5; +} +.form-switch { + --form-check-padding-start: calc(calc(1.25rem * 1.75) + var(--spacer-2)); +} +.form-switch .form-check-input { + --form-check-input-width: calc(1.25rem * 1.75); + --form-check-input-border-radius: calc(1.25rem * 1.75); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.5%29'/%3e%3c/svg%3e"); + background-position: left center; + transition: box-shadow var(--transition-base-timer) ease-in-out, + background-position var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + background-image var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } +} +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.5%29'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-inline { + --form-check-inline-margin-end: 1rem; + display: inline-block; + margin-right: var(--form-check-inline-margin-end); +} +.btn-check { + --form-check-btn-check-disabled-opacity: 0.65; + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.btn-check:disabled + .btn, +.btn-check[disabled] + .btn { + pointer-events: none; + -webkit-filter: none; + filter: none; + opacity: var(--form-check-btn-check-disabled-opacity); +} +.form-range { + --form-range-thumb-width: 1rem; + --form-range-thumb-height: 1rem; + --form-range-thumb-focus-box-shadow-width: 0.125rem; + --form-range-thumb-focus-box-shadow: 0 0 0 1px var(--body-bg), + var(--focus-ring-box-shadow); + --form-range-thumb-bg: var(--component-active-bg); + --form-range-thumb-border: 0; + --form-range-thumb-border-radius: 1rem; + --form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + --form-range-thumb-active-bg: var(--component-active-bg); + --form-range-thumb-disabled-bg: var(--gray-500); + --form-range-track-width: 100%; + --form-range-track-height: 0.5rem; + --form-range-track-bg: var(--gray-300); + --form-range-track-border-radius: 1rem; + --form-range-track-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + width: 100%; + height: calc( + --form-range-thumb-height + + calc(var(--form-range-thumb-focus-box-shadow-width) * 2) + ); + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + box-shadow: var(--form-range-thumb-focus-box-shadow); +} +.form-range:focus::-moz-range-thumb { + box-shadow: var(--form-range-thumb-focus-box-shadow); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: var(--form-range-thumb-width); + height: var(--form-range-thumb-height); + margin-top: calc( + (var(--form-range-track-height) - var(--form-range-thumb-height)) * 0.5 + ); + background-color: var(--form-range-thumb-bg); + border: var(--form-range-thumb-border); + border-radius: var(--form-range-thumb-border-radius); + box-shadow: var(--form-range-thumb-box-shadow); + -webkit-transition: background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } +} +.form-range::-webkit-slider-thumb:active { + background-color: var(--form-range-thumb-active-bg); +} +.form-range::-webkit-slider-runnable-track { + width: var(--form-range-track-width); + height: var(--form-range-track-height); + color: transparent; + cursor: pointer; + background-color: var(--form-range-track-bg); + border-color: transparent; + border-radius: var(--form-range-track-border-radius); + box-shadow: var(--form-range-track-box-shadow); +} +.form-range::-moz-range-thumb { + width: var(--form-range-thumb-width); + height: var(--form-range-thumb-height); + background-color: var(--form-range-thumb-bg); + border: var(--form-range-thumb-border); + border-radius: var(--form-range-thumb-border-radius); + box-shadow: var(--form-range-thumb-box-shadow); + -moz-transition: background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } +} +.form-range::-moz-range-thumb:active { + background-color: var(--form-range-thumb-active-bg); +} +.form-range::-moz-range-track { + width: var(--form-range-track-width); + height: var(--form-range-track-height); + color: transparent; + cursor: pointer; + background-color: var(--form-range-track-bg); + border-color: transparent; + border-radius: var(--form-range-track-border-radius); + box-shadow: var(--form-range-track-box-shadow); +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: var(--form-range-thumb-disabled-bg); +} +.form-range:disabled::-moz-range-thumb { + background-color: var(--form-range-thumb-disabled-bg); +} +.form-floating { + --form-floating-height: calc(3.5rem + calc(var(--border-width) * 2)); + --form-floating-line-height: 1.25; + --form-floating-padding-y: 1rem; + --form-floating-padding-x: 0.875rem; + --form-floating-input-padding-t: 1.625rem; + --form-floating-input-padding-b: 0.625rem; + --form-floating-label-opacity: 0.65; + --form-floating-label-transform: scale(0.85) translateY(-0.4rem) + translateX(0.15rem); + position: relative; +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext, +.form-floating > .form-select { + height: var(--form-floating-height); + line-height: var(--form-floating-line-height); +} +.form-floating > label { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: var(--form-floating-padding-y) var(--form-floating-padding-x); + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: var(--border-width) solid transparent; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, + -webkit-transform 0.1s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; + } +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext { + padding: var(--form-floating-padding-y) var(--form-floating-padding-x); +} +.form-floating > .form-control-plaintext::-webkit-input-placeholder, +.form-floating > .form-control::-webkit-input-placeholder { + color: transparent; +} +.form-floating > .form-control-plaintext::-moz-placeholder, +.form-floating > .form-control::-moz-placeholder { + color: transparent; +} +.form-floating > .form-control-plaintext:-ms-input-placeholder, +.form-floating > .form-control:-ms-input-placeholder { + color: transparent; +} +.form-floating > .form-control-plaintext::-ms-input-placeholder, +.form-floating > .form-control::-ms-input-placeholder { + color: transparent; +} +.form-floating > .form-control-plaintext::placeholder, +.form-floating > .form-control::placeholder { + color: transparent; +} +.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), +.form-floating > .form-control:not(:-moz-placeholder-shown) { + padding-top: var(--form-floating-input-padding-t); + padding-bottom: var(--form-floating-input-padding-b); +} +.form-floating > .form-control-plaintext:not(:-ms-input-placeholder), +.form-floating > .form-control:not(:-ms-input-placeholder) { + padding-top: var(--form-floating-input-padding-t); + padding-bottom: var(--form-floating-input-padding-b); +} +.form-floating > .form-control-plaintext:focus, +.form-floating > .form-control-plaintext:not(:placeholder-shown), +.form-floating > .form-control:focus, +.form-floating > .form-control:not(:placeholder-shown) { + padding-top: var(--form-floating-input-padding-t); + padding-bottom: var(--form-floating-input-padding-b); +} +.form-floating > .form-control-plaintext:-webkit-autofill, +.form-floating > .form-control:-webkit-autofill { + padding-top: var(--form-floating-input-padding-t); + padding-bottom: var(--form-floating-input-padding-b); +} +.form-floating > .form-select { + padding-top: var(--form-floating-input-padding-t); + padding-bottom: var(--form-floating-input-padding-b); +} +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + opacity: var(--form-floating-label-opacity); + transform: var(--form-floating-label-transform); +} +.form-floating > .form-control:not(:-ms-input-placeholder) ~ label { + opacity: var(--form-floating-label-opacity); + transform: var(--form-floating-label-transform); +} +.form-floating > .form-control-plaintext ~ label, +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-select ~ label { + opacity: var(--form-floating-label-opacity); + -webkit-transform: var(--form-floating-label-transform); + transform: var(--form-floating-label-transform); +} +.form-floating > .form-control:-webkit-autofill ~ label { + opacity: var(--form-floating-label-opacity); + -webkit-transform: var(--form-floating-label-transform); + transform: var(--form-floating-label-transform); +} +.form-floating > .form-control-plaintext ~ label { + border-width: var(--border-width) 0; +} +.input-group { + --input-group-addon-padding-y: 0.5rem; + --input-group-addon-padding-x: 0.875rem; + --input-group-addon-bg: var(--gray-100); + --input-group-addon-color: var(--body-color); + --input-group-addon-font-size: var(--body-font-size); + --input-group-addon-font-weight: 400; + --input-group-addon-line-height: var(--body-line-height); + --input-group-addon-border-width: var(--border-width); + --input-group-addon-border-color: var(--gray-400); + --input-group-addon-border-radius: var(--border-radius); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: stretch; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-floating, +.input-group > .form-select { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group > .form-control:focus, +.input-group > .form-floating:focus-within, +.input-group > .form-select:focus { + z-index: 5; +} +.input-group .btn { + position: relative; + z-index: 2; +} +.input-group .btn:focus { + z-index: 5; +} +.input-group-text { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: var(--input-group-addon-padding-y) var(--input-group-addon-padding-x); + font-size: var(--input-group-addon-font-size); + font-weight: var(--input-group-addon-font-weight); + line-height: var(--input-group-addon-line-height); + color: var(--input-group-addon-color); + text-align: center; + white-space: nowrap; + background-color: var(--input-group-addon-bg); + border: var(--input-group-addon-border-width) solid + var(--input-group-addon-border-color); + border-radius: var(--input-group-addon-border-radius); +} +.input-group-lg > .form-control { + --input-padding-y: 0.625rem; + --input-padding-x: 1rem; + --input-font-size: var(--body-font-size-lg); + --input-line-height: var(--body-line-height-lg); + --input-border-radius: var(--border-radius-lg); +} +.input-group-lg > .form-select { + --form-select-padding-y: 0.625rem; + --form-select-padding-x: 1rem; + --form-select-indicator-padding: 3rem; + --form-select-font-size: var(--body-font-size-lg); + --form-select-line-height: var(--body-line-height-lg); + --form-select-border-radius: var(--border-radius-lg); +} +.input-group-lg > .input-group-text { + --input-group-addon-padding-y: 0.625rem; + --input-group-addon-padding-x: 1rem; + --input-group-addon-font-size: var(--body-font-size-lg); + --input-group-addon-line-height: var(--body-line-height-lg); + --input-group-addon-border-radius: var(--border-radius-lg); +} +.input-group-lg > .btn { + --btn-padding-y: 0.625rem; + --btn-padding-x: 1rem; + --btn-font-size: var(--body-font-size-lg); + --btn-line-height: var(--body-line-height-lg); + --btn-border-radius: var(--border-radius-lg); +} +.input-group-sm > .form-control { + --input-padding-y: 0.375rem; + --input-padding-x: 0.75rem; + --input-font-size: var(--body-font-size-sm); + --input-line-height: var(--body-line-height-sm); + --input-border-radius: var(--border-radius-sm); +} +.input-group-sm > .form-select { + --form-select-padding-y: 0.375rem; + --form-select-padding-x: 0.75rem; + --form-select-indicator-padding: 2.25rem; + --form-select-font-size: var(--body-font-size-sm); + --form-select-line-height: var(--body-line-height-sm); + --form-select-border-radius: var(--border-radius-sm); +} +.input-group-sm > .input-group-text { + --input-group-addon-padding-y: 0.375rem; + --input-group-addon-padding-x: 0.75rem; + --input-group-addon-font-size: var(--body-font-size-sm); + --input-group-addon-line-height: var(--body-line-height-sm); + --input-group-addon-border-radius: var(--border-radius-sm); +} +.input-group-sm > .btn { + --btn-padding-y: 0.375rem; + --btn-padding-x: 0.75rem; + --btn-font-size: var(--body-font-size-sm); + --btn-line-height: var(--body-line-height-sm); + --btn-border-radius: var(--border-radius-sm); +} +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), +.input-group:not(.has-validation) + > .form-floating:not(:last-child) + > .form-control, +.input-group:not(.has-validation) + > .form-floating:not(:last-child) + > .form-select, +.input-group:not(.has-validation) + > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not( + .form-floating + ) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), +.input-group.has-validation + > .form-floating:nth-last-child(n + 3) + > .form-control, +.input-group.has-validation + > .form-floating:nth-last-child(n + 3) + > .form-select, +.input-group.has-validation + > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not( + .form-floating + ) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( + .valid-feedback + ):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: calc(var(--border-width) * -1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.valid-feedback { + --form-validation-color: #059669; + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: var(--body-font-size-sm); + color: var(--form-validation-color); +} +.valid-tooltip { + --form-validation-tooltip-color: #fff; + --form-validation-tooltip-bg: rgba(5, 150, 105, 0.95); + --form-validation-tooltip-border-radius: var(--border-radius); + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: calc(var(--spacer) * 0.4) calc(var(--spacer) * 0.6); + margin-top: 0.1rem; + font-size: var(--body-font-size); + color: var(--form-validation-tooltip-color); + background-color: var(--form-validation-tooltip-bg); + border-radius: var(--form-validation-tooltip-border-radius); +} +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip, +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip { + display: block; +} +.form-control.is-valid, +.was-validated .form-control:valid { + --form-validation-border-color: #059669; + --form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(5, 150, 105, 0.25); + border-color: var(--form-validation-border-color); + padding-right: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + ); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right + calc( + calc(var(--input-line-height) * 0.25em) + + calc(var(--input-padding-y) * 0.5) + ) + center; + background-size: calc( + calc(var(--input-line-height) * 0.5em) + var(--input-padding-y) + ) + calc(calc(var(--input-line-height) * 0.5em) + var(--input-padding-y)); +} +.form-control.is-valid:focus, +.was-validated .form-control:valid:focus { + box-shadow: var(--form-validation-focus-box-shadow); +} +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { + padding-right: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + ); + background-position: top + calc( + calc(var(--input-line-height) * 0.25em) + + calc(var(--input-padding-y) * 0.5) + ) + right + calc( + calc(var(--input-line-height) * 0.25em) + + calc(var(--input-padding-y) * 0.5) + ); +} +.form-select.is-valid, +.was-validated .form-select:valid { + --form-validation-border-color: #059669; + --form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(5, 150, 105, 0.25); + border-color: var(--form-validation-border-color); +} +.form-select.is-valid:not([multiple]):not([size]), +.form-select.is-valid:not([multiple])[size="1"], +.was-validated .form-select:valid:not([multiple]):not([size]), +.was-validated .form-select:valid:not([multiple])[size="1"] { + padding-right: 4.8125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.875rem center, center right 2.625rem; + background-size: 16px 12px, + calc( + calc(var(--form-select-line-height) * 0.5em) + + var(--form-select-padding-y) + ) + calc( + calc(var(--form-select-line-height) * 0.5em) + + var(--form-select-padding-y) + ); +} +[data-color-theme="dark"] .form-select.is-valid:not([multiple]):not([size]), +[data-color-theme="dark"] .form-select.is-valid:not([multiple])[size="1"], +[data-color-theme="dark"] + .was-validated + .form-select:valid:not([multiple]):not([size]), +[data-color-theme="dark"] + .was-validated + .form-select:valid:not([multiple])[size="1"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); +} +.form-select.is-valid:focus, +.was-validated .form-select:valid:focus { + border-color: var(--form-validation-border-color); + box-shadow: var(--form-validation-focus-box-shadow); +} +.form-control-color.is-valid, +.was-validated .form-control-color:valid { + width: calc( + 3rem + + calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + ) + ); +} +.form-check-input.is-valid, +.was-validated .form-check-input:valid { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(5, 150, 105, 0.25); + --component-active-bg: #059669; + border-color: var(--component-active-bg); +} +.form-check-input.is-valid ~ .form-check-label, +.was-validated .form-check-input:valid ~ .form-check-label { + --form-validation-color: #059669; + color: var(--form-validation-color); +} +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} +.input-group > .form-control:not(:focus).is-valid, +.input-group > .form-floating:not(:focus-within).is-valid, +.input-group > .form-select:not(:focus).is-valid, +.was-validated .input-group > .form-control:not(:focus):valid, +.was-validated .input-group > .form-floating:not(:focus-within):valid, +.was-validated .input-group > .form-select:not(:focus):valid { + z-index: 3; +} +.invalid-feedback { + --form-validation-color: #ef4444; + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: var(--body-font-size-sm); + color: var(--form-validation-color); +} +.invalid-tooltip { + --form-validation-tooltip-color: #fff; + --form-validation-tooltip-bg: rgba(239, 68, 68, 0.95); + --form-validation-tooltip-border-radius: var(--border-radius); + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: calc(var(--spacer) * 0.4) calc(var(--spacer) * 0.6); + margin-top: 0.1rem; + font-size: var(--body-font-size); + color: var(--form-validation-tooltip-color); + background-color: var(--form-validation-tooltip-bg); + border-radius: var(--form-validation-tooltip-border-radius); +} +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip, +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip { + display: block; +} +.form-control.is-invalid, +.was-validated .form-control:invalid { + --form-validation-border-color: #ef4444; + --form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25); + border-color: var(--form-validation-border-color); + padding-right: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + ); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right + calc( + calc(var(--input-line-height) * 0.25em) + + calc(var(--input-padding-y) * 0.5) + ) + center; + background-size: calc( + calc(var(--input-line-height) * 0.5em) + var(--input-padding-y) + ) + calc(calc(var(--input-line-height) * 0.5em) + var(--input-padding-y)); +} +.form-control.is-invalid:focus, +.was-validated .form-control:invalid:focus { + box-shadow: var(--form-validation-focus-box-shadow); +} +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { + padding-right: calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + ); + background-position: top + calc( + calc(var(--input-line-height) * 0.25em) + + calc(var(--input-padding-y) * 0.5) + ) + right + calc( + calc(var(--input-line-height) * 0.25em) + + calc(var(--input-padding-y) * 0.5) + ); +} +.form-select.is-invalid, +.was-validated .form-select:invalid { + --form-validation-border-color: #ef4444; + --form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25); + border-color: var(--form-validation-border-color); +} +.form-select.is-invalid:not([multiple]):not([size]), +.form-select.is-invalid:not([multiple])[size="1"], +.was-validated .form-select:invalid:not([multiple]):not([size]), +.was-validated .form-select:invalid:not([multiple])[size="1"] { + padding-right: 4.8125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.875rem center, center right 2.625rem; + background-size: 16px 12px, + calc( + calc(var(--form-select-line-height) * 0.5em) + + var(--form-select-padding-y) + ) + calc( + calc(var(--form-select-line-height) * 0.5em) + + var(--form-select-padding-y) + ); +} +[data-color-theme="dark"] .form-select.is-invalid:not([multiple]):not([size]), +[data-color-theme="dark"] .form-select.is-invalid:not([multiple])[size="1"], +[data-color-theme="dark"] + .was-validated + .form-select:invalid:not([multiple]):not([size]), +[data-color-theme="dark"] + .was-validated + .form-select:invalid:not([multiple])[size="1"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e"); +} +.form-select.is-invalid:focus, +.was-validated .form-select:invalid:focus { + border-color: var(--form-validation-border-color); + box-shadow: var(--form-validation-focus-box-shadow); +} +.form-control-color.is-invalid, +.was-validated .form-control-color:invalid { + width: calc( + 3rem + + calc( + calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2) + ) + ); +} +.form-check-input.is-invalid, +.was-validated .form-check-input:invalid { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25); + --component-active-bg: #ef4444; + border-color: var(--component-active-bg); +} +.form-check-input.is-invalid ~ .form-check-label, +.was-validated .form-check-input:invalid ~ .form-check-label { + --form-validation-color: #ef4444; + color: var(--form-validation-color); +} +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} +.input-group > .form-control:not(:focus).is-invalid, +.input-group > .form-floating:not(:focus-within).is-invalid, +.input-group > .form-select:not(:focus).is-invalid, +.was-validated .input-group > .form-control:not(:focus):invalid, +.was-validated .input-group > .form-floating:not(:focus-within):invalid, +.was-validated .input-group > .form-select:not(:focus):invalid { + z-index: 4; +} +.btn { + --btn-padding-x: 0.875rem; + --btn-padding-y: 0.5rem; + --btn-font-size: var(--body-font-size); + --btn-font-weight: 400; + --btn-line-height: var(--body-line-height); + --btn-color: #1f2937; + --btn-bg: transparent; + --btn-border-width: var(--border-width); + --btn-border-color: transparent; + --btn-border-radius: var(--border-radius); + --btn-hover-border-color: transparent; + --btn-box-shadow: 0 0 0 0 transparent; + --btn-disabled-opacity: 0.65; + --btn-focus-box-shadow: 0 0 0 0.125rem rgba(var(--btn-focus-shadow-rgb), 0.5); + display: inline-block; + padding: var(--btn-padding-y) var(--btn-padding-x); + font-family: var(--btn-font-family); + font-size: var(--btn-font-size); + font-weight: var(--btn-font-weight); + line-height: var(--btn-line-height); + color: var(--btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: var(--btn-border-width) solid var(--btn-border-color); + border-radius: var(--btn-border-radius); + background-color: var(--btn-bg); + box-shadow: var(--btn-box-shadow); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); +} +.btn-check + .btn:hover { + color: var(--btn-color); + background-color: var(--btn-bg); + border-color: var(--btn-border-color); +} +.btn:focus-visible { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); + outline: 0; + box-shadow: var(--btn-box-shadow), var(--btn-focus-box-shadow); +} +.btn-check:focus-visible + .btn { + border-color: var(--btn-hover-border-color); + outline: 0; + box-shadow: var(--btn-box-shadow), var(--btn-focus-box-shadow); +} +.btn-check:checked + .btn, +.btn.active, +.btn.show, +.btn:first-child:active, +:not(.btn-check) + .btn:active { + color: var(--btn-active-color); + background-color: var(--btn-active-bg); + border-color: var(--btn-active-border-color); + box-shadow: var(--btn-active-shadow); +} +.btn-check:checked + .btn:focus-visible, +.btn.active:focus-visible, +.btn.show:focus-visible, +.btn:first-child:active:focus-visible, +:not(.btn-check) + .btn:active:focus-visible { + box-shadow: var(--btn-active-shadow), var(--btn-focus-box-shadow); +} +.btn.disabled, +.btn:disabled, +fieldset:disabled .btn { + color: var(--btn-disabled-color); + pointer-events: none; + background-color: var(--btn-disabled-bg); + border-color: var(--btn-disabled-border-color); + opacity: var(--btn-disabled-opacity); + box-shadow: none; +} +.btn-indigo { + --btn-color: #fff; + --btn-bg: #5c6bc0; + --btn-border-color: #5c6bc0; + --btn-hover-color: #fff; + --btn-hover-bg: #5360ad; + --btn-hover-border-color: #5360ad; + --btn-focus-shadow-rgb: 116, 129, 201; + --btn-active-color: #fff; + --btn-active-bg: #4e5ba3; + --btn-active-border-color: #4e5ba3; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #5c6bc0; + --btn-disabled-border-color: #5c6bc0; +} +.btn-purple { + --btn-color: #fff; + --btn-bg: #8e70c1; + --btn-border-color: #8e70c1; + --btn-hover-color: #fff; + --btn-hover-bg: #8065ae; + --btn-hover-border-color: #8065ae; + --btn-focus-shadow-rgb: 159, 133, 202; + --btn-active-color: #fff; + --btn-active-bg: #795fa4; + --btn-active-border-color: #795fa4; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #8e70c1; + --btn-disabled-border-color: #8e70c1; +} +.btn-pink { + --btn-color: #fff; + --btn-bg: #f35c86; + --btn-border-color: #f35c86; + --btn-hover-color: #fff; + --btn-hover-bg: #db5379; + --btn-hover-border-color: #db5379; + --btn-focus-shadow-rgb: 245, 116, 152; + --btn-active-color: #fff; + --btn-active-bg: #cf4e72; + --btn-active-border-color: #cf4e72; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #f35c86; + --btn-disabled-border-color: #f35c86; +} +.btn-teal { + --btn-color: #fff; + --btn-bg: #26a69a; + --btn-border-color: #26a69a; + --btn-hover-color: #fff; + --btn-hover-bg: #22958b; + --btn-hover-border-color: #22958b; + --btn-focus-shadow-rgb: 71, 179, 169; + --btn-active-color: #fff; + --btn-active-bg: #208d83; + --btn-active-border-color: #208d83; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #26a69a; + --btn-disabled-border-color: #26a69a; +} +.btn-yellow { + --btn-color: #000; + --btn-bg: #ffd648; + --btn-border-color: #ffd648; + --btn-hover-color: #000; + --btn-hover-bg: #f9d146; + --btn-hover-border-color: #f9d146; + --btn-focus-shadow-rgb: 217, 182, 61; + --btn-active-color: #000; + --btn-active-bg: #f2cb44; + --btn-active-border-color: #f9d146; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #000; + --btn-disabled-bg: #ffd648; + --btn-disabled-border-color: #ffd648; +} +.btn-primary { + --btn-color: #fff; + --btn-bg: #0c83ff; + --btn-border-color: #0c83ff; + --btn-hover-color: #fff; + --btn-hover-bg: #0b76e6; + --btn-hover-border-color: #0b76e6; + --btn-focus-shadow-rgb: 48, 150, 255; + --btn-active-color: #fff; + --btn-active-bg: #0a6fd9; + --btn-active-border-color: #0a6fd9; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #0c83ff; + --btn-disabled-border-color: #0c83ff; +} +.btn-secondary { + --btn-color: #fff; + --btn-bg: #247297; + --btn-border-color: #247297; + --btn-hover-color: #fff; + --btn-hover-bg: #206788; + --btn-hover-border-color: #206788; + --btn-focus-shadow-rgb: 69, 135, 167; + --btn-active-color: #fff; + --btn-active-bg: #1f6180; + --btn-active-border-color: #1f6180; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #247297; + --btn-disabled-border-color: #247297; +} +.btn-success { + --btn-color: #fff; + --btn-bg: #059669; + --btn-border-color: #059669; + --btn-hover-color: #fff; + --btn-hover-bg: #05875f; + --btn-hover-border-color: #05875f; + --btn-focus-shadow-rgb: 43, 166, 128; + --btn-active-color: #fff; + --btn-active-bg: #048059; + --btn-active-border-color: #048059; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #059669; + --btn-disabled-border-color: #059669; +} +.btn-info { + --btn-color: #fff; + --btn-bg: #049aad; + --btn-border-color: #049aad; + --btn-hover-color: #fff; + --btn-hover-bg: #048b9c; + --btn-hover-border-color: #048b9c; + --btn-focus-shadow-rgb: 42, 169, 185; + --btn-active-color: #fff; + --btn-active-bg: #038393; + --btn-active-border-color: #038393; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #049aad; + --btn-disabled-border-color: #049aad; +} +.btn-warning { + --btn-color: #fff; + --btn-bg: #f58646; + --btn-border-color: #f58646; + --btn-hover-color: #fff; + --btn-hover-bg: #dd793f; + --btn-hover-border-color: #dd793f; + --btn-focus-shadow-rgb: 247, 152, 98; + --btn-active-color: #fff; + --btn-active-bg: #d0723c; + --btn-active-border-color: #d0723c; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #f58646; + --btn-disabled-border-color: #f58646; +} +.btn-danger { + --btn-color: #fff; + --btn-bg: #ef4444; + --btn-border-color: #ef4444; + --btn-hover-color: #fff; + --btn-hover-bg: #d73d3d; + --btn-hover-border-color: #d73d3d; + --btn-focus-shadow-rgb: 241, 96, 96; + --btn-active-color: #fff; + --btn-active-bg: #cb3a3a; + --btn-active-border-color: #cb3a3a; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #ef4444; + --btn-disabled-border-color: #ef4444; +} +.btn-light { + --btn-color: var(--body-color); + --btn-bg: var(--gray-200); + --btn-border-color: var(--gray-400); + --btn-hover-color: var(--body-color); + --btn-hover-bg: var(--gray-300); + --btn-hover-border-color: var(--gray-500); + --btn-focus-shadow-rgb: 207, 207, 209; + --btn-active-color: var(--body-color); + --btn-active-bg: var(--gray-400); + --btn-active-border-color: var(--gray-600); + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: var(--body-color); + --btn-disabled-bg: var(--gray-200); + --btn-disabled-border-color: var(--gray-400); +} +.btn-dark { + --btn-color: #fff; + --btn-bg: #252b36; + --btn-border-color: #252b36; + --btn-hover-color: #fff; + --btn-hover-bg: #2a303b; + --btn-hover-border-color: #2a303b; + --btn-focus-shadow-rgb: 70, 75, 84; + --btn-active-color: #fff; + --btn-active-bg: #303640; + --btn-active-border-color: #2a303b; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #252b36; + --btn-disabled-border-color: #252b36; +} +.btn-black { + --btn-color: #fff; + --btn-bg: #000; + --btn-border-color: #000; + --btn-hover-color: #fff; + --btn-hover-bg: black; + --btn-hover-border-color: black; + --btn-focus-shadow-rgb: 38, 38, 38; + --btn-active-color: #fff; + --btn-active-bg: black; + --btn-active-border-color: black; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #000; + --btn-disabled-border-color: #000; +} +.btn-white { + --btn-color: #000; + --btn-bg: #fff; + --btn-border-color: #fff; + --btn-hover-color: #000; + --btn-hover-bg: #f9f9f9; + --btn-hover-border-color: #f9f9f9; + --btn-focus-shadow-rgb: 217, 217, 217; + --btn-active-color: #000; + --btn-active-bg: #f2f2f2; + --btn-active-border-color: #f9f9f9; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #000; + --btn-disabled-bg: #fff; + --btn-disabled-border-color: #fff; +} +.btn-outline-indigo { + --btn-color: #5c6bc0; + --btn-border-color: #5c6bc0; + --btn-hover-color: #fff; + --btn-hover-bg: #5c6bc0; + --btn-hover-border-color: #5c6bc0; + --btn-focus-shadow-rgb: 92, 107, 192; + --btn-active-color: #fff; + --btn-active-bg: #4a5ab9; + --btn-active-border-color: #5c6bc0; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #5c6bc0; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-purple { + --btn-color: #8e70c1; + --btn-border-color: #8e70c1; + --btn-hover-color: #fff; + --btn-hover-bg: #8e70c1; + --btn-hover-border-color: #8e70c1; + --btn-focus-shadow-rgb: 142, 112, 193; + --btn-active-color: #fff; + --btn-active-bg: #805eb9; + --btn-active-border-color: #8e70c1; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #8e70c1; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-pink { + --btn-color: #f35c86; + --btn-border-color: #f35c86; + --btn-hover-color: #fff; + --btn-hover-bg: #f35c86; + --btn-hover-border-color: #f35c86; + --btn-focus-shadow-rgb: 243, 92, 134; + --btn-active-color: #fff; + --btn-active-bg: #f14474; + --btn-active-border-color: #f35c86; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #f35c86; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-teal { + --btn-color: #26a69a; + --btn-border-color: #26a69a; + --btn-hover-color: #fff; + --btn-hover-bg: #26a69a; + --btn-hover-border-color: #26a69a; + --btn-focus-shadow-rgb: 38, 166, 154; + --btn-active-color: #fff; + --btn-active-bg: #219187; + --btn-active-border-color: #26a69a; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #26a69a; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-yellow { + --btn-color: #ffd648; + --btn-border-color: #ffd648; + --btn-hover-color: #000; + --btn-hover-bg: #ffd648; + --btn-hover-border-color: #ffd648; + --btn-focus-shadow-rgb: 255, 214, 72; + --btn-active-color: #000; + --btn-active-bg: #ffd02f; + --btn-active-border-color: #ffd648; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #ffd648; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-primary { + --btn-color: #0c83ff; + --btn-border-color: #0c83ff; + --btn-hover-color: #fff; + --btn-hover-bg: #0c83ff; + --btn-hover-border-color: #0c83ff; + --btn-focus-shadow-rgb: 12, 131, 255; + --btn-active-color: #fff; + --btn-active-bg: #0076f2; + --btn-active-border-color: #0c83ff; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #0c83ff; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-secondary { + --btn-color: #247297; + --btn-border-color: #247297; + --btn-hover-color: #fff; + --btn-hover-bg: #247297; + --btn-hover-border-color: #247297; + --btn-focus-shadow-rgb: 36, 114, 151; + --btn-active-color: #fff; + --btn-active-bg: #1f6282; + --btn-active-border-color: #247297; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #247297; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-success { + --btn-color: #059669; + --btn-border-color: #059669; + --btn-hover-color: #fff; + --btn-hover-bg: #059669; + --btn-hover-border-color: #059669; + --btn-focus-shadow-rgb: 5, 150, 105; + --btn-active-color: #fff; + --btn-active-bg: #047d58; + --btn-active-border-color: #059669; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #059669; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-info { + --btn-color: #049aad; + --btn-border-color: #049aad; + --btn-hover-color: #fff; + --btn-hover-bg: #049aad; + --btn-hover-border-color: #049aad; + --btn-focus-shadow-rgb: 4, 154, 173; + --btn-active-color: #fff; + --btn-active-bg: #038494; + --btn-active-border-color: #049aad; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #049aad; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-warning { + --btn-color: #f58646; + --btn-border-color: #f58646; + --btn-hover-color: #fff; + --btn-hover-bg: #f58646; + --btn-hover-border-color: #f58646; + --btn-focus-shadow-rgb: 245, 134, 70; + --btn-active-color: #fff; + --btn-active-bg: #f4762e; + --btn-active-border-color: #f58646; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #f58646; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-danger { + --btn-color: #ef4444; + --btn-border-color: #ef4444; + --btn-hover-color: #fff; + --btn-hover-bg: #ef4444; + --btn-hover-border-color: #ef4444; + --btn-focus-shadow-rgb: 239, 68, 68; + --btn-active-color: #fff; + --btn-active-bg: #ed2d2d; + --btn-active-border-color: #ef4444; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #ef4444; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-light { + --btn-color: var(--body-color); + --btn-border-color: var(--gray-400); + --btn-hover-color: var(--body-color); + --btn-hover-bg: var(--gray-300); + --btn-hover-border-color: var(--gray-500); + --btn-focus-shadow-rgb: 243, 244, 246; + --btn-active-color: var(--body-color); + --btn-active-bg: var(--gray-400); + --btn-active-border-color: var(--gray-600); + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: var(--body-color); + --btn-disabled-bg: var(--gray-200); +} +.btn-outline-dark { + --btn-color: #252b36; + --btn-border-color: #252b36; + --btn-hover-color: #fff; + --btn-hover-bg: #252b36; + --btn-hover-border-color: #252b36; + --btn-focus-shadow-rgb: 37, 43, 54; + --btn-active-color: #fff; + --btn-active-bg: #1b1f27; + --btn-active-border-color: #252b36; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #252b36; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-black { + --btn-color: #000; + --btn-border-color: #000; + --btn-hover-color: #fff; + --btn-hover-bg: #000; + --btn-hover-border-color: #000; + --btn-focus-shadow-rgb: 0, 0, 0; + --btn-active-color: #fff; + --btn-active-bg: black; + --btn-active-border-color: #000; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #000; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-outline-white { + --btn-color: #fff; + --btn-border-color: #fff; + --btn-hover-color: #000; + --btn-hover-bg: #fff; + --btn-hover-border-color: #fff; + --btn-focus-shadow-rgb: 255, 255, 255; + --btn-active-color: #000; + --btn-active-bg: #f2f2f2; + --btn-active-border-color: #fff; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: transparent; + --gradient: none; +} +.btn-link { + --btn-font-weight: 400; + --btn-color: var(--link-color); + --btn-bg: transparent; + --btn-border-color: transparent; + --btn-hover-color: var(--link-hover-color); + --btn-hover-border-color: transparent; + --btn-active-color: var(--link-hover-color); + --btn-active-border-color: transparent; + --btn-disabled-color: rgba(var(--body-color-rgb), 0.75); + --btn-disabled-border-color: transparent; + --btn-box-shadow: none; + --btn-focus-shadow-rgb: 48, 150, 255; + text-decoration: none; +} +.btn-link:focus-visible { + color: var(--btn-color); +} +.btn-link:hover { + color: var(--btn-hover-color); +} +.btn-group-lg > .btn, +.btn-lg { + --btn-padding-y: 0.625rem; + --btn-padding-x: 1rem; + --btn-font-size: var(--body-font-size-lg); + --btn-border-radius: var(--border-radius-lg); +} +.btn-group-sm > .btn, +.btn-sm { + --btn-padding-y: 0.375rem; + --btn-padding-x: 0.75rem; + --btn-font-size: var(--body-font-size-sm); + --btn-border-radius: var(--border-radius-sm); +} +.fade { + transition: opacity var(--transition-base-timer) linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} +.collapse:not(.show) { + display: none; +} +.collapsing { + height: 0; + overflow: hidden; + transition: height var(--transition-collapse-timer) ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width var(--transition-collapse-timer) ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} +.dropdown, +.dropdown-center, +.dropend, +.dropstart, +.dropup, +.dropup-center { + position: relative; +} +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.25em; + vertical-align: -0.125em; + font-family: var(--icon-font-family); + font-size: 1em; + line-height: 1; + content: "\f31a"; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} +.dropdown-menu { + --dropdown-zindex: 1000; + --dropdown-min-width: 13.75rem; + --dropdown-padding-x: 0; + --dropdown-padding-y: 0.625rem; + --dropdown-spacer: 0.125rem; + --dropdown-font-size: var(--body-font-size); + --dropdown-color: var(--body-color); + --dropdown-bg: var(--white); + --dropdown-border-color: var(--border-color-translucent); + --dropdown-border-radius: var(--border-radius); + --dropdown-border-width: var(--border-width); + --dropdown-inner-border-radius: calc( + var(--border-radius) - (var(--border-width)) + ); + --dropdown-divider-bg: var(--border-color); + --dropdown-divider-margin-y: 0.625rem; + --dropdown-box-shadow: var(--box-shadow-lg); + --dropdown-link-color: var(--body-color); + --dropdown-link-hover-color: var(--body-color); + --dropdown-link-hover-bg: var(--gray-200); + --dropdown-link-active-color: var(--gray-900); + --dropdown-link-active-bg: var(--gray-300); + --dropdown-link-disabled-color: var(--gray-500); + --dropdown-item-padding-x: var(--spacer); + --dropdown-item-padding-y: calc(var(--spacer) * 0.4); + --dropdown-header-color: rgba(var(--body-color-rgb), 0.5); + --dropdown-header-padding-x: var(--spacer); + --dropdown-header-padding-y: 0.625rem; + position: absolute; + z-index: var(--dropdown-zindex); + display: none; + min-width: var(--dropdown-min-width); + padding: var(--dropdown-padding-y) var(--dropdown-padding-x); + margin: 0; + font-size: var(--dropdown-font-size); + color: var(--dropdown-color); + text-align: left; + list-style: none; + background-color: var(--dropdown-bg); + background-clip: padding-box; + border: var(--dropdown-border-width) solid var(--dropdown-border-color); + border-radius: var(--dropdown-border-radius); + box-shadow: var(--dropdown-box-shadow); +} +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--dropdown-spacer); +} +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--dropdown-spacer); +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.25em; + vertical-align: -0.125em; + font-family: var(--icon-font-family); + font-size: 1em; + line-height: 1; + content: "\f31d"; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--dropdown-spacer); +} +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.25em; + vertical-align: -0.125em; + font-family: var(--icon-font-family); + font-size: 1em; + line-height: 1; + content: "\f31c"; +} +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-toggle::after { + vertical-align: 0; +} +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--dropdown-spacer); +} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.25em; + vertical-align: -0.125em; + font-family: var(--icon-font-family); + font-size: 1em; + line-height: 1; +} +.dropstart .dropdown-toggle::after { + display: none; +} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.25em; + vertical-align: -0.125em; + font-family: var(--icon-font-family); + font-size: 1em; + line-height: 1; + content: "\f31b"; +} +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} +.dropdown-divider { + height: 0; + margin: var(--dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--dropdown-divider-bg); + opacity: 1; +} +.dropdown-item { + display: block; + width: 100%; + padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--dropdown-link-color); + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:focus, +.dropdown-item:hover { + color: var(--dropdown-link-hover-color); + background-color: var(--dropdown-link-hover-bg); +} +.dropdown-item.active, +.dropdown-item:active { + color: var(--dropdown-link-active-color); + text-decoration: none; + background-color: var(--dropdown-link-active-bg); +} +.dropdown-item.disabled, +.dropdown-item:disabled { + color: var(--dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; +} +.dropdown-menu.show { + display: block; +} +.dropdown-header { + display: block; + padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.75rem; + color: var(--dropdown-header-color); + white-space: nowrap; +} +.dropdown-item-text { + display: block; + padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); + color: var(--dropdown-link-color); +} +.dropdown-menu-dark { + --dropdown-color: var(--white); + --dropdown-bg: var(--dark); + --dropdown-border-color: rgba(var(--black-rgb), 0.15); + --dropdown-box-shadow: var(--box-shadow); + --dropdown-link-color: var(--white); + --dropdown-link-hover-color: var(--white); + --dropdown-divider-bg: rgba(var(--white-rgb), 0.15); + --dropdown-link-hover-bg: rgba(var(--white-rgb), 0.15); + --dropdown-link-active-color: var(--white); + --dropdown-link-active-bg: rgba(var(--white-rgb), 0.25); + --dropdown-link-disabled-color: var(--gray-500); + --dropdown-header-color: var(--gray-500); +} +.btn-group, +.btn-group-vertical { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; +} +.btn-group-vertical > .btn, +.btn-group > .btn { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.btn-group-vertical > .btn-check:checked + .btn, +.btn-group-vertical > .btn-check:focus + .btn, +.btn-group-vertical > .btn.active, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:hover, +.btn-group > .btn-check:checked + .btn, +.btn-group > .btn-check:focus + .btn, +.btn-group > .btn.active, +.btn-group > .btn:active, +.btn-group > .btn:focus, +.btn-group > .btn:hover { + z-index: 1; +} +.btn-toolbar { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} +.btn-group { + border-radius: var(--border-radius); +} +.btn-group > .btn-group:not(:first-child), +.btn-group > :not(.btn-check:first-child) + .btn { + margin-left: calc(var(--border-width) * -1); +} +.btn-group > .btn-group:not(:last-child) > .btn, +.btn-group > .btn.dropdown-toggle-split:first-child, +.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn-group:not(:first-child) > .btn, +.btn-group > .btn:nth-child(n + 3), +.btn-group > :not(.btn-check) + .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.dropdown-toggle-split { + padding-right: calc(var(--btn-padding-x) * 0.75); + padding-left: calc(var(--btn-padding-x) * 0.75); +} +.dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after { + margin-left: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} +.btn-group-sm > .btn + .dropdown-toggle-split, +.btn-sm + .dropdown-toggle-split { + padding-right: calc(var(--btn-padding-x-sm) * 0.75); + padding-left: calc(var(--btn-padding-x-sm) * 0.75); +} +.btn-group-lg > .btn + .dropdown-toggle-split, +.btn-lg + .dropdown-toggle-split { + padding-right: calc(var(--btn-padding-x-lg) * 0.75); + padding-left: calc(var(--btn-padding-x-lg) * 0.75); +} +.btn-group.show .dropdown-toggle { + box-shadow: var(--btn-active-shadow); +} +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} +.btn-group-vertical { + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-pack: center; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn-group:not(:first-child), +.btn-group-vertical > .btn:not(:first-child) { + margin-top: calc(var(--btn-border-width) * -1); +} +.btn-group-vertical > .btn-group:not(:last-child) > .btn, +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child) > .btn, +.btn-group-vertical > .btn ~ .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.nav { + --nav-link-padding-x: 1rem; + --nav-link-padding-y: 0.625rem; + --nav-link-color: rgba(var(--body-color-rgb), 0.75); + --nav-link-hover-color: var(--body-color); + --nav-link-disabled-color: rgba(var(--body-color-rgb), 0.5); + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav-link { + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + font-size: var(--nav-link-font-size); + font-weight: var(--nav-link-font-weight); + color: var(--nav-link-color); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} +.nav-link:focus, +.nav-link:hover { + color: var(--nav-link-hover-color); +} +.nav-link.disabled { + color: var(--nav-link-disabled-color); + pointer-events: none; + cursor: default; +} +.nav-tabs { + --nav-tabs-border-width: var(--border-width); + --nav-tabs-border-color: var(--border-color); + --nav-tabs-border-radius: var(--border-radius); + --nav-tabs-link-hover-border-color: transparent; + --nav-tabs-link-active-color: var(--body-color); + --nav-tabs-link-active-bg: var(--white); + --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) + var(--white); + border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color); +} +.nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--nav-tabs-border-width)); + background: 0 0; + border: var(--nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--nav-tabs-border-radius); + border-top-right-radius: var(--nav-tabs-border-radius); +} +.nav-tabs .nav-link:focus, +.nav-tabs .nav-link:hover { + isolation: isolate; + border-color: var(--nav-tabs-link-hover-border-color); +} +.nav-tabs .nav-link.disabled, +.nav-tabs .nav-link:disabled { + color: var(--nav-link-disabled-color); + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { + color: var(--nav-tabs-link-active-color); + background-color: var(--nav-tabs-link-active-bg); + border-color: var(--nav-tabs-link-active-border-color); +} +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.nav-pills { + --nav-pills-border-radius: var(--border-radius); + --nav-pills-link-active-color: var(--component-active-color); + --nav-pills-link-active-bg: var(--component-active-bg); +} +.nav-pills .nav-link { + background: 0 0; + border: 0; + border-radius: var(--nav-pills-border-radius); +} +.nav-pills .nav-link:disabled { + color: var(--nav-link-disabled-color); + background-color: transparent; + border-color: transparent; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: var(--nav-pills-link-active-color); + background-color: var(--nav-pills-link-active-bg); +} +.nav-fill .nav-item, +.nav-fill > .nav-link { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; +} +.nav-justified .nav-item, +.nav-justified > .nav-link { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.navbar { + --navbar-padding-x: calc(var(--spacer) * 0.5); + --navbar-padding-y: var(--spacer-2); + --navbar-color: var(--body-color); + --navbar-hover-color: var(--body-color); + --navbar-disabled-color: rgba(var(--body-color-rgb), 0.3); + --navbar-active-color: var(--link-color); + --navbar-brand-padding-y: var(--spacer-1); + --navbar-brand-margin-end: 0; + --navbar-brand-font-size: var(--body-font-size); + --navbar-brand-color: var(--link-color); + --navbar-brand-hover-color: var(--link-color); + --navbar-nav-link-padding-x: 1rem; + --navbar-toggler-padding-y: var(--navbar-link-padding-y); + --navbar-toggler-padding-x: var(--navbar-link-padding-y); + --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='var%28--body-color%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --navbar-toggler-border-radius: var(--border-radius); + --navbar-toggler-transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: var(--navbar-padding-y) var(--navbar-padding-x); +} +.navbar > .container, +.navbar > .container-fluid, +.navbar > .container-lg, +.navbar > .container-md, +.navbar > .container-sm, +.navbar > .container-xl, +.navbar > .container-xxl { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: inherit; + flex-wrap: inherit; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; +} +.navbar-brand { + padding-top: var(--navbar-brand-padding-y); + padding-bottom: var(--navbar-brand-padding-y); + margin-right: var(--navbar-brand-margin-end); + font-size: var(--navbar-brand-font-size); + color: var(--navbar-brand-color); + white-space: nowrap; +} +.navbar-brand:focus, +.navbar-brand:hover { + color: var(--navbar-brand-hover-color); +} +.navbar-nav { + --nav-link-padding-x: 0; + --nav-link-padding-y: 0.625rem; + --nav-link-color: var(--navbar-color); + --nav-link-hover-color: var(--navbar-hover-color); + --nav-link-disabled-color: var(--navbar-disabled-color); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link.active, +.navbar-nav .nav-link.show { + color: var(--navbar-active-color); +} +.navbar-nav .dropdown-menu { + position: static; +} +.navbar-text { + padding-top: 0.625rem; + padding-bottom: 0.625rem; + color: var(--navbar-color); +} +.navbar-text a, +.navbar-text a:focus, +.navbar-text a:hover { + color: var(--navbar-active-color); +} +.navbar-collapse { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-align: center; + align-items: center; +} +.navbar-toggler { + padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x); + font-size: var(--navbar-toggler-font-size); + line-height: 1; + color: var(--navbar-color); + background-color: transparent; + border: var(--border-width) solid var(--navbar-toggler-border-color); + border-radius: var(--navbar-toggler-border-radius); + transition: var(--navbar-toggler-transition); +} +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} +.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--navbar-toggler-focus-width); +} +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} +.navbar-nav-scroll { + max-height: var(--scroll-height, 75vh); + overflow-y: auto; +} +@media (min-width: 576px) { + .navbar-expand-sm { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--navbar-nav-link-padding-x); + padding-left: var(--navbar-nav-link-padding-x); + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + -ms-flex-positive: 1; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + -webkit-transform: none !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--navbar-nav-link-padding-x); + padding-left: var(--navbar-nav-link-padding-x); + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + -ms-flex-positive: 1; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + -webkit-transform: none !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--navbar-nav-link-padding-x); + padding-left: var(--navbar-nav-link-padding-x); + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + -ms-flex-positive: 1; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + -webkit-transform: none !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--navbar-nav-link-padding-x); + padding-left: var(--navbar-nav-link-padding-x); + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + -ms-flex-positive: 1; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + -webkit-transform: none !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1400px) { + .navbar-expand-xxl { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--navbar-nav-link-padding-x); + padding-left: var(--navbar-nav-link-padding-x); + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + -ms-flex-positive: 1; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + -webkit-transform: none !important; + transform: none !important; + box-shadow: none; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +.navbar-expand { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -ms-flex-pack: start; + justify-content: flex-start; +} +.navbar-expand .navbar-nav { + -ms-flex-direction: row; + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--navbar-nav-link-padding-x); + padding-left: var(--navbar-nav-link-padding-x); +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-preferred-size: auto; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-expand .offcanvas { + position: static; + z-index: auto; + -ms-flex-positive: 1; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + -webkit-transform: none !important; + transform: none !important; + box-shadow: none; + transition: none; +} +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} +.navbar-expand .offcanvas .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} +.navbar-dark { + --navbar-color: #fff; + --navbar-hover-color: #fff; + --navbar-disabled-color: rgba(255, 255, 255, 0.25); + --navbar-active-color: #fff; + --navbar-brand-color: #fff; + --navbar-brand-hover-color: #fff; + --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.card { + --card-spacer-y: var(--spacer); + --card-spacer-x: var(--spacer); + --card-title-spacer-y: calc(var(--spacer) * 0.75); + --card-border-width: var(--border-width); + --card-border-color: var(--border-color-translucent); + --card-border-radius: var(--border-radius); + --card-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + --card-inner-border-radius: calc( + var(--border-radius) - (var(--border-width)) + ); + --card-cap-padding-y: calc(var(--spacer) * 0.75); + --card-cap-padding-x: var(--spacer); + --card-bg: var(--white); + --card-img-overlay-padding: var(--spacer); + --card-group-margin: 0.625rem; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + height: var(--card-height); + word-wrap: break-word; + background-color: var(--card-bg); + background-clip: border-box; + border: var(--card-border-width) solid var(--card-border-color); + border-radius: var(--card-border-radius); + box-shadow: var(--card-box-shadow); +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group { + border-top: inherit; + border-bottom: inherit; +} +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--card-inner-border-radius); + border-top-right-radius: var(--card-inner-border-radius); +} +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--card-inner-border-radius); + border-bottom-left-radius: var(--card-inner-border-radius); +} +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; +} +.card-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: var(--card-spacer-y) var(--card-spacer-x); + color: var(--card-color); +} +.card-title { + margin-bottom: var(--card-title-spacer-y); +} +.card-subtitle { + margin-top: calc(-0.5 * var(--card-title-spacer-y)); + margin-bottom: 0; +} +.card-text:last-child { + margin-bottom: 0; +} +.card-link + .card-link { + margin-left: var(--card-spacer-x); +} +.card-header { + padding: var(--card-cap-padding-y) var(--card-cap-padding-x); + margin-bottom: 0; + color: var(--card-cap-color); + background-color: var(--card-cap-bg); + border-bottom: var(--card-border-width) solid var(--card-border-color); +} +.card-header:first-child { + border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) + 0 0; +} +.card-footer { + padding: var(--card-cap-padding-y) var(--card-cap-padding-x); + color: var(--card-cap-color); + background-color: var(--card-cap-bg); + border-top: var(--card-border-width) solid var(--card-border-color); +} +.card-footer:last-child { + border-radius: 0 0 var(--card-inner-border-radius) + var(--card-inner-border-radius); +} +.card-header-tabs { + margin-right: calc(-0.5 * var(--card-cap-padding-x)); + margin-bottom: calc(-1 * var(--card-cap-padding-y)); + margin-left: calc(-0.5 * var(--card-cap-padding-x)); + border-bottom: 0; +} +.card-header-tabs .nav-link.active { + background-color: var(--card-bg); + border-bottom-color: var(--card-bg); +} +.card-header-pills { + margin-right: calc(-0.5 * var(--card-cap-padding-x)); + margin-left: calc(-0.5 * var(--card-cap-padding-x)); +} +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--card-img-overlay-padding); + border-radius: var(--card-inner-border-radius); +} +.card-img, +.card-img-bottom, +.card-img-top { + width: 100%; +} +.card-img, +.card-img-top { + border-top-left-radius: var(--card-inner-border-radius); + border-top-right-radius: var(--card-inner-border-radius); +} +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--card-inner-border-radius); + border-bottom-left-radius: var(--card-inner-border-radius); +} +.card-group > .card { + margin-bottom: var(--card-group-margin); +} +@media (min-width: 576px) { + .card-group { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + } + .card-group > .card { + -ms-flex: 1 0 0%; + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-header, + .card-group > .card:not(:last-child) .card-img-top { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-footer, + .card-group > .card:not(:last-child) .card-img-bottom { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-header, + .card-group > .card:not(:first-child) .card-img-top { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-footer, + .card-group > .card:not(:first-child) .card-img-bottom { + border-bottom-left-radius: 0; + } +} +.accordion { + --accordion-color: var(--body-color); + --accordion-bg: transparent; + --accordion-transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out, + border-radius var(--transition-base-timer) ease; + --accordion-border-color: var(--border-color); + --accordion-border-width: var(--border-width); + --accordion-border-radius: var(--border-radius); + --accordion-inner-border-radius: calc( + var(--border-radius) - (var(--border-width)) + ); + --accordion-btn-padding-x: 1.25rem; + --accordion-btn-padding-y: 1rem; + --accordion-btn-color: var(--body-color); + --accordion-btn-bg: transparent; + --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231F2937'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --accordion-btn-icon-width: 1rem; + --accordion-btn-icon-transform: rotate(-180deg); + --accordion-btn-icon-transition: transform var(--transition-collapse-timer) + ease-in-out; + --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231F2937'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --accordion-btn-focus-border-color: var(--component-active-bg); + --accordion-body-padding-x: 1.25rem; + --accordion-body-padding-y: 1rem; + --accordion-active-color: var(--link-color); + --accordion-active-bg: transparent; +} +.accordion-button { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + width: 100%; + padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x); + font-size: 0.875rem; + color: var(--accordion-btn-color); + text-align: left; + background-color: var(--accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--accordion-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} +.accordion-button:not(.collapsed) { + color: var(--accordion-active-color); + background-color: var(--accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 + var(--accordion-border-color); +} +.accordion-button:not(.collapsed)::after { + background-image: var(--accordion-btn-active-icon); + -webkit-transform: var(--accordion-btn-icon-transform); + transform: var(--accordion-btn-icon-transform); +} +.accordion-button::after { + -ms-flex-negative: 0; + flex-shrink: 0; + width: var(--accordion-btn-icon-width); + height: var(--accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--accordion-btn-icon-width); + transition: var(--accordion-btn-icon-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} +.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + z-index: 3; + border-color: var(--accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--accordion-btn-focus-box-shadow); +} +.accordion-header { + margin-bottom: 0; +} +.accordion-item { + color: var(--accordion-color); + background-color: var(--accordion-bg); + border: var(--accordion-border-width) solid var(--accordion-border-color); +} +.accordion-item:first-of-type { + border-top-left-radius: var(--accordion-border-radius); + border-top-right-radius: var(--accordion-border-radius); +} +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--accordion-inner-border-radius); + border-top-right-radius: var(--accordion-inner-border-radius); +} +.accordion-item:not(:first-of-type) { + border-top: 0; +} +.accordion-item:last-of-type { + border-bottom-right-radius: var(--accordion-border-radius); + border-bottom-left-radius: var(--accordion-border-radius); +} +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--accordion-inner-border-radius); + border-bottom-left-radius: var(--accordion-inner-border-radius); +} +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--accordion-border-radius); + border-bottom-left-radius: var(--accordion-border-radius); +} +.accordion-body { + padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x); +} +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} +.accordion-flush .accordion-item:first-child { + border-top: 0; +} +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} +.accordion-flush .accordion-item .accordion-button, +.accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0; +} +.breadcrumb { + --breadcrumb-padding-x: 0; + --breadcrumb-padding-y: 0; + --breadcrumb-divider-color: var(--gray-600); + --breadcrumb-item-padding-x: 0.5rem; + --breadcrumb-item-active-color: var(--gray-600); + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x); + margin-bottom: var(--breadcrumb-margin-bottom); + font-size: var(--breadcrumb-font-size); + list-style: none; + background-color: var(--breadcrumb-bg); + border-radius: var(--breadcrumb-border-radius); +} +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--breadcrumb-item-padding-x); +} +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--breadcrumb-item-padding-x); + color: var(--breadcrumb-divider-color); + content: var(--breadcrumb-divider, "/"); +} +.breadcrumb-item.active { + color: var(--breadcrumb-item-active-color); +} +.pagination { + --pagination-padding-x: 0.875rem; + --pagination-padding-y: 0.5rem; + --pagination-font-size: var(--body-font-size); + --pagination-margin-start: calc(var(--border-width) * -1); + --pagination-color: var(--body-color); + --pagination-bg: var(--white); + --pagination-border-width: var(--border-width); + --pagination-border-color: var(--border-color); + --pagination-border-radius: var(--border-radius); + --pagination-hover-color: var(--body-color); + --pagination-hover-bg: var(--gray-200); + --pagination-hover-border-color: var(--gray-400); + --pagination-focus-color: var(--body-color); + --pagination-focus-bg: var(--gray-200); + --pagination-active-color: var(--component-active-color); + --pagination-active-bg: var(--component-active-bg); + --pagination-active-border-color: var(--component-active-bg); + --pagination-disabled-color: var(--gray-500); + --pagination-disabled-bg: var(--white); + --pagination-disabled-border-color: var(--border-color); + display: -ms-flexbox; + display: flex; + padding-left: 0; + list-style: none; +} +.page-link { + position: relative; + display: block; + padding: var(--pagination-padding-y) var(--pagination-padding-x); + font-size: var(--pagination-font-size); + color: var(--pagination-color); + background-color: var(--pagination-bg); + border: var(--pagination-border-width) solid var(--pagination-border-color); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} +.page-link:hover { + z-index: 2; + color: var(--pagination-hover-color); + background-color: var(--pagination-hover-bg); + border-color: var(--pagination-hover-border-color); +} +.page-link:focus { + z-index: 3; + color: var(--pagination-focus-color); + background-color: var(--pagination-focus-bg); + outline: 0; + box-shadow: var(--pagination-focus-box-shadow); +} +.active > .page-link, +.page-link.active { + z-index: 3; + color: var(--pagination-active-color); + background-color: var(--pagination-active-bg); + border-color: var(--pagination-active-border-color); +} +.disabled > .page-link, +.page-link.disabled { + color: var(--pagination-disabled-color); + pointer-events: none; + background-color: var(--pagination-disabled-bg); + border-color: var(--pagination-disabled-border-color); +} +.page-item:not(:first-child) .page-link { + margin-left: var(--pagination-margin-start); +} +.page-item:first-child .page-link { + border-top-left-radius: var(--pagination-border-radius); + border-bottom-left-radius: var(--pagination-border-radius); +} +.page-item:last-child .page-link { + border-top-right-radius: var(--pagination-border-radius); + border-bottom-right-radius: var(--pagination-border-radius); +} +.pagination-lg { + --pagination-padding-x: 1rem; + --pagination-padding-y: 0.625rem; + --pagination-font-size: 1rem; + --pagination-border-radius: var(--border-radius-lg); +} +.pagination-sm { + --pagination-padding-x: 0.75rem; + --pagination-padding-y: 0.375rem; + --pagination-font-size: 0.75rem; + --pagination-border-radius: var(--border-radius-sm); +} +.badge { + --badge-padding-x: 0.4375rem; + --badge-padding-y: 0.3125rem; + --badge-font-size: 0.75rem; + --badge-font-weight: 600; + --badge-color: #fff; + --badge-border-radius: var(--border-radius-sm); + display: inline-block; + padding: var(--badge-padding-y) var(--badge-padding-x); + font-size: var(--badge-font-size); + font-weight: var(--badge-font-weight); + line-height: 1; + color: var(--badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--badge-border-radius); +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.alert { + --alert-bg: transparent; + --alert-padding-x: var(--spacer); + --alert-padding-y: calc(var(--spacer) * 0.8); + --alert-dismissible-padding-r: calc(var(--spacer) * 3); + --alert-margin-bottom: var(--spacer); + --alert-color: inherit; + --alert-border-width: var(--border-width); + --alert-border-color: transparent; + --alert-border-radius: var(--border-radius); + position: relative; + padding: var(--alert-padding-y) var(--alert-padding-x); + margin-bottom: var(--alert-margin-bottom); + color: var(--alert-color); + background-color: var(--alert-bg); + border: var(--alert-border-width) solid var(--alert-border-color); + border-radius: var(--alert-border-radius); +} +.alert-heading { + color: inherit; +} +.alert-link { + font-weight: 600; +} +.alert-dismissible { + padding-right: var(--alert-dismissible-padding-r); +} +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: calc(var(--alert-padding-y) * 1.25) var(--alert-padding-x); +} +.alert-indigo { + --alert-color: #404b86; + --alert-bg: #eff0f9; + --alert-border-color: #aeb5e0; + --alert-link-color: #333c6b; + --alert-link-hover-color: #2d355e; +} +.alert-indigo .alert-link { + color: var(--alert-link-color); +} +.alert-indigo .alert-link:focus, +.alert-indigo .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-purple { + --alert-color: #634e87; + --alert-bg: #f4f1f9; + --alert-border-color: #c7b8e0; + --alert-link-color: #4f3e6c; + --alert-link-hover-color: #45375f; +} +.alert-purple .alert-link { + color: var(--alert-link-color); +} +.alert-purple .alert-link:focus, +.alert-purple .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-pink { + --alert-color: #aa405e; + --alert-bg: #feeff3; + --alert-border-color: #f9aec3; + --alert-link-color: #88334b; + --alert-link-hover-color: #772d42; +} +.alert-pink .alert-link { + color: var(--alert-link-color); +} +.alert-pink .alert-link:focus, +.alert-pink .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-teal { + --alert-color: #1b746c; + --alert-bg: #e9f6f5; + --alert-border-color: #93d3cd; + --alert-link-color: #165d56; + --alert-link-hover-color: #13514c; +} +.alert-teal .alert-link { + color: var(--alert-link-color); +} +.alert-teal .alert-link:focus, +.alert-teal .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-yellow { + --alert-color: #b39632; + --alert-bg: #fffbed; + --alert-border-color: #ffeba4; + --alert-link-color: #8f7828; + --alert-link-hover-color: #7d6923; +} +.alert-yellow .alert-link { + color: var(--alert-link-color); +} +.alert-yellow .alert-link:focus, +.alert-yellow .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-primary { + --alert-color: #085cb3; + --alert-bg: #e7f3ff; + --alert-border-color: #86c1ff; + --alert-link-color: #064a8f; + --alert-link-hover-color: #06407d; +} +.alert-primary .alert-link { + color: var(--alert-link-color); +} +.alert-primary .alert-link:focus, +.alert-primary .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-secondary { + --alert-color: #19506a; + --alert-bg: #e9f1f5; + --alert-border-color: #92b9cb; + --alert-link-color: #144055; + --alert-link-hover-color: #12384a; +} +.alert-secondary .alert-link { + color: var(--alert-link-color); +} +.alert-secondary .alert-link:focus, +.alert-secondary .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-success { + --alert-color: #04694a; + --alert-bg: #e6f5f0; + --alert-border-color: #82cbb4; + --alert-link-color: #03543b; + --alert-link-hover-color: #034a34; +} +.alert-success .alert-link { + color: var(--alert-link-color); +} +.alert-success .alert-link:focus, +.alert-success .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-info { + --alert-color: #036c79; + --alert-bg: #e6f5f7; + --alert-border-color: #82cdd6; + --alert-link-color: #025661; + --alert-link-hover-color: #024c55; +} +.alert-info .alert-link { + color: var(--alert-link-color); +} +.alert-info .alert-link:focus, +.alert-info .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-warning { + --alert-color: #ac5e31; + --alert-bg: #fef3ed; + --alert-border-color: #fac3a3; + --alert-link-color: #8a4b27; + --alert-link-hover-color: #784222; +} +.alert-warning .alert-link { + color: var(--alert-link-color); +} +.alert-warning .alert-link:focus, +.alert-warning .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-danger { + --alert-color: #a73030; + --alert-bg: #fdecec; + --alert-border-color: #f7a2a2; + --alert-link-color: #862626; + --alert-link-hover-color: #752222; +} +.alert-danger .alert-link { + color: var(--alert-link-color); +} +.alert-danger .alert-link:focus, +.alert-danger .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-light { + --alert-color: #49494a; + --alert-bg: #fefefe; + --alert-border-color: #f9fafb; + --alert-link-color: #3a3a3b; + --alert-link-hover-color: #333334; +} +.alert-light .alert-link { + color: var(--alert-link-color); +} +.alert-light .alert-link:focus, +.alert-light .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-dark { + --alert-color: #1a1e26; + --alert-bg: #e9eaeb; + --alert-border-color: #92959b; + --alert-link-color: #15181e; + --alert-link-hover-color: #12151b; +} +.alert-dark .alert-link { + color: var(--alert-link-color); +} +.alert-dark .alert-link:focus, +.alert-dark .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-black { + --alert-color: black; + --alert-bg: #e6e6e6; + --alert-border-color: gray; + --alert-link-color: black; + --alert-link-hover-color: black; +} +.alert-black .alert-link { + color: var(--alert-link-color); +} +.alert-black .alert-link:focus, +.alert-black .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-white { + --alert-color: #4d4d4d; + --alert-bg: white; + --alert-border-color: white; + --alert-link-color: #3e3e3e; + --alert-link-hover-color: #363636; +} +.alert-white .alert-link { + color: var(--alert-link-color); +} +.alert-white .alert-link:focus, +.alert-white .alert-link:hover { + color: var(--alert-link-hover-color); +} +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1.25rem; + } +} +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1.25rem; + } +} +.progress { + --progress-height: 1.25rem; + --progress-font-size: calc(var(--body-font-size) * 0.85); + --progress-bg: var(--gray-200); + --progress-border-radius: var(--border-radius); + --progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --progress-bar-color: var(--white); + --progress-bar-bg: var(--primary); + --progress-bar-transition: width 0.6s ease; + display: -ms-flexbox; + display: flex; + height: var(--progress-height); + overflow: hidden; + font-size: var(--progress-font-size); + background-color: var(--progress-bg); + border-radius: var(--progress-border-radius); + box-shadow: var(--progress-box-shadow); +} +.progress-bar { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + color: var(--progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--progress-bar-bg); + transition: var(--progress-bar-transition); +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} +.progress-bar-striped { + background-image: linear-gradient( + 45deg, + rgba(255, 255, 255, 0.15) 25%, + transparent 25%, + transparent 50%, + rgba(255, 255, 255, 0.15) 50%, + rgba(255, 255, 255, 0.15) 75%, + transparent 75%, + transparent + ); + background-size: var(--progress-height) var(--progress-height); +} +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} +.list-group { + --list-group-color: var(--body-color); + --list-group-bg: transparent; + --list-group-border-color: var(--border-color); + --list-group-border-width: var(--border-width); + --list-group-border-radius: var(--border-radius); + --list-group-item-padding-x: var(--spacer); + --list-group-item-padding-y: calc(var(--spacer) * 0.5); + --list-group-action-color: var(--body-color); + --list-group-action-hover-color: var(--body-color); + --list-group-action-hover-bg: var(--gray-200); + --list-group-action-active-color: var(--body-color); + --list-group-action-active-bg: var(--gray-300); + --list-group-disabled-color: var(--gray-600); + --list-group-disabled-bg: transparent; + --list-group-active-color: var(--component-active-color); + --list-group-active-bg: var(--component-active-bg); + --list-group-active-border-color: var(--component-active-bg); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--list-group-border-radius); +} +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; +} +.list-group-item-action { + width: 100%; + color: var(--list-group-action-color); + text-align: inherit; +} +.list-group-item-action:focus, +.list-group-item-action:hover { + z-index: 1; + color: var(--list-group-action-hover-color); + text-decoration: none; + background-color: var(--list-group-action-hover-bg); +} +.list-group-item-action:active { + color: var(--list-group-action-active-color); + background-color: var(--list-group-action-active-bg); +} +.list-group-item { + position: relative; + display: block; + padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x); + color: var(--list-group-color); + background-color: var(--list-group-bg); + border: var(--list-group-border-width) solid var(--list-group-border-color); +} +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} +.list-group-item.disabled, +.list-group-item:disabled { + color: var(--list-group-disabled-color); + pointer-events: none; + background-color: var(--list-group-disabled-bg); +} +.list-group-item.active { + z-index: 2; + color: var(--list-group-active-color); + background-color: var(--list-group-active-bg); + border-color: var(--list-group-active-border-color); +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: calc(-1 * var(--list-group-border-width)); + border-top-width: var(--list-group-border-width); +} +.list-group-horizontal { + -ms-flex-direction: row; + flex-direction: row; +} +.list-group-horizontal > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--list-group-border-radius); + border-top-right-radius: 0; +} +.list-group-horizontal > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--list-group-border-radius); + border-bottom-left-radius: 0; +} +.list-group-horizontal > .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: var(--list-group-border-width); + border-left-width: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--list-group-border-width)); + border-left-width: var(--list-group-border-width); +} +@media (min-width: 576px) { + .list-group-horizontal-sm { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: var(--list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--list-group-border-width)); + border-left-width: var(--list-group-border-width); + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: var(--list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--list-group-border-width)); + border-left-width: var(--list-group-border-width); + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: var(--list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--list-group-border-width)); + border-left-width: var(--list-group-border-width); + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--list-group-border-width)); + border-left-width: var(--list-group-border-width); + } +} +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + -ms-flex-direction: row; + flex-direction: row; + } + .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--list-group-border-width)); + border-left-width: var(--list-group-border-width); + } +} +.list-group-flush { + border-radius: 0; +} +.list-group-flush > .list-group-item { + border-width: 0 0 var(--list-group-border-width); +} +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} +.list-group-item-indigo { + color: #374073; + background-color: #dee1f2; +} +.list-group-item-indigo.list-group-item-action:focus, +.list-group-item-indigo.list-group-item-action:hover { + color: #374073; + background-color: #c8cbda; +} +.list-group-item-indigo.list-group-item-action.active { + color: #fff; + background-color: #374073; + border-color: #374073; +} +.list-group-item-purple { + color: #554374; + background-color: #e8e2f3; +} +.list-group-item-purple.list-group-item-action:focus, +.list-group-item-purple.list-group-item-action:hover { + color: #554374; + background-color: #d1cbdb; +} +.list-group-item-purple.list-group-item-action.active { + color: #fff; + background-color: #554374; + border-color: #554374; +} +.list-group-item-pink { + color: #923750; + background-color: #fddee7; +} +.list-group-item-pink.list-group-item-action:focus, +.list-group-item-pink.list-group-item-action:hover { + color: #923750; + background-color: #e4c8d0; +} +.list-group-item-pink.list-group-item-action.active { + color: #fff; + background-color: #923750; + border-color: #923750; +} +.list-group-item-teal { + color: #17645c; + background-color: #d4edeb; +} +.list-group-item-teal.list-group-item-action:focus, +.list-group-item-teal.list-group-item-action:hover { + color: #17645c; + background-color: #bfd5d4; +} +.list-group-item-teal.list-group-item-action.active { + color: #fff; + background-color: #17645c; + border-color: #17645c; +} +.list-group-item-yellow { + color: #99802b; + background-color: #fff7da; +} +.list-group-item-yellow.list-group-item-action:focus, +.list-group-item-yellow.list-group-item-action:hover { + color: #99802b; + background-color: #e6dec4; +} +.list-group-item-yellow.list-group-item-action.active { + color: #fff; + background-color: #99802b; + border-color: #99802b; +} +.list-group-item-primary { + color: #074f99; + background-color: #cee6ff; +} +.list-group-item-primary.list-group-item-action:focus, +.list-group-item-primary.list-group-item-action:hover { + color: #074f99; + background-color: #b9cfe6; +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #074f99; + border-color: #074f99; +} +.list-group-item-secondary { + color: #16445b; + background-color: #d3e3ea; +} +.list-group-item-secondary.list-group-item-action:focus, +.list-group-item-secondary.list-group-item-action:hover { + color: #16445b; + background-color: #beccd3; +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #16445b; + border-color: #16445b; +} +.list-group-item-success { + color: #035a3f; + background-color: #cdeae1; +} +.list-group-item-success.list-group-item-action:focus, +.list-group-item-success.list-group-item-action:hover { + color: #035a3f; + background-color: #b9d3cb; +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #035a3f; + border-color: #035a3f; +} +.list-group-item-info { + color: #025c68; + background-color: #cdebef; +} +.list-group-item-info.list-group-item-action:focus, +.list-group-item-info.list-group-item-action:hover { + color: #025c68; + background-color: #b9d4d7; +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #025c68; + border-color: #025c68; +} +.list-group-item-warning { + color: #93502a; + background-color: #fde7da; +} +.list-group-item-warning.list-group-item-action:focus, +.list-group-item-warning.list-group-item-action:hover { + color: #93502a; + background-color: #e4d0c4; +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #93502a; + border-color: #93502a; +} +.list-group-item-danger { + color: #8f2929; + background-color: #fcdada; +} +.list-group-item-danger.list-group-item-action:focus, +.list-group-item-danger.list-group-item-action:hover { + color: #8f2929; + background-color: #e3c4c4; +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #8f2929; + border-color: #8f2929; +} +.list-group-item-light { + color: #929294; + background-color: #fdfdfd; +} +.list-group-item-light.list-group-item-action:focus, +.list-group-item-light.list-group-item-action:hover { + color: #929294; + background-color: #e4e4e4; +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #929294; + border-color: #929294; +} +.list-group-item-dark { + color: #161a20; + background-color: #d3d5d7; +} +.list-group-item-dark.list-group-item-action:focus, +.list-group-item-dark.list-group-item-action:hover { + color: #161a20; + background-color: #bec0c2; +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #161a20; + border-color: #161a20; +} +.list-group-item-black { + color: #000; + background-color: #ccc; +} +.list-group-item-black.list-group-item-action:focus, +.list-group-item-black.list-group-item-action:hover { + color: #000; + background-color: #b8b8b8; +} +.list-group-item-black.list-group-item-action.active { + color: #fff; + background-color: #000; + border-color: #000; +} +.list-group-item-white { + color: #999; + background-color: #fff; +} +.list-group-item-white.list-group-item-action:focus, +.list-group-item-white.list-group-item-action:hover { + color: #999; + background-color: #e6e6e6; +} +.list-group-item-white.list-group-item-action.active { + color: #fff; + background-color: #999; + border-color: #999; +} +.btn-close { + --btn-close-width: 1em; + --btn-close-height: 1em; + --btn-close-padding-y: 0.25em; + --btn-close-padding-x: 0.25em; + --btn-close-color: #000; + --btn-close-bg: url("data:image/svg+xml,"); + --btn-close-opacity: 0.65; + --btn-close-hover-opacity: 1; + --btn-close-focus-opacity: 1; + --btn-close-disabled-opacity: 0.25; + box-sizing: content-box; + width: var(--btn-close-width); + height: var(--btn-close-height); + padding: var(--btn-close-padding-y) var(--btn-close-padding-x); + color: var(--btn-close-color); + background: transparent + url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 20 20' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") + center/var(--btn-close-width) auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: var(--btn-close-opacity); +} +.btn-close:hover { + color: var(--btn-close-color); + text-decoration: none; + opacity: var(--btn-close-hover-opacity); +} +.btn-close:focus { + outline: 0; + opacity: var(--btn-close-focus-opacity); +} +.btn-close.disabled, +.btn-close:disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: var(--btn-close-disabled-opacity); +} +.btn-close-white { + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.toast { + --toast-zindex: 1090; + --toast-padding-x: 1rem; + --toast-padding-y: 0.75rem; + --toast-spacing: var(--spacer); + --toast-max-width: 350px; + --toast-font-size: var(--body-font-size); + --toast-bg: var(--white); + --toast-border-width: var(--border-width); + --toast-border-color: var(--border-color-translucent); + --toast-border-radius: var(--border-radius); + --toast-box-shadow: var(--box-shadow); + --toast-header-color: var(--body-color); + --toast-header-bg: var(--gray-100); + --toast-header-border-color: var(--border-color-translucent); + width: var(--toast-max-width); + max-width: 100%; + font-size: var(--toast-font-size); + color: var(--toast-color); + pointer-events: auto; + background-color: var(--toast-bg); + background-clip: padding-box; + border: var(--toast-border-width) solid var(--toast-border-color); + box-shadow: var(--toast-box-shadow); + border-radius: var(--toast-border-radius); +} +.toast.showing { + opacity: 0; +} +.toast:not(.show) { + display: none; +} +.toast-container { + --toast-zindex: 1090; + position: absolute; + z-index: var(--toast-zindex); + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container > :not(:last-child) { + margin-bottom: var(--toast-spacing); +} +.toast-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: var(--toast-padding-y) var(--toast-padding-x); + color: var(--toast-header-color); + background-color: var(--toast-header-bg); + background-clip: padding-box; + border-bottom: var(--toast-border-width) solid + var(--toast-header-border-color); + border-top-left-radius: calc( + var(--toast-border-radius) - var(--toast-border-width) + ); + border-top-right-radius: calc( + var(--toast-border-radius) - var(--toast-border-width) + ); +} +.toast-header .btn-close { + margin-right: calc(-0.5 * var(--toast-padding-x)); + margin-left: var(--toast-padding-x); +} +.toast-body { + padding: var(--toast-padding-x); + word-wrap: break-word; +} +.modal { + --modal-zindex: 1055; + --modal-width: 600px; + --modal-padding: var(--spacer); + --modal-margin: 0.5rem; + --modal-bg: var(--white); + --modal-border-color: var(--border-color-translucent); + --modal-border-width: var(--border-width); + --modal-border-radius: var(--border-radius-lg); + --modal-box-shadow: var(--box-shadow-sm); + --modal-inner-border-radius: calc( + var(--modal-border-radius) - (var(--modal-border-width)) + ); + --modal-header-padding-x: var(--spacer); + --modal-header-padding-y: var(--spacer); + --modal-header-padding: var(--spacer) var(--spacer); + --modal-header-border-color: var(--border-color); + --modal-header-border-width: var(--border-width); + --modal-title-line-height: var(--body-line-height); + --modal-footer-gap: var(--spacer-2); + --modal-footer-border-color: var(--border-color); + --modal-footer-border-width: var(--border-width); + position: fixed; + top: 0; + left: 0; + z-index: var(--modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} +.modal-dialog { + position: relative; + width: auto; + margin: var(--modal-margin); + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: -webkit-transform calc(var(--transition-base-timer) * 2) ease-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-out; + -webkit-transform: translate(0, -50px); + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + -webkit-transform: none; + transform: none; +} +.modal.modal-static .modal-dialog { + -webkit-transform: scale(1.02); + transform: scale(1.02); +} +.modal-dialog-scrollable { + height: calc(100% - var(--modal-margin) * 2); +} +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} +.modal-dialog-centered { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + min-height: calc(100% - var(--modal-margin) * 2); +} +.modal-content { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + color: var(--modal-color); + pointer-events: auto; + background-color: var(--modal-bg); + background-clip: padding-box; + border: var(--modal-border-width) solid var(--modal-border-color); + border-radius: var(--modal-border-radius); + box-shadow: var(--modal-box-shadow); + outline: 0; +} +.modal-backdrop { + --backdrop-zindex: 1050; + --backdrop-bg: var(--black); + --backdrop-opacity: 0.35; + position: fixed; + top: 0; + left: 0; + z-index: var(--backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--backdrop-bg); +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: var(--backdrop-opacity); +} +.modal-header { + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: var(--modal-header-padding); + border-bottom: var(--modal-header-border-width) solid + var(--modal-header-border-color); + border-top-left-radius: var(--modal-inner-border-radius); + border-top-right-radius: var(--modal-inner-border-radius); +} +.modal-header .btn-close { + padding: calc(var(--modal-header-padding-y) * 0.5) + calc(var(--modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--modal-header-padding-y)) + calc(-0.5 * var(--modal-header-padding-x)) + calc(-0.5 * var(--modal-header-padding-y)) auto; +} +.modal-title { + margin-bottom: 0; + line-height: var(--modal-title-line-height); +} +.modal-body { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: var(--modal-padding); +} +.modal-footer { + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + padding: calc(var(--modal-padding) - var(--modal-footer-gap) * 0.5); + background-color: var(--modal-footer-bg); + border-top: var(--modal-footer-border-width) solid + var(--modal-footer-border-color); + border-bottom-right-radius: var(--modal-inner-border-radius); + border-bottom-left-radius: var(--modal-inner-border-radius); +} +.modal-footer > * { + margin: calc(var(--modal-footer-gap) * 0.5); +} +@media (min-width: 576px) { + .modal { + --modal-margin: 1.75rem; + --modal-box-shadow: var(--box-shadow); + } + .modal-dialog { + max-width: var(--modal-width); + margin-right: auto; + margin-left: auto; + } + .modal-sm { + --modal-width: 400px; + } +} +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + --modal-width: 900px; + } +} +@media (min-width: 1200px) { + .modal-xl { + --modal-width: 1140px; + } +} +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen .modal-footer, +.modal-fullscreen .modal-header { + border-radius: 0; +} +.modal-fullscreen .modal-body { + overflow-y: auto; +} +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-footer, + .modal-fullscreen-sm-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-footer, + .modal-fullscreen-md-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-footer, + .modal-fullscreen-lg-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-footer, + .modal-fullscreen-xl-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-footer, + .modal-fullscreen-xxl-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } +} +.tooltip { + --tooltip-zindex: 1080; + --tooltip-max-width: 200px; + --tooltip-padding-x: calc(var(--spacer) * 0.6); + --tooltip-padding-y: calc(var(--spacer) * 0.4); + --tooltip-font-size: var(--body-font-size); + --tooltip-color: var(--white); + --tooltip-bg: var(--black); + --tooltip-border-radius: var(--border-radius); + --tooltip-opacity: 0.95; + --tooltip-arrow-width: 0.8rem; + --tooltip-arrow-height: 0.4rem; + z-index: var(--tooltip-zindex); + display: block; + padding: var(--tooltip-arrow-height); + margin: var(--tooltip-margin); + font-family: var(--font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5715; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: var(--tooltip-opacity); +} +.tooltip .tooltip-arrow { + display: block; + width: var(--tooltip-arrow-width); + height: var(--tooltip-arrow-height); +} +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow, +.bs-tooltip-top .tooltip-arrow { + bottom: 0; +} +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before, +.bs-tooltip-top .tooltip-arrow::before { + top: -1px; + border-width: var(--tooltip-arrow-height) + calc(var(--tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--tooltip-bg); +} +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, +.bs-tooltip-end .tooltip-arrow { + left: 0; + width: var(--tooltip-arrow-height); + height: var(--tooltip-arrow-width); +} +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before, +.bs-tooltip-end .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--tooltip-arrow-width) * 0.5) + var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--tooltip-bg); +} +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow, +.bs-tooltip-bottom .tooltip-arrow { + top: 0; +} +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, +.bs-tooltip-bottom .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) + var(--tooltip-arrow-height); + border-bottom-color: var(--tooltip-bg); +} +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, +.bs-tooltip-start .tooltip-arrow { + right: 0; + width: var(--tooltip-arrow-height); + height: var(--tooltip-arrow-width); +} +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, +.bs-tooltip-start .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 + calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height); + border-left-color: var(--tooltip-bg); +} +.tooltip-inner { + max-width: var(--tooltip-max-width); + padding: var(--tooltip-padding-y) var(--tooltip-padding-x); + color: var(--tooltip-color); + text-align: center; + background-color: var(--tooltip-bg); + border-radius: var(--tooltip-border-radius); +} +.popover { + --popover-zindex: 1070; + --popover-max-width: 276px; + --popover-font-size: var(--body-font-size); + --popover-bg: var(--white); + --popover-border-width: var(--border-width); + --popover-border-color: var(--border-color-translucent); + --popover-border-radius: var(--border-radius); + --popover-inner-border-radius: calc( + var(--border-radius) - (var(--border-width)) + ); + --popover-box-shadow: var(--box-shadow); + --popover-header-padding-x: var(--spacer); + --popover-header-padding-y: 0.75rem; + --popover-header-font-size: var(--body-font-size); + --popover-header-color: var(--body-color); + --popover-header-bg: var(--gray-100); + --popover-body-padding-x: var(--spacer); + --popover-body-padding-y: calc(var(--spacer) * 0.75); + --popover-body-color: var(--body-color); + --popover-arrow-width: 1rem; + --popover-arrow-height: 0.5rem; + --popover-arrow-border: var(--popover-border-color); + z-index: var(--popover-zindex); + display: block; + max-width: var(--popover-max-width); + font-family: var(--font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5715; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--popover-font-size); + word-wrap: break-word; + background-color: var(--popover-bg); + background-clip: padding-box; + border: var(--popover-border-width) solid var(--popover-border-color); + border-radius: var(--popover-border-radius); + box-shadow: var(--popover-box-shadow); +} +.popover .popover-arrow { + display: block; + width: var(--popover-arrow-width); + height: var(--popover-arrow-height); +} +.popover .popover-arrow::after, +.popover .popover-arrow::before { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, +.bs-popover-top > .popover-arrow { + bottom: calc( + -1 * (var(--popover-arrow-height)) - var(--popover-border-width) + ); +} +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, +.bs-popover-top > .popover-arrow::after, +.bs-popover-top > .popover-arrow::before { + border-width: var(--popover-arrow-height) + calc(var(--popover-arrow-width) * 0.5) 0; +} +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, +.bs-popover-top > .popover-arrow::before { + bottom: 0; + border-top-color: var(--popover-arrow-border); +} +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, +.bs-popover-top > .popover-arrow::after { + bottom: var(--popover-border-width); + border-top-color: var(--popover-bg); +} +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, +.bs-popover-end > .popover-arrow { + left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); + width: var(--popover-arrow-height); + height: var(--popover-arrow-width); +} +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, +.bs-popover-end > .popover-arrow::after, +.bs-popover-end > .popover-arrow::before { + border-width: calc(var(--popover-arrow-width) * 0.5) + var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0; +} +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, +.bs-popover-end > .popover-arrow::before { + left: 0; + border-right-color: var(--popover-arrow-border); +} +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, +.bs-popover-end > .popover-arrow::after { + left: var(--popover-border-width); + border-right-color: var(--popover-bg); +} +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, +.bs-popover-bottom > .popover-arrow { + top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); +} +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, +.bs-popover-bottom > .popover-arrow::after, +.bs-popover-bottom > .popover-arrow::before { + border-width: 0 calc(var(--popover-arrow-width) * 0.5) + var(--popover-arrow-height); +} +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, +.bs-popover-bottom > .popover-arrow::before { + top: 0; + border-bottom-color: var(--popover-arrow-border); +} +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, +.bs-popover-bottom > .popover-arrow::after { + top: var(--popover-border-width); + border-bottom-color: var(--popover-bg); +} +.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before, +.bs-popover-bottom .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--popover-arrow-width); + margin-left: calc(-0.5 * var(--popover-arrow-width)); + content: ""; + border-bottom: var(--popover-border-width) solid var(--popover-header-bg); +} +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, +.bs-popover-start > .popover-arrow { + right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); + width: var(--popover-arrow-height); + height: var(--popover-arrow-width); +} +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, +.bs-popover-start > .popover-arrow::after, +.bs-popover-start > .popover-arrow::before { + border-width: calc(var(--popover-arrow-width) * 0.5) 0 + calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height); +} +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, +.bs-popover-start > .popover-arrow::before { + right: 0; + border-left-color: var(--popover-arrow-border); +} +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, +.bs-popover-start > .popover-arrow::after { + right: var(--popover-border-width); + border-left-color: var(--popover-bg); +} +.popover-header { + padding: var(--popover-header-padding-y) var(--popover-header-padding-x); + margin-bottom: 0; + font-size: var(--popover-header-font-size); + color: var(--popover-header-color); + background-color: var(--popover-header-bg); + border-bottom: var(--popover-border-width) solid var(--popover-border-color); + border-top-left-radius: var(--popover-inner-border-radius); + border-top-right-radius: var(--popover-inner-border-radius); +} +.popover-header:empty { + display: none; +} +.popover-body { + padding: var(--popover-body-padding-y) var(--popover-body-padding-x); + color: var(--popover-body-color); +} +.carousel { + position: relative; +} +.carousel.pointer-event { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: -webkit-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} +.carousel-item-next, +.carousel-item-prev, +.carousel-item.active { + display: block; +} +.active.carousel-item-end, +.carousel-item-next:not(.carousel-item-start) { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.active.carousel-item-start, +.carousel-item-prev:not(.carousel-item-end) { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + -webkit-transform: none; + transform: none; +} +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end, +.carousel-fade .carousel-item.active { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-end, +.carousel-fade .active.carousel-item-start { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-end, + .carousel-fade .active.carousel-item-start { + transition: none; + } +} +.carousel-control-next, +.carousel-control-prev { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 6.25rem; + padding: 0; + color: #fff; + text-align: center; + background: 0 0; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-next, + .carousel-control-prev { + transition: none; + } +} +.carousel-control-next:focus, +.carousel-control-next:hover, +.carousel-control-prev:focus, +.carousel-control-prev:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} +.carousel-control-prev { + left: 0; +} +.carousel-control-next { + right: 0; +} +.carousel-control-next-icon, +.carousel-control-prev-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + margin-right: 6.25rem; + margin-bottom: 1rem; + margin-left: 6.25rem; + list-style: none; +} +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} +.carousel-dark .carousel-control-next-icon, +.carousel-dark .carousel-control-prev-icon { + -webkit-filter: invert(1) grayscale(100); + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} +.carousel-dark .carousel-caption { + color: #000; +} +.spinner-border, +.spinner-grow { + display: inline-block; + width: var(--spinner-width); + height: var(--spinner-height); + vertical-align: var(--spinner-vertical-align); + border-radius: 50%; + -webkit-animation: var(--spinner-animation-speed) linear infinite + var(--spinner-animation-name); + animation: var(--spinner-animation-speed) linear infinite + var(--spinner-animation-name); +} +@-webkit-keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes spinner-border { + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.spinner-border { + --spinner-width: var(--icon-font-size); + --spinner-height: var(--icon-font-size); + --spinner-vertical-align: -0.125em; + --spinner-border-width: 0.15em; + --spinner-animation-speed: 1s; + --spinner-animation-name: spinner-border; + border: var(--spinner-border-width) solid currentcolor; + border-right-color: transparent; +} +.spinner-border-sm { + --spinner-width: var(--icon-font-size-sm); + --spinner-height: var(--icon-font-size-sm); + --spinner-border-width: 0.1em; +} +@-webkit-keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes spinner-grow { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } + 50% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +.spinner-grow { + --spinner-width: var(--icon-font-size); + --spinner-height: var(--icon-font-size); + --spinner-vertical-align: -0.125em; + --spinner-animation-speed: 1s; + --spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} +.spinner-grow-sm { + --spinner-width: var(--icon-font-size-sm); + --spinner-height: var(--icon-font-size-sm); +} +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + --spinner-animation-speed: 2s; + } +} +.offcanvas, +.offcanvas-lg, +.offcanvas-md, +.offcanvas-sm, +.offcanvas-xl, +.offcanvas-xxl { + --offcanvas-zindex: 1045; + --offcanvas-width: 380px; + --offcanvas-height: auto; + --offcanvas-padding-x: var(--spacer); + --offcanvas-padding-y: var(--spacer); + --offcanvas-bg: var(--white); + --offcanvas-box-shadow: var(--box-shadow); +} +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--offcanvas-zindex); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: var(--offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--offcanvas-box-shadow); + transition: -webkit-transform calc(var(--transition-base-timer) * 2) + ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-in-out; + } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.show:not(.hiding), + .offcanvas-sm.showing { + -webkit-transform: none; + transform: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.hiding, + .offcanvas-sm.show, + .offcanvas-sm.showing { + visibility: visible; + } +} +@media (min-width: 576px) { + .offcanvas-sm { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--offcanvas-zindex); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: var(--offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--offcanvas-box-shadow); + transition: -webkit-transform calc(var(--transition-base-timer) * 2) + ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-in-out; + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@media (max-width: 767.98px) { + .offcanvas-md.show:not(.hiding), + .offcanvas-md.showing { + -webkit-transform: none; + transform: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.hiding, + .offcanvas-md.show, + .offcanvas-md.showing { + visibility: visible; + } +} +@media (min-width: 768px) { + .offcanvas-md { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--offcanvas-zindex); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: var(--offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--offcanvas-box-shadow); + transition: -webkit-transform calc(var(--transition-base-timer) * 2) + ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-in-out; + } +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.show:not(.hiding), + .offcanvas-lg.showing { + -webkit-transform: none; + transform: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.hiding, + .offcanvas-lg.show, + .offcanvas-lg.showing { + visibility: visible; + } +} +@media (min-width: 992px) { + .offcanvas-lg { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--offcanvas-zindex); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: var(--offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--offcanvas-box-shadow); + transition: -webkit-transform calc(var(--transition-base-timer) * 2) + ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-in-out; + } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.show:not(.hiding), + .offcanvas-xl.showing { + -webkit-transform: none; + transform: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.hiding, + .offcanvas-xl.show, + .offcanvas-xl.showing { + visibility: visible; + } +} +@media (min-width: 1200px) { + .offcanvas-xl { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--offcanvas-zindex); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: var(--offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--offcanvas-box-shadow); + transition: -webkit-transform calc(var(--transition-base-timer) * 2) + ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-in-out; + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.show:not(.hiding), + .offcanvas-xxl.showing { + -webkit-transform: none; + transform: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.hiding, + .offcanvas-xxl.show, + .offcanvas-xxl.showing { + visibility: visible; + } +} +@media (min-width: 1400px) { + .offcanvas-xxl { + --offcanvas-height: auto; + --offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 0; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--offcanvas-zindex); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + color: var(--offcanvas-color); + visibility: hidden; + background-color: var(--offcanvas-bg); + background-clip: padding-box; + outline: 0; + box-shadow: var(--offcanvas-box-shadow); + transition: -webkit-transform calc(var(--transition-base-timer) * 2) + ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out; + transition: transform calc(var(--transition-base-timer) * 2) ease-in-out, + -webkit-transform calc(var(--transition-base-timer) * 2) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--offcanvas-width); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--offcanvas-width); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-bottom: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + -webkit-transform: translateY(-100%); + transform: translateY(-100%); +} +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--offcanvas-height); + max-height: 100%; + border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + -webkit-transform: translateY(100%); + transform: translateY(100%); +} +.offcanvas.show:not(.hiding), +.offcanvas.showing { + -webkit-transform: none; + transform: none; +} +.offcanvas.hiding, +.offcanvas.show, +.offcanvas.showing { + visibility: visible; +} +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: var(--black); +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.25; +} +.offcanvas-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); +} +.offcanvas-header .btn-close { + padding: calc(var(--offcanvas-padding-y) * 0.5) + calc(var(--offcanvas-padding-x) * 0.5); + margin-top: calc(-0.5 * var(--offcanvas-padding-y)); + margin-right: calc(-0.5 * var(--offcanvas-padding-x)); + margin-bottom: calc(-0.5 * var(--offcanvas-padding-y)); +} +.offcanvas-title { + margin-bottom: 0; + line-height: var(--body-line-height); +} +.offcanvas-body { + -ms-flex-positive: 1; + flex-grow: 1; + padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); + overflow-y: auto; +} +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} +.placeholder.btn::before { + display: inline-block; + content: ""; +} +.placeholder-xs { + min-height: 0.6em; +} +.placeholder-sm { + min-height: 0.8em; +} +.placeholder-lg { + min-height: 1.2em; +} +.placeholder-glow .placeholder { + -webkit-animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; +} +@-webkit-keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + -webkit-mask-image: linear-gradient( + 130deg, + #000 55%, + rgba(0, 0, 0, 0.8) 75%, + #000 95% + ); + mask-image: linear-gradient( + 130deg, + #000 55%, + rgba(0, 0, 0, 0.8) 75%, + #000 95% + ); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-animation: placeholder-wave 2s linear infinite; + animation: placeholder-wave 2s linear infinite; +} +@-webkit-keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0; + mask-position: -200% 0; + } +} +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0; + mask-position: -200% 0; + } +} +.clearfix::after { + display: block; + clear: both; + content: ""; +} +.text-bg-indigo { + color: #fff !important; + background-color: RGBA(92, 107, 192, var(--bg-opacity, 1)) !important; +} +.text-bg-purple { + color: #fff !important; + background-color: RGBA(142, 112, 193, var(--bg-opacity, 1)) !important; +} +.text-bg-pink { + color: #fff !important; + background-color: RGBA(243, 92, 134, var(--bg-opacity, 1)) !important; +} +.text-bg-teal { + color: #fff !important; + background-color: RGBA(38, 166, 154, var(--bg-opacity, 1)) !important; +} +.text-bg-yellow { + color: #000 !important; + background-color: RGBA(255, 214, 72, var(--bg-opacity, 1)) !important; +} +.text-bg-primary { + color: #fff !important; + background-color: RGBA(12, 131, 255, var(--bg-opacity, 1)) !important; +} +.text-bg-secondary { + color: #fff !important; + background-color: RGBA(36, 114, 151, var(--bg-opacity, 1)) !important; +} +.text-bg-success { + color: #fff !important; + background-color: RGBA(5, 150, 105, var(--bg-opacity, 1)) !important; +} +.text-bg-info { + color: #fff !important; + background-color: RGBA(4, 154, 173, var(--bg-opacity, 1)) !important; +} +.text-bg-warning { + color: #fff !important; + background-color: RGBA(245, 134, 70, var(--bg-opacity, 1)) !important; +} +.text-bg-danger { + color: #fff !important; + background-color: RGBA(239, 68, 68, var(--bg-opacity, 1)) !important; +} +.text-bg-light { + color: #000 !important; + background-color: RGBA(243, 244, 246, var(--bg-opacity, 1)) !important; +} +.text-bg-dark { + color: #fff !important; + background-color: RGBA(37, 43, 54, var(--bg-opacity, 1)) !important; +} +.text-bg-black { + color: #fff !important; + background-color: RGBA(0, 0, 0, var(--bg-opacity, 1)) !important; +} +.text-bg-white { + color: #000 !important; + background-color: RGBA(255, 255, 255, var(--bg-opacity, 1)) !important; +} +.link-indigo { + color: #5c6bc0 !important; +} +.link-indigo:focus, +.link-indigo:hover { + color: #455090 !important; +} +.link-purple { + color: #8e70c1 !important; +} +.link-purple:focus, +.link-purple:hover { + color: #6b5491 !important; +} +.link-pink { + color: #f35c86 !important; +} +.link-pink:focus, +.link-pink:hover { + color: #b64565 !important; +} +.link-teal { + color: #26a69a !important; +} +.link-teal:focus, +.link-teal:hover { + color: #1d7d74 !important; +} +.link-yellow { + color: #ffd648 !important; +} +.link-yellow:focus, +.link-yellow:hover { + color: #ffe076 !important; +} +.link-primary { + color: #0c83ff !important; +} +.link-primary:focus, +.link-primary:hover { + color: #0962bf !important; +} +.link-secondary { + color: #247297 !important; +} +.link-secondary:focus, +.link-secondary:hover { + color: #1b5671 !important; +} +.link-success { + color: #059669 !important; +} +.link-success:focus, +.link-success:hover { + color: #04714f !important; +} +.link-info { + color: #049aad !important; +} +.link-info:focus, +.link-info:hover { + color: #037482 !important; +} +.link-warning { + color: #f58646 !important; +} +.link-warning:focus, +.link-warning:hover { + color: #b86535 !important; +} +.link-danger { + color: #ef4444 !important; +} +.link-danger:focus, +.link-danger:hover { + color: #b33333 !important; +} +.link-light { + color: #f3f4f6 !important; +} +.link-light:focus, +.link-light:hover { + color: #f6f7f8 !important; +} +.link-dark { + color: #252b36 !important; +} +.link-dark:focus, +.link-dark:hover { + color: #1c2029 !important; +} +.link-black { + color: #000 !important; +} +.link-black:focus, +.link-black:hover { + color: #000 !important; +} +.link-white { + color: #fff !important; +} +.link-white:focus, +.link-white:hover { + color: #fff !important; +} +.ratio { + position: relative; + width: 100%; +} +.ratio::before { + display: block; + padding-top: var(--aspect-ratio); + content: ""; +} +.ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ratio-1x1 { + --aspect-ratio: 100%; +} +.ratio-4x3 { + --aspect-ratio: 75%; +} +.ratio-16x9 { + --aspect-ratio: 56.25%; +} +.ratio-21x9 { + --aspect-ratio: 42.8571428571%; +} +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} +.sticky-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; +} +@media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +.hstack { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + align-items: center; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.vstack { + display: -ms-flexbox; + display: flex; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-item-align: stretch; + align-self: stretch; +} +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.vr { + display: inline-block; + -ms-flex-item-align: stretch; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; +} +.align-baseline { + vertical-align: baseline !important; +} +.align-top { + vertical-align: top !important; +} +.align-middle { + vertical-align: middle !important; +} +.align-bottom { + vertical-align: bottom !important; +} +.align-text-bottom { + vertical-align: text-bottom !important; +} +.align-text-top { + vertical-align: text-top !important; +} +.float-start { + float: left !important; +} +.float-end { + float: right !important; +} +.float-none { + float: none !important; +} +.opacity-0 { + opacity: 0 !important; +} +.opacity-25 { + opacity: 0.25 !important; +} +.opacity-50 { + opacity: 0.5 !important; +} +.opacity-75 { + opacity: 0.75 !important; +} +.opacity-100 { + opacity: 1 !important; +} +.overflow-auto { + overflow: auto !important; +} +.overflow-hidden { + overflow: hidden !important; +} +.overflow-visible { + overflow: visible !important; +} +.overflow-scroll { + overflow: scroll !important; +} +.d-inline { + display: inline !important; +} +.d-inline-block { + display: inline-block !important; +} +.d-block { + display: block !important; +} +.d-grid { + display: grid !important; +} +.d-table { + display: table !important; +} +.d-table-row { + display: table-row !important; +} +.d-table-cell { + display: table-cell !important; +} +.d-flex { + display: -ms-flexbox !important; + display: flex !important; +} +.d-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} +.d-none { + display: none !important; +} +.shadow { + box-shadow: var(--box-shadow) !important; +} +.shadow-sm { + box-shadow: var(--box-shadow-sm) !important; +} +.shadow-lg { + box-shadow: var(--box-shadow-lg) !important; +} +.shadow-none { + box-shadow: none !important; +} +.position-static { + position: static !important; +} +.position-relative { + position: relative !important; +} +.position-absolute { + position: absolute !important; +} +.position-fixed { + position: fixed !important; +} +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} +.top-0 { + top: 0 !important; +} +.top-50 { + top: 50% !important; +} +.top-100 { + top: 100% !important; +} +.top-auto { + top: auto !important; +} +.bottom-0 { + bottom: 0 !important; +} +.bottom-50 { + bottom: 50% !important; +} +.bottom-100 { + bottom: 100% !important; +} +.bottom-auto { + bottom: auto !important; +} +.start-0 { + left: 0 !important; +} +.start-50 { + left: 50% !important; +} +.start-100 { + left: 100% !important; +} +.start-auto { + left: auto !important; +} +.end-0 { + right: 0 !important; +} +.end-50 { + right: 50% !important; +} +.end-100 { + right: 100% !important; +} +.end-auto { + right: auto !important; +} +.translate-middle { + -webkit-transform: translate(-50%, -50%) !important; + transform: translate(-50%, -50%) !important; +} +.translate-middle-x { + -webkit-transform: translateX(-50%) !important; + transform: translateX(-50%) !important; +} +.translate-middle-y { + -webkit-transform: translateY(-50%) !important; + transform: translateY(-50%) !important; +} +.translate-middle-start { + -webkit-transform: translate(-50%, 50%) !important; + transform: translate(-50%, 50%) !important; +} +.translate-middle-top { + -webkit-transform: translate(50%, -50%) !important; + transform: translate(50%, -50%) !important; +} +.border { + border: var(--border-width) var(--border-style) var(--border-color) !important; +} +.border-0 { + border: 0 !important; +} +.border-top { + border-top: var(--border-width) var(--border-style) var(--border-color) !important; +} +.border-top-0 { + border-top: 0 !important; +} +.border-end { + border-right: var(--border-width) var(--border-style) var(--border-color) !important; +} +.border-end-0 { + border-right: 0 !important; +} +.border-bottom { + border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; +} +.border-bottom-0 { + border-bottom: 0 !important; +} +.border-start { + border-left: var(--border-width) var(--border-style) var(--border-color) !important; +} +.border-start-0 { + border-left: 0 !important; +} +.border-indigo { + --border-opacity: 1; + border-color: rgba(var(--indigo-rgb), var(--border-opacity)) !important; +} +.border-purple { + --border-opacity: 1; + border-color: rgba(var(--purple-rgb), var(--border-opacity)) !important; +} +.border-pink { + --border-opacity: 1; + border-color: rgba(var(--pink-rgb), var(--border-opacity)) !important; +} +.border-teal { + --border-opacity: 1; + border-color: rgba(var(--teal-rgb), var(--border-opacity)) !important; +} +.border-yellow { + --border-opacity: 1; + border-color: rgba(var(--yellow-rgb), var(--border-opacity)) !important; +} +.border-primary { + --border-opacity: 1; + border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important; +} +.border-secondary { + --border-opacity: 1; + border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important; +} +.border-success { + --border-opacity: 1; + border-color: rgba(var(--success-rgb), var(--border-opacity)) !important; +} +.border-info { + --border-opacity: 1; + border-color: rgba(var(--info-rgb), var(--border-opacity)) !important; +} +.border-warning { + --border-opacity: 1; + border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important; +} +.border-danger { + --border-opacity: 1; + border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important; +} +.border-light { + --border-opacity: 1; + border-color: rgba(var(--light-rgb), var(--border-opacity)) !important; +} +.border-dark { + --border-opacity: 1; + border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; +} +.border-black { + --border-opacity: 1; + border-color: rgba(var(--black-rgb), var(--border-opacity)) !important; +} +.border-white { + --border-opacity: 1; + border-color: rgba(var(--white-rgb), var(--border-opacity)) !important; +} +.border-transparent { + --border-opacity: 1; + border-color: transparent !important; +} +.border-top-indigo { + --border-opacity: 1; + border-top-color: rgba(var(--indigo-rgb), var(--border-opacity)) !important; +} +.border-top-purple { + --border-opacity: 1; + border-top-color: rgba(var(--purple-rgb), var(--border-opacity)) !important; +} +.border-top-pink { + --border-opacity: 1; + border-top-color: rgba(var(--pink-rgb), var(--border-opacity)) !important; +} +.border-top-teal { + --border-opacity: 1; + border-top-color: rgba(var(--teal-rgb), var(--border-opacity)) !important; +} +.border-top-yellow { + --border-opacity: 1; + border-top-color: rgba(var(--yellow-rgb), var(--border-opacity)) !important; +} +.border-top-primary { + --border-opacity: 1; + border-top-color: rgba(var(--primary-rgb), var(--border-opacity)) !important; +} +.border-top-secondary { + --border-opacity: 1; + border-top-color: rgba( + var(--secondary-rgb), + var(--border-opacity) + ) !important; +} +.border-top-success { + --border-opacity: 1; + border-top-color: rgba(var(--success-rgb), var(--border-opacity)) !important; +} +.border-top-info { + --border-opacity: 1; + border-top-color: rgba(var(--info-rgb), var(--border-opacity)) !important; +} +.border-top-warning { + --border-opacity: 1; + border-top-color: rgba(var(--warning-rgb), var(--border-opacity)) !important; +} +.border-top-danger { + --border-opacity: 1; + border-top-color: rgba(var(--danger-rgb), var(--border-opacity)) !important; +} +.border-top-light { + --border-opacity: 1; + border-top-color: rgba(var(--light-rgb), var(--border-opacity)) !important; +} +.border-top-dark { + --border-opacity: 1; + border-top-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; +} +.border-top-black { + --border-opacity: 1; + border-top-color: rgba(var(--black-rgb), var(--border-opacity)) !important; +} +.border-top-white { + --border-opacity: 1; + border-top-color: rgba(var(--white-rgb), var(--border-opacity)) !important; +} +.border-top-transparent { + --border-opacity: 1; + border-top-color: transparent !important; +} +.border-bottom-indigo { + --border-opacity: 1; + border-bottom-color: rgba( + var(--indigo-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-purple { + --border-opacity: 1; + border-bottom-color: rgba( + var(--purple-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-pink { + --border-opacity: 1; + border-bottom-color: rgba(var(--pink-rgb), var(--border-opacity)) !important; +} +.border-bottom-teal { + --border-opacity: 1; + border-bottom-color: rgba(var(--teal-rgb), var(--border-opacity)) !important; +} +.border-bottom-yellow { + --border-opacity: 1; + border-bottom-color: rgba( + var(--yellow-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-primary { + --border-opacity: 1; + border-bottom-color: rgba( + var(--primary-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-secondary { + --border-opacity: 1; + border-bottom-color: rgba( + var(--secondary-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-success { + --border-opacity: 1; + border-bottom-color: rgba( + var(--success-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-info { + --border-opacity: 1; + border-bottom-color: rgba(var(--info-rgb), var(--border-opacity)) !important; +} +.border-bottom-warning { + --border-opacity: 1; + border-bottom-color: rgba( + var(--warning-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-danger { + --border-opacity: 1; + border-bottom-color: rgba( + var(--danger-rgb), + var(--border-opacity) + ) !important; +} +.border-bottom-light { + --border-opacity: 1; + border-bottom-color: rgba(var(--light-rgb), var(--border-opacity)) !important; +} +.border-bottom-dark { + --border-opacity: 1; + border-bottom-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; +} +.border-bottom-black { + --border-opacity: 1; + border-bottom-color: rgba(var(--black-rgb), var(--border-opacity)) !important; +} +.border-bottom-white { + --border-opacity: 1; + border-bottom-color: rgba(var(--white-rgb), var(--border-opacity)) !important; +} +.border-bottom-transparent { + --border-opacity: 1; + border-bottom-color: transparent !important; +} +.border-start-indigo { + --border-opacity: 1; + border-left-color: rgba(var(--indigo-rgb), var(--border-opacity)) !important; +} +.border-start-purple { + --border-opacity: 1; + border-left-color: rgba(var(--purple-rgb), var(--border-opacity)) !important; +} +.border-start-pink { + --border-opacity: 1; + border-left-color: rgba(var(--pink-rgb), var(--border-opacity)) !important; +} +.border-start-teal { + --border-opacity: 1; + border-left-color: rgba(var(--teal-rgb), var(--border-opacity)) !important; +} +.border-start-yellow { + --border-opacity: 1; + border-left-color: rgba(var(--yellow-rgb), var(--border-opacity)) !important; +} +.border-start-primary { + --border-opacity: 1; + border-left-color: rgba(var(--primary-rgb), var(--border-opacity)) !important; +} +.border-start-secondary { + --border-opacity: 1; + border-left-color: rgba( + var(--secondary-rgb), + var(--border-opacity) + ) !important; +} +.border-start-success { + --border-opacity: 1; + border-left-color: rgba(var(--success-rgb), var(--border-opacity)) !important; +} +.border-start-info { + --border-opacity: 1; + border-left-color: rgba(var(--info-rgb), var(--border-opacity)) !important; +} +.border-start-warning { + --border-opacity: 1; + border-left-color: rgba(var(--warning-rgb), var(--border-opacity)) !important; +} +.border-start-danger { + --border-opacity: 1; + border-left-color: rgba(var(--danger-rgb), var(--border-opacity)) !important; +} +.border-start-light { + --border-opacity: 1; + border-left-color: rgba(var(--light-rgb), var(--border-opacity)) !important; +} +.border-start-dark { + --border-opacity: 1; + border-left-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; +} +.border-start-black { + --border-opacity: 1; + border-left-color: rgba(var(--black-rgb), var(--border-opacity)) !important; +} +.border-start-white { + --border-opacity: 1; + border-left-color: rgba(var(--white-rgb), var(--border-opacity)) !important; +} +.border-start-transparent { + --border-opacity: 1; + border-left-color: transparent !important; +} +.border-end-indigo { + --border-opacity: 1; + border-right-color: rgba(var(--indigo-rgb), var(--border-opacity)) !important; +} +.border-end-purple { + --border-opacity: 1; + border-right-color: rgba(var(--purple-rgb), var(--border-opacity)) !important; +} +.border-end-pink { + --border-opacity: 1; + border-right-color: rgba(var(--pink-rgb), var(--border-opacity)) !important; +} +.border-end-teal { + --border-opacity: 1; + border-right-color: rgba(var(--teal-rgb), var(--border-opacity)) !important; +} +.border-end-yellow { + --border-opacity: 1; + border-right-color: rgba(var(--yellow-rgb), var(--border-opacity)) !important; +} +.border-end-primary { + --border-opacity: 1; + border-right-color: rgba( + var(--primary-rgb), + var(--border-opacity) + ) !important; +} +.border-end-secondary { + --border-opacity: 1; + border-right-color: rgba( + var(--secondary-rgb), + var(--border-opacity) + ) !important; +} +.border-end-success { + --border-opacity: 1; + border-right-color: rgba( + var(--success-rgb), + var(--border-opacity) + ) !important; +} +.border-end-info { + --border-opacity: 1; + border-right-color: rgba(var(--info-rgb), var(--border-opacity)) !important; +} +.border-end-warning { + --border-opacity: 1; + border-right-color: rgba( + var(--warning-rgb), + var(--border-opacity) + ) !important; +} +.border-end-danger { + --border-opacity: 1; + border-right-color: rgba(var(--danger-rgb), var(--border-opacity)) !important; +} +.border-end-light { + --border-opacity: 1; + border-right-color: rgba(var(--light-rgb), var(--border-opacity)) !important; +} +.border-end-dark { + --border-opacity: 1; + border-right-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; +} +.border-end-black { + --border-opacity: 1; + border-right-color: rgba(var(--black-rgb), var(--border-opacity)) !important; +} +.border-end-white { + --border-opacity: 1; + border-right-color: rgba(var(--white-rgb), var(--border-opacity)) !important; +} +.border-end-transparent { + --border-opacity: 1; + border-right-color: transparent !important; +} +.border-width-0 { + border-width: 0 !important; +} +.border-width-1 { + border-width: 1px !important; +} +.border-width-2 { + border-width: 2px !important; +} +.border-width-3 { + border-width: 3px !important; +} +.border-width-4 { + border-width: 4px !important; +} +.border-width-5 { + border-width: 5px !important; +} +.border-top-width-0 { + border-top-width: 0 !important; +} +.border-top-width-1 { + border-top-width: 1px !important; +} +.border-top-width-2 { + border-top-width: 2px !important; +} +.border-top-width-3 { + border-top-width: 3px !important; +} +.border-top-width-4 { + border-top-width: 4px !important; +} +.border-top-width-5 { + border-top-width: 5px !important; +} +.border-bottom-width-0 { + border-bottom-width: 0 !important; +} +.border-bottom-width-1 { + border-bottom-width: 1px !important; +} +.border-bottom-width-2 { + border-bottom-width: 2px !important; +} +.border-bottom-width-3 { + border-bottom-width: 3px !important; +} +.border-bottom-width-4 { + border-bottom-width: 4px !important; +} +.border-bottom-width-5 { + border-bottom-width: 5px !important; +} +.border-start-width-0 { + border-left-width: 0 !important; +} +.border-start-width-1 { + border-left-width: 1px !important; +} +.border-start-width-2 { + border-left-width: 2px !important; +} +.border-start-width-3 { + border-left-width: 3px !important; +} +.border-start-width-4 { + border-left-width: 4px !important; +} +.border-start-width-5 { + border-left-width: 5px !important; +} +.border-end-width-0 { + border-right-width: 0 !important; +} +.border-end-width-1 { + border-right-width: 1px !important; +} +.border-end-width-2 { + border-right-width: 2px !important; +} +.border-end-width-3 { + border-right-width: 3px !important; +} +.border-end-width-4 { + border-right-width: 4px !important; +} +.border-end-width-5 { + border-right-width: 5px !important; +} +.border-opacity-10 { + --border-opacity: 0.1; +} +.border-opacity-15 { + --border-opacity: 0.15; +} +.border-opacity-20 { + --border-opacity: 0.2; +} +.border-opacity-25 { + --border-opacity: 0.25; +} +.border-opacity-50 { + --border-opacity: 0.5; +} +.border-opacity-75 { + --border-opacity: 0.75; +} +.border-opacity-100 { + --border-opacity: 1; +} +.border-style-dashed { + border-style: dashed !important; +} +.border-style-dotted { + border-style: dotted !important; +} +.border-top-style-dashed { + border-top-style: dashed !important; +} +.border-top-style-dotted { + border-top-style: dotted !important; +} +.border-bottom-style-dashed { + border-bottom-style: dashed !important; +} +.border-bottom-style-dotted { + border-bottom-style: dotted !important; +} +.w-16px { + width: 1rem !important; +} +.w-24px { + width: 1.5rem !important; +} +.w-32px { + width: 2rem !important; +} +.w-40px { + width: 2.5rem !important; +} +.w-48px { + width: 3rem !important; +} +.w-56px { + width: 3.5rem !important; +} +.w-64px { + width: 4rem !important; +} +.w-72px { + width: 4.5rem !important; +} +.w-80px { + width: 5rem !important; +} +.w-25 { + width: 25% !important; +} +.w-50 { + width: 50% !important; +} +.w-75 { + width: 75% !important; +} +.w-100 { + width: 100% !important; +} +.w-auto { + width: auto !important; +} +.wmin-0 { + min-width: 0 !important; +} +.wmin-200 { + min-width: 200px !important; +} +.wmin-250 { + min-width: 250px !important; +} +.wmin-300 { + min-width: 300px !important; +} +.wmin-350 { + min-width: 350px !important; +} +.wmin-400 { + min-width: 400px !important; +} +.wmin-450 { + min-width: 450px !important; +} +.wmin-500 { + min-width: 500px !important; +} +.wmin-550 { + min-width: 550px !important; +} +.wmin-600 { + min-width: 600px !important; +} +.mw-100 { + max-width: 100% !important; +} +.vw-100 { + width: 100vw !important; +} +.min-vw-100 { + min-width: 100vw !important; +} +.h-16px { + height: 1rem !important; +} +.h-24px { + height: 1.5rem !important; +} +.h-32px { + height: 2rem !important; +} +.h-40px { + height: 2.5rem !important; +} +.h-48px { + height: 3rem !important; +} +.h-56px { + height: 3.5rem !important; +} +.h-64px { + height: 4rem !important; +} +.h-72px { + height: 4.5rem !important; +} +.h-80px { + height: 5rem !important; +} +.h-25 { + height: 25% !important; +} +.h-50 { + height: 50% !important; +} +.h-75 { + height: 75% !important; +} +.h-100 { + height: 100% !important; +} +.h-auto { + height: auto !important; +} +.mh-100 { + max-height: 100% !important; +} +.vh-100 { + height: 100vh !important; +} +.min-vh-100 { + min-height: 100vh !important; +} +.flex-0 { + -ms-flex: 0 1 auto !important; + flex: 0 1 auto !important; +} +.flex-1 { + -ms-flex: 1 !important; + flex: 1 !important; +} +.flex-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; +} +.flex-row { + -ms-flex-direction: row !important; + flex-direction: row !important; +} +.flex-column { + -ms-flex-direction: column !important; + flex-direction: column !important; +} +.flex-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; +} +.flex-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; +} +.flex-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; +} +.flex-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; +} +.flex-grow-2 { + -ms-flex-positive: 2 !important; + flex-grow: 2 !important; +} +.flex-grow-3 { + -ms-flex-positive: 3 !important; + flex-grow: 3 !important; +} +.flex-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; +} +.flex-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; +} +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.flex-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.flex-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; +} +.justify-content-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; +} +.justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.justify-content-center { + -ms-flex-pack: center !important; + justify-content: center !important; +} +.justify-content-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.justify-content-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; +} +.justify-content-evenly { + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; +} +.align-items-start { + -ms-flex-align: start !important; + align-items: flex-start !important; +} +.align-items-end { + -ms-flex-align: end !important; + align-items: flex-end !important; +} +.align-items-center { + -ms-flex-align: center !important; + align-items: center !important; +} +.align-items-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; +} +.align-items-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; +} +.align-content-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; +} +.align-content-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; +} +.align-content-center { + -ms-flex-line-pack: center !important; + align-content: center !important; +} +.align-content-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; +} +.align-content-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; +} +.align-content-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; +} +.align-self-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; +} +.align-self-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} +.align-self-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} +.align-self-center { + -ms-flex-item-align: center !important; + align-self: center !important; +} +.align-self-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; +} +.align-self-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; +} +.order-first { + -ms-flex-order: -1 !important; + order: -1 !important; +} +.order-0 { + -ms-flex-order: 0 !important; + order: 0 !important; +} +.order-1 { + -ms-flex-order: 1 !important; + order: 1 !important; +} +.order-2 { + -ms-flex-order: 2 !important; + order: 2 !important; +} +.order-3 { + -ms-flex-order: 3 !important; + order: 3 !important; +} +.order-4 { + -ms-flex-order: 4 !important; + order: 4 !important; +} +.order-5 { + -ms-flex-order: 5 !important; + order: 5 !important; +} +.order-last { + -ms-flex-order: 6 !important; + order: 6 !important; +} +.m-0 { + margin: 0 !important; +} +.m-1 { + margin: 0.3125rem !important; +} +.m-2 { + margin: 0.625rem !important; +} +.m-3 { + margin: 1.25rem !important; +} +.m-4 { + margin: 1.875rem !important; +} +.m-5 { + margin: 3.75rem !important; +} +.m-auto { + margin: auto !important; +} +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} +.mx-1 { + margin-right: 0.3125rem !important; + margin-left: 0.3125rem !important; +} +.mx-2 { + margin-right: 0.625rem !important; + margin-left: 0.625rem !important; +} +.mx-3 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; +} +.mx-4 { + margin-right: 1.875rem !important; + margin-left: 1.875rem !important; +} +.mx-5 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; +} +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.my-1 { + margin-top: 0.3125rem !important; + margin-bottom: 0.3125rem !important; +} +.my-2 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; +} +.my-3 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; +} +.my-4 { + margin-top: 1.875rem !important; + margin-bottom: 1.875rem !important; +} +.my-5 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; +} +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mt-0 { + margin-top: 0 !important; +} +.mt-1 { + margin-top: 0.3125rem !important; +} +.mt-2 { + margin-top: 0.625rem !important; +} +.mt-3 { + margin-top: 1.25rem !important; +} +.mt-4 { + margin-top: 1.875rem !important; +} +.mt-5 { + margin-top: 3.75rem !important; +} +.mt-auto { + margin-top: auto !important; +} +.me-0 { + margin-right: 0 !important; +} +.me-1 { + margin-right: 0.3125rem !important; +} +.me-2 { + margin-right: 0.625rem !important; +} +.me-3 { + margin-right: 1.25rem !important; +} +.me-4 { + margin-right: 1.875rem !important; +} +.me-5 { + margin-right: 3.75rem !important; +} +.me-auto { + margin-right: auto !important; +} +.mb-0 { + margin-bottom: 0 !important; +} +.mb-1 { + margin-bottom: 0.3125rem !important; +} +.mb-2 { + margin-bottom: 0.625rem !important; +} +.mb-3 { + margin-bottom: 1.25rem !important; +} +.mb-4 { + margin-bottom: 1.875rem !important; +} +.mb-5 { + margin-bottom: 3.75rem !important; +} +.mb-auto { + margin-bottom: auto !important; +} +.ms-0 { + margin-left: 0 !important; +} +.ms-1 { + margin-left: 0.3125rem !important; +} +.ms-2 { + margin-left: 0.625rem !important; +} +.ms-3 { + margin-left: 1.25rem !important; +} +.ms-4 { + margin-left: 1.875rem !important; +} +.ms-5 { + margin-left: 3.75rem !important; +} +.ms-auto { + margin-left: auto !important; +} +.p-0 { + padding: 0 !important; +} +.p-1 { + padding: 0.3125rem !important; +} +.p-2 { + padding: 0.625rem !important; +} +.p-3 { + padding: 1.25rem !important; +} +.p-4 { + padding: 1.875rem !important; +} +.p-5 { + padding: 3.75rem !important; +} +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} +.px-1 { + padding-right: 0.3125rem !important; + padding-left: 0.3125rem !important; +} +.px-2 { + padding-right: 0.625rem !important; + padding-left: 0.625rem !important; +} +.px-3 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; +} +.px-4 { + padding-right: 1.875rem !important; + padding-left: 1.875rem !important; +} +.px-5 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; +} +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.py-1 { + padding-top: 0.3125rem !important; + padding-bottom: 0.3125rem !important; +} +.py-2 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; +} +.py-3 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; +} +.py-4 { + padding-top: 1.875rem !important; + padding-bottom: 1.875rem !important; +} +.py-5 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; +} +.pt-0 { + padding-top: 0 !important; +} +.pt-1 { + padding-top: 0.3125rem !important; +} +.pt-2 { + padding-top: 0.625rem !important; +} +.pt-3 { + padding-top: 1.25rem !important; +} +.pt-4 { + padding-top: 1.875rem !important; +} +.pt-5 { + padding-top: 3.75rem !important; +} +.pe-0 { + padding-right: 0 !important; +} +.pe-1 { + padding-right: 0.3125rem !important; +} +.pe-2 { + padding-right: 0.625rem !important; +} +.pe-3 { + padding-right: 1.25rem !important; +} +.pe-4 { + padding-right: 1.875rem !important; +} +.pe-5 { + padding-right: 3.75rem !important; +} +.pb-0 { + padding-bottom: 0 !important; +} +.pb-1 { + padding-bottom: 0.3125rem !important; +} +.pb-2 { + padding-bottom: 0.625rem !important; +} +.pb-3 { + padding-bottom: 1.25rem !important; +} +.pb-4 { + padding-bottom: 1.875rem !important; +} +.pb-5 { + padding-bottom: 3.75rem !important; +} +.ps-0 { + padding-left: 0 !important; +} +.ps-1 { + padding-left: 0.3125rem !important; +} +.ps-2 { + padding-left: 0.625rem !important; +} +.ps-3 { + padding-left: 1.25rem !important; +} +.ps-4 { + padding-left: 1.875rem !important; +} +.ps-5 { + padding-left: 3.75rem !important; +} +.gap-0 { + gap: 0 !important; +} +.gap-1 { + gap: 0.3125rem !important; +} +.gap-2 { + gap: 0.625rem !important; +} +.gap-3 { + gap: 1.25rem !important; +} +.gap-4 { + gap: 1.875rem !important; +} +.gap-5 { + gap: 3.75rem !important; +} +.font-monospace { + font-family: var(--font-monospace) !important; +} +.fs-1 { + font-size: calc(1.2875rem + 0.45vw) !important; +} +.fs-2 { + font-size: calc(1.275rem + 0.3vw) !important; +} +.fs-3 { + font-size: calc(1.2625rem + 0.15vw) !important; +} +.fs-4 { + font-size: 1.25rem !important; +} +.fs-5 { + font-size: 1.125rem !important; +} +.fs-6 { + font-size: 1rem !important; +} +.fs-base { + font-size: var(--body-font-size) !important; +} +.fs-lg { + font-size: var(--body-font-size-lg) !important; +} +.fs-sm { + font-size: var(--body-font-size-sm) !important; +} +.fs-xs { + font-size: var(--body-font-size-xs) !important; +} +.fst-italic { + font-style: italic !important; +} +.fst-normal { + font-style: normal !important; +} +.fw-light { + font-weight: 300 !important; +} +.fw-lighter { + font-weight: 200 !important; +} +.fw-normal { + font-weight: 400 !important; +} +.fw-medium { + font-weight: 500 !important; +} +.fw-semibold { + font-weight: 600 !important; +} +.fw-bold { + font-weight: 700 !important; +} +.fw-bolder { + font-weight: 800 !important; +} +.lh-1 { + line-height: 1 !important; +} +.lh-xs { + line-height: var(--body-line-height-xs) !important; +} +.lh-sm { + line-height: var(--body-line-height-sm) !important; +} +.lh-base { + line-height: var(--body-line-height) !important; +} +.lh-lg { + line-height: var(--body-line-height-lg) !important; +} +.text-start { + text-align: left !important; +} +.text-end { + text-align: right !important; +} +.text-center { + text-align: center !important; +} +.text-decoration-none { + text-decoration: none !important; +} +.text-decoration-underline { + text-decoration: underline !important; +} +.text-decoration-line-through { + text-decoration: line-through !important; +} +.text-lowercase { + text-transform: lowercase !important; +} +.text-uppercase { + text-transform: uppercase !important; +} +.text-capitalize { + text-transform: capitalize !important; +} +.text-wrap { + white-space: normal !important; +} +.text-nowrap { + white-space: nowrap !important; +} +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} +.text-indigo { + --text-opacity: 1; + color: rgba(var(--indigo-rgb), var(--text-opacity)) !important; +} +.text-purple { + --text-opacity: 1; + color: rgba(var(--purple-rgb), var(--text-opacity)) !important; +} +.text-pink { + --text-opacity: 1; + color: rgba(var(--pink-rgb), var(--text-opacity)) !important; +} +.text-teal { + --text-opacity: 1; + color: rgba(var(--teal-rgb), var(--text-opacity)) !important; +} +.text-yellow { + --text-opacity: 1; + color: rgba(var(--yellow-rgb), var(--text-opacity)) !important; +} +.text-primary { + --text-opacity: 1; + color: rgba(var(--primary-rgb), var(--text-opacity)) !important; +} +.text-secondary { + --text-opacity: 1; + color: rgba(var(--secondary-rgb), var(--text-opacity)) !important; +} +.text-success { + --text-opacity: 1; + color: rgba(var(--success-rgb), var(--text-opacity)) !important; +} +.text-info { + --text-opacity: 1; + color: rgba(var(--info-rgb), var(--text-opacity)) !important; +} +.text-warning { + --text-opacity: 1; + color: rgba(var(--warning-rgb), var(--text-opacity)) !important; +} +.text-danger { + --text-opacity: 1; + color: rgba(var(--danger-rgb), var(--text-opacity)) !important; +} +.text-light { + --text-opacity: 1; + color: rgba(var(--light-rgb), var(--text-opacity)) !important; +} +.text-dark { + --text-opacity: 1; + color: rgba(var(--dark-rgb), var(--text-opacity)) !important; +} +.text-black { + --text-opacity: 1; + color: rgba(var(--black-rgb), var(--text-opacity)) !important; +} +.text-white { + --text-opacity: 1; + color: rgba(var(--white-rgb), var(--text-opacity)) !important; +} +.text-body { + --text-opacity: 1; + color: rgba(var(--body-color-rgb), var(--text-opacity)) !important; +} +.text-muted { + --text-opacity: 1; + color: rgba(var(--body-color-rgb), 0.75) !important; +} +.text-reset { + --text-opacity: 1; + color: inherit !important; +} +.text-opacity-25 { + --text-opacity: 0.25; +} +.text-opacity-50 { + --text-opacity: 0.5; +} +.text-opacity-75 { + --text-opacity: 0.75; +} +.text-opacity-100 { + --text-opacity: 1; +} +.bg-indigo { + --bg-opacity: 1; + background-color: rgba(var(--indigo-rgb), var(--bg-opacity)) !important; +} +.bg-purple { + --bg-opacity: 1; + background-color: rgba(var(--purple-rgb), var(--bg-opacity)) !important; +} +.bg-pink { + --bg-opacity: 1; + background-color: rgba(var(--pink-rgb), var(--bg-opacity)) !important; +} +.bg-teal { + --bg-opacity: 1; + background-color: rgba(var(--teal-rgb), var(--bg-opacity)) !important; +} +.bg-yellow { + --bg-opacity: 1; + background-color: rgba(var(--yellow-rgb), var(--bg-opacity)) !important; +} +.bg-primary { + --bg-opacity: 1; + background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important; +} +.bg-secondary { + --bg-opacity: 1; + background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important; +} +.bg-success { + --bg-opacity: 1; + background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important; +} +.bg-info { + --bg-opacity: 1; + background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important; +} +.bg-warning { + --bg-opacity: 1; + background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important; +} +.bg-danger { + --bg-opacity: 1; + background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important; +} +.bg-light { + --bg-opacity: 1; + background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important; +} +.bg-dark { + --bg-opacity: 1; + background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important; +} +.bg-black { + --bg-opacity: 1; + background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; +} +.bg-white { + --bg-opacity: 1; + background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; +} +.bg-body { + --bg-opacity: 1; + background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; +} +.bg-transparent { + --bg-opacity: 1; + background-color: transparent !important; +} +.bg-card { + --bg-opacity: 1; + background-color: var(--white) !important; +} +.bg-opacity-10 { + --bg-opacity: 0.1; +} +.bg-opacity-20 { + --bg-opacity: 0.2; +} +.bg-opacity-25 { + --bg-opacity: 0.25; +} +.bg-opacity-50 { + --bg-opacity: 0.5; +} +.bg-opacity-75 { + --bg-opacity: 0.75; +} +.bg-opacity-100 { + --bg-opacity: 1; +} +.bg-gradient { + background-image: var(--gradient) !important; +} +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} +.pe-none { + pointer-events: none !important; +} +.pe-auto { + pointer-events: auto !important; +} +.rounded { + border-radius: var(--border-radius) !important; +} +.rounded-0 { + border-radius: 0 !important; +} +.rounded-1 { + border-radius: var(--border-radius-sm) !important; +} +.rounded-2 { + border-radius: var(--border-radius) !important; +} +.rounded-3 { + border-radius: var(--border-radius-lg) !important; +} +.rounded-4 { + border-radius: var(--border-radius-xl) !important; +} +.rounded-5 { + border-radius: var(--border-radius-2xl) !important; +} +.rounded-circle { + border-radius: 50% !important; +} +.rounded-pill { + border-radius: var(--border-radius-pill) !important; +} +.rounded-top { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; +} +.rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} +.rounded-top-1 { + border-top-left-radius: var(--border-radius-sm) !important; + border-top-right-radius: var(--border-radius-sm) !important; +} +.rounded-top-2 { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; +} +.rounded-top-pill { + border-top-left-radius: var(--border-radius-pill) !important; + border-top-right-radius: var(--border-radius-pill) !important; +} +.rounded-end { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; +} +.rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +.rounded-end-1 { + border-top-right-radius: var(--border-radius-sm) !important; + border-bottom-right-radius: var(--border-radius-sm) !important; +} +.rounded-end-2 { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; +} +.rounded-end-pill { + border-top-right-radius: var(--border-radius-pill) !important; + border-bottom-right-radius: var(--border-radius-pill) !important; +} +.rounded-bottom { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; +} +.rounded-bottom-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} +.rounded-bottom-1 { + border-bottom-right-radius: var(--border-radius-sm) !important; + border-bottom-left-radius: var(--border-radius-sm) !important; +} +.rounded-bottom-2 { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; +} +.rounded-bottom-pill { + border-bottom-right-radius: var(--border-radius-pill) !important; + border-bottom-left-radius: var(--border-radius-pill) !important; +} +.rounded-start { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; +} +.rounded-start-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; +} +.rounded-start-1 { + border-bottom-left-radius: var(--border-radius-sm) !important; + border-top-left-radius: var(--border-radius-sm) !important; +} +.rounded-start-2 { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; +} +.rounded-start-pill { + border-bottom-left-radius: var(--border-radius-pill) !important; + border-top-left-radius: var(--border-radius-pill) !important; +} +.rounded-top-start { + border-top-left-radius: 0.375rem !important; +} +.rounded-top-start-0 { + border-top-left-radius: 0 !important; +} +.rounded-top-end { + border-top-right-radius: 0.375rem !important; +} +.rounded-top-end-0 { + border-top-right-radius: 0 !important; +} +.rounded-bottom-start { + border-bottom-left-radius: 0.375rem !important; +} +.rounded-bottom-start-0 { + border-bottom-left-radius: 0 !important; +} +.rounded-bottom-end { + border-bottom-right-radius: 0.375rem !important; +} +.rounded-bottom-end-0 { + border-bottom-right-radius: 0 !important; +} +.filter-none { + -webkit-filter: none !important; + filter: none !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +.cursor-pointer { + cursor: pointer !important; +} +.cursor-move { + cursor: move !important; +} +.cursor-default { + cursor: default !important; +} +.rotate-cw-45 { + -webkit-transform: rotate(45deg) !important; + transform: rotate(45deg) !important; +} +.rotate-cw-90 { + -webkit-transform: rotate(90deg) !important; + transform: rotate(90deg) !important; +} +.rotate-cw-180 { + -webkit-transform: rotate(180deg) !important; + transform: rotate(180deg) !important; +} +.rotate-ccw-45 { + -webkit-transform: rotate(-45deg) !important; + transform: rotate(-45deg) !important; +} +.rotate-ccw-90 { + -webkit-transform: rotate(-90deg) !important; + transform: rotate(-90deg) !important; +} +.rotate-ccw-180 { + -webkit-transform: rotate(-180deg) !important; + transform: rotate(-180deg) !important; +} +.transition-none { + transition: none !important; +} +.zindex-auto { + z-index: auto !important; +} +.zindex-1 { + z-index: 1 !important; +} +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .overflow-sm-auto { + overflow: auto !important; + } + .overflow-sm-hidden { + overflow: hidden !important; + } + .overflow-sm-visible { + overflow: visible !important; + } + .overflow-sm-scroll { + overflow: scroll !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-sm-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .border-sm { + border: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-sm-0 { + border: 0 !important; + } + .border-top-sm { + border-top: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-top-sm-0 { + border-top: 0 !important; + } + .border-end-sm { + border-right: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-end-sm-0 { + border-right: 0 !important; + } + .border-bottom-sm { + border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-bottom-sm-0 { + border-bottom: 0 !important; + } + .border-start-sm { + border-left: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-start-sm-0 { + border-left: 0 !important; + } + .w-sm-25 { + width: 25% !important; + } + .w-sm-50 { + width: 50% !important; + } + .w-sm-75 { + width: 75% !important; + } + .w-sm-100 { + width: 100% !important; + } + .w-sm-auto { + width: auto !important; + } + .wmin-sm-0 { + min-width: 0 !important; + } + .wmin-sm-200 { + min-width: 200px !important; + } + .wmin-sm-250 { + min-width: 250px !important; + } + .wmin-sm-300 { + min-width: 300px !important; + } + .wmin-sm-350 { + min-width: 350px !important; + } + .wmin-sm-400 { + min-width: 400px !important; + } + .wmin-sm-450 { + min-width: 450px !important; + } + .wmin-sm-500 { + min-width: 500px !important; + } + .wmin-sm-550 { + min-width: 550px !important; + } + .wmin-sm-600 { + min-width: 600px !important; + } + .h-sm-25 { + height: 25% !important; + } + .h-sm-50 { + height: 50% !important; + } + .h-sm-75 { + height: 75% !important; + } + .h-sm-100 { + height: 100% !important; + } + .h-sm-auto { + height: auto !important; + } + .flex-sm-0 { + -ms-flex: 0 1 auto !important; + flex: 0 1 auto !important; + } + .flex-sm-1 { + -ms-flex: 1 !important; + flex: 1 !important; + } + .flex-sm-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-sm-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-sm-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-sm-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-sm-grow-2 { + -ms-flex-positive: 2 !important; + flex-grow: 2 !important; + } + .flex-sm-grow-3 { + -ms-flex-positive: 3 !important; + flex-grow: 3 !important; + } + .flex-sm-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-sm-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-sm-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-sm-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-sm-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-sm-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-sm-evenly { + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-sm-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-sm-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-sm-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-sm-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-sm-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-sm-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-sm-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-sm-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-sm-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-sm-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-sm-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-sm-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-sm-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-sm-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-sm-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-sm-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-sm-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-sm-first { + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-sm-0 { + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-sm-1 { + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-sm-2 { + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-sm-3 { + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-sm-4 { + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-sm-5 { + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-sm-last { + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.3125rem !important; + } + .m-sm-2 { + margin: 0.625rem !important; + } + .m-sm-3 { + margin: 1.25rem !important; + } + .m-sm-4 { + margin: 1.875rem !important; + } + .m-sm-5 { + margin: 3.75rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.3125rem !important; + margin-left: 0.3125rem !important; + } + .mx-sm-2 { + margin-right: 0.625rem !important; + margin-left: 0.625rem !important; + } + .mx-sm-3 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-sm-4 { + margin-right: 1.875rem !important; + margin-left: 1.875rem !important; + } + .mx-sm-5 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.3125rem !important; + margin-bottom: 0.3125rem !important; + } + .my-sm-2 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; + } + .my-sm-3 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-sm-4 { + margin-top: 1.875rem !important; + margin-bottom: 1.875rem !important; + } + .my-sm-5 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.3125rem !important; + } + .mt-sm-2 { + margin-top: 0.625rem !important; + } + .mt-sm-3 { + margin-top: 1.25rem !important; + } + .mt-sm-4 { + margin-top: 1.875rem !important; + } + .mt-sm-5 { + margin-top: 3.75rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.3125rem !important; + } + .me-sm-2 { + margin-right: 0.625rem !important; + } + .me-sm-3 { + margin-right: 1.25rem !important; + } + .me-sm-4 { + margin-right: 1.875rem !important; + } + .me-sm-5 { + margin-right: 3.75rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.3125rem !important; + } + .mb-sm-2 { + margin-bottom: 0.625rem !important; + } + .mb-sm-3 { + margin-bottom: 1.25rem !important; + } + .mb-sm-4 { + margin-bottom: 1.875rem !important; + } + .mb-sm-5 { + margin-bottom: 3.75rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.3125rem !important; + } + .ms-sm-2 { + margin-left: 0.625rem !important; + } + .ms-sm-3 { + margin-left: 1.25rem !important; + } + .ms-sm-4 { + margin-left: 1.875rem !important; + } + .ms-sm-5 { + margin-left: 3.75rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.3125rem !important; + } + .p-sm-2 { + padding: 0.625rem !important; + } + .p-sm-3 { + padding: 1.25rem !important; + } + .p-sm-4 { + padding: 1.875rem !important; + } + .p-sm-5 { + padding: 3.75rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.3125rem !important; + padding-left: 0.3125rem !important; + } + .px-sm-2 { + padding-right: 0.625rem !important; + padding-left: 0.625rem !important; + } + .px-sm-3 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-sm-4 { + padding-right: 1.875rem !important; + padding-left: 1.875rem !important; + } + .px-sm-5 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.3125rem !important; + padding-bottom: 0.3125rem !important; + } + .py-sm-2 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; + } + .py-sm-3 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-sm-4 { + padding-top: 1.875rem !important; + padding-bottom: 1.875rem !important; + } + .py-sm-5 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.3125rem !important; + } + .pt-sm-2 { + padding-top: 0.625rem !important; + } + .pt-sm-3 { + padding-top: 1.25rem !important; + } + .pt-sm-4 { + padding-top: 1.875rem !important; + } + .pt-sm-5 { + padding-top: 3.75rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.3125rem !important; + } + .pe-sm-2 { + padding-right: 0.625rem !important; + } + .pe-sm-3 { + padding-right: 1.25rem !important; + } + .pe-sm-4 { + padding-right: 1.875rem !important; + } + .pe-sm-5 { + padding-right: 3.75rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.3125rem !important; + } + .pb-sm-2 { + padding-bottom: 0.625rem !important; + } + .pb-sm-3 { + padding-bottom: 1.25rem !important; + } + .pb-sm-4 { + padding-bottom: 1.875rem !important; + } + .pb-sm-5 { + padding-bottom: 3.75rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.3125rem !important; + } + .ps-sm-2 { + padding-left: 0.625rem !important; + } + .ps-sm-3 { + padding-left: 1.25rem !important; + } + .ps-sm-4 { + padding-left: 1.875rem !important; + } + .ps-sm-5 { + padding-left: 3.75rem !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.3125rem !important; + } + .gap-sm-2 { + gap: 0.625rem !important; + } + .gap-sm-3 { + gap: 1.25rem !important; + } + .gap-sm-4 { + gap: 1.875rem !important; + } + .gap-sm-5 { + gap: 3.75rem !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } + .rounded-sm { + border-radius: var(--border-radius) !important; + } + .rounded-sm-0 { + border-radius: 0 !important; + } + .rounded-sm-1 { + border-radius: var(--border-radius-sm) !important; + } + .rounded-sm-2 { + border-radius: var(--border-radius) !important; + } + .rounded-sm-3 { + border-radius: var(--border-radius-lg) !important; + } + .rounded-sm-4 { + border-radius: var(--border-radius-xl) !important; + } + .rounded-sm-5 { + border-radius: var(--border-radius-2xl) !important; + } + .rounded-sm-circle { + border-radius: 50% !important; + } + .rounded-sm-pill { + border-radius: var(--border-radius-pill) !important; + } + .rounded-top-sm { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-sm-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + .rounded-top-sm-1 { + border-top-left-radius: var(--border-radius-sm) !important; + border-top-right-radius: var(--border-radius-sm) !important; + } + .rounded-top-sm-2 { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-sm-pill { + border-top-left-radius: var(--border-radius-pill) !important; + border-top-right-radius: var(--border-radius-pill) !important; + } + .rounded-end-sm { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-sm-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + .rounded-end-sm-1 { + border-top-right-radius: var(--border-radius-sm) !important; + border-bottom-right-radius: var(--border-radius-sm) !important; + } + .rounded-end-sm-2 { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-sm-pill { + border-top-right-radius: var(--border-radius-pill) !important; + border-bottom-right-radius: var(--border-radius-pill) !important; + } + .rounded-bottom-sm { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-sm-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + .rounded-bottom-sm-1 { + border-bottom-right-radius: var(--border-radius-sm) !important; + border-bottom-left-radius: var(--border-radius-sm) !important; + } + .rounded-bottom-sm-2 { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-sm-pill { + border-bottom-right-radius: var(--border-radius-pill) !important; + border-bottom-left-radius: var(--border-radius-pill) !important; + } + .rounded-start-sm { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-sm-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + .rounded-start-sm-1 { + border-bottom-left-radius: var(--border-radius-sm) !important; + border-top-left-radius: var(--border-radius-sm) !important; + } + .rounded-start-sm-2 { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-sm-pill { + border-bottom-left-radius: var(--border-radius-pill) !important; + border-top-left-radius: var(--border-radius-pill) !important; + } +} +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .overflow-md-auto { + overflow: auto !important; + } + .overflow-md-hidden { + overflow: hidden !important; + } + .overflow-md-visible { + overflow: visible !important; + } + .overflow-md-scroll { + overflow: scroll !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-md-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .border-md { + border: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-md-0 { + border: 0 !important; + } + .border-top-md { + border-top: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-top-md-0 { + border-top: 0 !important; + } + .border-end-md { + border-right: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-end-md-0 { + border-right: 0 !important; + } + .border-bottom-md { + border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-bottom-md-0 { + border-bottom: 0 !important; + } + .border-start-md { + border-left: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-start-md-0 { + border-left: 0 !important; + } + .w-md-25 { + width: 25% !important; + } + .w-md-50 { + width: 50% !important; + } + .w-md-75 { + width: 75% !important; + } + .w-md-100 { + width: 100% !important; + } + .w-md-auto { + width: auto !important; + } + .wmin-md-0 { + min-width: 0 !important; + } + .wmin-md-200 { + min-width: 200px !important; + } + .wmin-md-250 { + min-width: 250px !important; + } + .wmin-md-300 { + min-width: 300px !important; + } + .wmin-md-350 { + min-width: 350px !important; + } + .wmin-md-400 { + min-width: 400px !important; + } + .wmin-md-450 { + min-width: 450px !important; + } + .wmin-md-500 { + min-width: 500px !important; + } + .wmin-md-550 { + min-width: 550px !important; + } + .wmin-md-600 { + min-width: 600px !important; + } + .h-md-25 { + height: 25% !important; + } + .h-md-50 { + height: 50% !important; + } + .h-md-75 { + height: 75% !important; + } + .h-md-100 { + height: 100% !important; + } + .h-md-auto { + height: auto !important; + } + .flex-md-0 { + -ms-flex: 0 1 auto !important; + flex: 0 1 auto !important; + } + .flex-md-1 { + -ms-flex: 1 !important; + flex: 1 !important; + } + .flex-md-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-md-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-md-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-md-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-md-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-md-grow-2 { + -ms-flex-positive: 2 !important; + flex-grow: 2 !important; + } + .flex-md-grow-3 { + -ms-flex-positive: 3 !important; + flex-grow: 3 !important; + } + .flex-md-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-md-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-md-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-md-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-md-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-md-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-md-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-md-evenly { + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-md-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-md-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-md-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-md-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-md-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-md-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-md-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-md-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-md-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-md-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-md-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-md-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-md-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-md-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-md-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-md-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-md-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-md-first { + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-md-0 { + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-md-1 { + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-md-2 { + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-md-3 { + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-md-4 { + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-md-5 { + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-md-last { + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.3125rem !important; + } + .m-md-2 { + margin: 0.625rem !important; + } + .m-md-3 { + margin: 1.25rem !important; + } + .m-md-4 { + margin: 1.875rem !important; + } + .m-md-5 { + margin: 3.75rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.3125rem !important; + margin-left: 0.3125rem !important; + } + .mx-md-2 { + margin-right: 0.625rem !important; + margin-left: 0.625rem !important; + } + .mx-md-3 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-md-4 { + margin-right: 1.875rem !important; + margin-left: 1.875rem !important; + } + .mx-md-5 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.3125rem !important; + margin-bottom: 0.3125rem !important; + } + .my-md-2 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; + } + .my-md-3 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-md-4 { + margin-top: 1.875rem !important; + margin-bottom: 1.875rem !important; + } + .my-md-5 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.3125rem !important; + } + .mt-md-2 { + margin-top: 0.625rem !important; + } + .mt-md-3 { + margin-top: 1.25rem !important; + } + .mt-md-4 { + margin-top: 1.875rem !important; + } + .mt-md-5 { + margin-top: 3.75rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.3125rem !important; + } + .me-md-2 { + margin-right: 0.625rem !important; + } + .me-md-3 { + margin-right: 1.25rem !important; + } + .me-md-4 { + margin-right: 1.875rem !important; + } + .me-md-5 { + margin-right: 3.75rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.3125rem !important; + } + .mb-md-2 { + margin-bottom: 0.625rem !important; + } + .mb-md-3 { + margin-bottom: 1.25rem !important; + } + .mb-md-4 { + margin-bottom: 1.875rem !important; + } + .mb-md-5 { + margin-bottom: 3.75rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.3125rem !important; + } + .ms-md-2 { + margin-left: 0.625rem !important; + } + .ms-md-3 { + margin-left: 1.25rem !important; + } + .ms-md-4 { + margin-left: 1.875rem !important; + } + .ms-md-5 { + margin-left: 3.75rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.3125rem !important; + } + .p-md-2 { + padding: 0.625rem !important; + } + .p-md-3 { + padding: 1.25rem !important; + } + .p-md-4 { + padding: 1.875rem !important; + } + .p-md-5 { + padding: 3.75rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.3125rem !important; + padding-left: 0.3125rem !important; + } + .px-md-2 { + padding-right: 0.625rem !important; + padding-left: 0.625rem !important; + } + .px-md-3 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-md-4 { + padding-right: 1.875rem !important; + padding-left: 1.875rem !important; + } + .px-md-5 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.3125rem !important; + padding-bottom: 0.3125rem !important; + } + .py-md-2 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; + } + .py-md-3 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-md-4 { + padding-top: 1.875rem !important; + padding-bottom: 1.875rem !important; + } + .py-md-5 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.3125rem !important; + } + .pt-md-2 { + padding-top: 0.625rem !important; + } + .pt-md-3 { + padding-top: 1.25rem !important; + } + .pt-md-4 { + padding-top: 1.875rem !important; + } + .pt-md-5 { + padding-top: 3.75rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.3125rem !important; + } + .pe-md-2 { + padding-right: 0.625rem !important; + } + .pe-md-3 { + padding-right: 1.25rem !important; + } + .pe-md-4 { + padding-right: 1.875rem !important; + } + .pe-md-5 { + padding-right: 3.75rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.3125rem !important; + } + .pb-md-2 { + padding-bottom: 0.625rem !important; + } + .pb-md-3 { + padding-bottom: 1.25rem !important; + } + .pb-md-4 { + padding-bottom: 1.875rem !important; + } + .pb-md-5 { + padding-bottom: 3.75rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.3125rem !important; + } + .ps-md-2 { + padding-left: 0.625rem !important; + } + .ps-md-3 { + padding-left: 1.25rem !important; + } + .ps-md-4 { + padding-left: 1.875rem !important; + } + .ps-md-5 { + padding-left: 3.75rem !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.3125rem !important; + } + .gap-md-2 { + gap: 0.625rem !important; + } + .gap-md-3 { + gap: 1.25rem !important; + } + .gap-md-4 { + gap: 1.875rem !important; + } + .gap-md-5 { + gap: 3.75rem !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } + .rounded-md { + border-radius: var(--border-radius) !important; + } + .rounded-md-0 { + border-radius: 0 !important; + } + .rounded-md-1 { + border-radius: var(--border-radius-sm) !important; + } + .rounded-md-2 { + border-radius: var(--border-radius) !important; + } + .rounded-md-3 { + border-radius: var(--border-radius-lg) !important; + } + .rounded-md-4 { + border-radius: var(--border-radius-xl) !important; + } + .rounded-md-5 { + border-radius: var(--border-radius-2xl) !important; + } + .rounded-md-circle { + border-radius: 50% !important; + } + .rounded-md-pill { + border-radius: var(--border-radius-pill) !important; + } + .rounded-top-md { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-md-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + .rounded-top-md-1 { + border-top-left-radius: var(--border-radius-sm) !important; + border-top-right-radius: var(--border-radius-sm) !important; + } + .rounded-top-md-2 { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-md-pill { + border-top-left-radius: var(--border-radius-pill) !important; + border-top-right-radius: var(--border-radius-pill) !important; + } + .rounded-end-md { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-md-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + .rounded-end-md-1 { + border-top-right-radius: var(--border-radius-sm) !important; + border-bottom-right-radius: var(--border-radius-sm) !important; + } + .rounded-end-md-2 { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-md-pill { + border-top-right-radius: var(--border-radius-pill) !important; + border-bottom-right-radius: var(--border-radius-pill) !important; + } + .rounded-bottom-md { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-md-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + .rounded-bottom-md-1 { + border-bottom-right-radius: var(--border-radius-sm) !important; + border-bottom-left-radius: var(--border-radius-sm) !important; + } + .rounded-bottom-md-2 { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-md-pill { + border-bottom-right-radius: var(--border-radius-pill) !important; + border-bottom-left-radius: var(--border-radius-pill) !important; + } + .rounded-start-md { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-md-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + .rounded-start-md-1 { + border-bottom-left-radius: var(--border-radius-sm) !important; + border-top-left-radius: var(--border-radius-sm) !important; + } + .rounded-start-md-2 { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-md-pill { + border-bottom-left-radius: var(--border-radius-pill) !important; + border-top-left-radius: var(--border-radius-pill) !important; + } +} +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .overflow-lg-auto { + overflow: auto !important; + } + .overflow-lg-hidden { + overflow: hidden !important; + } + .overflow-lg-visible { + overflow: visible !important; + } + .overflow-lg-scroll { + overflow: scroll !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-lg-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .border-lg { + border: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-lg-0 { + border: 0 !important; + } + .border-top-lg { + border-top: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-top-lg-0 { + border-top: 0 !important; + } + .border-end-lg { + border-right: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-end-lg-0 { + border-right: 0 !important; + } + .border-bottom-lg { + border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-bottom-lg-0 { + border-bottom: 0 !important; + } + .border-start-lg { + border-left: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-start-lg-0 { + border-left: 0 !important; + } + .w-lg-25 { + width: 25% !important; + } + .w-lg-50 { + width: 50% !important; + } + .w-lg-75 { + width: 75% !important; + } + .w-lg-100 { + width: 100% !important; + } + .w-lg-auto { + width: auto !important; + } + .wmin-lg-0 { + min-width: 0 !important; + } + .wmin-lg-200 { + min-width: 200px !important; + } + .wmin-lg-250 { + min-width: 250px !important; + } + .wmin-lg-300 { + min-width: 300px !important; + } + .wmin-lg-350 { + min-width: 350px !important; + } + .wmin-lg-400 { + min-width: 400px !important; + } + .wmin-lg-450 { + min-width: 450px !important; + } + .wmin-lg-500 { + min-width: 500px !important; + } + .wmin-lg-550 { + min-width: 550px !important; + } + .wmin-lg-600 { + min-width: 600px !important; + } + .h-lg-25 { + height: 25% !important; + } + .h-lg-50 { + height: 50% !important; + } + .h-lg-75 { + height: 75% !important; + } + .h-lg-100 { + height: 100% !important; + } + .h-lg-auto { + height: auto !important; + } + .flex-lg-0 { + -ms-flex: 0 1 auto !important; + flex: 0 1 auto !important; + } + .flex-lg-1 { + -ms-flex: 1 !important; + flex: 1 !important; + } + .flex-lg-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-lg-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-lg-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-lg-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-lg-grow-2 { + -ms-flex-positive: 2 !important; + flex-grow: 2 !important; + } + .flex-lg-grow-3 { + -ms-flex-positive: 3 !important; + flex-grow: 3 !important; + } + .flex-lg-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-lg-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-lg-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-lg-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-lg-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-lg-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-lg-evenly { + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-lg-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-lg-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-lg-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-lg-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-lg-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-lg-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-lg-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-lg-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-lg-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-lg-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-lg-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-lg-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-lg-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-lg-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-lg-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-lg-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-lg-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-lg-first { + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-lg-0 { + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-lg-1 { + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-lg-2 { + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-lg-3 { + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-lg-4 { + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-lg-5 { + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-lg-last { + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.3125rem !important; + } + .m-lg-2 { + margin: 0.625rem !important; + } + .m-lg-3 { + margin: 1.25rem !important; + } + .m-lg-4 { + margin: 1.875rem !important; + } + .m-lg-5 { + margin: 3.75rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.3125rem !important; + margin-left: 0.3125rem !important; + } + .mx-lg-2 { + margin-right: 0.625rem !important; + margin-left: 0.625rem !important; + } + .mx-lg-3 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-lg-4 { + margin-right: 1.875rem !important; + margin-left: 1.875rem !important; + } + .mx-lg-5 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.3125rem !important; + margin-bottom: 0.3125rem !important; + } + .my-lg-2 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; + } + .my-lg-3 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-lg-4 { + margin-top: 1.875rem !important; + margin-bottom: 1.875rem !important; + } + .my-lg-5 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.3125rem !important; + } + .mt-lg-2 { + margin-top: 0.625rem !important; + } + .mt-lg-3 { + margin-top: 1.25rem !important; + } + .mt-lg-4 { + margin-top: 1.875rem !important; + } + .mt-lg-5 { + margin-top: 3.75rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.3125rem !important; + } + .me-lg-2 { + margin-right: 0.625rem !important; + } + .me-lg-3 { + margin-right: 1.25rem !important; + } + .me-lg-4 { + margin-right: 1.875rem !important; + } + .me-lg-5 { + margin-right: 3.75rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.3125rem !important; + } + .mb-lg-2 { + margin-bottom: 0.625rem !important; + } + .mb-lg-3 { + margin-bottom: 1.25rem !important; + } + .mb-lg-4 { + margin-bottom: 1.875rem !important; + } + .mb-lg-5 { + margin-bottom: 3.75rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.3125rem !important; + } + .ms-lg-2 { + margin-left: 0.625rem !important; + } + .ms-lg-3 { + margin-left: 1.25rem !important; + } + .ms-lg-4 { + margin-left: 1.875rem !important; + } + .ms-lg-5 { + margin-left: 3.75rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.3125rem !important; + } + .p-lg-2 { + padding: 0.625rem !important; + } + .p-lg-3 { + padding: 1.25rem !important; + } + .p-lg-4 { + padding: 1.875rem !important; + } + .p-lg-5 { + padding: 3.75rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.3125rem !important; + padding-left: 0.3125rem !important; + } + .px-lg-2 { + padding-right: 0.625rem !important; + padding-left: 0.625rem !important; + } + .px-lg-3 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-lg-4 { + padding-right: 1.875rem !important; + padding-left: 1.875rem !important; + } + .px-lg-5 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.3125rem !important; + padding-bottom: 0.3125rem !important; + } + .py-lg-2 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; + } + .py-lg-3 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-lg-4 { + padding-top: 1.875rem !important; + padding-bottom: 1.875rem !important; + } + .py-lg-5 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.3125rem !important; + } + .pt-lg-2 { + padding-top: 0.625rem !important; + } + .pt-lg-3 { + padding-top: 1.25rem !important; + } + .pt-lg-4 { + padding-top: 1.875rem !important; + } + .pt-lg-5 { + padding-top: 3.75rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.3125rem !important; + } + .pe-lg-2 { + padding-right: 0.625rem !important; + } + .pe-lg-3 { + padding-right: 1.25rem !important; + } + .pe-lg-4 { + padding-right: 1.875rem !important; + } + .pe-lg-5 { + padding-right: 3.75rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.3125rem !important; + } + .pb-lg-2 { + padding-bottom: 0.625rem !important; + } + .pb-lg-3 { + padding-bottom: 1.25rem !important; + } + .pb-lg-4 { + padding-bottom: 1.875rem !important; + } + .pb-lg-5 { + padding-bottom: 3.75rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.3125rem !important; + } + .ps-lg-2 { + padding-left: 0.625rem !important; + } + .ps-lg-3 { + padding-left: 1.25rem !important; + } + .ps-lg-4 { + padding-left: 1.875rem !important; + } + .ps-lg-5 { + padding-left: 3.75rem !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.3125rem !important; + } + .gap-lg-2 { + gap: 0.625rem !important; + } + .gap-lg-3 { + gap: 1.25rem !important; + } + .gap-lg-4 { + gap: 1.875rem !important; + } + .gap-lg-5 { + gap: 3.75rem !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } + .rounded-lg { + border-radius: var(--border-radius) !important; + } + .rounded-lg-0 { + border-radius: 0 !important; + } + .rounded-lg-1 { + border-radius: var(--border-radius-sm) !important; + } + .rounded-lg-2 { + border-radius: var(--border-radius) !important; + } + .rounded-lg-3 { + border-radius: var(--border-radius-lg) !important; + } + .rounded-lg-4 { + border-radius: var(--border-radius-xl) !important; + } + .rounded-lg-5 { + border-radius: var(--border-radius-2xl) !important; + } + .rounded-lg-circle { + border-radius: 50% !important; + } + .rounded-lg-pill { + border-radius: var(--border-radius-pill) !important; + } + .rounded-top-lg { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-lg-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + .rounded-top-lg-1 { + border-top-left-radius: var(--border-radius-sm) !important; + border-top-right-radius: var(--border-radius-sm) !important; + } + .rounded-top-lg-2 { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-lg-pill { + border-top-left-radius: var(--border-radius-pill) !important; + border-top-right-radius: var(--border-radius-pill) !important; + } + .rounded-end-lg { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-lg-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + .rounded-end-lg-1 { + border-top-right-radius: var(--border-radius-sm) !important; + border-bottom-right-radius: var(--border-radius-sm) !important; + } + .rounded-end-lg-2 { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-lg-pill { + border-top-right-radius: var(--border-radius-pill) !important; + border-bottom-right-radius: var(--border-radius-pill) !important; + } + .rounded-bottom-lg { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-lg-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + .rounded-bottom-lg-1 { + border-bottom-right-radius: var(--border-radius-sm) !important; + border-bottom-left-radius: var(--border-radius-sm) !important; + } + .rounded-bottom-lg-2 { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-lg-pill { + border-bottom-right-radius: var(--border-radius-pill) !important; + border-bottom-left-radius: var(--border-radius-pill) !important; + } + .rounded-start-lg { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-lg-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + .rounded-start-lg-1 { + border-bottom-left-radius: var(--border-radius-sm) !important; + border-top-left-radius: var(--border-radius-sm) !important; + } + .rounded-start-lg-2 { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-lg-pill { + border-bottom-left-radius: var(--border-radius-pill) !important; + border-top-left-radius: var(--border-radius-pill) !important; + } +} +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .overflow-xl-auto { + overflow: auto !important; + } + .overflow-xl-hidden { + overflow: hidden !important; + } + .overflow-xl-visible { + overflow: visible !important; + } + .overflow-xl-scroll { + overflow: scroll !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-xl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .border-xl { + border: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-xl-0 { + border: 0 !important; + } + .border-top-xl { + border-top: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-top-xl-0 { + border-top: 0 !important; + } + .border-end-xl { + border-right: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-end-xl-0 { + border-right: 0 !important; + } + .border-bottom-xl { + border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-bottom-xl-0 { + border-bottom: 0 !important; + } + .border-start-xl { + border-left: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-start-xl-0 { + border-left: 0 !important; + } + .w-xl-25 { + width: 25% !important; + } + .w-xl-50 { + width: 50% !important; + } + .w-xl-75 { + width: 75% !important; + } + .w-xl-100 { + width: 100% !important; + } + .w-xl-auto { + width: auto !important; + } + .wmin-xl-0 { + min-width: 0 !important; + } + .wmin-xl-200 { + min-width: 200px !important; + } + .wmin-xl-250 { + min-width: 250px !important; + } + .wmin-xl-300 { + min-width: 300px !important; + } + .wmin-xl-350 { + min-width: 350px !important; + } + .wmin-xl-400 { + min-width: 400px !important; + } + .wmin-xl-450 { + min-width: 450px !important; + } + .wmin-xl-500 { + min-width: 500px !important; + } + .wmin-xl-550 { + min-width: 550px !important; + } + .wmin-xl-600 { + min-width: 600px !important; + } + .h-xl-25 { + height: 25% !important; + } + .h-xl-50 { + height: 50% !important; + } + .h-xl-75 { + height: 75% !important; + } + .h-xl-100 { + height: 100% !important; + } + .h-xl-auto { + height: auto !important; + } + .flex-xl-0 { + -ms-flex: 0 1 auto !important; + flex: 0 1 auto !important; + } + .flex-xl-1 { + -ms-flex: 1 !important; + flex: 1 !important; + } + .flex-xl-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-xl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-xl-grow-2 { + -ms-flex-positive: 2 !important; + flex-grow: 2 !important; + } + .flex-xl-grow-3 { + -ms-flex-positive: 3 !important; + flex-grow: 3 !important; + } + .flex-xl-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-xl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xl-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-xl-evenly { + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-xl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xl-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xl-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-xl-first { + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-xl-0 { + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-xl-1 { + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-xl-2 { + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-xl-3 { + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-xl-4 { + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-xl-5 { + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-xl-last { + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.3125rem !important; + } + .m-xl-2 { + margin: 0.625rem !important; + } + .m-xl-3 { + margin: 1.25rem !important; + } + .m-xl-4 { + margin: 1.875rem !important; + } + .m-xl-5 { + margin: 3.75rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.3125rem !important; + margin-left: 0.3125rem !important; + } + .mx-xl-2 { + margin-right: 0.625rem !important; + margin-left: 0.625rem !important; + } + .mx-xl-3 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-xl-4 { + margin-right: 1.875rem !important; + margin-left: 1.875rem !important; + } + .mx-xl-5 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.3125rem !important; + margin-bottom: 0.3125rem !important; + } + .my-xl-2 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; + } + .my-xl-3 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-xl-4 { + margin-top: 1.875rem !important; + margin-bottom: 1.875rem !important; + } + .my-xl-5 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.3125rem !important; + } + .mt-xl-2 { + margin-top: 0.625rem !important; + } + .mt-xl-3 { + margin-top: 1.25rem !important; + } + .mt-xl-4 { + margin-top: 1.875rem !important; + } + .mt-xl-5 { + margin-top: 3.75rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.3125rem !important; + } + .me-xl-2 { + margin-right: 0.625rem !important; + } + .me-xl-3 { + margin-right: 1.25rem !important; + } + .me-xl-4 { + margin-right: 1.875rem !important; + } + .me-xl-5 { + margin-right: 3.75rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.3125rem !important; + } + .mb-xl-2 { + margin-bottom: 0.625rem !important; + } + .mb-xl-3 { + margin-bottom: 1.25rem !important; + } + .mb-xl-4 { + margin-bottom: 1.875rem !important; + } + .mb-xl-5 { + margin-bottom: 3.75rem !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.3125rem !important; + } + .ms-xl-2 { + margin-left: 0.625rem !important; + } + .ms-xl-3 { + margin-left: 1.25rem !important; + } + .ms-xl-4 { + margin-left: 1.875rem !important; + } + .ms-xl-5 { + margin-left: 3.75rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.3125rem !important; + } + .p-xl-2 { + padding: 0.625rem !important; + } + .p-xl-3 { + padding: 1.25rem !important; + } + .p-xl-4 { + padding: 1.875rem !important; + } + .p-xl-5 { + padding: 3.75rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.3125rem !important; + padding-left: 0.3125rem !important; + } + .px-xl-2 { + padding-right: 0.625rem !important; + padding-left: 0.625rem !important; + } + .px-xl-3 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-xl-4 { + padding-right: 1.875rem !important; + padding-left: 1.875rem !important; + } + .px-xl-5 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.3125rem !important; + padding-bottom: 0.3125rem !important; + } + .py-xl-2 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; + } + .py-xl-3 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-xl-4 { + padding-top: 1.875rem !important; + padding-bottom: 1.875rem !important; + } + .py-xl-5 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.3125rem !important; + } + .pt-xl-2 { + padding-top: 0.625rem !important; + } + .pt-xl-3 { + padding-top: 1.25rem !important; + } + .pt-xl-4 { + padding-top: 1.875rem !important; + } + .pt-xl-5 { + padding-top: 3.75rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.3125rem !important; + } + .pe-xl-2 { + padding-right: 0.625rem !important; + } + .pe-xl-3 { + padding-right: 1.25rem !important; + } + .pe-xl-4 { + padding-right: 1.875rem !important; + } + .pe-xl-5 { + padding-right: 3.75rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.3125rem !important; + } + .pb-xl-2 { + padding-bottom: 0.625rem !important; + } + .pb-xl-3 { + padding-bottom: 1.25rem !important; + } + .pb-xl-4 { + padding-bottom: 1.875rem !important; + } + .pb-xl-5 { + padding-bottom: 3.75rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.3125rem !important; + } + .ps-xl-2 { + padding-left: 0.625rem !important; + } + .ps-xl-3 { + padding-left: 1.25rem !important; + } + .ps-xl-4 { + padding-left: 1.875rem !important; + } + .ps-xl-5 { + padding-left: 3.75rem !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.3125rem !important; + } + .gap-xl-2 { + gap: 0.625rem !important; + } + .gap-xl-3 { + gap: 1.25rem !important; + } + .gap-xl-4 { + gap: 1.875rem !important; + } + .gap-xl-5 { + gap: 3.75rem !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } + .rounded-xl { + border-radius: var(--border-radius) !important; + } + .rounded-xl-0 { + border-radius: 0 !important; + } + .rounded-xl-1 { + border-radius: var(--border-radius-sm) !important; + } + .rounded-xl-2 { + border-radius: var(--border-radius) !important; + } + .rounded-xl-3 { + border-radius: var(--border-radius-lg) !important; + } + .rounded-xl-4 { + border-radius: var(--border-radius-xl) !important; + } + .rounded-xl-5 { + border-radius: var(--border-radius-2xl) !important; + } + .rounded-xl-circle { + border-radius: 50% !important; + } + .rounded-xl-pill { + border-radius: var(--border-radius-pill) !important; + } + .rounded-top-xl { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-xl-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + .rounded-top-xl-1 { + border-top-left-radius: var(--border-radius-sm) !important; + border-top-right-radius: var(--border-radius-sm) !important; + } + .rounded-top-xl-2 { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-xl-pill { + border-top-left-radius: var(--border-radius-pill) !important; + border-top-right-radius: var(--border-radius-pill) !important; + } + .rounded-end-xl { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-xl-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + .rounded-end-xl-1 { + border-top-right-radius: var(--border-radius-sm) !important; + border-bottom-right-radius: var(--border-radius-sm) !important; + } + .rounded-end-xl-2 { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-xl-pill { + border-top-right-radius: var(--border-radius-pill) !important; + border-bottom-right-radius: var(--border-radius-pill) !important; + } + .rounded-bottom-xl { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-xl-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + .rounded-bottom-xl-1 { + border-bottom-right-radius: var(--border-radius-sm) !important; + border-bottom-left-radius: var(--border-radius-sm) !important; + } + .rounded-bottom-xl-2 { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-xl-pill { + border-bottom-right-radius: var(--border-radius-pill) !important; + border-bottom-left-radius: var(--border-radius-pill) !important; + } + .rounded-start-xl { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-xl-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + .rounded-start-xl-1 { + border-bottom-left-radius: var(--border-radius-sm) !important; + border-top-left-radius: var(--border-radius-sm) !important; + } + .rounded-start-xl-2 { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-xl-pill { + border-bottom-left-radius: var(--border-radius-pill) !important; + border-top-left-radius: var(--border-radius-pill) !important; + } +} +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .overflow-xxl-auto { + overflow: auto !important; + } + .overflow-xxl-hidden { + overflow: hidden !important; + } + .overflow-xxl-visible { + overflow: visible !important; + } + .overflow-xxl-scroll { + overflow: scroll !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-xxl-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .border-xxl { + border: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-xxl-0 { + border: 0 !important; + } + .border-top-xxl { + border-top: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-top-xxl-0 { + border-top: 0 !important; + } + .border-end-xxl { + border-right: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-end-xxl-0 { + border-right: 0 !important; + } + .border-bottom-xxl { + border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-bottom-xxl-0 { + border-bottom: 0 !important; + } + .border-start-xxl { + border-left: var(--border-width) var(--border-style) var(--border-color) !important; + } + .border-start-xxl-0 { + border-left: 0 !important; + } + .w-xxl-25 { + width: 25% !important; + } + .w-xxl-50 { + width: 50% !important; + } + .w-xxl-75 { + width: 75% !important; + } + .w-xxl-100 { + width: 100% !important; + } + .w-xxl-auto { + width: auto !important; + } + .wmin-xxl-0 { + min-width: 0 !important; + } + .wmin-xxl-200 { + min-width: 200px !important; + } + .wmin-xxl-250 { + min-width: 250px !important; + } + .wmin-xxl-300 { + min-width: 300px !important; + } + .wmin-xxl-350 { + min-width: 350px !important; + } + .wmin-xxl-400 { + min-width: 400px !important; + } + .wmin-xxl-450 { + min-width: 450px !important; + } + .wmin-xxl-500 { + min-width: 500px !important; + } + .wmin-xxl-550 { + min-width: 550px !important; + } + .wmin-xxl-600 { + min-width: 600px !important; + } + .h-xxl-25 { + height: 25% !important; + } + .h-xxl-50 { + height: 50% !important; + } + .h-xxl-75 { + height: 75% !important; + } + .h-xxl-100 { + height: 100% !important; + } + .h-xxl-auto { + height: auto !important; + } + .flex-xxl-0 { + -ms-flex: 0 1 auto !important; + flex: 0 1 auto !important; + } + .flex-xxl-1 { + -ms-flex: 1 !important; + flex: 1 !important; + } + .flex-xxl-fill { + -ms-flex: 1 1 auto !important; + flex: 1 1 auto !important; + } + .flex-xxl-row { + -ms-flex-direction: row !important; + flex-direction: row !important; + } + .flex-xxl-column { + -ms-flex-direction: column !important; + flex-direction: column !important; + } + .flex-xxl-row-reverse { + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + -ms-flex-direction: column-reverse !important; + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + -ms-flex-positive: 0 !important; + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + -ms-flex-positive: 1 !important; + flex-grow: 1 !important; + } + .flex-xxl-grow-2 { + -ms-flex-positive: 2 !important; + flex-grow: 2 !important; + } + .flex-xxl-grow-3 { + -ms-flex-positive: 3 !important; + flex-grow: 3 !important; + } + .flex-xxl-shrink-0 { + -ms-flex-negative: 0 !important; + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + -ms-flex-negative: 1 !important; + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + -ms-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + -ms-flex-wrap: wrap-reverse !important; + flex-wrap: wrap-reverse !important; + } + .justify-content-xxl-start { + -ms-flex-pack: start !important; + justify-content: flex-start !important; + } + .justify-content-xxl-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; + } + .justify-content-xxl-center { + -ms-flex-pack: center !important; + justify-content: center !important; + } + .justify-content-xxl-between { + -ms-flex-pack: justify !important; + justify-content: space-between !important; + } + .justify-content-xxl-around { + -ms-flex-pack: distribute !important; + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + -ms-flex-pack: space-evenly !important; + justify-content: space-evenly !important; + } + .align-items-xxl-start { + -ms-flex-align: start !important; + align-items: flex-start !important; + } + .align-items-xxl-end { + -ms-flex-align: end !important; + align-items: flex-end !important; + } + .align-items-xxl-center { + -ms-flex-align: center !important; + align-items: center !important; + } + .align-items-xxl-baseline { + -ms-flex-align: baseline !important; + align-items: baseline !important; + } + .align-items-xxl-stretch { + -ms-flex-align: stretch !important; + align-items: stretch !important; + } + .align-content-xxl-start { + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .align-content-xxl-end { + -ms-flex-line-pack: end !important; + align-content: flex-end !important; + } + .align-content-xxl-center { + -ms-flex-line-pack: center !important; + align-content: center !important; + } + .align-content-xxl-between { + -ms-flex-line-pack: justify !important; + align-content: space-between !important; + } + .align-content-xxl-around { + -ms-flex-line-pack: distribute !important; + align-content: space-around !important; + } + .align-content-xxl-stretch { + -ms-flex-line-pack: stretch !important; + align-content: stretch !important; + } + .align-self-xxl-auto { + -ms-flex-item-align: auto !important; + align-self: auto !important; + } + .align-self-xxl-start { + -ms-flex-item-align: start !important; + align-self: flex-start !important; + } + .align-self-xxl-end { + -ms-flex-item-align: end !important; + align-self: flex-end !important; + } + .align-self-xxl-center { + -ms-flex-item-align: center !important; + align-self: center !important; + } + .align-self-xxl-baseline { + -ms-flex-item-align: baseline !important; + align-self: baseline !important; + } + .align-self-xxl-stretch { + -ms-flex-item-align: stretch !important; + align-self: stretch !important; + } + .order-xxl-first { + -ms-flex-order: -1 !important; + order: -1 !important; + } + .order-xxl-0 { + -ms-flex-order: 0 !important; + order: 0 !important; + } + .order-xxl-1 { + -ms-flex-order: 1 !important; + order: 1 !important; + } + .order-xxl-2 { + -ms-flex-order: 2 !important; + order: 2 !important; + } + .order-xxl-3 { + -ms-flex-order: 3 !important; + order: 3 !important; + } + .order-xxl-4 { + -ms-flex-order: 4 !important; + order: 4 !important; + } + .order-xxl-5 { + -ms-flex-order: 5 !important; + order: 5 !important; + } + .order-xxl-last { + -ms-flex-order: 6 !important; + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.3125rem !important; + } + .m-xxl-2 { + margin: 0.625rem !important; + } + .m-xxl-3 { + margin: 1.25rem !important; + } + .m-xxl-4 { + margin: 1.875rem !important; + } + .m-xxl-5 { + margin: 3.75rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.3125rem !important; + margin-left: 0.3125rem !important; + } + .mx-xxl-2 { + margin-right: 0.625rem !important; + margin-left: 0.625rem !important; + } + .mx-xxl-3 { + margin-right: 1.25rem !important; + margin-left: 1.25rem !important; + } + .mx-xxl-4 { + margin-right: 1.875rem !important; + margin-left: 1.875rem !important; + } + .mx-xxl-5 { + margin-right: 3.75rem !important; + margin-left: 3.75rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.3125rem !important; + margin-bottom: 0.3125rem !important; + } + .my-xxl-2 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; + } + .my-xxl-3 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } + .my-xxl-4 { + margin-top: 1.875rem !important; + margin-bottom: 1.875rem !important; + } + .my-xxl-5 { + margin-top: 3.75rem !important; + margin-bottom: 3.75rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.3125rem !important; + } + .mt-xxl-2 { + margin-top: 0.625rem !important; + } + .mt-xxl-3 { + margin-top: 1.25rem !important; + } + .mt-xxl-4 { + margin-top: 1.875rem !important; + } + .mt-xxl-5 { + margin-top: 3.75rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.3125rem !important; + } + .me-xxl-2 { + margin-right: 0.625rem !important; + } + .me-xxl-3 { + margin-right: 1.25rem !important; + } + .me-xxl-4 { + margin-right: 1.875rem !important; + } + .me-xxl-5 { + margin-right: 3.75rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.3125rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.625rem !important; + } + .mb-xxl-3 { + margin-bottom: 1.25rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.875rem !important; + } + .mb-xxl-5 { + margin-bottom: 3.75rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.3125rem !important; + } + .ms-xxl-2 { + margin-left: 0.625rem !important; + } + .ms-xxl-3 { + margin-left: 1.25rem !important; + } + .ms-xxl-4 { + margin-left: 1.875rem !important; + } + .ms-xxl-5 { + margin-left: 3.75rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.3125rem !important; + } + .p-xxl-2 { + padding: 0.625rem !important; + } + .p-xxl-3 { + padding: 1.25rem !important; + } + .p-xxl-4 { + padding: 1.875rem !important; + } + .p-xxl-5 { + padding: 3.75rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.3125rem !important; + padding-left: 0.3125rem !important; + } + .px-xxl-2 { + padding-right: 0.625rem !important; + padding-left: 0.625rem !important; + } + .px-xxl-3 { + padding-right: 1.25rem !important; + padding-left: 1.25rem !important; + } + .px-xxl-4 { + padding-right: 1.875rem !important; + padding-left: 1.875rem !important; + } + .px-xxl-5 { + padding-right: 3.75rem !important; + padding-left: 3.75rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.3125rem !important; + padding-bottom: 0.3125rem !important; + } + .py-xxl-2 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; + } + .py-xxl-3 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } + .py-xxl-4 { + padding-top: 1.875rem !important; + padding-bottom: 1.875rem !important; + } + .py-xxl-5 { + padding-top: 3.75rem !important; + padding-bottom: 3.75rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.3125rem !important; + } + .pt-xxl-2 { + padding-top: 0.625rem !important; + } + .pt-xxl-3 { + padding-top: 1.25rem !important; + } + .pt-xxl-4 { + padding-top: 1.875rem !important; + } + .pt-xxl-5 { + padding-top: 3.75rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.3125rem !important; + } + .pe-xxl-2 { + padding-right: 0.625rem !important; + } + .pe-xxl-3 { + padding-right: 1.25rem !important; + } + .pe-xxl-4 { + padding-right: 1.875rem !important; + } + .pe-xxl-5 { + padding-right: 3.75rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.3125rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.625rem !important; + } + .pb-xxl-3 { + padding-bottom: 1.25rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.875rem !important; + } + .pb-xxl-5 { + padding-bottom: 3.75rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.3125rem !important; + } + .ps-xxl-2 { + padding-left: 0.625rem !important; + } + .ps-xxl-3 { + padding-left: 1.25rem !important; + } + .ps-xxl-4 { + padding-left: 1.875rem !important; + } + .ps-xxl-5 { + padding-left: 3.75rem !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.3125rem !important; + } + .gap-xxl-2 { + gap: 0.625rem !important; + } + .gap-xxl-3 { + gap: 1.25rem !important; + } + .gap-xxl-4 { + gap: 1.875rem !important; + } + .gap-xxl-5 { + gap: 3.75rem !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } + .rounded-xxl { + border-radius: var(--border-radius) !important; + } + .rounded-xxl-0 { + border-radius: 0 !important; + } + .rounded-xxl-1 { + border-radius: var(--border-radius-sm) !important; + } + .rounded-xxl-2 { + border-radius: var(--border-radius) !important; + } + .rounded-xxl-3 { + border-radius: var(--border-radius-lg) !important; + } + .rounded-xxl-4 { + border-radius: var(--border-radius-xl) !important; + } + .rounded-xxl-5 { + border-radius: var(--border-radius-2xl) !important; + } + .rounded-xxl-circle { + border-radius: 50% !important; + } + .rounded-xxl-pill { + border-radius: var(--border-radius-pill) !important; + } + .rounded-top-xxl { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-xxl-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + .rounded-top-xxl-1 { + border-top-left-radius: var(--border-radius-sm) !important; + border-top-right-radius: var(--border-radius-sm) !important; + } + .rounded-top-xxl-2 { + border-top-left-radius: var(--border-radius) !important; + border-top-right-radius: var(--border-radius) !important; + } + .rounded-top-xxl-pill { + border-top-left-radius: var(--border-radius-pill) !important; + border-top-right-radius: var(--border-radius-pill) !important; + } + .rounded-end-xxl { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-xxl-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + .rounded-end-xxl-1 { + border-top-right-radius: var(--border-radius-sm) !important; + border-bottom-right-radius: var(--border-radius-sm) !important; + } + .rounded-end-xxl-2 { + border-top-right-radius: var(--border-radius) !important; + border-bottom-right-radius: var(--border-radius) !important; + } + .rounded-end-xxl-pill { + border-top-right-radius: var(--border-radius-pill) !important; + border-bottom-right-radius: var(--border-radius-pill) !important; + } + .rounded-bottom-xxl { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-xxl-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + .rounded-bottom-xxl-1 { + border-bottom-right-radius: var(--border-radius-sm) !important; + border-bottom-left-radius: var(--border-radius-sm) !important; + } + .rounded-bottom-xxl-2 { + border-bottom-right-radius: var(--border-radius) !important; + border-bottom-left-radius: var(--border-radius) !important; + } + .rounded-bottom-xxl-pill { + border-bottom-right-radius: var(--border-radius-pill) !important; + border-bottom-left-radius: var(--border-radius-pill) !important; + } + .rounded-start-xxl { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-xxl-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + .rounded-start-xxl-1 { + border-bottom-left-radius: var(--border-radius-sm) !important; + border-top-left-radius: var(--border-radius-sm) !important; + } + .rounded-start-xxl-2 { + border-bottom-left-radius: var(--border-radius) !important; + border-top-left-radius: var(--border-radius) !important; + } + .rounded-start-xxl-pill { + border-bottom-left-radius: var(--border-radius-pill) !important; + border-top-left-radius: var(--border-radius-pill) !important; + } +} +@media (min-width: 1200px) { + .fs-1 { + font-size: 1.625rem !important; + } + .fs-2 { + font-size: 1.5rem !important; + } + .fs-3 { + font-size: 1.375rem !important; + } +} +@media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: -ms-flexbox !important; + display: flex !important; + } + .d-print-inline-flex { + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } +} +@charset "UTF-8"; +[data-color-theme="dark"], +html[data-color-theme="dark"] [data-color-theme] { + color-scheme: dark; + --gray-100: #39393d; + --gray-200: #3f4044; + --gray-300: #46474a; + --gray-400: #4d4d51; + --gray-500: #6e6f71; + --gray-600: #909092; + --gray-700: #b1b1b3; + --gray-800: #d2d3d3; + --gray-900: #f4f4f4; + --dark: #08090a; + --dark-rgb: 8, 9, 10; + --light: #383940; + --light-rgb: 56, 57, 64; + --body-bg: #202125; + --body-color: #fff; + --body-color-rgb: 255, 255, 255; + --border-color: #4d4d51; + --border-color-translucent: rgba(255, 255, 255, 0.125); + --box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); + --link-color: #6db5ff; + --link-rgb-color: 109, 181, 255; + --link-hover-color: #a0cfff; + --highlight-bg: rgba(255, 255, 255, 0.3); + --code-color: #f57d9e; +} +[data-color-theme="dark"] .text-indigo, +html[data-color-theme="dark"] [data-color-theme] .text-indigo { + --indigo-rgb: 157, 166, 217; +} +[data-color-theme="dark"] .link-indigo, +html[data-color-theme="dark"] [data-color-theme] .link-indigo { + --indigo-rgb: 157, 166, 217; +} +[data-color-theme="dark"] .text-purple, +html[data-color-theme="dark"] [data-color-theme] .text-purple { + --purple-rgb: 187, 169, 218; +} +[data-color-theme="dark"] .link-purple, +html[data-color-theme="dark"] [data-color-theme] .link-purple { + --purple-rgb: 187, 169, 218; +} +[data-color-theme="dark"] .text-pink, +html[data-color-theme="dark"] [data-color-theme] .text-pink { + --pink-rgb: 248, 157, 182; +} +[data-color-theme="dark"] .link-pink, +html[data-color-theme="dark"] [data-color-theme] .link-pink { + --pink-rgb: 248, 157, 182; +} +[data-color-theme="dark"] .text-teal, +html[data-color-theme="dark"] [data-color-theme] .text-teal { + --teal-rgb: 125, 202, 194; +} +[data-color-theme="dark"] .link-teal, +html[data-color-theme="dark"] [data-color-theme] .link-teal { + --teal-rgb: 125, 202, 194; +} +[data-color-theme="dark"] .text-yellow, +html[data-color-theme="dark"] [data-color-theme] .text-yellow { + --yellow-rgb: 255, 230, 145; +} +[data-color-theme="dark"] .link-yellow, +html[data-color-theme="dark"] [data-color-theme] .link-yellow { + --yellow-rgb: 255, 230, 145; +} +[data-color-theme="dark"] .text-primary, +html[data-color-theme="dark"] [data-color-theme] .text-primary { + --primary-rgb: 109, 181, 255; +} +[data-color-theme="dark"] .link-primary, +html[data-color-theme="dark"] [data-color-theme] .link-primary { + --primary-rgb: 109, 181, 255; +} +[data-color-theme="dark"] .text-secondary, +html[data-color-theme="dark"] [data-color-theme] .text-secondary { + --secondary-rgb: 124, 170, 193; +} +[data-color-theme="dark"] .link-secondary, +html[data-color-theme="dark"] [data-color-theme] .link-secondary { + --secondary-rgb: 124, 170, 193; +} +[data-color-theme="dark"] .text-success, +html[data-color-theme="dark"] [data-color-theme] .text-success { + --success-rgb: 105, 192, 165; +} +[data-color-theme="dark"] .link-success, +html[data-color-theme="dark"] [data-color-theme] .link-success { + --success-rgb: 105, 192, 165; +} +[data-color-theme="dark"] .text-info, +html[data-color-theme="dark"] [data-color-theme] .text-info { + --info-rgb: 104, 194, 206; +} +[data-color-theme="dark"] .link-info, +html[data-color-theme="dark"] [data-color-theme] .link-info { + --info-rgb: 104, 194, 206; +} +[data-color-theme="dark"] .text-warning, +html[data-color-theme="dark"] [data-color-theme] .text-warning { + --warning-rgb: 249, 182, 144; +} +[data-color-theme="dark"] .link-warning, +html[data-color-theme="dark"] [data-color-theme] .link-warning { + --warning-rgb: 249, 182, 144; +} +[data-color-theme="dark"] .text-danger, +html[data-color-theme="dark"] [data-color-theme] .text-danger { + --danger-rgb: 245, 143, 143; +} +[data-color-theme="dark"] .link-danger, +html[data-color-theme="dark"] [data-color-theme] .link-danger { + --danger-rgb: 245, 143, 143; +} +[data-color-theme="dark"] .text-light, +html[data-color-theme="dark"] [data-color-theme] .text-light { + --light-rgb: 156, 163, 175; +} +[data-color-theme="dark"] .link-light, +html[data-color-theme="dark"] [data-color-theme] .link-light { + --light-rgb: 156, 163, 175; +} +[data-color-theme="dark"] .text-dark, +html[data-color-theme="dark"] [data-color-theme] .text-dark { + --dark-rgb: 249, 250, 251; +} +[data-color-theme="dark"] .link-dark, +html[data-color-theme="dark"] [data-color-theme] .link-dark { + --dark-rgb: 249, 250, 251; +} +mark { + color: currentColor; +} +code { + --code-bg: var(--gray-200); + --code-padding: 0.125rem 0.25rem; + background-color: var(--code-bg); + padding: var(--code-padding); + border-radius: var(--border-radius-sm); +} +[data-color-theme="dark"] kbd:not([data-color-theme]), +html[data-color-theme="dark"] kbd, +kbd[data-color-theme="dark"] { + color-scheme: dark; + color: var(--black); + background-color: var(--white); +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +@media (min-width: 768px) { + .custom-scrollbars * { + -ms-overflow-style: -ms-autohiding-scrollbar; + scrollbar-width: thin; + scrollbar-color: var(--gray-600) var(--gray-300); + } + .custom-scrollbars ::-webkit-scrollbar { + height: 0.5rem; + width: 0.5rem; + } + .custom-scrollbars ::-webkit-scrollbar-track { + background: var(--gray-300); + } + .custom-scrollbars ::-webkit-scrollbar-thumb { + background-color: var(--gray-600); + border-radius: 0.5rem; + } +} +.list > li .list > li, +.list > li:not(:first-child) { + margin-top: var(--spacer-1); +} +ul.list-square { + list-style-type: square; +} +ul.list-circle { + list-style-type: circle; +} +.list-inline-bullet { + --list-inline-bullet-size: 0.3125rem; +} +.list-inline-bullet .list-inline-item { + position: relative; +} +.list-inline-bullet .list-inline-item:not(:last-child) { + margin-right: var(--spacer-2); + padding-right: calc(var(--spacer-2) + var(--list-inline-bullet-size)); +} +.list-inline-bullet .list-inline-item:not(:last-child):after { + content: ""; + width: var(--list-inline-bullet-size); + height: var(--list-inline-bullet-size); + background-color: currentColor; + opacity: 0.65; + position: absolute; + left: 100%; + top: 0; + margin-top: calc( + (var(--body-line-height-computed) - var(--list-inline-bullet-size)) * 0.5 + ); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: var(--border-radius-pill); +} +.blockquote-footer { + margin-top: 0; +} +.blockquote-footer::before { + content: "—   "; +} +a.text-body { + transition: color ease-in-out var(--transition-base-timer); +} +a.text-body.active, +a.text-body:active, +a.text-body:focus, +a.text-body:hover, +a.text-body[aria-expanded="true"], +a.text-body[data-bs-toggle="collapse"]:not(.collapsed) { + color: var(--link-color) !important; +} +.list-feed { + --feed-item-padding-y: 1.25rem; + --feed-item-padding-x: calc(var(--spacer) + var(--feed-circle-radius)); + --feed-circle-bg: var(--white); + --feed-circle-radius: 0.5rem; + --feed-circle-position: calc( + (var(--body-line-height-computed) - var(--feed-circle-radius)) * 0.5 + ); + --feed-circle-border-width: calc(var(--border-width) * 2); + --feed-circle-border-color: var(--secondary); +} +.list-feed[data-color-theme="dark"], +[data-color-theme="dark"] .list-feed:not([data-color-theme]), +html[data-color-theme="dark"] .list-feed { + color-scheme: dark; + --feed-circle-bg: #2c2d33; +} +.list-feed-item { + position: relative; + padding-bottom: var(--feed-item-padding-y); + padding-left: var(--feed-item-padding-x); +} +.list-feed-item:before { + content: ""; + position: absolute; + left: 0; + top: var(--feed-circle-position); + background-color: var(--feed-circle-bg); + display: inline-block; + border: var(--feed-circle-border-width) solid var(--feed-circle-border-color); + z-index: 3; + width: var(--feed-circle-radius); + height: var(--feed-circle-radius); + border-radius: var(--border-radius-pill); +} +.list-feed-item:after { + content: ""; + position: absolute; + top: var(--feed-circle-position); + left: calc( + var(--feed-circle-radius) * 0.5 - var(--feed-circle-border-width) * 0.5 + ); + bottom: calc( + (var(--feed-circle-position) + var(--feed-circle-border-width)) * -1 + ); + width: 0; + border-left: calc(var(--feed-circle-border-width) * 0.5) solid + var(--feed-circle-border-color); + border-right: calc(var(--feed-circle-border-width) * 0.5) solid + var(--feed-circle-border-color); + z-index: 2; +} +.list-feed-item:first-child:after { + top: var(--feed-circle-radius); +} +.list-feed-item:last-child { + padding-bottom: 0; +} +.list-feed-item:last-child:after { + content: none; +} +.list-feed-item[class*="border-"]:after, +.list-feed-item[class*="border-"]:before { + border-color: inherit; +} +.list-feed-solid .list-feed-item:before { + content: ""; + border-width: calc(var(--feed-circle-radius) * 0.5); + width: 0; + height: 0; +} +.list-feed-square .list-feed-item:before { + content: ""; + border-radius: 0; +} +.list-feed-rhombus .list-feed-item:before { + content: ""; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-radius: 0; +} +.list-feed-time .list-feed-item { + margin-left: calc( + var(--feed-item-padding-x) * 2 - var(--feed-circle-radius) * 0.5 + ); +} +.list-feed-time .list-feed-item .feed-time { + position: absolute; + left: calc( + (var(--feed-item-padding-x) * 2 - var(--feed-circle-radius) * 0.5) * -1 + ); + top: 0; +} +.content-divider { + text-align: center; + position: relative; + z-index: 1; +} +.content-divider > span { + background-color: var(--body-bg); + display: inline-block; +} +.card .content-divider > span { + background-color: var(--card-bg); +} +.modal .content-divider > span { + background-color: var(--modal-bg); +} +.content-divider > span:before { + content: ""; + position: absolute; + top: 50%; + left: 0; + height: var(--border-width); + background-color: var(--border-color); + width: 100%; + z-index: -1; +} +.letter-icon { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: var(--body-line-height-computed); + height: var(--body-line-height-computed); + font-weight: 500; + line-height: 1; +} +.status-indicator-container { + --indicator-size: 0.3125rem; + --indicator-gap: 0.125rem; + position: relative; +} +.status-indicator-container img { + -webkit-mask-image: radial-gradient( + circle at calc(100% - var(--indicator-size)) + calc(100% - var(--indicator-size)), + rgba(0, 0, 0, 0) calc(var(--indicator-size) + var(--indicator-gap)), + #000 0 + ); +} +.status-indicator { + position: absolute; + right: 0; + bottom: 0; + padding: var(--indicator-size); + border-radius: var(--border-radius-pill); +} +.img-preview { + max-height: 4rem; +} +.table { + margin-bottom: 0; +} +.table[data-color-theme="dark"], +[data-color-theme="dark"] .table:not([data-color-theme]), +html[data-color-theme="dark"] .table { + color-scheme: dark; + --table-striped-bg: rgba(var(--white-rgb), 0.035); + --table-striped-bg: rgba(var(--white-rgb), 0.035); + --table-hover-bg: rgba(var(--white-rgb), 0.05); +} +.table > :not(caption) > * > * { + border-bottom-width: 0; + border-top-width: var(--table-border-width); +} +.table > :not(caption):first-child > :first-child > * { + border-top-width: 0; +} +.table > thead { + vertical-align: middle; +} +.table > thead > * > * { + border-bottom: var(--table-border-width) solid + var(--table-group-separator-color); +} +.table > tfoot > * > * { + border-top-color: var(--table-group-separator-color); +} +.table[class*="bg-"] > :not(caption) > * > * { + background-color: inherit; + border-color: rgba(var(--white-rgb), 0.15); +} +.table[class*="bg-"].table-striped tbody > tr:nth-of-type(odd) > * { + --table-striped-bg: rgba(var(--black-rgb), 0.05); +} +.table[class*="bg-"].table-hover tbody > tr:hover > * { + --table-accent-bg: rgba(var(--black-rgb), 0.075); +} +.table-borderless > :not(caption) > * > * { + border-top-width: 0; +} +.table-hover > tbody > tr > * { + transition: box-shadow ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .table-hover > tbody > tr > * { + transition: none; + } +} +.table-scrollable { + max-height: 23.438rem; + overflow: auto; +} +.table-columned > :not(caption) > * > * { + border-top-width: 0; + border-left-width: var(--table-border-width); +} +.table-columned > :not(caption) > * > :first-child { + border-left: 0; +} +.table-xl { + --table-cell-padding-y: 1.25rem; + --table-cell-padding-x: 1.25rem; +} +.table-lg { + --table-cell-padding-y: 1rem; + --table-cell-padding-x: 1.25rem; +} +.table-xs { + --table-cell-padding-y: 0.5rem; + --table-cell-padding-x: 1.25rem; +} +thead > .table-border-solid > * { + border-bottom-width: calc(var(--table-border-width) * 2); +} +tbody > .table-border-solid > *, +tfoot > .table-border-solid > * { + border-top-width: calc(var(--table-border-width) * 2); +} +thead > .table-border-double > * { + border-bottom-width: calc(var(--table-border-width) * 3); + border-bottom-style: double; +} +tbody > .table-border-double > *, +tfoot > .table-border-double > * { + border-top-width: calc(var(--table-border-width) * 3); + border-top-style: double; +} +.table-border-dashed > * { + border-top-style: dashed; +} +.card > .table-bordered > :not(caption) > *, +.card > [class*="table-responsive"] > .table-bordered > :not(caption) > * { + border-width: 0; +} +.card > .table-bordered > :not(caption) > * > :first-child, +.card + > [class*="table-responsive"] + > .table-bordered + > :not(caption) + > * + > :first-child { + border-left: 0; +} +.card > .table-bordered > :not(caption) > * > :last-child, +.card + > [class*="table-responsive"] + > .table-bordered + > :not(caption) + > * + > :last-child { + border-right: 0; +} +.card > .table:first-child, +.card > [class*="table-responsive"]:first-child > .table:first-child { + border-top-left-radius: var(--card-inner-border-radius); + border-top-right-radius: var(--card-inner-border-radius); +} +.card > .table:first-child tbody:first-child tr:first-child, +.card > .table:first-child thead:first-child tr:first-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + tbody:first-child + tr:first-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + thead:first-child + tr:first-child { + border-top-left-radius: var(--card-inner-border-radius); + border-top-right-radius: var(--card-inner-border-radius); +} +.card > .table:first-child tbody:first-child tr:first-child td:first-child, +.card > .table:first-child tbody:first-child tr:first-child th:first-child, +.card > .table:first-child thead:first-child tr:first-child td:first-child, +.card > .table:first-child thead:first-child tr:first-child th:first-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + tbody:first-child + tr:first-child + td:first-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + tbody:first-child + tr:first-child + th:first-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + thead:first-child + tr:first-child + td:first-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + thead:first-child + tr:first-child + th:first-child { + border-top-left-radius: var(--card-inner-border-radius); +} +.card > .table:first-child tbody:first-child tr:first-child td:last-child, +.card > .table:first-child tbody:first-child tr:first-child th:last-child, +.card > .table:first-child thead:first-child tr:first-child td:last-child, +.card > .table:first-child thead:first-child tr:first-child th:last-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + tbody:first-child + tr:first-child + td:last-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + tbody:first-child + tr:first-child + th:last-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + thead:first-child + tr:first-child + td:last-child, +.card + > [class*="table-responsive"]:first-child + > .table:first-child + thead:first-child + tr:first-child + th:last-child { + border-top-right-radius: var(--card-inner-border-radius); +} +.card > .table:last-child, +.card > [class*="table-responsive"]:last-child > .table:last-child { + border-bottom-right-radius: var(--card-inner-border-radius); + border-bottom-left-radius: var(--card-inner-border-radius); +} +.card > .table:last-child tbody:last-child tr:last-child, +.card > .table:last-child tfoot:last-child tr:last-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tbody:last-child + tr:last-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tfoot:last-child + tr:last-child { + border-bottom-right-radius: var(--card-inner-border-radius); + border-bottom-left-radius: var(--card-inner-border-radius); +} +.card > .table:last-child tbody:last-child tr:last-child td:first-child, +.card > .table:last-child tbody:last-child tr:last-child th:first-child, +.card > .table:last-child tfoot:last-child tr:last-child td:first-child, +.card > .table:last-child tfoot:last-child tr:last-child th:first-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tbody:last-child + tr:last-child + td:first-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tbody:last-child + tr:last-child + th:first-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tfoot:last-child + tr:last-child + td:first-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tfoot:last-child + tr:last-child + th:first-child { + border-bottom-left-radius: var(--card-inner-border-radius); +} +.card > .table:last-child tbody:last-child tr:last-child td:last-child, +.card > .table:last-child tbody:last-child tr:last-child th:last-child, +.card > .table:last-child tfoot:last-child tr:last-child td:last-child, +.card > .table:last-child tfoot:last-child tr:last-child th:last-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tbody:last-child + tr:last-child + td:last-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tbody:last-child + tr:last-child + th:last-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tfoot:last-child + tr:last-child + td:last-child, +.card + > [class*="table-responsive"]:last-child + > .table:last-child + tfoot:last-child + tr:last-child + th:last-child { + border-bottom-right-radius: var(--card-inner-border-radius); +} +.card-body + .table, +.card-body + [class*="table-responsive"] { + border-top: var(--border-width) solid var(--border-color); +} +.table-primary[data-color-theme="dark"], +[data-color-theme="dark"] .table-primary:not([data-color-theme]), +html[data-color-theme="dark"] .table-primary { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(12, 131, 255, 0.1); + --table-border-color: rgba(177, 215, 255, 0.19); + --table-striped-bg: rgba(111, 182, 255, 0.1315); + --table-striped-color: color; + --table-active-bg: rgba(177, 215, 255, 0.19); + --table-active-color: color; + --table-hover-bg: rgba(134, 193, 255, 0.145); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-secondary[data-color-theme="dark"], +[data-color-theme="dark"] .table-secondary:not([data-color-theme]), +html[data-color-theme="dark"] .table-secondary { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(36, 114, 151, 0.1); + --table-border-color: rgba(185, 210, 222, 0.19); + --table-striped-bg: rgba(125, 172, 193, 0.1315); + --table-striped-color: color; + --table-active-bg: rgba(185, 210, 222, 0.19); + --table-active-color: color; + --table-hover-bg: rgba(146, 185, 203, 0.145); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-success[data-color-theme="dark"], +[data-color-theme="dark"] .table-success:not([data-color-theme]), +html[data-color-theme="dark"] .table-success { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(5, 150, 105, 0.1); + --table-border-color: rgba(175, 221, 207, 0.19); + --table-striped-bg: rgba(107, 193, 166, 0.1315); + --table-striped-color: color; + --table-active-bg: rgba(175, 221, 207, 0.19); + --table-active-color: color; + --table-hover-bg: rgba(130, 203, 180, 0.145); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-info[data-color-theme="dark"], +[data-color-theme="dark"] .table-info:not([data-color-theme]), +html[data-color-theme="dark"] .table-info { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(4, 154, 173, 0.1); + --table-border-color: rgba(174, 223, 229, 0.19); + --table-striped-bg: rgba(106, 195, 206, 0.1315); + --table-striped-color: color; + --table-active-bg: rgba(174, 223, 229, 0.19); + --table-active-color: color; + --table-hover-bg: rgba(130, 205, 214, 0.145); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-warning[data-color-theme="dark"], +[data-color-theme="dark"] .table-warning:not([data-color-theme]), +html[data-color-theme="dark"] .table-warning { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(245, 134, 70, 0.1); + --table-border-color: rgba(252, 216, 196, 0.19); + --table-striped-bg: rgba(249, 183, 145, 0.1315); + --table-striped-color: color; + --table-active-bg: rgba(252, 216, 196, 0.19); + --table-active-color: color; + --table-hover-bg: rgba(250, 195, 163, 0.145); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-danger[data-color-theme="dark"], +[data-color-theme="dark"] .table-danger:not([data-color-theme]), +html[data-color-theme="dark"] .table-danger { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(239, 68, 68, 0.1); + --table-border-color: rgba(250, 195, 195, 0.19); + --table-striped-bg: rgba(246, 144, 144, 0.1315); + --table-striped-color: color; + --table-active-bg: rgba(250, 195, 195, 0.19); + --table-active-color: color; + --table-hover-bg: rgba(247, 162, 162, 0.145); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-light[data-color-theme="dark"], +[data-color-theme="dark"] .table-light:not([data-color-theme]), +html[data-color-theme="dark"] .table-light { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(243, 244, 246, 0.05); + --table-border-color: rgba(253, 253, 253, 0.145); + --table-striped-bg: rgba(250, 250, 251, 0.08325); + --table-striped-color: color; + --table-active-bg: rgba(253, 253, 253, 0.145); + --table-active-color: color; + --table-hover-bg: rgba(251, 251, 252, 0.0975); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +.table-dark[data-color-theme="dark"], +[data-color-theme="dark"] .table-dark:not([data-color-theme]), +html[data-color-theme="dark"] .table-dark { + color-scheme: dark; + --table-color: #fff; + --table-bg: rgba(0, 0, 0, 0.25); + --table-border-color: rgba(112, 112, 112, 0.325); + --table-striped-bg: rgba(52, 52, 52, 0.27625); + --table-striped-color: color; + --table-active-bg: rgba(112, 112, 112, 0.325); + --table-active-color: color; + --table-hover-bg: rgba(69, 69, 69, 0.2875); + --table-hover-color: color; + color: var(--body-color); + border-color: var(--table-border-color); +} +@media (max-width: 575.98px) { + .col-form-label-lg[class*="col-sm-"], + .col-form-label-sm[class*="col-sm-"], + .col-form-label[class*="col-sm-"] { + padding-top: 0; + } +} +@media (max-width: 767.98px) { + .col-form-label-lg[class*="col-md-"], + .col-form-label-sm[class*="col-md-"], + .col-form-label[class*="col-md-"] { + padding-top: 0; + } +} +@media (max-width: 991.98px) { + .col-form-label-lg[class*="col-lg-"], + .col-form-label-sm[class*="col-lg-"], + .col-form-label[class*="col-lg-"] { + padding-top: 0; + } +} +@media (max-width: 1199.98px) { + .col-form-label-lg[class*="col-xl-"], + .col-form-label-sm[class*="col-xl-"], + .col-form-label[class*="col-xl-"] { + padding-top: 0; + } +} +@media (max-width: 1399.98px) { + .col-form-label-lg[class*="col-xxl-"], + .col-form-label-sm[class*="col-xxl-"], + .col-form-label[class*="col-xxl-"] { + padding-top: 0; + } +} +.form-control[data-color-theme="dark"], +[data-color-theme="dark"] .form-control:not([data-color-theme]), +html[data-color-theme="dark"] .form-control { + color-scheme: dark; + --input-bg: #2c2d33; + --input-focus-bg: #2c2d33; +} +.form-control[data-color-theme="dark"]:not( + [list] + )::-webkit-calendar-picker-indicator, +[data-color-theme="dark"] + .form-control:not([data-color-theme]):not( + [list] + )::-webkit-calendar-picker-indicator, +html[data-color-theme="dark"] + .form-control:not([list])::-webkit-calendar-picker-indicator { + -webkit-filter: invert(1); + filter: invert(1); +} +.form-control:disabled { + color: var(--input-disabled-color); +} +.form-control[readonly]:focus { + border-color: var(--input-focus-border-color); +} +.form-control[list]::-webkit-calendar-picker-indicator { + color: currentcolor; +} +.form-control-number { + -webkit-appearance: textfield; +} +.form-control-number::-webkit-inner-spin-button, +.form-control-number::-webkit-outer-spin-button { + -webkit-appearance: none; +} +.form-control-plaintext:focus { + outline: 0; +} +.form-control-feedback { + position: relative; +} +.form-control-feedback-start .form-control-feedback-icon { + left: 0; +} +.form-control-feedback-start .form-control { + padding-left: calc(var(--input-padding-x) * 2 + var(--icon-font-size)); +} +.form-control-feedback-end .form-control-feedback-icon { + right: 0; +} +.form-control-feedback-end .form-control { + padding-right: calc(var(--input-padding-x) * 2 + var(--icon-font-size)); +} +.form-control-feedback .form-control-lg { + --icon-font-size: var(--icon-font-size-lg); +} +.form-control-feedback .form-control-sm { + --icon-font-size: var(--icon-font-size-sm); +} +.form-control-feedback-icon { + --input-icon-padding-y: 0.5rem; + --input-icon-padding-x: 0.875rem; + position: absolute; + top: calc( + var(--border-width) + + calc(var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); + color: rgba(var(--body-color-rgb), 0.75); + padding: var(--input-icon-padding-y) var(--input-icon-padding-x); + min-width: 1em; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + z-index: 5; +} +.form-control-feedback-icon-lg { + --input-icon-padding-x: 1rem; +} +.form-control-feedback-icon-sm { + --input-icon-padding-x: 0.75rem; +} +.form-control.border-indigo { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--indigo-rgb), 0.25); +} +.form-control.border-purple { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--purple-rgb), 0.25); +} +.form-control.border-pink { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--pink-rgb), 0.25); +} +.form-control.border-teal { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--teal-rgb), 0.25); +} +.form-control.border-yellow { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--yellow-rgb), 0.25); +} +.form-control.border-primary { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--primary-rgb), 0.25); +} +.form-control.border-secondary { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--secondary-rgb), 0.25); +} +.form-control.border-success { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--success-rgb), 0.25); +} +.form-control.border-info { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--info-rgb), 0.25); +} +.form-control.border-warning { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--warning-rgb), 0.25); +} +.form-control.border-danger { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--danger-rgb), 0.25); +} +.form-control.border-light { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--light-rgb), 0.25); +} +.form-control.border-dark { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--dark-rgb), 0.25); +} +.form-control.border-black { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--black-rgb), 0.25); +} +.form-control.border-white { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--white-rgb), 0.25); +} +.form-control-content { + max-height: calc( + var(--body-line-height-computed) * 8 + var(--input-padding-y) * 2 + ); + overflow-y: auto; +} +.form-control-content[contentEditable]:empty:before { + content: attr(data-placeholder); + opacity: 0.6; +} +.form-select[data-color-theme="dark"], +[data-color-theme="dark"] .form-select:not([data-color-theme]), +html[data-color-theme="dark"] .form-select { + color-scheme: dark; + --form-select-bg: #2c2d33; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); +} +.form-select[multiple], +.form-select[size]:not([size="1"]) { + background-image: none !important; + height: 200px; + padding: var(--form-select-padding-y) + calc(var(--form-select-padding-x) * 0.75); +} +.form-select[multiple] option, +.form-select[size]:not([size="1"]) option { + padding: var(--form-select-padding-y) + calc(var(--form-select-padding-x) * 0.75); + border-radius: var(--border-radius); +} +.form-select[multiple] option + option, +.form-select[size]:not([size="1"]) option + option { + margin-top: 1px; +} +.form-select-sm { + --form-select-indicator-padding: 2.25rem; + --form-select-bg-position: right 0.75rem center; + --form-select-bg-size: 14px 10px; +} +.form-select-lg { + --form-select-indicator-padding: 3rem; + --form-select-bg-position: right 1rem center; + --form-select-bg-size: 18px 14px; +} +.form-check-horizontal { + margin-top: calc(0.5rem + var(--border-width)); +} +.form-check-input { + margin-top: calc( + (var(--body-line-height-computed) - var(--form-check-input-height)) * 0.5 + ); +} +.form-check-input[data-color-theme="dark"], +[data-color-theme="dark"] .form-check-input:not([data-color-theme]), +html[data-color-theme="dark"] .form-check-input { + color-scheme: dark; + --form-check-input-bg: #2c2d33; +} +.form-switch .form-check-input[data-color-theme="dark"], +[data-color-theme="dark"] + .form-switch + .form-check-input:not([data-color-theme]), +html[data-color-theme="dark"] .form-switch .form-check-input { + color-scheme: dark; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-input-secondary { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--secondary-rgb), 0.25); + --component-active-bg: var(--secondary); +} +.form-check-input-dark { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--dark-rgb), 0.25); + --component-active-bg: var(--dark); +} +.form-check-input-success { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--success-rgb), 0.25); + --component-active-bg: var(--success); +} +.form-check-input-danger { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--danger-rgb), 0.25); + --component-active-bg: var(--danger); +} +.form-check-input-warning { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--warning-rgb), 0.25); + --component-active-bg: var(--warning); +} +.form-check-input-info { + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--info-rgb), 0.25); + --component-active-bg: var(--info); +} +.form-check-input-white { + --form-check-input-bg: transparent !important; + --form-check-input-border: calc(var(--border-width) * 2) solid + rgba(var(--white-rgb), 0.5); + --focus-ring-box-shadow: 0 0 0 0.125rem rgba(var(--white-rgb), 0.25); + --component-active-bg: var(--white); + --form-check-input-focus-box-shadow: 0 0 0 0.125rem + rgba(var(--white-rgb), 0.25); +} +.form-check-input-white:checked[type="checkbox"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10l4 4l6-8'/%3e%3c/svg%3e"); +} +.form-check-input-white:checked[type="checkbox"]:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10h10'/%3e%3c/svg%3e"); +} +.form-check-input-white:checked[type="radio"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%231F2937'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input-white, +.form-switch .form-check-input-white:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input-white:checked[type="checkbox"], +.form-switch .form-check-input-white:checked[type="radio"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23252b36'/%3e%3c/svg%3e"); +} +.form-floating { + --form-floating-label-readonly-transform: scale(0.85) translateY(-0.4rem); +} +.form-floating.form-control-feedback-start > label { + left: calc(var(--form-floating-padding-x) + var(--icon-font-size)); +} +.form-floating.form-control-feedback-end > label { + right: calc(var(--form-floating-padding-x) + var(--icon-font-size)); +} +.btn { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; +} +.btn-flat-indigo { + --btn-bg: rgba(var(--indigo-rgb), 0.1); + --btn-color: var(--indigo); + --btn-border-color: var(--indigo); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--indigo-rgb), 0.2); + --btn-hover-border-color: var(--indigo); + --btn-focus-shadow-rgb: var(--indigo-rgb); + --btn-active-color: var(--indigo); + --btn-active-bg: rgba(var(--indigo-rgb), 0.25); + --btn-active-border-color: var(--indigo); + --btn-disabled-color: rgba(var(--indigo-rgb), 0.65); + --btn-disabled-bg: rgba(var(--indigo-rgb), 0.05); +} +.btn-flat-purple { + --btn-bg: rgba(var(--purple-rgb), 0.1); + --btn-color: var(--purple); + --btn-border-color: var(--purple); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--purple-rgb), 0.2); + --btn-hover-border-color: var(--purple); + --btn-focus-shadow-rgb: var(--purple-rgb); + --btn-active-color: var(--purple); + --btn-active-bg: rgba(var(--purple-rgb), 0.25); + --btn-active-border-color: var(--purple); + --btn-disabled-color: rgba(var(--purple-rgb), 0.65); + --btn-disabled-bg: rgba(var(--purple-rgb), 0.05); +} +.btn-flat-pink { + --btn-bg: rgba(var(--pink-rgb), 0.1); + --btn-color: var(--pink); + --btn-border-color: var(--pink); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--pink-rgb), 0.2); + --btn-hover-border-color: var(--pink); + --btn-focus-shadow-rgb: var(--pink-rgb); + --btn-active-color: var(--pink); + --btn-active-bg: rgba(var(--pink-rgb), 0.25); + --btn-active-border-color: var(--pink); + --btn-disabled-color: rgba(var(--pink-rgb), 0.65); + --btn-disabled-bg: rgba(var(--pink-rgb), 0.05); +} +.btn-flat-teal { + --btn-bg: rgba(var(--teal-rgb), 0.1); + --btn-color: var(--teal); + --btn-border-color: var(--teal); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--teal-rgb), 0.2); + --btn-hover-border-color: var(--teal); + --btn-focus-shadow-rgb: var(--teal-rgb); + --btn-active-color: var(--teal); + --btn-active-bg: rgba(var(--teal-rgb), 0.25); + --btn-active-border-color: var(--teal); + --btn-disabled-color: rgba(var(--teal-rgb), 0.65); + --btn-disabled-bg: rgba(var(--teal-rgb), 0.05); +} +.btn-flat-yellow { + --btn-bg: rgba(var(--yellow-rgb), 0.1); + --btn-color: var(--yellow); + --btn-border-color: var(--yellow); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--yellow-rgb), 0.2); + --btn-hover-border-color: var(--yellow); + --btn-focus-shadow-rgb: var(--yellow-rgb); + --btn-active-color: var(--yellow); + --btn-active-bg: rgba(var(--yellow-rgb), 0.25); + --btn-active-border-color: var(--yellow); + --btn-disabled-color: rgba(var(--yellow-rgb), 0.65); + --btn-disabled-bg: rgba(var(--yellow-rgb), 0.05); +} +.btn-flat-primary { + --btn-bg: rgba(var(--primary-rgb), 0.1); + --btn-color: var(--primary); + --btn-border-color: var(--primary); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--primary-rgb), 0.2); + --btn-hover-border-color: var(--primary); + --btn-focus-shadow-rgb: var(--primary-rgb); + --btn-active-color: var(--primary); + --btn-active-bg: rgba(var(--primary-rgb), 0.25); + --btn-active-border-color: var(--primary); + --btn-disabled-color: rgba(var(--primary-rgb), 0.65); + --btn-disabled-bg: rgba(var(--primary-rgb), 0.05); +} +.btn-flat-secondary { + --btn-bg: rgba(var(--secondary-rgb), 0.1); + --btn-color: var(--secondary); + --btn-border-color: var(--secondary); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--secondary-rgb), 0.2); + --btn-hover-border-color: var(--secondary); + --btn-focus-shadow-rgb: var(--secondary-rgb); + --btn-active-color: var(--secondary); + --btn-active-bg: rgba(var(--secondary-rgb), 0.25); + --btn-active-border-color: var(--secondary); + --btn-disabled-color: rgba(var(--secondary-rgb), 0.65); + --btn-disabled-bg: rgba(var(--secondary-rgb), 0.05); +} +.btn-flat-success { + --btn-bg: rgba(var(--success-rgb), 0.1); + --btn-color: var(--success); + --btn-border-color: var(--success); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--success-rgb), 0.2); + --btn-hover-border-color: var(--success); + --btn-focus-shadow-rgb: var(--success-rgb); + --btn-active-color: var(--success); + --btn-active-bg: rgba(var(--success-rgb), 0.25); + --btn-active-border-color: var(--success); + --btn-disabled-color: rgba(var(--success-rgb), 0.65); + --btn-disabled-bg: rgba(var(--success-rgb), 0.05); +} +.btn-flat-info { + --btn-bg: rgba(var(--info-rgb), 0.1); + --btn-color: var(--info); + --btn-border-color: var(--info); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--info-rgb), 0.2); + --btn-hover-border-color: var(--info); + --btn-focus-shadow-rgb: var(--info-rgb); + --btn-active-color: var(--info); + --btn-active-bg: rgba(var(--info-rgb), 0.25); + --btn-active-border-color: var(--info); + --btn-disabled-color: rgba(var(--info-rgb), 0.65); + --btn-disabled-bg: rgba(var(--info-rgb), 0.05); +} +.btn-flat-warning { + --btn-bg: rgba(var(--warning-rgb), 0.1); + --btn-color: var(--warning); + --btn-border-color: var(--warning); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--warning-rgb), 0.2); + --btn-hover-border-color: var(--warning); + --btn-focus-shadow-rgb: var(--warning-rgb); + --btn-active-color: var(--warning); + --btn-active-bg: rgba(var(--warning-rgb), 0.25); + --btn-active-border-color: var(--warning); + --btn-disabled-color: rgba(var(--warning-rgb), 0.65); + --btn-disabled-bg: rgba(var(--warning-rgb), 0.05); +} +.btn-flat-danger { + --btn-bg: rgba(var(--danger-rgb), 0.1); + --btn-color: var(--danger); + --btn-border-color: var(--danger); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--danger-rgb), 0.2); + --btn-hover-border-color: var(--danger); + --btn-focus-shadow-rgb: var(--danger-rgb); + --btn-active-color: var(--danger); + --btn-active-bg: rgba(var(--danger-rgb), 0.25); + --btn-active-border-color: var(--danger); + --btn-disabled-color: rgba(var(--danger-rgb), 0.65); + --btn-disabled-bg: rgba(var(--danger-rgb), 0.05); +} +.btn-flat-light { + --btn-bg: rgba(var(--light-rgb), 0.1); + --btn-color: var(--light); + --btn-border-color: var(--light); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--light-rgb), 0.2); + --btn-hover-border-color: var(--light); + --btn-focus-shadow-rgb: var(--light-rgb); + --btn-active-color: var(--light); + --btn-active-bg: rgba(var(--light-rgb), 0.25); + --btn-active-border-color: var(--light); + --btn-disabled-color: rgba(var(--light-rgb), 0.65); + --btn-disabled-bg: rgba(var(--light-rgb), 0.05); +} +.btn-flat-dark { + --btn-bg: rgba(var(--dark-rgb), 0.1); + --btn-color: var(--dark); + --btn-border-color: var(--dark); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--dark-rgb), 0.2); + --btn-hover-border-color: var(--dark); + --btn-focus-shadow-rgb: var(--dark-rgb); + --btn-active-color: var(--dark); + --btn-active-bg: rgba(var(--dark-rgb), 0.25); + --btn-active-border-color: var(--dark); + --btn-disabled-color: rgba(var(--dark-rgb), 0.65); + --btn-disabled-bg: rgba(var(--dark-rgb), 0.05); +} +.btn-flat-black { + --btn-bg: rgba(var(--black-rgb), 0.1); + --btn-color: var(--black); + --btn-border-color: var(--black); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--black-rgb), 0.2); + --btn-hover-border-color: var(--black); + --btn-focus-shadow-rgb: var(--black-rgb); + --btn-active-color: var(--black); + --btn-active-bg: rgba(var(--black-rgb), 0.25); + --btn-active-border-color: var(--black); + --btn-disabled-color: rgba(var(--black-rgb), 0.65); + --btn-disabled-bg: rgba(var(--black-rgb), 0.05); +} +.btn-flat-white { + --btn-bg: rgba(var(--white-rgb), 0.1); + --btn-color: var(--white); + --btn-border-color: var(--white); + --btn-hover-color: var(--btn-color); + --btn-hover-bg: rgba(var(--white-rgb), 0.2); + --btn-hover-border-color: var(--white); + --btn-focus-shadow-rgb: var(--white-rgb); + --btn-active-color: var(--white); + --btn-active-bg: rgba(var(--white-rgb), 0.25); + --btn-active-border-color: var(--white); + --btn-disabled-color: rgba(var(--white-rgb), 0.65); + --btn-disabled-bg: rgba(var(--white-rgb), 0.05); +} +.btn-icon { + padding-left: var(--btn-padding-y); + padding-right: var(--btn-padding-y); +} +.btn-transparent { + --btn-bg: transparent; +} +.btn-labeled { + position: relative; +} +.btn-labeled-start { + padding-left: calc( + var(--btn-padding-y) * 2 + var(--btn-border-width) * 2 + + var(--btn-font-size) * var(--btn-line-height) + var(--btn-padding-x) + ); +} +.btn-labeled-end { + padding-right: calc( + var(--btn-padding-y) * 2 + var(--btn-border-width) * 2 + + var(--btn-font-size) * var(--btn-line-height) + var(--btn-padding-x) + ); +} +.btn-labeled-icon { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + top: calc(var(--btn-border-width) * -1); + bottom: calc(var(--btn-border-width) * -1); + padding: var(--btn-padding-y); + width: calc( + var(--btn-padding-y) * 2 + var(--btn-border-width) * 2 + + var(--btn-font-size) * var(--btn-line-height) + ); +} +.btn-labeled-start .btn-labeled-icon { + left: calc(var(--btn-border-width) * -1); + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} +.btn-labeled-end .btn-labeled-icon { + right: calc(var(--btn-border-width) * -1); + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; +} +.btn-lg { + --btn-line-height: var(--body-line-height-lg); +} +.btn-sm { + --btn-line-height: var(--body-line-height-sm); +} +.btn-flat-dark[data-color-theme="dark"], +.btn-flat-light[data-color-theme="dark"], +[data-color-theme="dark"] .btn-flat-dark:not([data-color-theme]), +[data-color-theme="dark"] .btn-flat-light:not([data-color-theme]), +html[data-color-theme="dark"] .btn-flat-dark, +html[data-color-theme="dark"] .btn-flat-light { + color-scheme: dark; + --btn-color: #fff; + --btn-hover-color: #fff; + --btn-active-color: #fff; + --btn-disabled-color: #fff; +} +.btn-dark[data-color-theme="dark"], +[data-color-theme="dark"] .btn-dark:not([data-color-theme]), +html[data-color-theme="dark"] .btn-dark { + color-scheme: dark; + --btn-bg: #181818; + --btn-border-color: #181818; + --btn-hover-bg: #111; + --btn-hover-border-color: #111; + --btn-focus-shadow-rgb: 17, 17, 17; + --btn-active-bg: #000; + --btn-active-border-color: #000; + --btn-disabled-bg: #181818; + --btn-disabled-border-color: #181818; +} +.btn-outline-dark[data-color-theme="dark"], +[data-color-theme="dark"] .btn-outline-dark:not([data-color-theme]), +html[data-color-theme="dark"] .btn-outline-dark { + color-scheme: dark; + --btn-color: #fff; + --btn-border-color: #111; + --btn-hover-bg: #111; + --btn-hover-border-color: #111; + --btn-focus-shadow-rgb: 17, 17, 17; + --btn-active-color: #fff; + --btn-active-bg: #000; + --btn-active-border-color: #000; + --btn-disabled-color: #fff; +} +.no-transitions *, +.no-transitions :after, +.no-transitions :before { + transition: none !important; +} +.collapsible-indicator { + transition: -webkit-transform ease-in-out var(--transition-collapse-timer); + transition: transform ease-in-out var(--transition-collapse-timer); + transition: transform ease-in-out var(--transition-collapse-timer), + -webkit-transform ease-in-out var(--transition-collapse-timer); +} +@media (prefers-reduced-motion: reduce) { + .collapsible-indicator { + transition: none; + } +} +.collapsed .collapsible-indicator { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.dropdown-menu { + --dropdown-scrollable-max-height: 17rem; + --dropdown-item-spacer-y: 1px; +} +.dropdown-menu[data-color-theme="dark"], +[data-color-theme="dark"] .dropdown-menu:not([data-color-theme]), +html[data-color-theme="dark"] .dropdown-menu { + color-scheme: dark; + --dropdown-bg: #32333a; + --dropdown-border-color: rgba(var(--black-rgb), 0.25); +} +.dropdown-item { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + position: relative; + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .dropdown-item { + transition: none; + } +} +.btn-check:checked + .dropdown-item { + color: var(--dropdown-link-active-color); + text-decoration: none; + background-color: var(--dropdown-link-active-bg); +} +.btn-check + .dropdown-item, +.dropdown-item + .btn-check, +.dropdown-item + .dropdown-item, +.dropdown-item + .dropdown-submenu, +.dropdown-submenu + .dropdown-item { + margin-top: var(--dropdown-item-spacer-y); +} +.dropdown-header { + font-size: var(--body-font-size); +} +.dropdown-image { + max-height: var(--body-line-height-computed); +} +@media (max-width: 575.98px) { + .dropdown-menu-scrollable-sm { + max-height: var(--dropdown-scrollable-max-height); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 767.98px) { + .dropdown-menu-scrollable-md { + max-height: var(--dropdown-scrollable-max-height); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 991.98px) { + .dropdown-menu-scrollable-lg { + max-height: var(--dropdown-scrollable-max-height); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1199.98px) { + .dropdown-menu-scrollable-xl { + max-height: var(--dropdown-scrollable-max-height); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1399.98px) { + .dropdown-menu-scrollable-xxl { + max-height: var(--dropdown-scrollable-max-height); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } +} +.dropdown-menu-scrollable { + max-height: var(--dropdown-scrollable-max-height); + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +.dropdown-menu-dark[data-color-theme="dark"], +[data-color-theme="dark"] .dropdown-menu-dark:not([data-color-theme]), +html[data-color-theme="dark"] .dropdown-menu-dark { + color-scheme: dark; + --dropdown-bg: #0e0f10; + --dropdown-border-color: rgba(var(--black-rgb), 0.2); +} +.dropdown-menu > .dropdown-submenu { + position: relative; +} +.dropdown-menu > .dropdown-submenu > .dropdown-item { + padding-right: calc( + var(--dropdown-item-padding-x) + var(--body-font-size) * 1.5 + ); +} +.dropdown-menu > .dropdown-submenu > .dropdown-item:after { + content: "\f31c"; + font-family: var(--icon-font-family); + position: absolute; + top: 50%; + right: calc(var(--dropdown-item-padding-x) * 0.75); + font-size: var(--body-font-size); + line-height: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +[dir="rtl"] .dropdown-menu > .dropdown-submenu > .dropdown-item:after { + content: "\f31b"; +} +.dropdown-menu + > .dropdown-submenu:hover + > .dropdown-item:not(.dropdown-toggle) { + color: var(--dropdown-link-hover-color); + background-color: var(--dropdown-link-hover-bg); +} +.dropdown-menu > .dropdown-submenu.show > .dropdown-item { + color: var(--dropdown-link-active-color); + background-color: var(--dropdown-link-active-bg); +} +.dropdown-menu + > .dropdown-submenu:focus + > .dropdown-item:not(.dropdown-toggle) + ~ .dropdown-menu, +.dropdown-menu + > .dropdown-submenu:hover + > .dropdown-item:not(.dropdown-toggle) + ~ .dropdown-menu { + display: block; +} +.dropdown-menu > .dropdown-submenu.disabled { + pointer-events: none; +} +.dropdown-menu > .dropdown-submenu.disabled > .dropdown-item { + color: var(--dropdown-link-disabled-color); +} +.dropdown-menu > .dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: calc( + (var(--dropdown-padding-y) + var(--dropdown-border-width)) * -1 + ); +} +.dropdown-menu > .dropdown-submenu.dropdown-submenu-start > .dropdown-menu { + left: auto; + right: 100%; +} +@media (max-width: 991.98px) { + .dropdown-menu > .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; + } + .dropdown-menu > .dropdown-submenu .dropdown-menu, + .dropdown-menu > .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + position: static; + margin: 0 !important; + border-width: 0; + width: 100%; + box-shadow: none; + border-radius: 0; + } + .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, + .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); + } + .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, + .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); + } +} +.dropdown-menu .dropup > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: calc( + (var(--dropdown-padding-y) + var(--dropdown-border-width)) * -1 + ); +} +.dropdown-menu .dropdown-submenu + .dropdown-submenu { + margin-top: var(--dropdown-item-spacer-y); +} +.dropdown-menu-lg { + --dropdown-item-padding: calc(var(--spacer) * 0.5) var(--spacer); + --dropdown-font-size: 1rem; +} +.dropdown-menu-sm { + --dropdown-item-padding: calc(var(--spacer) * 0.3) calc(var(--spacer) * 0.75); + --dropdown-font-size: 0.75rem; +} +[dir="rtl"] + .nav-item:not([class*="mega-menu"]) + .navbar-nav-link + ~ .dropdown-menu, +[dir="rtl"] .navbar-nav > .nav-item:not([class*="mega-menu"]) > .dropdown-menu { + left: auto; + right: 0; +} +[dir="rtl"] + .nav-item:not([class*="mega-menu"]) + .navbar-nav-link + ~ .dropdown-menu-end, +[dir="rtl"] + .navbar-nav + > .nav-item:not([class*="mega-menu"]) + > .dropdown-menu-end { + right: auto; + left: 0; +} +.btn-group-spaced > .btn-group:not(:first-of-type), +.btn-group-spaced > .btn:not(:first-of-type) { + margin-left: 1px; +} +.btn-group-vertical-spaced > .btn-group:not(:first-of-type), +.btn-group-vertical-spaced > .btn:not(:first-of-type) { + margin-top: 1px; +} +.nav { + --nav-link-active-color: var(--body-color); +} +.nav-link { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.nav-link.active { + color: var(--nav-link-active-color); +} +.nav-link.show { + color: var(--nav-link-hover-color); +} +.nav-fill .nav-link, +.nav-justified .nav-link { + -ms-flex-pack: center; + justify-content: center; +} +.nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not( + .nav-tabs-solid + )[data-color-theme="dark"], +[data-color-theme="dark"] + .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not( + .nav-tabs-solid + ):not([data-color-theme]), +html[data-color-theme="dark"] + .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not( + .nav-tabs-solid + ) { + color-scheme: dark; + --nav-tabs-link-active-bg: #2c2d33; + --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) + #2c2d33; +} +.dropdown-menu .nav-tabs { + --nav-tabs-link-active-bg: var(--dropdown-bg) !important; +} +.dropdown-menu .nav-tabs .nav-link.active, +.dropdown-menu .nav-tabs .nav-link.show { + border-bottom-color: var(--dropdown-bg); +} +.nav-tabs-responsive { + overflow-x: auto; + box-shadow: 0 calc(var(--border-width) * -1) 0 var(--border-color) inset; + -webkit-overflow-scrolling: touch; +} +.nav-tabs-responsive::-webkit-scrollbar { + display: none !important; +} +.nav-tabs-responsive .nav-tabs { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + white-space: nowrap; + border-bottom-color: transparent; +} +.nav-tabs-highlight, +.nav-tabs-overline, +.nav-tabs-underline { + --nav-tabs-underline-size: 2px; + --nav-tabs-underline-color: var(--primary); +} +.nav-tabs-highlight .nav-link, +.nav-tabs-overline .nav-link, +.nav-tabs-underline .nav-link { + position: relative; +} +.nav-tabs-highlight .nav-link:before, +.nav-tabs-overline .nav-link:before, +.nav-tabs-underline .nav-link:before { + content: ""; + position: absolute; + left: 0; + right: 0; + height: var(--nav-tabs-underline-size); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .nav-tabs-highlight .nav-link:before, + .nav-tabs-overline .nav-link:before, + .nav-tabs-underline .nav-link:before { + transition: none; + } +} +.nav-tabs-highlight .nav-link.active:before, +.nav-tabs-overline .nav-link.active:before, +.nav-tabs-underline .nav-link.active:before { + background-color: var(--nav-tabs-underline-color); +} +.nav-tabs-highlight { + --nav-tabs-border-radius: 0; +} +.nav-tabs-highlight .nav-link:before { + top: calc(var(--nav-tabs-border-width) * -1); + left: calc(var(--nav-tabs-border-width) * -1); + right: calc(var(--nav-tabs-border-width) * -1); +} +.nav-tabs-overline, +.nav-tabs-underline { + --nav-tabs-link-active-bg: transparent; +} +.nav-tabs-overline .nav-link, +.nav-tabs-underline .nav-link { + border-width: 0; + margin-bottom: 0; +} +.nav-tabs-overline { + border-bottom: 0; + border-top: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color); +} +.nav-tabs-overline .nav-link:before { + top: calc(var(--nav-tabs-border-width) * -1); +} +.nav-tabs-underline .nav-link:before { + bottom: calc(var(--nav-tabs-border-width) * -1); +} +.nav-tabs-solid { + --nav-tabs-bg: var(--gray-200); + --nav-tabs-border-radius: 0; + --nav-tabs-border-width: 0; + --nav-tabs-link-active-color: var(--component-active-color); + --nav-tabs-link-active-bg: var(--component-active-bg); + background-color: var(--nav-tabs-bg); +} +.nav-tabs-solid .nav-link { + margin-bottom: 0; +} +.nav-tabs-solid.border .nav-link { + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .nav-tabs-solid.border .nav-link { + transition: none; + } +} +.nav-tabs-solid.border .nav-link.active { + box-shadow: 0 0 0 var(--border-width) var(--nav-tabs-link-active-bg); +} +.nav-tabs-solid-dark { + --nav-link-color: rgba(var(--white-rgb), 0.75); + --nav-link-hover-color: var(--white); + --nav-link-disabled-color: rgba(var(--white-rgb), 0.5); + --nav-tabs-link-active-color: var(--white); + --nav-tabs-link-active-bg: rgba(var(--white-rgb), 0.15); +} +.nav-tabs-vertical { + --nav-tabs-border-radius: 0; + --nav-tabs-link-active-bg: transparent; + --nav-tabs-underline-size: 2px; + --nav-tabs-underline-color: var(--primary); + border-bottom: 0; + -ms-flex-direction: column; + flex-direction: column; +} +.nav-tabs-vertical .nav-link { + -ms-flex-pack: start; + justify-content: flex-start; + position: relative; +} +.nav-tabs-vertical .nav-link:before { + content: ""; + position: absolute; + top: calc(var(--nav-tabs-border-width) * -1); + bottom: calc(var(--nav-tabs-border-width) * -1); + width: var(--nav-tabs-underline-size); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .nav-tabs-vertical .nav-link:before { + transition: none; + } +} +.nav-tabs-vertical .nav-link.active { + border-color: var(--nav-tabs-border-color) transparent; +} +.nav-tabs-vertical .nav-link.active:before { + background-color: var(--nav-tabs-underline-color); +} +.nav-tabs-vertical-start .nav-link:not(.active) { + border-right-color: var(--nav-tabs-border-color); +} +.nav-tabs-vertical-start .nav-link:before { + left: calc(var(--nav-tabs-border-width) * -1); +} +.nav-tabs-vertical-end .nav-link:not(.active) { + border-left-color: var(--nav-tabs-border-color); +} +.nav-tabs-vertical-end .nav-link:before { + right: calc(var(--nav-tabs-border-width) * -1); +} +.nav-pills-outline .nav-item + .nav-item { + margin-left: calc(var(--spacer) * 0.5); +} +.nav-pills-outline .nav-link { + border: var(--border-width) solid var(--border-color); +} +.nav-pills-outline .nav-link:not(.active):focus, +.nav-pills-outline .nav-link:not(.active):hover { + background-color: var(--gray-200); + border-color: var(--gray-500); +} +.nav-pills-outline .nav-link.show:not(.active), +.nav-pills-outline .nav-link:not(.active):active { + background-color: var(--gray-300); + border-color: var(--gray-600); + color: var(--nav-link-hover-color); +} +.nav-pills-outline .nav-link.active { + border-color: var(--nav-pills-link-active-bg); +} +.nav-pills-outline.flex-column .nav-item + .nav-item { + margin-left: 0; + margin-top: calc(var(--spacer) * 0.5); +} +.nav-pills-toolbar:not(.flex-column) .nav-item + .nav-item { + margin-left: calc(var(--border-width) * -1); +} +.nav-pills-toolbar:not(.flex-column) .nav-item:not(:first-child) .nav-link { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.nav-pills-toolbar:not(.flex-column) .nav-item:not(:last-child) .nav-link { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.nav-pills-toolbar.flex-column .nav-item + .nav-item { + margin-top: calc(var(--border-width) * -1); +} +.nav-pills-toolbar.flex-column .nav-item:not(:first-child) .nav-link { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.nav-pills-toolbar.flex-column .nav-item:not(:last-child) .nav-link { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.nav-pills-toolbar .nav-link { + position: relative; +} +.nav-pills-toolbar .nav-link:hover { + z-index: 2; +} +.nav-pills-toolbar .nav-link.show, +.nav-pills-toolbar .nav-link:focus { + z-index: 3; +} +.nav-pills-toolbar .nav-link.active { + z-index: 4; +} +.nav-btn-close { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(var(--body-color-rgb), 0.075); + width: var(--body-line-height-computed); + height: var(--body-line-height-computed); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .nav-btn-close { + transition: none; + } +} +.nav-btn-close:focus, +.nav-btn-close:hover { + background-color: rgba(var(--body-color-rgb), 0.15); +} +.nav-scrollspy { + --nav-link-padding-y: var(--spacer-1); + --nav-link-padding-x: var(--spacer-1); + --nav-link-hover-color: var(--link-color); +} +.nav-scrollspy .nav .nav-link { + padding-left: calc(var(--spacer) * 2); +} +.nav-scrollspy .nav-link { + position: relative; + padding-left: var(--spacer); + border-left: 2px solid var(--border-color); +} +.nav-scrollspy .nav-link.active { + border-color: var(--nav-link-hover-color); + color: var(--nav-link-hover-color); +} +.nav-scrollspy-wrapper.sticky-top { + top: var(--spacer-4); +} +.nav-item-active-indicator { + opacity: 0; + visibility: hidden; + transition: opacity ease-in-out var(--transition-base-timer), + visibility ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .nav-item-active-indicator { + transition: none; + } +} +.active .nav-item-active-indicator { + visibility: visible; + opacity: 1; +} +.navbar { + --navbar-bg: var(--white); + --navbar-brand-width: calc(18.75rem - var(--navbar-padding-x)); + --navbar-brand-image-size: var(--body-line-height-computed); + --navbar-search-width: 30rem; + --navbar-link-padding-y: 0.625rem; + --navbar-link-padding-x: 0.9375rem; + --navbar-hover-bg: var(--gray-200); + --navbar-hover-active-bg: var(--gray-300); + --navbar-hover-active-color: var(--body-color); + --navbar-active-bg: rgba(var(--primary-rgb), 0.1); + -ms-flex-negative: 0; + flex-shrink: 0; + background-color: var(--navbar-bg); + color: var(--navbar-color); +} +.navbar[data-color-theme="dark"], +[data-color-theme="dark"] .navbar:not([data-color-theme]), +html[data-color-theme="dark"] .navbar { + color-scheme: dark; + --navbar-bg: #32333a; +} +.navbar-nav .nav-tabs { + --navbar-active-color: null; +} +.navbar-nav-link { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + color: var(--navbar-color); + padding: var(--navbar-link-padding-y) var(--navbar-link-padding-x); + outline: 0; + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .navbar-nav-link { + transition: none; + } +} +.navbar-nav-link:focus, +.navbar-nav-link:hover { + color: var(--navbar-hover-color); + background-color: var(--navbar-hover-bg); +} +.navbar-nav-link:active { + color: var(--navbar-hover-active-color); + background-color: var(--navbar-hover-active-bg); +} +.navbar-nav-link.active, +.navbar-nav-link.show, +.navbar-nav-link[aria-expanded="true"] { + color: var(--navbar-active-color); + background-color: var(--navbar-active-bg); +} +.navbar-nav-link.disabled { + pointer-events: none; + cursor: default; + opacity: 0.5; +} +.navbar-nav-link i { + margin-top: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); +} +.navbar-nav-link-icon { + padding-left: var(--navbar-link-padding-y); + padding-right: var(--navbar-link-padding-y); +} +.navbar-nav-link-icon i { + margin-left: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); + margin-right: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); +} +.navbar-brand { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} +.navbar-brand img { + height: var(--navbar-brand-image-size); +} +.navbar-text { + padding-top: var(--navbar-link-padding-y); + padding-bottom: var(--navbar-link-padding-y); +} +.navbar-toggler { + border: 0; +} +.navbar-toggler:focus, +.navbar-toggler:hover { + color: var(--navbar-hover-color); + background-color: var(--navbar-hover-bg); +} +.navbar-toggler:active, +.navbar-toggler[aria-expanded="true"] { + color: var(--navbar-active-color); + background-color: var(--navbar-active-bg); +} +.navbar-top { + padding-top: calc( + calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2) + ); +} +.navbar-lg-top { + padding-top: calc( + calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2) + ); +} +.navbar-sm-top { + padding-top: calc( + calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2) + ); +} +.navbar-lg-lg-top { + padding-top: calc( + calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2)) * + 2 + ); +} +.navbar-lg-md-top { + padding-top: calc( + calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2)) + + calc( + calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2) + ) + ); +} +.navbar-lg-sm-top { + padding-top: calc( + calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2)) + + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2)) + ); +} +.navbar-md-md-top { + padding-top: calc( + calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2)) * + 2 + ); +} +.navbar-md-sm-top { + padding-top: calc( + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2)) + + calc( + calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2) + ) + ); +} +.navbar-sm-sm-top { + padding-top: calc( + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2)) * + 2 + ); +} +.navbar-bottom { + padding-bottom: calc( + calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2) + ); +} +.navbar-lg-bottom { + padding-bottom: calc( + calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2) + ); +} +.navbar-sm-bottom { + padding-bottom: calc( + calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2) + ); +} +.navbar-lg-lg-bottom { + padding-bottom: calc( + calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2)) * + 2 + ); +} +.navbar-lg-md-bottom { + padding-bottom: calc( + calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2)) + + calc( + calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2) + ) + ); +} +.navbar-lg-sm-bottom { + padding-bottom: calc( + calc(calc(1375rem / 1000) + calc(0.75rem * 2) + calc(var(--spacer-2) * 2)) + + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2)) + ); +} +.navbar-md-md-bottom { + padding-bottom: calc( + calc(calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2)) * + 2 + ); +} +.navbar-md-sm-bottom { + padding-bottom: calc( + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2)) + + calc( + calc(1375rem / 1000) + calc(0.625rem * 2) + calc(var(--spacer-2) * 2) + ) + ); +} +.navbar-sm-sm-bottom { + padding-bottom: calc( + calc(calc(1375rem / 1000) + calc(0.5rem * 2) + calc(var(--spacer-2) * 2)) * + 2 + ); +} +.navbar-lg .navbar-nav-link { + --navbar-link-padding-y: 0.75rem; + --navbar-link-padding-x: 1.125rem; +} +.navbar-sm .navbar-nav-link { + --navbar-link-padding-y: 0.5rem; + --navbar-link-padding-x: 0.75rem; +} +@media (min-width: 576px) { + .navbar-expand-sm .navbar-brand { + width: var(--navbar-brand-width); + } + .navbar-expand-sm .navbar-search { + max-width: var(--navbar-search-width); + } +} +@media (max-width: 575.98px) { + .navbar-expand-sm .navbar-collapse .navbar-nav-link { + padding-left: var(--navbar-link-padding-x); + padding-right: var(--navbar-link-padding-x); + } + .navbar-expand-sm .navbar-collapse .navbar-nav-link:after { + display: inline-block; + margin-left: auto; + } + .navbar-expand-sm .navbar-collapse .navbar-nav-link i { + margin-left: 0; + margin-right: 0; + } + .navbar-expand-sm .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; + } + .navbar-expand-sm .dropdown-submenu .dropdown-menu, + .navbar-expand-sm .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + margin: 0; + border-width: 0; + border-radius: 0; + box-shadow: none; + } + .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-item, + .navbar-expand-sm + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); + } + .navbar-expand-sm + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, + .navbar-expand-sm + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); + } +} +@media (min-width: 768px) { + .navbar-expand-md .navbar-brand { + width: var(--navbar-brand-width); + } + .navbar-expand-md .navbar-search { + max-width: var(--navbar-search-width); + } +} +@media (max-width: 767.98px) { + .navbar-expand-md .navbar-collapse .navbar-nav-link { + padding-left: var(--navbar-link-padding-x); + padding-right: var(--navbar-link-padding-x); + } + .navbar-expand-md .navbar-collapse .navbar-nav-link:after { + display: inline-block; + margin-left: auto; + } + .navbar-expand-md .navbar-collapse .navbar-nav-link i { + margin-left: 0; + margin-right: 0; + } + .navbar-expand-md .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; + } + .navbar-expand-md .dropdown-submenu .dropdown-menu, + .navbar-expand-md .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + margin: 0; + border-width: 0; + border-radius: 0; + box-shadow: none; + } + .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-item, + .navbar-expand-md + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); + } + .navbar-expand-md + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, + .navbar-expand-md + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); + } +} +@media (min-width: 992px) { + .navbar-expand-lg .navbar-brand { + width: var(--navbar-brand-width); + } + .navbar-expand-lg .navbar-search { + max-width: var(--navbar-search-width); + } +} +@media (max-width: 991.98px) { + .navbar-expand-lg .navbar-collapse .navbar-nav-link { + padding-left: var(--navbar-link-padding-x); + padding-right: var(--navbar-link-padding-x); + } + .navbar-expand-lg .navbar-collapse .navbar-nav-link:after { + display: inline-block; + margin-left: auto; + } + .navbar-expand-lg .navbar-collapse .navbar-nav-link i { + margin-left: 0; + margin-right: 0; + } + .navbar-expand-lg .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; + } + .navbar-expand-lg .dropdown-submenu .dropdown-menu, + .navbar-expand-lg .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + margin: 0; + border-width: 0; + border-radius: 0; + box-shadow: none; + } + .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-item, + .navbar-expand-lg + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); + } + .navbar-expand-lg + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, + .navbar-expand-lg + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); + } +} +@media (min-width: 1200px) { + .navbar-expand-xl .navbar-brand { + width: var(--navbar-brand-width); + } + .navbar-expand-xl .navbar-search { + max-width: var(--navbar-search-width); + } +} +@media (max-width: 1199.98px) { + .navbar-expand-xl .navbar-collapse .navbar-nav-link { + padding-left: var(--navbar-link-padding-x); + padding-right: var(--navbar-link-padding-x); + } + .navbar-expand-xl .navbar-collapse .navbar-nav-link:after { + display: inline-block; + margin-left: auto; + } + .navbar-expand-xl .navbar-collapse .navbar-nav-link i { + margin-left: 0; + margin-right: 0; + } + .navbar-expand-xl .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; + } + .navbar-expand-xl .dropdown-submenu .dropdown-menu, + .navbar-expand-xl .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + margin: 0; + border-width: 0; + border-radius: 0; + box-shadow: none; + } + .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-item, + .navbar-expand-xl + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); + } + .navbar-expand-xl + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, + .navbar-expand-xl + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); + } +} +@media (min-width: 1400px) { + .navbar-expand-xxl .navbar-brand { + width: var(--navbar-brand-width); + } + .navbar-expand-xxl .navbar-search { + max-width: var(--navbar-search-width); + } +} +@media (max-width: 1399.98px) { + .navbar-expand-xxl .navbar-collapse .navbar-nav-link { + padding-left: var(--navbar-link-padding-x); + padding-right: var(--navbar-link-padding-x); + } + .navbar-expand-xxl .navbar-collapse .navbar-nav-link:after { + display: inline-block; + margin-left: auto; + } + .navbar-expand-xxl .navbar-collapse .navbar-nav-link i { + margin-left: 0; + margin-right: 0; + } + .navbar-expand-xxl .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; + } + .navbar-expand-xxl .dropdown-submenu .dropdown-menu, + .navbar-expand-xxl .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + margin: 0; + border-width: 0; + border-radius: 0; + box-shadow: none; + } + .navbar-expand-xxl .dropdown-submenu > .dropdown-menu > .dropdown-item, + .navbar-expand-xxl + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); + } + .navbar-expand-xxl + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, + .navbar-expand-xxl + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); + } +} +.navbar-expand .navbar-brand { + width: var(--navbar-brand-width); +} +.navbar-expand .navbar-search { + max-width: var(--navbar-search-width); +} +.navbar-expand .navbar-collapse .navbar-nav-link { + padding-left: var(--navbar-link-padding-x); + padding-right: var(--navbar-link-padding-x); +} +.navbar-expand .navbar-collapse .navbar-nav-link:after { + display: inline-block; + margin-left: auto; +} +.navbar-expand .navbar-collapse .navbar-nav-link i { + margin-left: 0; + margin-right: 0; +} +.navbar-expand .dropdown-submenu .dropdown-toggle:after { + content: "\f31a"; +} +.navbar-expand .dropdown-submenu .dropdown-menu, +.navbar-expand .dropdown-submenu.dropdown-submenu-start .dropdown-menu { + margin: 0; + border-width: 0; + border-radius: 0; + box-shadow: none; +} +.navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-item, +.navbar-expand + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 2); +} +.navbar-expand + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-item, +.navbar-expand + .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-menu + > .dropdown-submenu + > .dropdown-item { + padding-left: calc(var(--dropdown-item-padding-x) * 3); +} +@media (max-width: 575.98px) { + .nav-item-dropdown-sm { + position: static; + } + .nav-item-dropdown-sm > .dropdown-menu { + position: absolute; + left: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + right: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + } +} +@media (max-width: 767.98px) { + .nav-item-dropdown-md { + position: static; + } + .nav-item-dropdown-md > .dropdown-menu { + position: absolute; + left: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + right: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + } +} +@media (max-width: 991.98px) { + .nav-item-dropdown-lg { + position: static; + } + .nav-item-dropdown-lg > .dropdown-menu { + position: absolute; + left: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + right: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + } +} +@media (max-width: 1199.98px) { + .nav-item-dropdown-xl { + position: static; + } + .nav-item-dropdown-xl > .dropdown-menu { + position: absolute; + left: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + right: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + } +} +@media (max-width: 1399.98px) { + .nav-item-dropdown-xxl { + position: static; + } + .nav-item-dropdown-xxl > .dropdown-menu { + position: absolute; + left: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + right: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + } +} +.nav-item-dropdown { + position: static; +} +.nav-item-dropdown > .dropdown-menu { + position: absolute; + left: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; + right: calc((1.25rem * 0.5) + var(--navbar-padding-x)) !important; +} +.navbar-dark { + --navbar-bg: #252b36; + --navbar-hover-bg: rgba(var(--white-rgb), 0.1); + --navbar-disabled-bg: transparent; + --navbar-hover-active-bg: rgba(var(--white-rgb), 0.15); + --navbar-hover-active-color: #fff; + --navbar-active-bg: rgba(var(--white-rgb), 0.15); +} +.navbar-dark[data-color-theme="dark"], +[data-color-theme="dark"] .navbar-dark:not([data-color-theme]), +html[data-color-theme="dark"] .navbar-dark { + color-scheme: dark; + --navbar-bg: #141517; +} +.navbar-static { + z-index: 1024; +} +.navbar-static + .navbar-static { + z-index: 1023; +} +.content-wrapper .navbar-static { + z-index: 1021; +} +.card { + border: 0; + margin-bottom: var(--spacer); +} +.card[data-color-theme="dark"], +[data-color-theme="dark"] .card:not([data-color-theme]), +html[data-color-theme="dark"] .card { + color-scheme: dark; + --card-bg: #2c2d33; +} +.card-footer { + --card-cap-bg: rgba(var(--black-rgb), 0.015); +} +.card-group-vertical > .card { + margin-bottom: 0; +} +.card-group-vertical > .card + .card { + border-top: 0 !important; +} +.card-group-vertical > .card:not(:last-child) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.card-group-vertical > .card:not(:last-child) .card-header, +.card-group-vertical > .card:not(:last-child) .card-img-top { + border-bottom-left-radius: 0; +} +.card-group-vertical > .card:not(:last-child) .card-footer, +.card-group-vertical > .card:not(:last-child) .card-img-bottom { + border-bottom-right-radius: 0; +} +.card-group-vertical > .card:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.card-group-vertical > .card:not(:first-child) .card-header, +.card-group-vertical > .card:not(:first-child) .card-img-top { + border-top-left-radius: 0; +} +.card-group-vertical > .card:not(:first-child) .card-footer, +.card-group-vertical > .card:not(:first-child) .card-img-bottom { + border-top-right-radius: 0; +} +.card-group-vertical .card-header { + border-bottom: 0; +} +.card-group-vertical .card-body { + border-top: var(--card-border-width) solid var(--card-border-color); +} +.card-body .card-img { + border-radius: var(--card-border-radius); +} +.card-img-actions { + position: relative; +} +.card-img-actions:focus .card-img-actions-overlay, +.card-img-actions:hover .card-img-actions-overlay { + opacity: 1; + visibility: visible; +} +.card-img-actions-overlay { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(var(--black-rgb), 0.75); + opacity: 0; + visibility: hidden; + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .card-img-actions-overlay { + transition: none; + } +} +[data-card-action] { + cursor: pointer; + line-height: 1; +} +[data-card-action="collapse"] i { + transition: -webkit-transform ease-in-out var(--transition-collapse-timer); + transition: transform ease-in-out var(--transition-collapse-timer); + transition: transform ease-in-out var(--transition-collapse-timer), + -webkit-transform ease-in-out var(--transition-collapse-timer); +} +@media (prefers-reduced-motion: reduce) { + [data-card-action="collapse"] i { + transition: none; + } +} +.card-collapsed [data-card-action="collapse"] i { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.card-header-tabs { + --nav-link-padding-y: 1rem; +} +.card-header-tabs .nav-link { + border-top-width: 0; +} +.card-fullscreen { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + overflow: auto; + border-radius: 0; + z-index: 1055; + -webkit-overflow-scrolling: touch; +} +.card-overlay { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + width: 100%; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(var(--white-rgb), 0.75); + z-index: 1001; + -webkit-animation: cardOverlayEnter var(--transition-base-timer) ease; + animation: cardOverlayEnter var(--transition-base-timer) ease; + border-radius: var(--border-radius); +} +.card-overlay[data-color-theme="dark"], +[data-color-theme="dark"] .card-overlay:not([data-color-theme]), +html[data-color-theme="dark"] .card-overlay { + color-scheme: dark; + background-color: rgba(var(--black-rgb), 0.5); +} +.card-overlay-fadeout { + -webkit-animation: cardOverlayExit var(--transition-base-timer) ease; + animation: cardOverlayExit var(--transition-base-timer) ease; +} +@-webkit-keyframes cardOverlayEnter { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes cardOverlayEnter { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes cardOverlayExit { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes cardOverlayExit { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.accordion-button:not(.collapsed) { + box-shadow: none; +} +.accordion-button:not(.collapsed)[data-color-theme="dark"], +[data-color-theme="dark"] + .accordion-button:not(.collapsed):not([data-color-theme]), +html[data-color-theme="dark"] .accordion-button:not(.collapsed) { + color-scheme: dark; +} +.accordion-button:not(.collapsed)[data-color-theme="dark"]::after, +[data-color-theme="dark"] + .accordion-button:not(.collapsed):not([data-color-theme])::after, +html[data-color-theme="dark"] .accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} +.accordion-button[data-color-theme="dark"], +[data-color-theme="dark"] .accordion-button:not([data-color-theme]), +html[data-color-theme="dark"] .accordion-button { + color-scheme: dark; +} +.accordion-button[data-color-theme="dark"]::after, +[data-color-theme="dark"] .accordion-button:not([data-color-theme])::after, +html[data-color-theme="dark"] .accordion-button::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} +.accordion-collapse { + box-shadow: inset 0 var(--accordion-border-width) 0 + var(--accordion-border-color); +} +.breadcrumb { + --breadcrumb-item-color: var(--body-color); + --breadcrumb-item-hover-color: var(--link-color); +} +.breadcrumb-item { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + transition: color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .breadcrumb-item { + transition: none; + } +} +.breadcrumb-item.text-reset:before, +.breadcrumb-item.text-white:before { + color: inherit; +} +a.breadcrumb-item { + color: var(--breadcrumb-item-color); +} +a.breadcrumb-item:focus, +a.breadcrumb-item:hover, +a.breadcrumb-item[aria-expanded="true"] { + color: var(--breadcrumb-item-hover-color); +} +.breadcrumb-dash .breadcrumb-item + .breadcrumb-item:before { + --breadcrumb-divider: "–"; +} +.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item:before { + --breadcrumb-divider: "→"; +} +[dir="rtl"] .breadcrumb-arrow .breadcrumb-item + .breadcrumb-item:before { + --breadcrumb-divider: "←"; +} +.breadcrumb-arrows .breadcrumb-item + .breadcrumb-item:before { + --breadcrumb-divider: "»"; +} +.breadcrumb-caret .breadcrumb-item + .breadcrumb-item:before { + --breadcrumb-divider: "›"; +} +.pagination { + margin-bottom: 0; +} +.pagination[data-color-theme="dark"], +[data-color-theme="dark"] .pagination:not([data-color-theme]), +html[data-color-theme="dark"] .pagination { + color-scheme: dark; + --pagination-bg: #2c2d33; + --pagination-disabled-bg: #2c2d33; +} +.page-link { + min-width: calc( + var(--pagination-font-size) * var(--body-line-height) + + var(--pagination-border-width) * 2 + var(--pagination-padding-y) * 2 + ); + text-align: center; +} +.pagination-lg .page-link { + --body-line-height: var(--body-line-height-lg); + line-height: var(--body-line-height-lg); +} +.pagination-sm .page-link { + --body-line-height: var(--body-line-height-sm); + line-height: var(--body-line-height-sm); +} +.pagination-flat { + --pagination-bg: transparent; + --pagination-border-color: transparent; + --pagination-hover-border-color: var(--border-color); + --pagination-margin-start: calc(var(--pagination-border-width) * 2); + --pagination-disabled-bg: transparent; + --pagination-disabled-border-color: transparent; +} +.pagination-spaced { + --pagination-margin-start: calc(var(--spacer) * 0.5); +} +.pagination-linked { + --pagination-color: var(--link-color); + --pagination-bg: transparent; + --pagination-border-color: transparent; + --pagination-hover-color: var(--component-active-color); + --pagination-hover-bg: var(--component-active-bg); + --pagination-hover-border-color: var(--component-active-bg); + --pagination-focus-color: var(--component-active-color); + --pagination-focus-bg: var(--component-active-bg); + --pagination-focus-border-color: var(--component-active-bg); + --pagination-disabled-bg: transparent; + --pagination-disabled-border-color: transparent; +} +.badge { + min-width: calc(var(--badge-padding-y) * 2 + var(--badge-font-size)); +} +.badge[href]:focus, +.badge[href]:hover { + color: var(--badge-color); + box-shadow: 0 0 0 20rem rgba(var(--black-rgb), 0.1) inset; +} +.alert-dismissible .btn-close[data-color-theme="dark"], +[data-color-theme="dark"] .alert-dismissible .btn-close:not([data-color-theme]), +html[data-color-theme="dark"] .alert-dismissible .btn-close { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.alert-icon { + position: absolute; + top: 0; + bottom: 0; + padding: var(--alert-padding-y); + line-height: 1; +} +.alert .alert-icon i, +.alert i.float-end, +.alert i.float-start { + margin: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); +} +.alert-icon-start { + padding-left: calc( + var(--alert-padding-y) * 2 + var(--alert-padding-x) + var(--icon-font-size) + ); +} +.alert-icon-start .alert-icon { + left: 0; + border-top-left-radius: calc( + var(--alert-border-radius) - var(--alert-border-width) + ); + border-bottom-left-radius: calc( + var(--alert-border-radius) - var(--alert-border-width) + ); +} +.alert-icon-end { + padding-right: calc( + var(--alert-padding-y) * 2 + var(--alert-padding-x) + var(--icon-font-size) + ); +} +.alert-icon-end .alert-icon { + right: 0; + border-top-right-radius: calc( + var(--alert-border-radius) - var(--alert-border-width) + ); + border-bottom-right-radius: calc( + var(--alert-border-radius) - var(--alert-border-width) + ); +} +.alert-icon-end.alert-dismissible .btn-close { + right: calc(var(--alert-padding-y) * 2 + var(--icon-font-size)); +} +.alert-indigo[data-color-theme="dark"], +[data-color-theme="dark"] .alert-indigo:not([data-color-theme]), +html[data-color-theme="dark"] .alert-indigo { + color-scheme: dark; + --alert-color: #ced3ec; + --alert-bg: rgba(63, 66, 87, 0.25); + --alert-border-color: #5e6482; + --alert-link-color: #a5a9bd; + --alert-link-hover-color: #9094a5; +} +.alert-indigo[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-indigo:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-indigo .alert-link { + color: var(--alert-link-color); +} +.alert-indigo[data-color-theme="dark"] .alert-link:focus, +.alert-indigo[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-indigo:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-indigo:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-indigo .alert-link:focus, +html[data-color-theme="dark"] .alert-indigo .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-purple[data-color-theme="dark"], +[data-color-theme="dark"] .alert-purple:not([data-color-theme]), +html[data-color-theme="dark"] .alert-purple { + color-scheme: dark; + --alert-color: #ddd4ed; + --alert-bg: rgba(75, 68, 87, 0.25); + --alert-border-color: #706583; + --alert-link-color: #b1aabe; + --alert-link-hover-color: #9b94a6; +} +.alert-purple[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-purple:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-purple .alert-link { + color: var(--alert-link-color); +} +.alert-purple[data-color-theme="dark"] .alert-link:focus, +.alert-purple[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-purple:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-purple:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-purple .alert-link:focus, +html[data-color-theme="dark"] .alert-purple .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-pink[data-color-theme="dark"], +[data-color-theme="dark"] .alert-pink:not([data-color-theme]), +html[data-color-theme="dark"] .alert-pink { + color-scheme: dark; + --alert-color: #fccedb; + --alert-bg: rgba(99, 63, 73, 0.25); + --alert-border-color: #955e6d; + --alert-link-color: #caa5af; + --alert-link-hover-color: #b09099; +} +.alert-pink[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-pink:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-pink .alert-link { + color: var(--alert-link-color); +} +.alert-pink[data-color-theme="dark"] .alert-link:focus, +.alert-pink[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] .alert-pink:not([data-color-theme]) .alert-link:focus, +[data-color-theme="dark"] .alert-pink:not([data-color-theme]) .alert-link:hover, +html[data-color-theme="dark"] .alert-pink .alert-link:focus, +html[data-color-theme="dark"] .alert-pink .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-teal[data-color-theme="dark"], +[data-color-theme="dark"] .alert-teal:not([data-color-theme]), +html[data-color-theme="dark"] .alert-teal { + color-scheme: dark; + --alert-color: #bee5e1; + --alert-bg: rgba(50, 81, 78, 0.25); + --alert-border-color: #4b7974; + --alert-link-color: #98b7b4; + --alert-link-hover-color: #85a09e; +} +.alert-teal[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-teal:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-teal .alert-link { + color: var(--alert-link-color); +} +.alert-teal[data-color-theme="dark"] .alert-link:focus, +.alert-teal[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] .alert-teal:not([data-color-theme]) .alert-link:focus, +[data-color-theme="dark"] .alert-teal:not([data-color-theme]) .alert-link:hover, +html[data-color-theme="dark"] .alert-teal .alert-link:focus, +html[data-color-theme="dark"] .alert-teal .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-yellow[data-color-theme="dark"], +[data-color-theme="dark"] .alert-yellow:not([data-color-theme]), +html[data-color-theme="dark"] .alert-yellow { + color-scheme: dark; + --alert-color: #fff3c8; + --alert-bg: rgba(102, 92, 58, 0.25); + --alert-border-color: #998a57; + --alert-link-color: #ccc2a0; + --alert-link-hover-color: #b3aa8c; +} +.alert-yellow[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-yellow:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-yellow .alert-link { + color: var(--alert-link-color); +} +.alert-yellow[data-color-theme="dark"] .alert-link:focus, +.alert-yellow[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-yellow:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-yellow:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-yellow .alert-link:focus, +html[data-color-theme="dark"] .alert-yellow .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-primary[data-color-theme="dark"], +[data-color-theme="dark"] .alert-primary:not([data-color-theme]), +html[data-color-theme="dark"] .alert-primary { + color-scheme: dark; + --alert-color: #b6daff; + --alert-bg: rgba(44, 72, 102, 0.25); + --alert-border-color: #416d99; + --alert-link-color: #92aecc; + --alert-link-hover-color: #7f99b3; +} +.alert-primary[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-primary:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-primary .alert-link { + color: var(--alert-link-color); +} +.alert-primary[data-color-theme="dark"] .alert-link:focus, +.alert-primary[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-primary:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-primary:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-primary .alert-link:focus, +html[data-color-theme="dark"] .alert-primary .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-secondary[data-color-theme="dark"], +[data-color-theme="dark"] .alert-secondary:not([data-color-theme]), +html[data-color-theme="dark"] .alert-secondary { + color-scheme: dark; + --alert-color: #bed5e0; + --alert-bg: rgba(50, 68, 77, 0.25); + --alert-border-color: #4a6674; + --alert-link-color: #98aab3; + --alert-link-hover-color: #85959d; +} +.alert-secondary[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-secondary:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-secondary .alert-link { + color: var(--alert-link-color); +} +.alert-secondary[data-color-theme="dark"] .alert-link:focus, +.alert-secondary[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-secondary:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-secondary:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-secondary .alert-link:focus, +html[data-color-theme="dark"] .alert-secondary .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-success[data-color-theme="dark"], +[data-color-theme="dark"] .alert-success:not([data-color-theme]), +html[data-color-theme="dark"] .alert-success { + color-scheme: dark; + --alert-color: #b4e0d2; + --alert-bg: rgba(42, 77, 66, 0.25); + --alert-border-color: #3f7363; + --alert-link-color: #90b3a8; + --alert-link-hover-color: #7e9d93; +} +.alert-success[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-success:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-success .alert-link { + color: var(--alert-link-color); +} +.alert-success[data-color-theme="dark"] .alert-link:focus, +.alert-success[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-success:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-success:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-success .alert-link:focus, +html[data-color-theme="dark"] .alert-success .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-info[data-color-theme="dark"], +[data-color-theme="dark"] .alert-info:not([data-color-theme]), +html[data-color-theme="dark"] .alert-info { + color-scheme: dark; + --alert-color: #b4e1e7; + --alert-bg: rgba(42, 78, 82, 0.25); + --alert-border-color: #3e747c; + --alert-link-color: #90b4b9; + --alert-link-hover-color: #7e9ea2; +} +.alert-info[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-info:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-info .alert-link { + color: var(--alert-link-color); +} +.alert-info[data-color-theme="dark"] .alert-link:focus, +.alert-info[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] .alert-info:not([data-color-theme]) .alert-link:focus, +[data-color-theme="dark"] .alert-info:not([data-color-theme]) .alert-link:hover, +html[data-color-theme="dark"] .alert-info .alert-link:focus, +html[data-color-theme="dark"] .alert-info .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-warning[data-color-theme="dark"], +[data-color-theme="dark"] .alert-warning:not([data-color-theme]), +html[data-color-theme="dark"] .alert-warning { + color-scheme: dark; + --alert-color: #fcdbc8; + --alert-bg: rgba(100, 73, 58, 0.25); + --alert-border-color: #956d56; + --alert-link-color: #caafa0; + --alert-link-hover-color: #b0998c; +} +.alert-warning[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-warning:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-warning .alert-link { + color: var(--alert-link-color); +} +.alert-warning[data-color-theme="dark"] .alert-link:focus, +.alert-warning[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-warning:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-warning:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-warning .alert-link:focus, +html[data-color-theme="dark"] .alert-warning .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-danger[data-color-theme="dark"], +[data-color-theme="dark"] .alert-danger:not([data-color-theme]), +html[data-color-theme="dark"] .alert-danger { + color-scheme: dark; + --alert-color: #fac7c7; + --alert-bg: rgba(98, 57, 57, 0.25); + --alert-border-color: #935656; + --alert-link-color: #c89f9f; + --alert-link-hover-color: #af8b8b; +} +.alert-danger[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-danger:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-danger .alert-link { + color: var(--alert-link-color); +} +.alert-danger[data-color-theme="dark"] .alert-link:focus, +.alert-danger[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-danger:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-danger:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-danger .alert-link:focus, +html[data-color-theme="dark"] .alert-danger .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-light[data-color-theme="dark"], +[data-color-theme="dark"] .alert-light:not([data-color-theme]), +html[data-color-theme="dark"] .alert-light { + color-scheme: dark; + --alert-color: #ced1d7; + --alert-bg: rgba(62, 65, 70, 0.25); + --alert-border-color: #5e6269; + --alert-link-color: #a5a7ac; + --alert-link-hover-color: #909297; +} +.alert-light[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-light:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-light .alert-link { + color: var(--alert-link-color); +} +.alert-light[data-color-theme="dark"] .alert-link:focus, +.alert-light[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] + .alert-light:not([data-color-theme]) + .alert-link:focus, +[data-color-theme="dark"] + .alert-light:not([data-color-theme]) + .alert-link:hover, +html[data-color-theme="dark"] .alert-light .alert-link:focus, +html[data-color-theme="dark"] .alert-light .alert-link:hover { + color: var(--alert-link-hover-color); +} +.alert-dark[data-color-theme="dark"], +[data-color-theme="dark"] .alert-dark:not([data-color-theme]), +html[data-color-theme="dark"] .alert-dark { + color-scheme: dark; + --alert-color: #fcfdfd; + --alert-bg: rgba(100, 100, 100, 0.25); + --alert-border-color: #959697; + --alert-link-color: #cacaca; + --alert-link-hover-color: #b0b1b1; +} +.alert-dark[data-color-theme="dark"] .alert-link, +[data-color-theme="dark"] .alert-dark:not([data-color-theme]) .alert-link, +html[data-color-theme="dark"] .alert-dark .alert-link { + color: var(--alert-link-color); +} +.alert-dark[data-color-theme="dark"] .alert-link:focus, +.alert-dark[data-color-theme="dark"] .alert-link:hover, +[data-color-theme="dark"] .alert-dark:not([data-color-theme]) .alert-link:focus, +[data-color-theme="dark"] .alert-dark:not([data-color-theme]) .alert-link:hover, +html[data-color-theme="dark"] .alert-dark .alert-link:focus, +html[data-color-theme="dark"] .alert-dark .alert-link:hover { + color: var(--alert-link-hover-color); +} +.list-group-item-action { + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .list-group-item-action { + transition: none; + } +} +.list-group-item-action[data-bs-toggle="collapse"][aria-expanded="true"] { + color: var(--list-group-action-active-color); + background-color: var(--list-group-action-active-bg); +} +.list-group-borderless { + --list-group-border-width: 0; +} +.list-group-borderless .list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.list-group-borderless .list-group-item:last-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.list-group-item-indigo { + color: #8d95c3; + background-color: rgba(157, 166, 217, 0.1); +} +.list-group-item-indigo.list-group-item-action:focus, +.list-group-item-indigo.list-group-item-action:hover { + color: #8d95c3; + background-color: rgba(50, 53, 70, 0.19); +} +.list-group-item-indigo.list-group-item-action.active { + color: #fff; + background-color: #8d95c3; + border-color: #8d95c3; +} +.list-group-item-purple { + color: #a898c4; + background-color: rgba(187, 169, 218, 0.1); +} +.list-group-item-purple.list-group-item-action:focus, +.list-group-item-purple.list-group-item-action:hover { + color: #a898c4; + background-color: rgba(60, 54, 70, 0.19); +} +.list-group-item-purple.list-group-item-action.active { + color: #fff; + background-color: #a898c4; + border-color: #a898c4; +} +.list-group-item-pink { + color: #df8da4; + background-color: rgba(248, 157, 182, 0.1); +} +.list-group-item-pink.list-group-item-action:focus, +.list-group-item-pink.list-group-item-action:hover { + color: #df8da4; + background-color: rgba(80, 50, 59, 0.19); +} +.list-group-item-pink.list-group-item-action.active { + color: #fff; + background-color: #df8da4; + border-color: #df8da4; +} +.list-group-item-teal { + color: #71b6af; + background-color: rgba(125, 202, 194, 0.1); +} +.list-group-item-teal.list-group-item-action:focus, +.list-group-item-teal.list-group-item-action:hover { + color: #71b6af; + background-color: rgba(40, 65, 62, 0.19); +} +.list-group-item-teal.list-group-item-action.active { + color: #fff; + background-color: #71b6af; + border-color: #71b6af; +} +.list-group-item-yellow { + color: #e6cf83; + background-color: rgba(255, 230, 145, 0.1); +} +.list-group-item-yellow.list-group-item-action:focus, +.list-group-item-yellow.list-group-item-action:hover { + color: #e6cf83; + background-color: rgba(82, 74, 47, 0.19); +} +.list-group-item-yellow.list-group-item-action.active { + color: #fff; + background-color: #e6cf83; + border-color: #e6cf83; +} +.list-group-item-primary { + color: #62a3e6; + background-color: rgba(109, 181, 255, 0.1); +} +.list-group-item-primary.list-group-item-action:focus, +.list-group-item-primary.list-group-item-action:hover { + color: #62a3e6; + background-color: rgba(35, 58, 82, 0.19); +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #62a3e6; + border-color: #62a3e6; +} +.list-group-item-secondary { + color: #89b3c7; + background-color: rgba(124, 170, 193, 0.1); +} +.list-group-item-secondary.list-group-item-action:focus, +.list-group-item-secondary.list-group-item-action:hover { + color: #89b3c7; + background-color: rgba(40, 55, 62, 0.19); +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #89b3c7; + border-color: #89b3c7; +} +.list-group-item-success { + color: #5fad95; + background-color: rgba(105, 192, 165, 0.1); +} +.list-group-item-success.list-group-item-action:focus, +.list-group-item-success.list-group-item-action:hover { + color: #5fad95; + background-color: rgba(34, 62, 53, 0.19); +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #5fad95; + border-color: #5fad95; +} +.list-group-item-info { + color: #5eafb9; + background-color: rgba(104, 194, 206, 0.1); +} +.list-group-item-info.list-group-item-action:focus, +.list-group-item-info.list-group-item-action:hover { + color: #5eafb9; + background-color: rgba(33, 62, 66, 0.19); +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #5eafb9; + border-color: #5eafb9; +} +.list-group-item-warning { + color: #e0a482; + background-color: rgba(249, 182, 144, 0.1); +} +.list-group-item-warning.list-group-item-action:focus, +.list-group-item-warning.list-group-item-action:hover { + color: #e0a482; + background-color: rgba(80, 59, 46, 0.19); +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #e0a482; + border-color: #e0a482; +} +.list-group-item-danger { + color: #dd8181; + background-color: rgba(245, 143, 143, 0.1); +} +.list-group-item-danger.list-group-item-action:focus, +.list-group-item-danger.list-group-item-action:hover { + color: #dd8181; + background-color: rgba(79, 46, 46, 0.19); +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #dd8181; + border-color: #dd8181; +} +.list-group-item-light { + color: #a6acb7; + background-color: rgba(156, 163, 175, 0.1); +} +.list-group-item-light.list-group-item-action:focus, +.list-group-item-light.list-group-item-action:hover { + color: #a6acb7; + background-color: rgba(50, 52, 56, 0.19); +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #a6acb7; + border-color: #a6acb7; +} +.list-group-item-dark { + color: #e0e1e2; + background-color: rgba(249, 250, 251, 0.1); +} +.list-group-item-dark.list-group-item-action:focus, +.list-group-item-dark.list-group-item-action:hover { + color: #e0e1e2; + background-color: rgba(80, 80, 81, 0.19); +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #e0e1e2; + border-color: #e0e1e2; +} +.list-group-sm { + --list-group-item-padding-x: 0.75rem; + --list-group-item-padding-y: 0.5rem; +} +.btn-close { + transition: all var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn-close { + transition: none; + } +} +.toast[data-color-theme="dark"], +[data-color-theme="dark"] .toast:not([data-color-theme]), +html[data-color-theme="dark"] .toast { + color-scheme: dark; + --toast-bg: #383940; +} +.toast-body .btn-close, +.toast-header .btn-close { + margin-right: calc(var(--btn-close-padding-x) * -1); +} +.toast-body .btn-close[data-color-theme="dark"], +.toast-header .btn-close[data-color-theme="dark"], +[data-color-theme="dark"] .toast-body .btn-close:not([data-color-theme]), +[data-color-theme="dark"] .toast-header .btn-close:not([data-color-theme]), +html[data-color-theme="dark"] .toast-body .btn-close, +html[data-color-theme="dark"] .toast-header .btn-close { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.modal[data-color-theme="dark"], +[data-color-theme="dark"] .modal:not([data-color-theme]), +html[data-color-theme="dark"] .modal { + color-scheme: dark; + --modal-bg: #2c2d33; +} +.modal-header .btn-close[data-color-theme="dark"], +[data-color-theme="dark"] .modal-header .btn-close:not([data-color-theme]), +html[data-color-theme="dark"] .modal-header .btn-close { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +@media (min-width: 576px) { + .modal-xs { + --modal-width: 300px; + } + .modal-full { + --modal-width: 94%; + } +} +.tooltip[data-color-theme="dark"], +[data-color-theme="dark"] .tooltip:not([data-color-theme]), +html[data-color-theme="dark"] .tooltip { + color-scheme: dark; + --tooltip-color: var(--black); + --tooltip-bg: var(--white); +} +.tooltip-custom.bs-tooltip-auto[data-popper-placement^="top"] + .tooltip-arrow::before, +.tooltip-custom.bs-tooltip-top .tooltip-arrow::before { + border-top-color: inherit; +} +.tooltip-custom.bs-tooltip-auto[data-popper-placement^="bottom"] + .tooltip-arrow::before, +.tooltip-custom.bs-tooltip-bottom .tooltip-arrow::before { + border-bottom-color: inherit; +} +.tooltip-custom.bs-tooltip-auto[data-popper-placement^="start"] + .tooltip-arrow::before, +.tooltip-custom.bs-tooltip-start .tooltip-arrow::before { + border-left-color: inherit; +} +.tooltip-custom.bs-tooltip-auto[data-popper-placement^="end"] + .tooltip-arrow::before, +.tooltip-custom.bs-tooltip-end .tooltip-arrow::before { + border-right-color: inherit; +} +.popover[data-color-theme="dark"], +[data-color-theme="dark"] .popover:not([data-color-theme]), +html[data-color-theme="dark"] .popover { + color-scheme: dark; + --popover-bg: #32333a; +} +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, +.bs-popover-bottom > .popover-arrow::after { + border-bottom-color: var(--popover-header-bg); +} +.popover-custom.bs-popover-auto[data-popper-placement^="bottom"] + .popover-header::before, +.popover-custom.bs-popover-bottom .popover-header::before { + content: none; +} +.popover-custom.bs-popover-auto[data-popper-placement^="top"] + > .popover-arrow::after, +.popover-custom.bs-popover-auto[data-popper-placement^="top"] + > .popover-arrow::before, +.popover-custom.bs-popover-top > .popover-arrow::after, +.popover-custom.bs-popover-top > .popover-arrow::before { + border-top-color: inherit; +} +.popover-custom.bs-popover-auto[data-popper-placement^="bottom"] + > .popover-arrow::after, +.popover-custom.bs-popover-auto[data-popper-placement^="bottom"] + > .popover-arrow::before, +.popover-custom.bs-popover-bottom > .popover-arrow::after, +.popover-custom.bs-popover-bottom > .popover-arrow::before { + border-bottom-color: inherit; +} +.popover-custom.bs-popover-auto[data-popper-placement^="left"] + > .popover-arrow::after, +.popover-custom.bs-popover-auto[data-popper-placement^="left"] + > .popover-arrow::before, +.popover-custom.bs-popover-start > .popover-arrow::after, +.popover-custom.bs-popover-start > .popover-arrow::before { + border-left-color: inherit; +} +.popover-custom.bs-popover-auto[data-popper-placement^="right"] + > .popover-arrow::after, +.popover-custom.bs-popover-auto[data-popper-placement^="right"] + > .popover-arrow::before, +.popover-custom.bs-popover-end > .popover-arrow::after, +.popover-custom.bs-popover-end > .popover-arrow::before { + border-right-color: inherit; +} +.popover-custom.bs-popover-bottom > .popover-arrow::after { + border-bottom-color: inherit; +} +.spinner-border-lg { + --spinner-width: var(--icon-font-size-lg); + --spinner-height: var(--icon-font-size-lg); + --spinner-border-width: 0.2em; +} +.spinner-grow-lg { + --spinner-width: var(--icon-font-size-lg); + --spinner-height: var(--icon-font-size-lg); +} +.offcanvas[data-color-theme="dark"], +[data-color-theme="dark"] .offcanvas:not([data-color-theme]), +html[data-color-theme="dark"] .offcanvas { + color-scheme: dark; + --offcanvas-bg: #2c2d33; +} +.offcanvas-header .btn-close[data-color-theme="dark"], +[data-color-theme="dark"] .offcanvas-header .btn-close:not([data-color-theme]), +html[data-color-theme="dark"] .offcanvas-header .btn-close { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.offcanvas-top { + bottom: auto; +} +.offcanvas-bottom { + top: auto; +} +.offcanvas-size-lg { + --offcanvas-width: 500px; +} +.offcanvas-size-sm { + --offcanvas-width: 156px; +} +.offcanvas-size-xs { + --offcanvas-width: 60px; +} +.offcanvas-resize-handle { + position: absolute; + top: 0; + bottom: 0; + width: 0.5rem; + background-color: var(--gray-100); + border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); + border-right: var(--offcanvas-border-width) solid + var(--offcanvas-border-color); + cursor: ew-resize; + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .offcanvas-resize-handle { + transition: none; + } +} +.offcanvas-resize-handle:after { + content: ""; + position: absolute; + background-color: var(--offcanvas-border-color); + width: 0.0625rem; + height: 2rem; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.offcanvas-resize-handle:hover { + background-color: var(--gray-200); +} +.offcanvas-start .offcanvas-resize-handle { + right: -0.5rem; +} +.offcanvas-end .offcanvas-resize-handle { + left: -0.5rem; +} +.link-indigo { + --link-opacity: 1; + color: rgba(var(--indigo-rgb), var(--link-opacity)); +} +.link-indigo:focus, +.link-indigo:hover { + color: rgba(var(--indigo-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-purple { + --link-opacity: 1; + color: rgba(var(--purple-rgb), var(--link-opacity)); +} +.link-purple:focus, +.link-purple:hover { + color: rgba(var(--purple-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-pink { + --link-opacity: 1; + color: rgba(var(--pink-rgb), var(--link-opacity)); +} +.link-pink:focus, +.link-pink:hover { + color: rgba(var(--pink-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-teal { + --link-opacity: 1; + color: rgba(var(--teal-rgb), var(--link-opacity)); +} +.link-teal:focus, +.link-teal:hover { + color: rgba(var(--teal-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-yellow { + --link-opacity: 1; + color: rgba(var(--yellow-rgb), var(--link-opacity)); +} +.link-yellow:focus, +.link-yellow:hover { + color: rgba(var(--yellow-rgb), var(--link-opacity)); + -webkit-filter: brightness(0.85); + filter: brightness(0.85); +} +.link-primary { + --link-opacity: 1; + color: rgba(var(--primary-rgb), var(--link-opacity)); +} +.link-primary:focus, +.link-primary:hover { + color: rgba(var(--primary-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-secondary { + --link-opacity: 1; + color: rgba(var(--secondary-rgb), var(--link-opacity)); +} +.link-secondary:focus, +.link-secondary:hover { + color: rgba(var(--secondary-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-success { + --link-opacity: 1; + color: rgba(var(--success-rgb), var(--link-opacity)); +} +.link-success:focus, +.link-success:hover { + color: rgba(var(--success-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-info { + --link-opacity: 1; + color: rgba(var(--info-rgb), var(--link-opacity)); +} +.link-info:focus, +.link-info:hover { + color: rgba(var(--info-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-warning { + --link-opacity: 1; + color: rgba(var(--warning-rgb), var(--link-opacity)); +} +.link-warning:focus, +.link-warning:hover { + color: rgba(var(--warning-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-danger { + --link-opacity: 1; + color: rgba(var(--danger-rgb), var(--link-opacity)); +} +.link-danger:focus, +.link-danger:hover { + color: rgba(var(--danger-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-light { + --link-opacity: 1; + color: rgba(var(--light-rgb), var(--link-opacity)); +} +.link-light:focus, +.link-light:hover { + color: rgba(var(--light-rgb), var(--link-opacity)); + -webkit-filter: brightness(0.85); + filter: brightness(0.85); +} +.link-dark { + --link-opacity: 1; + color: rgba(var(--dark-rgb), var(--link-opacity)); +} +.link-dark:focus, +.link-dark:hover { + color: rgba(var(--dark-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-black { + --link-opacity: 1; + color: rgba(var(--black-rgb), var(--link-opacity)); +} +.link-black:focus, +.link-black:hover { + color: rgba(var(--black-rgb), var(--link-opacity)); + -webkit-filter: brightness(1.15); + filter: brightness(1.15); +} +.link-white { + --link-opacity: 1; + color: rgba(var(--white-rgb), var(--link-opacity)); +} +.link-white:focus, +.link-white:hover { + color: rgba(var(--white-rgb), var(--link-opacity)); + -webkit-filter: brightness(0.85); + filter: brightness(0.85); +} +@charset "UTF-8"; +.select2-container { + --s2-bg: var(--white); + --s2-color: var(--body-color); + --s2-padding-y: 0.5rem; + --s2-padding-x: 0.875rem; + --s2-placeholder-color: var(--gray-600); + --s2-border-width: var(--border-width); + --s2-border-color: var(--gray-400); + --s2-border-radius: var(--border-radius); + --s2-focus-border-color: var(--component-active-bg); + --s2-focus-box-shadow: var(--focus-ring-box-shadow); + --s2-disabled-color: var(--body-color); + --s2-disabled-bg: var(--gray-100); + --s2-disabled-border-color: var(--gray-400); + --s2-disabled-opacity: 0.6; + --s2-font-size: var(--body-font-size); + --s2-line-height: var(--body-line-height); + --s2-indicator-padding: 2.625rem; + --s2-menu-padding-y: 0.625rem; + --s2-menu-max-height: 17rem; + --s2-menu-bg: var(--white); + --s2-menu-border-width: var(--border-width); + --s2-menu-border-color: var(--border-color-translucent); + --s2-menu-border-radius: var(--border-radius); + --s2-menu-box-shadow: var(--box-shadow-lg); + --s2-menu-item-spacer-y: 1px; + --s2-menu-item-padding-x: var(--spacer); + --s2-menu-item-padding-y: calc(var(--spacer) * 0.4); + --s2-menu-link-color: var(--body-color); + --s2-menu-link-disabled-color: var(--gray-500); + --s2-menu-link-hover-color: var(--body-color); + --s2-menu-link-hover-bg: var(--gray-200); + --s2-menu-link-active-color: var(--gray-900); + --s2-menu-link-active-bg: var(--gray-300); + --s2-search-bg: var(--white); + --s2-search-padding-y: 0.5rem; + --s2-search-padding-x: 0.875rem; + --s2-search-color: var(--body-color); + --s2-search-border-width: var(--border-width); + --s2-search-border-color: var(--gray-400); + --s2-search-border-radius: var(--border-radius); + --s2-search-focus-bg: var(--white); + --s2-search-focus-border-color: var(--component-active-bg); + --s2-search-focus-box-shadow: var(--focus-ring-box-shadow); + --s2-pills-bg: var(--gray-300); + --s2-pills-color: var(--body-color); + --s2-pills-hover-bg: var(--component-active-bg); + --s2-pills-hover-color: var(--component-active-color); + --s2-pills-border-radius: calc(var(--border-radius) - (var(--border-width))); + --s2-pills-spacer: 0.25rem; + outline: 0; + position: relative; + display: inline-block; + vertical-align: middle; + text-align: left; +} +.select2-container[data-color-theme="dark"], +[data-color-theme="dark"] .select2-container:not([data-color-theme]), +html[data-color-theme="dark"] .select2-container { + color-scheme: dark; + --s2-bg: #2c2d33; + --s2-menu-bg: #32333a; + --s2-menu-border-color: rgba(var(--black-rgb), 0.25); + --s2-search-bg: #2c2d33; + --s2-search-focus-bg: #2c2d33; +} +.select2-selection--single { + outline: 0; + display: block; + position: relative; + padding: var(--s2-padding-y) 0; + font-size: var(--s2-font-size); + line-height: var(--s2-line-height); + color: var(--s2-color); + background-color: var(--s2-bg); + border: var(--s2-border-width) solid var(--s2-border-color); + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + border-radius: var(--s2-border-radius); +} +@media (prefers-reduced-motion: reduce) { + .select2-selection--single { + transition: none; + } +} +.select2-container--focus:not(.select2-container--disabled) + .select2-selection--single, +.select2-container--open .select2-selection--single { + border-color: var(--s2-focus-border-color); + box-shadow: var(--s2-focus-box-shadow); +} +.select2-selection--single .select2-selection__rendered { + display: block; + padding-left: var(--s2-padding-x); + padding-right: var(--s2-indicator-padding); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.select2-selection--single .select2-selection__rendered > i { + margin-right: var(--spacer-2); +} +.select2-selection--single .select2-selection__clear { + position: relative; + cursor: pointer; + float: right; + font-size: 0; + line-height: 1; + margin-top: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); + margin-left: var(--spacer-2); + opacity: 0.75; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .select2-selection--single .select2-selection__clear { + transition: none; + } +} +.select2-selection--single .select2-selection__clear:hover { + opacity: 1; +} +.select2-selection--single .select2-selection__clear:after { + content: "\f642"; + font-family: var(--icon-font-family); + display: inline-block; + font-size: var(--icon-font-size); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.select2-selection--single .select2-selection__placeholder { + color: var(--s2-placeholder-color); +} +.select2-selection--single .select2-selection__arrow { + display: inline-block; + position: absolute; + right: var(--s2-padding-x); + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 1em; + height: 1em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: 50% 50%; + background-size: 16px 12px; +} +.select2-selection--single .select2-selection__arrow[data-color-theme="dark"], +[data-color-theme="dark"] + .select2-selection--single + .select2-selection__arrow:not([data-color-theme]), +html[data-color-theme="dark"] + .select2-selection--single + .select2-selection__arrow { + color-scheme: dark; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); +} +.select2-container--disabled .select2-selection--single { + color: var(--s2-disabled-color); + background-color: var(--s2-disabled-bg); + border-color: var(--s2-border-color); +} +.select2-container--disabled + .select2-selection--single + .select2-selection__clear { + display: none; +} +.select2-selection--multiple { + outline: 0; + display: block; + border: var(--s2-border-width) solid var(--s2-border-color); + cursor: text; + background-color: var(--s2-bg); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + border-radius: var(--s2-border-radius); +} +@media (prefers-reduced-motion: reduce) { + .select2-selection--multiple { + transition: none; + } +} +.select2-container--focus:not(.select2-container--disabled) + .select2-selection--multiple, +.select2-container--open .select2-selection--multiple { + border-color: var(--s2-focus-border-color); + box-shadow: var(--s2-focus-box-shadow); +} +.select2-selection--multiple .select2-selection__rendered { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + list-style: none; + margin: 0; + padding: 0 var(--s2-pills-spacer) var(--s2-pills-spacer) + var(--s2-pills-spacer); + width: 100%; +} +.select2-selection--multiple .select2-selection__placeholder { + color: var(--s2-placeholder-color); +} +.select2-container--disabled .select2-selection--multiple { + background-color: var(--s2-disabled-bg); + border-color: var(--s2-border-color); +} +.select2-selection--multiple .select2-selection__choice { + background-color: var(--s2-pills-bg); + color: var(--s2-pills-color); + cursor: default; + float: left; + margin-right: var(--s2-pills-spacer); + margin-top: var(--s2-pills-spacer); + padding: calc(var(--s2-padding-y) - var(--s2-pills-spacer)) + var(--s2-padding-x); + white-space: normal; + word-break: break-all; + border-radius: var(--s2-pills-border-radius); + transition: color ease-in-out var(--transition-base-timer), + background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .select2-selection--multiple .select2-selection__choice { + transition: none; + } +} +.select2-selection--multiple .select2-selection__choice:focus, +.select2-selection--multiple .select2-selection__choice:hover { + background-color: var(--s2-pills-hover-bg); + color: var(--s2-pills-hover-color); +} +.select2-selection--multiple .select2-selection__choice > i { + margin-right: var(--spacer-2); +} +.select2-selection--multiple + .select2-selection__choice + .select2-selection__choice__remove { + cursor: pointer; + float: right; + font-size: var(--icon-font-size); + line-height: 1; + margin-left: var(--spacer-2); + opacity: 0.75; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .select2-selection--multiple + .select2-selection__choice + .select2-selection__choice__remove { + transition: none; + } +} +.select2-selection--multiple + .select2-selection__choice + .select2-selection__choice__remove:hover { + opacity: 1; +} +.select2-container--disabled + .select2-selection--multiple + .select2-selection__choice { + opacity: var(--s2-disabled-opacity); +} +.select2-container--disabled + .select2-selection--multiple + .select2-selection__choice:focus, +.select2-container--disabled + .select2-selection--multiple + .select2-selection__choice:hover { + background-color: var(--s2-pills-bg); + color: var(--s2-pills-color); +} +.select2-container--disabled + .select2-selection--multiple + .select2-selection__choice + .select2-selection__choice__remove { + display: none; +} +.select2-selection--multiple .select2-search--inline { + float: left; +} +.select2-selection--multiple .select2-search--inline .select2-search__field { + font-size: 100%; + margin-top: var(--s2-pills-spacer); + padding: calc(var(--s2-search-padding-y) - var(--s2-pills-spacer)) 0; + background-color: transparent; + border-width: 0; + outline: 0; + color: inherit; + margin-left: calc(var(--s2-pills-spacer) * 2); + -webkit-appearance: textfield; +} +.select2-selection--multiple + .select2-search--inline + .select2-search__field::-webkit-search-cancel-button { + -webkit-appearance: none; +} +.select2-selection--multiple + .select2-search--inline + .select2-search__field::-webkit-input-placeholder { + color: var(--s2-placeholder-color); +} +.select2-selection--multiple + .select2-search--inline + .select2-search__field::-moz-placeholder { + color: var(--s2-placeholder-color); +} +.select2-selection--multiple + .select2-search--inline + .select2-search__field:-ms-input-placeholder { + color: var(--s2-placeholder-color); +} +.select2-selection--multiple + .select2-search--inline + .select2-search__field::-ms-input-placeholder { + color: var(--s2-placeholder-color); +} +.select2-selection--multiple + .select2-search--inline + .select2-search__field::placeholder { + color: var(--s2-placeholder-color); +} +.select2-selection--multiple + .select2-search--inline:first-child + .select2-search__field { + margin-left: 0; + padding-left: calc(var(--s2-search-padding-x) - var(--s2-pills-spacer)); +} +.select2-dropdown { + background-color: var(--s2-menu-bg); + color: var(--s2-menu-link-color); + border: var(--s2-menu-border-width) solid var(--s2-menu-border-color); + display: block; + position: absolute; + left: -100000px; + width: 100%; + z-index: 1080; + border-radius: var(--s2-menu-border-radius); + box-shadow: var(--s2-menu-box-shadow); +} +.select2-results { + display: block; +} +.select2-results__options { + list-style: none; + margin: 0; + padding: 0; +} +.select2-results > .select2-results__options { + padding-bottom: var(--s2-menu-padding-y); + max-height: var(--s2-menu-max-height); + overflow-y: auto; +} +.select2-search--hide + .select2-results > .select2-results__options { + padding-top: var(--s2-menu-padding-y); +} +.select2-results:first-child > .select2-results__options { + padding-top: var(--s2-menu-padding-y); +} +.select2-results__option { + padding: var(--s2-menu-item-padding-y) var(--s2-menu-item-padding-x); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .select2-results__option { + transition: none; + } +} +.select2-results__option + .select2-results__option { + margin-top: var(--s2-menu-item-spacer-y); +} +.select2-results__option i { + margin-right: var(--spacer-2); +} +.select2-results__option i.icon-undefined { + display: none; +} +.select2-results__option[role="group"] { + padding: 0; +} +.select2-results__option.select2-results__option--highlighted { + background-color: var(--s2-menu-link-hover-bg); + color: var(--s2-menu-link-hover-color); +} +.select2-results__option[aria-disabled="true"] { + color: var(--s2-menu-link-disabled-color); +} +.select2-results__option.select2-results__option--highlighted:active, +.select2-results__option[aria-selected="true"] { + color: var(--s2-menu-link-active-color); + background-color: var(--s2-menu-link-active-bg); +} +.select2-results__options--nested > .select2-results__option { + padding-left: calc(var(--s2-menu-item-padding-x) * 2); + padding-right: calc(var(--s2-menu-item-padding-x) * 2); +} +.select2-results__group { + display: block; + padding: var(--s2-menu-item-padding-y) var(--s2-menu-item-padding-x); + cursor: default; + font-weight: 600; + margin-top: var(--s2-menu-padding-y); + margin-bottom: var(--s2-menu-padding-y); +} +.select2-results__option:first-child > .select2-results__group { + margin-top: 0; +} +.select2-results__message { + color: rgba(var(--body-color-rgb), 0.75); + cursor: default; +} +.select2-results__option.loading-results { + padding-top: 0; +} +.select2-results__option.loading-results + .select2-results__option { + margin-top: var(--s2-menu-padding-y); +} +.select2-results__option--load-more { + text-align: center; + margin-top: var(--s2-menu-padding-y); + cursor: default; +} +.select2-container--open .select2-dropdown { + left: 0; +} +.select2-container--open .select2-dropdown--above { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.select2-container--open.select2-container--above .select2-selection--multiple, +.select2-container--open.select2-container--above .select2-selection--single { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.select2-container--open .select2-dropdown--below { + border-top: none; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.select2-container--open.select2-container--below .select2-selection--multiple, +.select2-container--open.select2-container--below .select2-selection--single { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.select2-search--dropdown { + display: block; + position: relative; + padding: var(--s2-menu-item-padding-x); +} +.select2-search--dropdown:after { + content: "\f4a8"; + font-family: var(--icon-font-family); + position: absolute; + top: 50%; + left: calc(var(--s2-menu-item-padding-x) + var(--s2-search-padding-x)); + color: var(--gray-600); + display: block; + font-size: var(--icon-font-size); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.select2-search--dropdown + + .select2-results + .select2-results__message:first-child { + padding-top: 0; +} +.select2-search--dropdown .select2-search__field { + padding: var(--s2-search-padding-y) var(--s2-search-padding-x); + padding-left: calc(var(--s2-search-padding-x) * 2 + var(--icon-font-size)); + background-color: var(--s2-search-bg); + color: var(--s2-search-color); + border: var(--s2-search-border-width) solid var(--s2-search-border-color); + outline: 0; + width: 100%; + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + border-radius: var(--s2-search-border-radius); +} +@media (prefers-reduced-motion: reduce) { + .select2-search--dropdown .select2-search__field { + transition: none; + } +} +.select2-search--dropdown .select2-search__field:focus { + border-color: var(--s2-search-focus-border-color); + box-shadow: var(--s2-search-focus-box-shadow); +} +.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { + -webkit-appearance: none; +} +.select2-search--dropdown.select2-search--hide { + display: none; +} +.select-lg { + --s2-padding-y: 0.625rem; + --s2-padding-x: 1rem; + --s2-font-size: var(--body-font-size-lg); + --s2-line-height: var(--body-line-height-lg); + --s2-search-padding-y: 0.625rem; + --s2-search-padding-x: 1rem; +} +.select-sm { + --s2-padding-y: 0.375rem; + --s2-padding-x: 0.75rem; + --s2-font-size: var(--body-font-size-sm); + --s2-line-height: var(--body-line-height-sm); + --s2-search-padding-y: 0.375rem; + --s2-search-padding-x: 0.75rem; +} +.select2-close-mask { + border: 0; + margin: 0; + padding: 0; + display: block; + position: fixed; + left: 0; + top: 0; + min-height: 100%; + min-width: 100%; + height: auto; + width: auto; + z-index: 99; + background-color: var(--white); + opacity: 0; +} +.select2-hidden-accessible { + border: 0 !important; + clip: rect(0 0 0 0) !important; + height: 1px !important; + margin: -1px !important; + overflow: hidden !important; + padding: 0 !important; + position: fixed !important; + width: 1px !important; +} +.input-group + > :not(:nth-child(2)):not(.dropdown-menu):not(.valid-tooltip):not( + .valid-feedback + ):not(.invalid-tooltip):not(.invalid-feedback) + .select2-selection { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group:not(.has-validation) + > .dropdown-toggle:nth-last-child(n + 3) + .select2-selection, +.input-group:not(.has-validation) + > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) + .select2-selection { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .select2-container { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0; +} +.input-group > .select2-container--focus { + z-index: 3; +} +.input-group > .select2-hidden-accessible.flex-grow-0 + .select2-container { + -ms-flex-positive: 0; + flex-grow: 0; +} +.select2-result-repository { + padding-top: var(--s2-search-padding-y); + padding-bottom: var(--s2-search-padding-y); +} +.select2-result-repository__avatar { + float: left; + width: 60px; + margin-right: 0.9375rem; +} +.select2-result-repository__avatar img { + width: 100%; + height: auto; + border-radius: var(--border-radius-pill); +} +.select2-result-repository__meta { + margin-left: 70px; +} +.select2-result-repository__title { + font-weight: 500; + word-wrap: break-word; + margin-bottom: 2px; +} +.select2-result-repository__forks, +.select2-result-repository__stargazers, +.select2-result-repository__watchers { + display: inline-block; + font-size: var(--body-font-size-sm); +} +.select2-result-repository__description { + font-size: var(--body-font-size-sm); +} +.select2-result-repository__forks, +.select2-result-repository__stargazers { + margin-right: 0.9375rem; +} +.multiselect-native-select { + --multiselect-padding-x: 0.875rem; + --multiselect-max-height: 280px; + --multiselect-bg: var(--white); + --multiselect-color: var(--body-color); + --multiselect-border-color: var(--gray-400); + --multiselect-border-radius: var(--border-radius); + --multiselect-focus-border-color: var(--component-active-bg); + --multiselect-focus-box-shadow: var(--focus-ring-box-shadow); + --multiselect-disabled-color: var(--body-color); + --multiselect-disabled-bg: var(--gray-100); + --multiselect-disabled-border-color: var(--gray-400); + position: relative; + display: block; +} +.multiselect-native-select[data-color-theme="dark"], +[data-color-theme="dark"] .multiselect-native-select:not([data-color-theme]), +html[data-color-theme="dark"] .multiselect-native-select { + color-scheme: dark; + --multiselect-bg: #2c2d33; +} +.multiselect-native-select select { + border: 0 !important; + clip: rect(0 0 0 0) !important; + height: 0 !important; + margin: 0 !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 0 !important; + left: 0; + top: 0; + display: none; +} +.multiselect { + display: -ms-flexbox; + display: flex; + text-align: left; + -ms-flex-pack: start; + justify-content: flex-start; + padding-left: var(--multiselect-padding-x); + padding-right: var(--multiselect-padding-x); + color: var(--multiselect-color); + background-color: var(--multiselect-bg); + border-color: var(--multiselect-border-color); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + border-radius: var(--multiselect-border-radius); +} +@media (prefers-reduced-motion: reduce) { + .multiselect { + transition: none; + } +} +.multiselect.btn { + cursor: default; +} +.multiselect .multiselect-selected-text { + -ms-flex: 1; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.multiselect:hover { + background-color: var(--multiselect-bg); + border-color: var(--multiselect-border-color); +} +.multiselect.show, +.multiselect.show:focus, +.multiselect:active, +.multiselect:active:focus, +.multiselect:focus { + background-color: var(--multiselect-bg); + border-color: var(--multiselect-focus-border-color); + box-shadow: var(--multiselect-focus-box-shadow); +} +.multiselect.disabled { + color: var(--multiselect-disabled-color); + background-color: var(--multiselect-disabled-bg); + border-color: var(--multiselect-disabled-border-color); +} +.multiselect.btn-lg { + --multiselect-padding-x: 1rem; +} +.multiselect.btn-sm { + --multiselect-padding-x: 0.75rem; +} +.multiselect-container { + max-height: var(--multiselect-max-height); + overflow-y: auto; + width: 100%; +} +.multiselect-group { + font-weight: 600; +} +.multiselect-all { + font-weight: 600; +} +.multiselect-filter { + position: relative; + padding: var(--dropdown-padding-y) var(--dropdown-item-padding-x); + margin-bottom: var(--dropdown-padding-y); +} +.multiselect-group-option-indented { + padding-left: calc(var(--dropdown-item-padding-x) * 2); +} +.input-group .multiselect-native-select { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.input-group .multiselect-native-select:not(:first-child) .multiselect { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group .multiselect-native-select:not(:last-child) .multiselect { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group .multiselect:focus, +.input-group .show > .multiselect { + z-index: 3; +} +.autoComplete_wrapper { + --ac-bg: var(--white); + --ac-border-width: var(--border-width); + --ac-border-color: var(--border-color-translucent); + --ac-border-radius: var(--border-radius); + --ac-box-shadow: var(--box-shadow-lg); + --ac-scrollable-max-height: 17rem; + --ac-min-width: 13.75rem; + --ac-spacer: 0.125rem; + --ac-padding-y: 0.625rem; + --ac-item-padding-y: calc(var(--spacer) * 0.4); + --ac-item-padding-x: var(--spacer); + --ac-item-color: var(--body-color); + --ac-item-hover-color: var(--body-color); + --ac-item-hover-bg: var(--gray-200); + --ac-item-active-color: var(--gray-900); + --ac-item-active-bg: var(--gray-300); +} +.autoComplete_wrapper[data-color-theme="dark"], +[data-color-theme="dark"] .autoComplete_wrapper:not([data-color-theme]), +html[data-color-theme="dark"] .autoComplete_wrapper { + color-scheme: dark; + --ac-bg: #32333a; + --ac-border-color: rgba(var(--black-rgb), 0.25); +} +.autoComplete_wrapper { + position: relative; +} +.autoComplete_wrapper > ul { + position: absolute; + max-height: var(--ac-scrollable-max-height); + overflow-y: auto; + left: 0; + right: 0; + margin-top: var(--ac-spacer); + min-width: var(--ac-min-width); + padding: var(--ac-padding-y) 0; + z-index: 1; + list-style: none; + background-color: var(--ac-bg); + border: var(--ac-border-width) solid var(--ac-border-color); + outline: 0; + border-radius: var(--ac-border-radius); + box-shadow: var(--ac-box-shadow); + transition: color ease-in-out var(--transition-base-timer), + background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .autoComplete_wrapper > ul { + transition: none; + } +} +.autoComplete_wrapper > ul:empty, +.autoComplete_wrapper > ul[hidden] { + display: block; + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); +} +.autoComplete_wrapper > ul > li { + padding: var(--ac-item-padding-y) var(--ac-item-padding-x); + white-space: nowrap; + cursor: default; + color: var(--ac-item-color); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + transition: color ease-in-out var(--transition-base-timer), + background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .autoComplete_wrapper > ul > li { + transition: none; + } +} +.autoComplete_wrapper > ul > li:hover { + color: var(--ac-item-hover-color); + background-color: var(--ac-item-hover-bg); +} +.autoComplete_wrapper > ul > li:active, +.autoComplete_wrapper > ul > li[aria-selected="true"] { + color: var(--ac-item-active-color); + background-color: var(--ac-item-active-bg); +} +.validation-invalid-label, +.validation-valid-label { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + display: block; + color: var(--danger); + position: relative; + padding-left: calc(var(--spacer-2) + var(--icon-font-size)); +} +.validation-valid-label { + color: var(--success); +} +.validation-invalid-label:before, +.validation-valid-label:before { + font-family: var(--icon-font-family); + font-size: var(--icon-font-size); + position: absolute; + top: calc((var(--body-line-height-computed) - var(--icon-font-size)) * 0.5); + left: 0; + display: inline-block; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.validation-invalid-label:empty, +.validation-valid-label:empty { + display: none; +} +.validation-invalid-label:before { + content: "\f62d"; +} +.validation-valid-label:before { + content: "\f33f"; +} +.tokenfield { + --tf-bg: var(--white); + --tf-disabled-bg: var(--gray-100); + --tf-disabled-border-color: var(--gray-400); + --tf-color: var(--body-color); + --tf-border-width: var(--border-width); + --tf-border-color: var(--gray-400); + --tf-border-radius: var(--border-radius); + --tf-placeholder-color: var(--gray-600); + --tf-focus-border-color: var(--component-active-bg); + --tf-focus-box-shadow: var(--focus-ring-box-shadow); + --tf-input-padding-y: 0.5rem; + --tf-input-padding-x: 0.875rem; + --tf-input-font-size: var(--body-font-size); + --tf-input-line-height: var(--body-line-height); + --tf-menu-bg: var(--white); + --tf-menu-max-height: 17rem; + --tf-menu-spacer: 0.125rem; + --tf-menu-padding-y: 0.625rem; + --tf-menu-padding-x: 0; + --tf-menu-border-width: var(--border-width); + --tf-menu-border-color: var(--border-color-translucent); + --tf-menu-border-radius: var(--border-radius); + --tf-menu-box-shadow: var(--box-shadow-lg); + --tf-menu-item-padding-y: calc(var(--spacer) * 0.4); + --tf-menu-item-padding-x: var(--spacer); + --tf-menu-link-color: var(--body-color); + --tf-menu-link-hover-color: var(--body-color); + --tf-menu-link-hover-bg: var(--gray-200); + --tf-menu-link-active-color: var(--gray-900); + --tf-menu-link-active-bg: var(--gray-300); + --tf-tag-color: var(--body-color); + --tf-tag-bg: var(--gray-300); + --tf-tag-hover-color: var(--component-active-color); + --tf-tag-hover-bg: var(--component-active-bg); +} +.tokenfield[data-color-theme="dark"], +[data-color-theme="dark"] .tokenfield:not([data-color-theme]), +html[data-color-theme="dark"] .tokenfield { + color-scheme: dark; + --tf-bg: #2c2d33; + --tf-focus-bg: #2c2d33; + --tf-menu-bg: #32333a; + --tf-menu-border-color: rgba(var(--black-rgb), 0.25); +} +.tokenfield { + position: relative; +} +.tokenfield:after, +.tokenfield:before { + content: " "; + display: table; +} +.tokenfield:after { + clear: both; +} +.tokenfield-mode-tokens { + display: block; + width: 100%; + padding: calc(var(--tf-input-padding-y) * 0.5); + padding-bottom: 0; + font-size: var(--tf-input-font-size); + line-height: var(--tf-input-line-height); + color: var(--tf-color); + background-color: var(--tf-bg); + background-clip: padding-box; + border: var(--tf-border-width) solid var(--tf-border-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: var(--tf-border-radius); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .tokenfield-mode-tokens { + transition: none; + } +} +.tokenfield-mode-tokens.focused { + border-color: var(--tf-focus-border-color); + outline: 0; + box-shadow: var(--tf-focus-box-shadow); +} +.tokenfield-mode-tokens::-webkit-input-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-mode-tokens::-moz-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-mode-tokens:-ms-input-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-mode-tokens::-ms-input-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-mode-tokens::placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-mode-tokens[disabled], +.tokenfield-mode-tokens[readonly], +fieldset[disabled] .tokenfield-mode-tokens { + background-color: var(--tf-disabled-bg); + border-color: var(--tf-disabled-border-color); + opacity: 1; +} +.input-group > .tokenfield-mode-tokens { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group > .tokenfield-mode-tokens.focused { + z-index: 3; +} +.tokenfield-set > ul { + margin: 0; + padding: 0; + list-style-type: none; +} +.tokenfield-set-item { + float: left; + margin-right: calc(var(--tf-input-padding-y) * 0.5); + margin-bottom: calc(var(--tf-input-padding-y) * 0.5); + padding: calc(var(--tf-input-padding-y) * 0.5) + calc(var(--tf-input-padding-x) - var(--tf-input-padding-y) * 0.5); + color: var(--tf-tag-color); + background-color: var(--tf-tag-bg); + border-radius: calc(var(--tf-border-radius) - var(--tf-border-width)); + transition: color ease-in-out var(--transition-base-timer), + background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .tokenfield-set-item { + transition: none; + } +} +.tokenfield-set-item:hover { + color: var(--tf-tag-hover-color); + background-color: var(--tf-tag-hover-bg); +} +.tokenfield-set-item .item-remove { + display: inline-block; + margin-left: calc(var(--tf-input-padding-y) * 0.5); + color: inherit; + cursor: pointer; + opacity: 0.75; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .tokenfield-set-item .item-remove { + transition: none; + } +} +.tokenfield-set-item .item-remove:hover { + opacity: 1; +} +.tokenfield-input { + padding: calc(var(--tf-input-padding-y) * 0.5) + calc(var(--tf-input-padding-x) - var(--tf-input-padding-y) * 0.5); + margin-bottom: calc(var(--tf-input-padding-y) * 0.5); + color: var(--tf-color); + background-color: transparent; + border: 0; + outline: 0; + float: left; +} +.tokenfield-input::-webkit-input-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-input::-moz-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-input:-ms-input-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-input::-ms-input-placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-input::placeholder { + color: var(--tf-placeholder-color); + opacity: 1; +} +.tokenfield-suggest { + position: absolute; + left: calc(var(--tf-menu-border-width) * -1); + top: 100%; + margin-top: var(--tf-menu-spacer); + width: 100%; + z-index: 10; + overflow: auto; + background-color: var(--tf-menu-bg); + border: var(--tf-menu-border-width) solid var(--tf-menu-border-color); + box-sizing: content-box; + border-radius: var(--tf-menu-border-radius); + box-shadow: var(--tf-menu-box-shadow); +} +.tokenfield-suggest-list { + margin: 0; + padding: var(--tf-menu-padding-y) var(--tf-menu-padding-x); + list-style: none; + background-clip: padding-box; + z-index: 1000; + max-height: var(--tf-menu-max-height); + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.tokenfield-suggest-item { + padding: var(--tf-menu-item-padding-y) var(--tf-menu-item-padding-x); + color: var(--tf-menu-link-color); + cursor: pointer; + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .tokenfield-suggest-item { + transition: none; + } +} +.tokenfield-suggest-item.selected { + color: var(--tf-menu-link-hover-color); + background-color: var(--tf-menu-link-hover-bg); +} +.tokenfield-suggest-item:active { + color: var(--tf-menu-link-active-color); + background-color: var(--tf-menu-link-active-bg); +} +.dual-listbox { + --dlb-height: 18.75rem; + --dlb-input-padding-y: 0.5rem; + --dlb-input-padding-x: 0.875rem; + --dlb-input-bg: var(--white); + --dlb-input-color: var(--body-color); + --dlb-input-placeholder-color: var(--gray-600); + --dlb-input-border-width: var(--border-width); + --dlb-input-border-color: var(--gray-400); + --dlb-input-border-radius: var(--border-radius); + --dlb-input-box-shadow: 0 0 0 0 transparent; + --dlb-input-focus-bg: var(--white); + --dlb-input-focus-border-color: var(--component-active-bg); + --dlb-input-focus-box-shadow: var(--focus-ring-box-shadow); + --dlb-btn-padding-x: 0.875rem; + --dlb-btn-padding-y: 0.5rem; + --dlb-btn-color: var(--body-color); + --dlb-btn-bg: var(--gray-200); + --dlb-btn-border-width: var(--border-width); + --dlb-btn-border-color: var(--gray-400); + --dlb-btn-hover-color: var(--body-color); + --dlb-btn-hover-bg: var(--gray-300); + --dlb-btn-hover-border-color: var(--gray-500); + --dlb-btn-active-color: var(--body-color); + --dlb-btn-active-bg: var(--gray-400); + --dlb-btn-active-border-color: var(--gray-600); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.dual-listbox[data-color-theme="dark"], +[data-color-theme="dark"] .dual-listbox:not([data-color-theme]), +html[data-color-theme="dark"] .dual-listbox { + color-scheme: dark; + --dlb-input-bg: #2c2d33; + --dlb-input-focus-bg: #2c2d33; +} +.dual-listbox .dual-listbox__container { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.dual-listbox .dual-listbox__container > div:not(.dual-listbox__buttons) { + -ms-flex: 1; + flex: 1; +} +.dual-listbox .dual-listbox__container .dual-listbox__available, +.dual-listbox .dual-listbox__container .dual-listbox__buttons { + margin-bottom: var(--spacer); +} +.dual-listbox .dual-listbox__container > * { + width: 100%; +} +@media (min-width: 768px) { + .dual-listbox .dual-listbox__container { + -ms-flex-direction: row; + flex-direction: row; + } + .dual-listbox .dual-listbox__container > * { + width: auto; + } + .dual-listbox .dual-listbox__container > :not(:first-child) { + margin-left: var(--spacer); + } + .dual-listbox .dual-listbox__container .dual-listbox__available, + .dual-listbox .dual-listbox__container .dual-listbox__buttons { + margin-bottom: 0; + } +} +.sidebar .dual-listbox .dual-listbox__container { + -ms-flex-direction: column; + flex-direction: column; +} +.sidebar .dual-listbox .dual-listbox__container > * { + margin-left: 0; + width: 100%; +} +.sidebar .dual-listbox .dual-listbox__container .dual-listbox__available, +.sidebar .dual-listbox .dual-listbox__container .dual-listbox__buttons { + margin-bottom: var(--spacer); +} +.dual-listbox .dual-listbox__search { + display: block; + width: 100%; + padding: var(--dlb-input-padding-y) var(--dlb-input-padding-x); + color: var(--dlb-input-color); + background-color: var(--dlb-input-bg); + background-clip: padding-box; + border: var(--dlb-input-border-width) solid var(--dlb-input-border-color); + margin-bottom: var(--spacer); + border-radius: var(--dlb-input-border-radius); + box-shadow: var(--dlb-input-box-shadow); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .dual-listbox .dual-listbox__search { + transition: none; + } +} +.dual-listbox .dual-listbox__search:focus { + background-color: var(--dlb-input-focus-bg); + border-color: var(--dlb-input-focus-border-color); + outline: 0; + box-shadow: 0 0 0 0 transparent, var(--dlb-input-focus-box-shadow); +} +.dual-listbox .dual-listbox__search::-webkit-input-placeholder { + color: var(--dlb-input-placeholder-color); + opacity: 1; +} +.dual-listbox .dual-listbox__search::-moz-placeholder { + color: var(--dlb-input-placeholder-color); + opacity: 1; +} +.dual-listbox .dual-listbox__search:-ms-input-placeholder { + color: var(--dlb-input-placeholder-color); + opacity: 1; +} +.dual-listbox .dual-listbox__search::-ms-input-placeholder { + color: var(--dlb-input-placeholder-color); + opacity: 1; +} +.dual-listbox .dual-listbox__search::placeholder { + color: var(--dlb-input-placeholder-color); + opacity: 1; +} +.dual-listbox .dual-listbox__available, +.dual-listbox .dual-listbox__selected { + border: var(--border-width) solid var(--border-color); + height: var(--dlb-height); + overflow-y: auto; + padding: var(--spacer-2) 0; + margin-top: 0; + margin-bottom: 0; + -webkit-margin-before: 0; + border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} +.dual-listbox .dual-listbox__buttons { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.dual-listbox .dual-listbox__buttons:empty { + display: none; +} +.dual-listbox .dual-listbox__button { + display: inline-block; + padding: var(--dlb-btn-padding-y) var(--dlb-btn-padding-x); + color: var(--dlb-btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: var(--dlb-btn-border-width) solid var(--dlb-btn-border-color); + border-radius: var(--border-radius); + background-color: var(--dlb-btn-bg); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .dual-listbox .dual-listbox__button { + transition: none; + } +} +.dual-listbox .dual-listbox__button:not(:last-child) { + margin-bottom: var(--spacer-2); +} +.dual-listbox .dual-listbox__button:hover { + color: var(--dlb-btn-hover-color); + background-color: var(--dlb-btn-hover-bg); + border-color: var(--dlb-btn-hover-border-color); +} +.dual-listbox .dual-listbox__button:focus { + color: var(--dlb-btn-hover-color); + background-color: var(--dlb-btn-hover-bg); + border-color: var(--dlb-btn-hover-border-color); + outline: 0; +} +.dual-listbox .dual-listbox__button:active { + color: var(--dlb-btn-active-color); + background-color: var(--dlb-btn-active-bg); + border-color: var(--dlb-btn-active-border-color); + box-shadow: var(--dlb-btn-active-shadow); +} +.dual-listbox .dual-listbox__title { + font-weight: 600; + background-color: var(--light); + padding: var(--spacer-2) var(--spacer); + border-left: var(--border-width) solid var(--border-color); + border-right: var(--border-width) solid var(--border-color); + border-top: var(--border-width) solid var(--border-color); + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); +} +.dual-listbox .dual-listbox__item { + display: block; + padding: var(--spacer-1) var(--spacer); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: background-color ease-in-out var(--transition-base-timer), + color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dual-listbox .dual-listbox__item { + transition: none; + } +} +.dual-listbox .dual-listbox__item:focus, +.dual-listbox .dual-listbox__item:hover { + background-color: var(--gray-200); +} +.dual-listbox .dual-listbox__item:active { + background-color: var(--gray-300); +} +.dual-listbox .dual-listbox__item.dual-listbox__item--selected { + color: var(--component-active-color); + background-color: var(--component-active-bg); +} +.wizard { + --wizard-step-line-size: 2px; + --wizard-step-line-color: var(--gray-400); + --wizard-step-inactive-color: var(--gray-600); + --wizard-step-number-size: 2.375rem; + --wizard-step-number-bg: var(--white); + --wizard-step-number-color: var(--gray-600); + --wizard-step-number-active-bg: var(--component-active-bg); + --wizard-step-number-active-color: var(--white); + --wizard-step-number-error-bg: var(--danger); + --wizard-step-number-error-color: var(--white); +} +.wizard[data-color-theme="dark"], +[data-color-theme="dark"] .wizard:not([data-color-theme]), +html[data-color-theme="dark"] .wizard { + color-scheme: dark; + --wizard-step-number-bg: #2c2d33; +} +.wizard > .content > .title, +.wizard > .steps .current-info { + display: none; +} +.wizard > .content { + position: relative; + width: auto; + padding: 0; +} +.wizard > .content > .body { + padding: 0 var(--spacer); +} +.wizard > .content > iframe { + border: 0; + width: 100%; + height: 100%; +} +.wizard > .steps { + position: relative; + display: block; + width: 100%; +} +.wizard > .steps > ul { + display: table; + width: 100%; + table-layout: fixed; + margin: 0; + padding: 0; + list-style: none; +} +.wizard > .steps > ul > li { + display: table-cell; + width: auto; + vertical-align: top; + text-align: center; + position: relative; +} +.wizard > .steps > ul > li a { + position: relative; + padding-top: calc(var(--wizard-step-number-size) + var(--spacer) * 0.5); + margin-top: var(--spacer); + margin-bottom: var(--spacer); + display: block; + outline: 0; + color: var(--wizard-step-inactive-color); +} +.wizard > .steps > ul > li:after, +.wizard > .steps > ul > li:before { + content: ""; + display: block; + position: absolute; + top: calc( + var(--wizard-step-number-size) + var(--spacer) - + var(--wizard-step-number-size) * 0.5 - var(--wizard-step-line-size) * 0.5 + ); + width: 50%; + height: var(--wizard-step-line-size); + background-color: var(--wizard-step-number-active-bg); + z-index: 9; + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .wizard > .steps > ul > li:after, + .wizard > .steps > ul > li:before { + transition: none; + } +} +.wizard > .steps > ul > li:before { + left: 0; +} +.wizard > .steps > ul > li:after { + right: 0; +} +.wizard > .steps > ul > li:first-child:before, +.wizard > .steps > ul > li:last-child:after { + content: none; +} +.wizard > .steps > ul > li .number { + background-color: var(--wizard-step-number-bg); + color: var(--wizard-step-number-color); + display: inline-block; + position: absolute; + top: 0; + left: 50%; + margin-left: calc(var(--wizard-step-number-size) * 0.5 * -1); + border: var(--wizard-step-line-size) solid var(--wizard-step-line-color); + z-index: 10; + line-height: calc( + var(--wizard-step-number-size) - var(--wizard-step-line-size) * 2 + ); + text-align: center; + width: var(--wizard-step-number-size); + height: var(--wizard-step-number-size); + border-radius: var(--border-radius-pill); +} +.wizard > .steps > ul > li .number:after { + font-family: var(--icon-font-family); + display: inline-block; + font-size: var(--icon-font-size); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transition: color ease-in-out var(--transition-base-timer), + background-color ease-in-out var(--transition-base-timer), + border-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .wizard > .steps > ul > li .number:after { + transition: none; + } +} +.wizard > .steps > ul > li.current:after, +.wizard > .steps > ul > li.current ~ li:after, +.wizard > .steps > ul > li.current ~ li:before { + background-color: var(--wizard-step-line-color); +} +.wizard > .steps > ul > li.current > a { + color: var(--body-color); + cursor: default; +} +.wizard > .steps > ul > li.current .number { + border-color: var(--wizard-step-number-active-bg); + color: var(--wizard-step-number-active-bg); + font-size: 0; +} +.wizard > .steps > ul > li.current .number:after { + content: "\f510"; +} +.wizard > .steps > ul > li.done a, +.wizard > .steps > ul > li.done a:focus, +.wizard > .steps > ul > li.done a:hover { + color: var(--body-color); +} +.wizard > .steps > ul > li.done .number { + background-color: var(--wizard-step-number-active-bg); + color: var(--wizard-step-number-active-color); + border-color: var(--wizard-step-number-active-bg); + font-size: 0; +} +.wizard > .steps > ul > li.done .number:after { + content: "\f33e"; +} +.wizard > .steps > ul > li.error .number { + background-color: var(--wizard-step-number-error-bg); + color: var(--wizard-step-number-error-color); + border-color: var(--wizard-step-number-error-bg); +} +.wizard > .steps > ul > li.error .number:after { + content: "\f642"; +} +@media (max-width: 767.98px) { + .wizard > .steps > ul { + margin-bottom: var(--spacer); + } + .wizard > .steps > ul > li { + display: block; + float: left; + width: 50%; + } + .wizard > .steps > ul > li > a { + margin-bottom: 0; + } + .wizard > .steps > ul > li:first-child:before, + .wizard > .steps > ul > li:last-child:after { + content: ""; + } + .wizard > .steps > ul > li:last-child:after { + background-color: var(--wizard-step-number-active-bg); + } +} +@media (max-width: 575.98px) { + .wizard > .steps > ul > li { + width: 100%; + } + .wizard > .steps > ul > li.current:after { + background-color: var(--wizard-step-number-active-bg); + } +} +.wizard > .actions { + position: relative; + text-align: right; + padding: var(--spacer); + padding-top: 0; +} +.wizard > .actions > ul { + list-style: none; + padding: 0; + margin: 0; +} +.wizard > .actions > ul::after { + display: block; + clear: both; + content: ""; +} +.wizard > .actions > ul > li { + display: inline-block; +} +.wizard > .actions > ul > li + li { + margin-left: var(--spacer); +} +.ql-container { + height: 100%; + margin: 0; + position: relative; +} +.ql-container.ql-disabled .ql-tooltip { + visibility: hidden; +} +.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { + pointer-events: none; +} +.ql-clipboard { + left: -100000px; + height: 1px; + overflow-y: hidden; + position: absolute; + top: 50%; +} +.ql-clipboard p { + margin: 0; + padding: 0; +} +.ql-editor { + height: 100%; + min-height: calc(var(--spacer) * 2 + var(--body-line-height-computed) * 3); + outline: 0; + overflow-y: auto; + padding: var(--spacer); + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + text-align: left; + white-space: pre-wrap; + word-wrap: break-word; +} +.ql-editor > * { + cursor: text; +} +.quill-scrollable-container .ql-editor { + overflow: auto; + max-height: 20rem; +} +.ql-editor h1, +.ql-editor h2, +.ql-editor h3, +.ql-editor h4, +.ql-editor h5, +.ql-editor h6 { + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor blockquote, +.ql-editor ol, +.ql-editor p, +.ql-editor pre, +.ql-editor ul { + margin: 0; + padding: 0; + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol, +.ql-editor ul { + padding-left: 1.5em; +} +.ql-editor ol > li, +.ql-editor ul > li { + list-style-type: none; +} +.ql-editor ol > li:before, +.ql-editor ul > li:before { + content: "•"; +} +.ql-editor ul[data-checked="false"], +.ql-editor ul[data-checked="true"] { + pointer-events: none; +} +.ql-editor ul[data-checked="false"] > li:before, +.ql-editor ul[data-checked="true"] > li:before { + color: rgba(var(--body-color-rgb), 0.75); + cursor: pointer; + pointer-events: all; +} +.ql-editor ul[data-checked="false"] > li *, +.ql-editor ul[data-checked="true"] > li * { + pointer-events: all; +} +.ql-editor ul[data-checked="true"] > li:before { + content: "☑"; +} +.ql-editor ul[data-checked="false"] > li:before { + content: "☐"; +} +.ql-editor li:before { + display: inline-block; + white-space: nowrap; + width: 1.2em; +} +.ql-editor li:not(.ql-direction-rtl)::before { + margin-left: -1.5em; + margin-right: 0.5em; + text-align: right; +} +.ql-editor li.ql-direction-rtl::before { + margin-left: 0.5em; + margin-right: -1.5em; +} +.ql-editor ol li:not(.ql-direction-rtl), +.ql-editor ul li:not(.ql-direction-rtl) { + padding-left: 1.5em; +} +.ql-editor ol li.ql-direction-rtl, +.ql-editor ul li.ql-direction-rtl { + padding-right: 1.5em; +} +.ql-editor ol li { + counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; + counter-increment: list-0; +} +.ql-editor ol li:before { + content: counter(list-0, decimal) ". "; +} +.ql-editor ol li.ql-indent-1 { + counter-increment: list-1; + counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-1:before { + content: counter(list-1, lower-alpha) ". "; +} +.ql-editor ol li.ql-indent-2 { + counter-increment: list-2; + counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-2:before { + content: counter(list-2, lower-roman) ". "; +} +.ql-editor ol li.ql-indent-3 { + counter-increment: list-3; + counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-3:before { + content: counter(list-3, decimal) ". "; +} +.ql-editor ol li.ql-indent-4 { + counter-increment: list-4; + counter-reset: list-5 list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-4:before { + content: counter(list-4, lower-alpha) ". "; +} +.ql-editor ol li.ql-indent-5 { + counter-increment: list-5; + counter-reset: list-6 list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-5:before { + content: counter(list-5, lower-roman) ". "; +} +.ql-editor ol li.ql-indent-6 { + counter-increment: list-6; + counter-reset: list-7 list-8 list-9; +} +.ql-editor ol li.ql-indent-6:before { + content: counter(list-6, decimal) ". "; +} +.ql-editor ol li.ql-indent-7 { + counter-increment: list-7; + counter-reset: list-8 list-9; +} +.ql-editor ol li.ql-indent-7:before { + content: counter(list-7, lower-alpha) ". "; +} +.ql-editor ol li.ql-indent-8 { + counter-increment: list-8; + counter-reset: list-9; +} +.ql-editor ol li.ql-indent-8:before { + content: counter(list-8, lower-roman) ". "; +} +.ql-editor ol li.ql-indent-9 { + counter-increment: list-9; +} +.ql-editor ol li.ql-indent-9:before { + content: counter(list-9, decimal) ". "; +} +.ql-editor .ql-indent-1:not(.ql-direction-rtl) { + padding-left: 3em; +} +.ql-editor .ql-indent-1.ql-direction-rtl .ql-align-right { + padding-right: 3em; +} +.ql-editor li.ql-indent-1:not(.ql-direction-rtl) { + padding-left: 4.5em; +} +.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { + padding-right: 4.5em; +} +.ql-editor .ql-indent-2:not(.ql-direction-rtl) { + padding-left: 6em; +} +.ql-editor .ql-indent-2.ql-direction-rtl .ql-align-right { + padding-right: 6em; +} +.ql-editor li.ql-indent-2:not(.ql-direction-rtl) { + padding-left: 7.5em; +} +.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { + padding-right: 7.5em; +} +.ql-editor .ql-indent-3:not(.ql-direction-rtl) { + padding-left: 9em; +} +.ql-editor .ql-indent-3.ql-direction-rtl .ql-align-right { + padding-right: 9em; +} +.ql-editor li.ql-indent-3:not(.ql-direction-rtl) { + padding-left: 10.5em; +} +.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { + padding-right: 10.5em; +} +.ql-editor .ql-indent-4:not(.ql-direction-rtl) { + padding-left: 12em; +} +.ql-editor .ql-indent-4.ql-direction-rtl .ql-align-right { + padding-right: 12em; +} +.ql-editor li.ql-indent-4:not(.ql-direction-rtl) { + padding-left: 13.5em; +} +.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { + padding-right: 13.5em; +} +.ql-editor .ql-indent-5:not(.ql-direction-rtl) { + padding-left: 15em; +} +.ql-editor .ql-indent-5.ql-direction-rtl .ql-align-right { + padding-right: 15em; +} +.ql-editor li.ql-indent-5:not(.ql-direction-rtl) { + padding-left: 16.5em; +} +.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { + padding-right: 16.5em; +} +.ql-editor .ql-indent-6:not(.ql-direction-rtl) { + padding-left: 18em; +} +.ql-editor .ql-indent-6.ql-direction-rtl .ql-align-right { + padding-right: 18em; +} +.ql-editor li.ql-indent-6:not(.ql-direction-rtl) { + padding-left: 19.5em; +} +.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { + padding-right: 19.5em; +} +.ql-editor .ql-indent-7:not(.ql-direction-rtl) { + padding-left: 21em; +} +.ql-editor .ql-indent-7.ql-direction-rtl .ql-align-right { + padding-right: 21em; +} +.ql-editor li.ql-indent-7:not(.ql-direction-rtl) { + padding-left: 22.5em; +} +.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { + padding-right: 22.5em; +} +.ql-editor .ql-indent-8:not(.ql-direction-rtl) { + padding-left: 24em; +} +.ql-editor .ql-indent-8.ql-direction-rtl .ql-align-right { + padding-right: 24em; +} +.ql-editor li.ql-indent-8:not(.ql-direction-rtl) { + padding-left: 25.5em; +} +.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { + padding-right: 25.5em; +} +.ql-editor .ql-indent-9:not(.ql-direction-rtl) { + padding-left: 27em; +} +.ql-editor .ql-indent-9.ql-direction-rtl .ql-align-right { + padding-right: 27em; +} +.ql-editor li.ql-indent-9:not(.ql-direction-rtl) { + padding-left: 28.5em; +} +.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { + padding-right: 28.5em; +} +.ql-editor .ql-video { + display: block; + max-width: 100%; +} +.ql-editor .ql-video.ql-align-center { + margin: 0 auto; +} +.ql-editor .ql-video.ql-align-right { + margin: 0 0 0 auto; +} +.ql-editor img { + max-width: 100%; +} +.ql-editor .ql-bg-black { + background-color: var(--black); +} +.ql-editor .ql-bg-red { + background-color: var(--danger); +} +.ql-editor .ql-bg-orange { + background-color: var(--warning); +} +.ql-editor .ql-bg-yellow { + background-color: var(--yellow); +} +.ql-editor .ql-bg-green { + background-color: var(--success); +} +.ql-editor .ql-bg-blue { + background-color: var(--primary); +} +.ql-editor .ql-bg-purple { + background-color: var(--purple); +} +.ql-editor .ql-color-black { + color: var(--black); +} +.ql-editor .ql-color-red { + color: var(--danger); +} +.ql-editor .ql-color-orange { + color: var(--warning); +} +.ql-editor .ql-color-yellow { + color: var(--yellow); +} +.ql-editor .ql-color-green { + color: var(--success); +} +.ql-editor .ql-color-blue { + color: var(--primary); +} +.ql-editor .ql-color-purple { + color: var(--purple); +} +.ql-editor .ql-font-serif { + font-family: var(--font-sans-serif); +} +.ql-editor .ql-font-monospace { + font-family: var(--font-monospace); +} +.ql-editor .ql-size-small { + font-size: 0.75em; +} +.ql-editor .ql-size-large { + font-size: 1.5em; +} +.ql-editor .ql-size-huge { + font-size: 2.5em; +} +.ql-editor .ql-direction-rtl { + direction: rtl; + text-align: inherit; +} +.ql-editor .ql-align-center { + text-align: center; +} +.ql-editor .ql-align-justify { + text-align: justify; +} +.ql-editor .ql-align-right { + text-align: right; +} +.ql-editor.ql-blank:before { + color: rgba(var(--body-color-rgb), 0.75); + content: attr(data-placeholder); + left: var(--spacer); + pointer-events: none; + position: absolute; + right: var(--spacer); +} +.ql-toolbar { + padding: var(--spacer-2); + border-bottom: var(--border-width) solid var(--border-color); +} +.ql-toolbar:after { + clear: both; + content: ""; + display: table; +} +.ql-toolbar + .ql-container { + border-top: 0; +} +.ql-toolbar .ql-formats { + margin-right: var(--spacer-2); + padding-right: var(--spacer-2); + border-right: var(--border-width) solid var(--border-color); +} +.ql-toolbar button { + background: 0 0; + border: none; + cursor: pointer; + display: inline-block; + float: left; + height: 1.5rem; + padding: 0.1875rem 0.3125rem; + width: 1.75rem; +} +.ql-toolbar button:active:hover { + outline: 0; +} +.ql-toolbar button svg { + float: left; + height: 100%; +} +.ql-toolbar input.ql-image[type="file"] { + display: none; +} +.ql-toolbar .ql-fill { + transition: fill ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .ql-toolbar .ql-fill { + transition: none; + } +} +.ql-toolbar .ql-stroke { + transition: stroke ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .ql-toolbar .ql-stroke { + transition: none; + } +} +.ql-toolbar .ql-picker-item.ql-selected, +.ql-toolbar .ql-picker-item:hover, +.ql-toolbar .ql-picker-label.ql-active, +.ql-toolbar .ql-picker-label:hover, +.ql-toolbar button.ql-active, +.ql-toolbar button:focus, +.ql-toolbar button:hover { + color: var(--link-color); +} +.ql-toolbar .ql-picker-item.ql-selected .ql-fill, +.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, +.ql-toolbar .ql-picker-item:hover .ql-fill, +.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, +.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, +.ql-toolbar .ql-picker-label:hover .ql-fill, +.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, +.ql-toolbar button.ql-active .ql-fill, +.ql-toolbar button.ql-active .ql-stroke.ql-fill, +.ql-toolbar button:focus .ql-fill, +.ql-toolbar button:focus .ql-stroke.ql-fill, +.ql-toolbar button:hover .ql-fill, +.ql-toolbar button:hover .ql-stroke.ql-fill { + fill: var(--link-color); +} +.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, +.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, +.ql-toolbar .ql-picker-item:hover .ql-stroke, +.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, +.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, +.ql-toolbar .ql-picker-label:hover .ql-stroke, +.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, +.ql-toolbar button.ql-active .ql-stroke, +.ql-toolbar button.ql-active .ql-stroke-miter, +.ql-toolbar button:focus .ql-stroke, +.ql-toolbar button:focus .ql-stroke-miter, +.ql-toolbar button:hover .ql-stroke, +.ql-toolbar button:hover .ql-stroke-miter { + stroke: var(--link-color); +} +@media (pointer: coarse) { + .ql-toolbar button:hover:not(.ql-active) { + color: var(--body-color); + } + .ql-toolbar button:hover:not(.ql-active) .ql-fill, + .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { + fill: var(--body-color); + } + .ql-toolbar button:hover:not(.ql-active) .ql-stroke, + .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { + stroke: var(--body-color); + } +} +.ql-tooltip { + --ql-tooltip-bg: var(--white); + --ql-tooltip-color: var(--body-color); + --ql-tooltip-input-focus-border-color: var(--component-active-bg); + --ql-tooltip-input-focus-box-shadow: var(--focus-ring-box-shadow); + position: absolute; + background-color: var(--ql-tooltip-bg); + border: var(--border-width) solid var(--border-color-translucent); + color: var(--ql-tooltip-color); + padding: var(--spacer-2) calc(var(--spacer-2) * 1.5); + white-space: nowrap; + z-index: 1080; + -webkit-transform: translateY(var(--spacer-2)); + transform: translateY(var(--spacer-2)); + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); +} +.ql-tooltip[data-color-theme="dark"], +[data-color-theme="dark"] .ql-tooltip:not([data-color-theme]), +html[data-color-theme="dark"] .ql-tooltip { + color-scheme: dark; + --ql-tooltip-bg: #32333a; +} +.ql-tooltip:before { + content: "Visit URL:"; + margin-right: var(--spacer-2); +} +.ql-tooltip a { + cursor: pointer; +} +.ql-tooltip a.ql-preview { + display: inline-block; + max-width: 12.5rem; + overflow-x: hidden; + text-overflow: ellipsis; + vertical-align: top; +} +.ql-tooltip a.ql-action::after { + border-right: var(--border-width) solid var(--border-color); + content: "Edit"; + margin-left: var(--spacer); + padding-right: var(--spacer-2); +} +.ql-tooltip a.ql-remove::before { + content: "Remove"; + margin-left: var(--spacer-2); +} +.ql-tooltip.ql-flip { + -webkit-transform: translateY(calc(var(--spacer-2) * -1)); + transform: translateY(calc(var(--spacer-2) * -1)); +} +.ql-tooltip input[type="text"] { + display: none; + border: var(--border-width) solid var(--border-color); + margin: 0; + padding: var(--spacer-1) var(--spacer-2); + width: 10.625rem; + border-radius: var(--border-radius); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .ql-tooltip input[type="text"] { + transition: none; + } +} +.ql-tooltip input[type="text"]:focus { + border-color: var(--ql-tooltip-input-focus-border-color); + outline: 0; + box-shadow: 0 0 0 0 transparent, var(--ql-tooltip-input-focus-box-shadow); +} +.ql-tooltip.ql-editing a.ql-preview, +.ql-tooltip.ql-editing a.ql-remove { + display: none; +} +.ql-tooltip.ql-editing input[type="text"] { + display: inline-block; +} +.ql-tooltip.ql-editing a.ql-action::after { + border-right: 0; + content: "Save"; + padding-right: 0; +} +.ql-tooltip[data-mode="link"]::before { + content: "Enter link:"; +} +.ql-tooltip[data-mode="formula"]::before { + content: "Enter formula:"; +} +.ql-tooltip[data-mode="video"]::before { + content: "Enter video:"; +} +.ql-formats { + display: inline-block; + vertical-align: middle; +} +.ql-formats:after { + clear: both; + content: ""; + display: table; +} +.ql-stroke { + fill: none; + stroke: var(--body-color); + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 1.5; +} +.ql-stroke-miter { + fill: none; + stroke: var(--body-color); + stroke-miterlimit: 10; + stroke-width: 1.5; +} +.ql-fill, +.ql-stroke.ql-fill { + fill: var(--body-color); +} +.ql-empty { + fill: none; +} +.ql-even { + fill-rule: evenodd; +} +.ql-stroke.ql-thin, +.ql-thin { + stroke-width: 1; +} +.ql-transparent { + opacity: 0.4; +} +.ql-direction svg:last-child { + display: none; +} +.ql-direction.ql-active svg:last-child { + display: inline; +} +.ql-direction.ql-active svg:first-child { + display: none; +} +.ql-editor blockquote { + border-left: calc(var(--border-width) * 4) solid var(--border-color); + margin-bottom: var(--spacer-1); + margin-top: var(--spacer-1); + padding-left: var(--spacer); +} +.ql-editor code, +.ql-editor pre { + background-color: var(--gray-200); + border-radius: var(--border-radius); +} +.ql-editor pre { + white-space: pre-wrap; + padding: var(--spacer); +} +.ql-editor pre.ql-syntax { + background-color: var(--gray-200); + color: var(--body-color); + overflow: visible; +} +.ql-editor code { + font-size: 0.875em; +} +.ql-picker { + color: var(--body-color); + display: inline-block; + float: left; + height: 1.5rem; + position: relative; + vertical-align: middle; +} +.ql-picker-label { + cursor: pointer; + display: inline-block; + height: 100%; + border: var(--border-color) solid transparent; + padding-left: var(--spacer-2); + padding-right: var(--spacer-1); + position: relative; + width: 100%; + line-height: 1.5rem; + transition: color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .ql-picker-label { + transition: none; + } +} +.ql-picker-label:before { + display: inline-block; +} +.ql-picker-options { + --ql-dropdown-bg: var(--white); + --ql-dropdown-border-color: var(--border-color-translucent); + --ql-dropdown-box-shadow: var(--box-shadow-lg); + background-color: var(--ql-dropdown-bg); + display: none; + min-width: 100%; + padding: var(--spacer-2); + border: var(--border-width) solid var(--ql-dropdown-border-color); + position: absolute; + white-space: nowrap; + border-radius: var(--border-radius); + box-shadow: var(--ql-dropdown-box-shadow); +} +.ql-picker-options[data-color-theme="dark"], +[data-color-theme="dark"] .ql-picker-options:not([data-color-theme]), +html[data-color-theme="dark"] .ql-picker-options { + color-scheme: dark; + --ql-dropdown-bg: #32333a; + --ql-dropdown-border-color: rgba(var(--black-rgb), 0.25); +} +.ql-picker-options .ql-picker-item { + cursor: pointer; + display: block; + padding: var(--spacer-1) var(--spacer-2); + transition: color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .ql-picker-options .ql-picker-item { + transition: none; + } +} +.ql-picker.ql-expanded .ql-picker-label { + color: var(--link-color); + z-index: 2; +} +.ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: var(--link-color); +} +.ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: var(--link-color); +} +.ql-picker.ql-expanded .ql-picker-options { + display: block; + margin-top: calc(var(--spacer-2) - var(--border-width)); + top: 100%; + z-index: 1; +} +.ql-color-picker, +.ql-icon-picker { + width: 1.75rem; +} +.ql-color-picker .ql-picker-label, +.ql-icon-picker .ql-picker-label { + padding: 0.125rem 0.25rem; +} +.ql-color-picker .ql-picker-label svg, +.ql-icon-picker .ql-picker-label svg { + right: 0.25rem; + display: block; +} +.ql-icon-picker .ql-picker-options { + padding: 0.25rem 0; +} +.ql-icon-picker .ql-picker-item { + padding: 0.25rem; +} +.ql-icon-picker .ql-picker-item svg { + display: block; +} +.ql-color-picker .ql-picker-options { + padding: 0.1875rem 0.3125rem; + width: 9.5rem; +} +.ql-color-picker .ql-picker-item { + border: var(--border-width) solid transparent; + float: left; + height: 1rem; + margin: 0.125rem; + padding: 0; + width: 1rem; +} +.ql-color-picker.ql-background .ql-picker-item { + background-color: #fff; +} +.ql-color-picker.ql-color .ql-picker-item { + background-color: #000; +} +.ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { + position: absolute; + right: 0; + top: 50%; + width: 1.125rem; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, +.ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, +.ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, +.ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, +.ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before, +.ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before { + content: attr(data-label); +} +.ql-picker.ql-header { + width: 6.125rem; +} +.ql-picker.ql-header .ql-picker-item::before, +.ql-picker.ql-header .ql-picker-label::before { + content: "Normal"; +} +.ql-picker.ql-header .ql-picker-item[data-value="1"]::before, +.ql-picker.ql-header .ql-picker-label[data-value="1"]::before { + content: "Heading 1"; +} +.ql-picker.ql-header .ql-picker-item[data-value="2"]::before, +.ql-picker.ql-header .ql-picker-label[data-value="2"]::before { + content: "Heading 2"; +} +.ql-picker.ql-header .ql-picker-item[data-value="3"]::before, +.ql-picker.ql-header .ql-picker-label[data-value="3"]::before { + content: "Heading 3"; +} +.ql-picker.ql-header .ql-picker-item[data-value="4"]::before, +.ql-picker.ql-header .ql-picker-label[data-value="4"]::before { + content: "Heading 4"; +} +.ql-picker.ql-header .ql-picker-item[data-value="5"]::before, +.ql-picker.ql-header .ql-picker-label[data-value="5"]::before { + content: "Heading 5"; +} +.ql-picker.ql-header .ql-picker-item[data-value="6"]::before, +.ql-picker.ql-header .ql-picker-label[data-value="6"]::before { + content: "Heading 6"; +} +.ql-picker.ql-header .ql-picker-item[data-value="1"]::before { + font-size: 1.625rem; +} +.ql-picker.ql-header .ql-picker-item[data-value="2"]::before { + font-size: 1.5rem; +} +.ql-picker.ql-header .ql-picker-item[data-value="3"]::before { + font-size: 1.375rem; +} +.ql-picker.ql-header .ql-picker-item[data-value="4"]::before { + font-size: 1.25rem; +} +.ql-picker.ql-header .ql-picker-item[data-value="5"]::before { + font-size: 1.125rem; +} +.ql-picker.ql-header .ql-picker-item[data-value="6"]::before { + font-size: 1rem; +} +.ql-picker.ql-font { + width: 6.75rem; +} +.ql-picker.ql-font .ql-picker-item::before, +.ql-picker.ql-font .ql-picker-label::before { + content: "Sans Serif"; +} +.ql-picker.ql-font .ql-picker-item[data-value="serif"]::before, +.ql-picker.ql-font .ql-picker-label[data-value="serif"]::before { + content: "Serif"; +} +.ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before, +.ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before { + content: "Monospace"; +} +.ql-picker.ql-font .ql-picker-item[data-value="serif"]::before { + font-family: Georgia, Times New Roman, serif; +} +.ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; +} +.ql-picker.ql-size { + width: 6.125rem; +} +.ql-picker.ql-size .ql-picker-item::before, +.ql-picker.ql-size .ql-picker-label::before { + content: "Normal"; +} +.ql-picker.ql-size .ql-picker-item[data-value="small"]::before, +.ql-picker.ql-size .ql-picker-label[data-value="small"]::before { + content: "Small"; +} +.ql-picker.ql-size .ql-picker-item[data-value="large"]::before, +.ql-picker.ql-size .ql-picker-label[data-value="large"]::before { + content: "Large"; +} +.ql-picker.ql-size .ql-picker-item[data-value="huge"]::before, +.ql-picker.ql-size .ql-picker-label[data-value="huge"]::before { + content: "Huge"; +} +.ql-picker.ql-size .ql-picker-item[data-value="small"]::before { + font-size: 0.75rem; +} +.ql-picker.ql-size .ql-picker-item[data-value="large"]::before { + font-size: 1.125rem; +} +.ql-picker.ql-size .ql-picker-item[data-value="huge"]::before { + font-size: 2rem; +} +.ql-hidden { + display: none; +} +.ql-out-bottom, +.ql-out-top { + visibility: hidden; +} +.ck { + --ck-font-size-base: var(--body-font-size); + --ck-font-face: var(--body-font-family); + --ck-color-text: var(--body-color); + --ck-line-height-base: var(--body-line-height); + --ck-border-radius: var(--border-radius); + --ck-color-link-default: var(--link-color); + --ck-color-base-background: var(--white); + --ck-color-toolbar-background: var(--white); + --ck-color-toolbar-border: var(--border-color); + --ck-color-base-border: var(--border-color); + --ck-focus-ring: var(--border-width) solid transparent; + --ck-icon-size: 1.25rem; + --ck-color-button-default-hover-background: var(--gray-300); + --ck-color-button-default-active-background: var(--gray-400); + --ck-color-button-default-active-shadow: (0, 0, 0, 0); + --ck-color-button-save: var(--success); + --ck-color-button-cancel: var(--danger); + --ck-color-button-on-background: var(--gray-400); + --ck-color-button-on-hover-background: var(--gray-400); + --ck-color-button-on-active-background: var(--gray-400); + --ck-color-button-on-active-shadow: (0, 0, 0, 0); + --ck-color-button-on-disabled-background: var(--gray-200); + --ck-color-list-background: var(--white); + --ck-color-list-button-hover-background: var(--gray-200); + --ck-color-list-button-on-background: var(--gray-300); + --ck-color-list-button-on-background-focus: var(--gray-300); + --ck-color-list-button-on-text: var(--gray-900); + --ck-color-dropdown-panel-background: var(--white); + --ck-color-dropdown-panel-border: var(--border-color-translucent); + --ck-color-panel-background: var(--white); + --ck-color-panel-border: var(--border-color-translucent); + --ck-drop-shadow: var(--box-shadow-lg); + --ck-color-input-background: var(--white); + --ck-color-input-border: var(--gray-400); + --ck-color-input-error-border: var(--danger); + --ck-color-input-text: var(--body-color); + --ck-color-input-disabled-background: var(--gray-100); + --ck-color-input-disabled-border: var(--gray-400); + --ck-color-input-disabled-text: var(--gray-500); + --ck-color-labeled-field-label-background: transparent; + --ck-color-widget-editable-focus-background: var(--gray-300); + --ck-color-engine-placeholder-text: var(--gray-600); + --ck-color-image-caption-background: var(--gray-200); + --ck-color-image-caption-text: var(--body-color); + --ck-color-table-focused-cell-background: var(--gray-100); + --ck-inner-shadow: var(--focus-ring-box-shadow); + --ck-color-widget-blurred-border: var(--border-color); +} +.ck[data-color-theme="dark"], +[data-color-theme="dark"] .ck:not([data-color-theme]), +html[data-color-theme="dark"] .ck { + color-scheme: dark; + --ck-color-base-background: #2c2d33; + --ck-color-toolbar-background: #2c2d33; + --ck-color-list-background: #32333a; + --ck-color-dropdown-panel-background: #32333a; + --ck-color-tooltip-text: var(--black); + --ck-color-tooltip-background: var(--white); + --ck-color-panel-background: #32333a; + --ck-color-panel-border: rgba(var(--black-rgb), 0.25); + --ck-color-input-background: #2c2d33; +} +.ck.ck-editor__editable { + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .ck.ck-editor__editable { + transition: none; + } +} +.ck-editor .ck-editor__editable { + max-height: 450px; +} +.ck.ck-editor__editable_inline { + --ck-spacing-standard: var(--spacer); + --ck-spacing-large: var(--spacer); +} +.ck.ck-editor__editable_inline:not(.ck-focused) { + border-color: var(--border-color); +} +.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused { + --ck-focus-ring: var(--border-width) solid var(--component-active-bg); + --ck-focus-inner-shadow: var(--focus-ring-box-shadow); +} +.ck.ck-link-form, +.ck.ck-text-alternative-form { + -ms-flex-align: center; + align-items: center; +} +.ck.ck-button, +a.ck.ck-button { + --ck-spacing-tiny: 0.5rem; + --ck-focus-outer-shadow: none; + transition: all ease-in-out var(--transition-base-timer) !important; +} +@media (prefers-reduced-motion: reduce) { + .ck.ck-button, + a.ck.ck-button { + transition: none; + } +} +.ck.ck-button:not(.ck-disabled), +a.ck.ck-button:not(.ck-disabled) { + cursor: pointer; +} +.ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { + --ck-spacing-small: 0.5rem; +} +body .ck.ck-dropdown__panel { + background-clip: padding-box; +} +body .ck.ck-dropdown .ck-dropdown__panel .ck-list { + padding: 0.625rem 0; +} +body .ck.ck-list__item .ck-button { + --ck-border-radius: 0; + padding: calc(var(--spacer) * 0.4) var(--spacer); + border: 0; +} +body .ck.ck-list__item .ck-button .ck-button__label { + line-height: var(--body-line-height); +} +body + .ck.ck-dropdown__panel.ck-dropdown__panel_se + .ck-color-table__remove-color { + border-top-left-radius: 0; +} +body + .ck.ck-dropdown__panel.ck-dropdown__panel_sw + .ck-color-table__remove-color { + border-top-right-radius: 0; +} +body .ck-sticky-panel__placeholder { + display: none !important; +} +body .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { + width: 100% !important; + position: static; + box-shadow: none; +} +body + .ck.ck-editor__top + .ck-sticky-panel + .ck-sticky-panel__content_sticky + .ck-toolbar { + border-bottom-width: 0; +} +body + .ck-rounded-corners + .ck.ck-editor__top + .ck-sticky-panel + .ck-sticky-panel__content_sticky + .ck-toolbar, +body + .ck.ck-editor__top + .ck-sticky-panel + .ck-sticky-panel__content_sticky + .ck-toolbar.ck-rounded-corners { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); +} +body + .ck.ck-splitbutton.ck-splitbutton_open + > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), +body + .ck.ck-splitbutton:hover + > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) { + --ck-color-split-button-hover-background: var( + --ck-color-button-default-hover-background + ); +} +body + .ck.ck-splitbutton.ck-splitbutton_open + > .ck-splitbutton__arrow:not(.ck-disabled):after, +body .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after { + --ck-color-split-button-hover-border: var(--border-color); +} +body + [dir="ltr"] + .ck.ck-splitbutton.ck-splitbutton_open + > .ck-splitbutton__action, +body [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ck-content figure, +body .ck-content ol, +body .ck-content p, +body .ck-content ul { + margin-top: var(--spacer); + margin-bottom: var(--spacer); +} +body .ck-content .table table, +body .ck-content .table table td, +body .ck-content .table table th { + border-color: var(--border-color); +} +body .ck-content .table table td, +body .ck-content .table table th { + padding: 0.75rem 1.25rem; +} +body .ck.ck-balloon-panel { + box-shadow: var(--box-shadow); + border: var(--border-width) solid var(--border-color-translucent); +} +body .ck.ck-balloon-panel.ck-toolbar-container:after { + --ck-color-base-foreground: var(--ck-color-toolbar-background); +} +body .ck.ck-balloon-panel.ck-toolbar-container:before { + border-bottom-color: var(--border-color-translucent); +} +body .ck.ck-input-text { + --ck-spacing-extra-tiny: 0.5rem; + --ck-spacing-medium: 0.875rem; + border-width: var(--border-width); + padding-top: calc(0.5rem + var(--body-font-size) * 1.1); +} +body .ck.ck-input-text.ck-input_focused { + --ck-focus-ring: var(--border-width) solid var(--component-active-bg); + --ck-focus-outer-shadow: var(--focus-ring-box-shadow); +} +body + .ck.ck-labeled-field-view + > .ck.ck-labeled-field-view__input-wrapper + > .ck.ck-label { + padding: 0; + -webkit-transform: translate( + calc(0.875rem + var(--border-width)), + calc(0.625rem + var(--border-width)) + ) + scale(0.75); + transform: translate( + calc(0.875rem + var(--border-width)), + calc(0.625rem + var(--border-width)) + ) + scale(0.75); +} +body + [dir="ltr"] + .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty + > .ck.ck-labeled-field-view__input-wrapper + > .ck.ck-label, +body + [dir="ltr"] + .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not( + .ck-labeled-field-view_focused + ):not(.ck-labeled-field-view_placeholder) + > .ck.ck-labeled-field-view__input-wrapper + > .ck.ck-label { + -webkit-transform: translate(0.875rem, calc(var(--body-font-size) * 1.35)) + scale(1); + transform: translate(0.875rem, calc(var(--body-font-size) * 1.35)) scale(1); +} +body + [dir="rtl"] + .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty + > .ck.ck-labeled-field-view__input-wrapper + > .ck.ck-label, +body + [dir="rtl"] + .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not( + .ck-labeled-field-view_focused + ):not(.ck-labeled-field-view_placeholder) + > .ck.ck-labeled-field-view__input-wrapper + > .ck.ck-label { + -webkit-transform: translate(-0.875rem, calc(var(--body-font-size) * 1.35)) + scale(1); + transform: translate(-0.875rem, calc(var(--body-font-size) * 1.35)) scale(1); +} +.document-editor { + --ck-doc-container-bg: rgba(var(--black-rgb), 0.05); + --ck-doc-content-bg: var(--white); + --ck-doc-content-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), + var(--box-shadow); + border: 1px solid var(--border-color); + border-radius: var(--border-radius); + max-height: 700px; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: column nowrap; + flex-flow: column nowrap; +} +[data-color-theme="dark"] .document-editor { + --ck-doc-container-bg: rgba(var(--black-rgb), 0.25); + --ck-doc-content-bg: #2c2d33; +} +.document-editor-container { + padding: 1.25rem; + background-color: var(--ck-doc-container-bg); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + border-bottom-right-radius: calc(var(--border-radius) - 1px); + border-bottom-left-radius: calc(var(--border-radius) - 1px); +} +.document-editor-toolbar { + z-index: 1; + border-bottom: 1px solid var(--border-color); +} +.document-editor-toolbar .ck.ck-toolbar { + border: 0; +} +.document-editor-toolbar .ck.ck-toolbar.ck-rounded-corners { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.document-editor-container .document-editor-editable.ck-editor__editable { + width: 15.8cm; + padding: var(--spacer-4); + margin: 0 auto; + background-color: var(--ck-doc-content-bg); + box-shadow: var(--ck-doc-content-box-shadow); +} +@media (min-width: 768px) { + .document-editor-container .document-editor-editable.ck-editor__editable { + width: 90%; + } +} +@media (min-width: 1200px) { + .document-editor-container .document-editor-editable.ck-editor__editable { + width: 60%; + } +} +.trumbowyg-box { + --tw-min-height: 350px; + --tw-bg: var(--white); + --tw-dropdown-bg: var(--white); + --tw-dropdown-border-width: var(--border-width); + --tw-dropdown-border-color: var(--border-color-translucent); + --tw-dropdown-border-radius: var(--border-radius); + --tw-dropdown-box-shadow: var(--box-shadow-lg); + --tw-dropdown-link-color: var(--body-color); + --tw-dropdown-link-hover-color: var(--body-color); + --tw-dropdown-link-hover-bg: var(--gray-200); + --tw-dropdown-link-active-color: var(--gray-900); + --tw-dropdown-link-active-bg: var(--gray-300); +} +.trumbowyg-box[data-color-theme="dark"], +[data-color-theme="dark"] .trumbowyg-box:not([data-color-theme]), +html[data-color-theme="dark"] .trumbowyg-box { + color-scheme: dark; + --tw-bg: #2c2d33; + --tw-dropdown-bg: #32333a; + --tw-dropdown-border-color: rgba(var(--black-rgb), 0.25); +} +.trumbowyg-box { + position: relative; +} +.trumbowyg-box svg { + fill: var(--body-color); + display: block; + width: var(--icon-font-size); + height: var(--icon-font-size); +} +.trumbowyg-box.trumbowyg-fullscreen { + background: var(--tw-bg); + border-width: 0; +} +#trumbowyg-icons { + overflow: hidden; + visibility: hidden; + height: 0; + width: 0; +} +#trumbowyg-icons svg { + height: 0; + width: 0; +} +.trumbowyg-editor { + position: relative; +} +.trumbowyg-editor[contenteditable="true"]:empty:not(:focus)::before { + content: attr(placeholder); + color: rgba(var(--body-color-rgb), 0.75); + pointer-events: none; +} +.trumbowyg-editor, +.trumbowyg-textarea { + position: relative; + padding: var(--spacer); + min-height: var(--tw-min-height); + width: 100%; + border: 0; + color: var(--body-color); + resize: none; + background-color: transparent; + outline: 0; + overflow: auto; +} +.trumbowyg-box-blur .trumbowyg-editor hr, +.trumbowyg-box-blur .trumbowyg-editor img { + opacity: 0.2; +} +.trumbowyg-textarea { + position: relative; + display: block; + overflow: auto; + border: 0; + white-space: normal; +} +.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { + height: 1px !important; + width: 25%; + min-height: 0 !important; + padding: 0 !important; + background: 0 0; + opacity: 0 !important; +} +.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { + display: block; +} +.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { + display: none; +} +.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { + opacity: 0.65; + background-color: transparent; +} +.trumbowyg-button-pane { + width: 100%; + border-bottom: var(--border-width) solid var(--border-color); + margin: 0; + padding-top: var(--spacer-2); + padding-left: var(--spacer-2); + padding-right: var(--spacer-2); + position: relative; + list-style: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.trumbowyg-button-pane .trumbowyg-button-group { + display: inline-block; + position: relative; + margin-bottom: var(--spacer-2); +} +.trumbowyg-button-pane + .trumbowyg-button-group + + .trumbowyg-button-group:not(.trumbowyg-right) { + margin-left: var(--spacer-2); + padding-left: var(--spacer-2); + border-left: var(--border-width) solid var(--border-color); +} +.trumbowyg-button-pane .trumbowyg-button-group button + button { + margin-left: var(--spacer-1); +} +.trumbowyg-button-pane + .trumbowyg-button-group + .trumbowyg-fullscreen-button + svg { + color: transparent; +} +.trumbowyg-button-pane button { + display: inline-block; + position: relative; + text-align: center; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + padding: var(--spacer-1); + border: var(--border-width) solid transparent; + border-radius: var(--border-radius); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-button-pane button { + transition: none; + } +} +.trumbowyg-button-pane button:focus, +.trumbowyg-button-pane button:hover { + background-color: var(--gray-200); +} +.trumbowyg-button-pane button.trumbowyg-active, +.trumbowyg-button-pane button:active { + background-color: var(--gray-300); +} +.trumbowyg-button-pane.trumbowyg-disable + button:not(.trumbowyg-not-disable):not(.trumbowyg-active), +.trumbowyg-button-pane.trumbowyg-disable + button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button), +.trumbowyg-disabled + .trumbowyg-button-pane + button:not(.trumbowyg-not-disable):not(.trumbowyg-active), +.trumbowyg-disabled + .trumbowyg-button-pane + button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { + opacity: 0.65; + cursor: default; + pointer-events: none; +} +.trumbowyg-button-pane .trumbowyg-open-dropdown { + padding-right: calc(var(--spacer-2) + var(--spacer-1) + 0.3em); +} +.trumbowyg-button-pane .trumbowyg-open-dropdown:after { + content: ""; + display: block; + position: absolute; + top: 50%; + right: calc(var(--spacer-1) + 0.3em); + height: 0; + width: 0; + border: 0.3em solid transparent; + border-top-color: currentcolor; + -webkit-transform: translateY(-25%); + transform: translateY(-25%); +} +.trumbowyg-button-pane .trumbowyg-right { + float: right; +} +.trumbowyg-dropdown { + min-width: 13.75rem; + padding: 0.625rem 0; + background-color: var(--tw-dropdown-bg); + border: var(--tw-dropdown-border-width) solid var(--tw-dropdown-border-color); + margin-top: 0.125rem; + z-index: 1000; + box-shadow: var(--tw-dropdown-box-shadow); + border-radius: var(--tw-dropdown-border-radius); +} +.trumbowyg-dropdown button { + display: block; + width: 100%; + padding: calc(var(--spacer) * 0.4) var(--spacer); + color: var(--tw-dropdown-link-color); + background-color: transparent; + white-space: nowrap; + border: 0; + text-align: inherit; + cursor: pointer; + transition: background-color ease-in-out var(--transition-base-timer), + color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-dropdown button { + transition: none; + } +} +.trumbowyg-dropdown button:focus, +.trumbowyg-dropdown button:hover { + color: var(--tw-dropdown-link-hover-color); + background-color: var(--tw-dropdown-link-hover-bg); +} +.trumbowyg-dropdown button:active { + color: var(--tw-dropdown-link-active-color); + background-color: var(--tw-dropdown-link-active-bg); +} +.trumbowyg-dropdown button svg { + display: inline-block; + vertical-align: middle; + margin-right: var(--spacer); + margin-top: calc((var(--body-font-size) - var(--icon-font-sise)) * 0.5); +} +.trumbowyg-modal { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + max-width: 33rem; + width: 100%; + z-index: 11; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.trumbowyg-modal-box { + --tw-modal-bg: var(--white); + --tw-modal-border-width: var(--border-width); + --tw-modal-border-color: var(--border-color-translucent); + --tw-modal-box-shadow: var(--box-shadow); + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + max-width: 30rem; + width: calc(100% - 3rem); + background-color: var(--tw-modal-bg); + border: var(--tw-modal-border-width) solid var(--tw-modal-border-color); + z-index: 1; + background-clip: padding-box; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-radius: var(--border-radius-lg); + box-shadow: var(--tw-modal-box-shadow); +} +.trumbowyg-modal-box[data-color-theme="dark"], +[data-color-theme="dark"] .trumbowyg-modal-box:not([data-color-theme]), +html[data-color-theme="dark"] .trumbowyg-modal-box { + color-scheme: dark; + --tw-modal-bg: #2c2d33; +} +.trumbowyg-modal-box .trumbowyg-modal-title { + font-size: 1rem; + font-weight: 600; + padding: var(--spacer) var(--spacer); + padding-bottom: 0; + display: block; +} +.trumbowyg-modal-box .trumbowyg-progress { + width: 100%; + height: 0.1875rem; + position: absolute; + top: calc( + var(--spacer-1) * 2 + var(--spacer) * 2 + var(--icon-font-size) + + var(--border-width) + ); +} +.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { + background-color: var(--success); + width: 0; + height: 100%; + transition: width linear var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { + transition: none; + } +} +.trumbowyg-modal-box form { + padding: var(--spacer); + text-align: right; +} +.trumbowyg-modal-box form .trumbowyg-input-infos { + display: block; + text-align: left; + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-modal-box form .trumbowyg-input-infos { + transition: none; + } +} +.trumbowyg-modal-box form .trumbowyg-input-infos label { + display: block; + position: relative; + margin-bottom: var(--spacer-2); +} +@media (min-width: 768px) { + .trumbowyg-modal-box form .trumbowyg-input-infos label { + margin-bottom: 0; + } +} +.trumbowyg-modal-box form .trumbowyg-input-infos span { + display: block; + line-height: var(--body-line-height); +} +@media (min-width: 768px) { + .trumbowyg-modal-box form .trumbowyg-input-infos span { + padding-top: calc(0.5rem + var(--border-width)); + padding-bottom: calc(0.5rem + var(--border-width)); + } +} +.trumbowyg-modal-box form .trumbowyg-input-infos span.trumbowyg-msg-error { + color: var(--danger); + margin-left: 30%; + padding-bottom: 0; +} +.trumbowyg-modal-box form .trumbowyg-input-infos .trumbowyg-input-error input, +.trumbowyg-modal-box + form + .trumbowyg-input-infos + .trumbowyg-input-error + textarea { + border-color: var(--danger); +} +.trumbowyg-modal-box form .trumbowyg-input-html input { + --tw-input-bg: var(--white); + --tw-input-color: var(--body-color); + --tw-input-border-width: var(--border-width); + --tw-input-border-color: var(--gray-400); + --tw-input-focus-bg: var(--white); + --tw-input-focus-border-color: var(--component-active-bg); +} +.trumbowyg-modal-box form .trumbowyg-input-html input[data-color-theme="dark"], +[data-color-theme="dark"] + .trumbowyg-modal-box + form + .trumbowyg-input-html + input:not([data-color-theme]), +html[data-color-theme="dark"] + .trumbowyg-modal-box + form + .trumbowyg-input-html + input { + color-scheme: dark; + --tw-input-bg: #2c2d33; + --tw-input-focus-bg: #2c2d33; +} +.trumbowyg-modal-box form .trumbowyg-input-html input:focus { + outline: 0; +} +.trumbowyg-modal-box + form + .trumbowyg-input-html + input:not([type="checkbox"]):not([type="radio"]) { + padding: 0.5rem 0.875rem; + font-size: var(--body-font-size); + line-height: var(--body-line-height); + color: var(--tw-input-color); + background-color: var(--tw-input-bg); + background-clip: padding-box; + border: var(--tw-input-border-width) solid var(--tw-input-border-color); + width: 100%; + border-radius: var(--border-radius); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-modal-box + form + .trumbowyg-input-html + input:not([type="checkbox"]):not([type="radio"]) { + transition: none; + } +} +.trumbowyg-modal-box + form + .trumbowyg-input-html + input:not([type="checkbox"]):not([type="radio"]):focus { + background-color: var(--tw-input-focus-bg); + border-color: var(--tw-input-focus-border-color); + box-shadow: var(--focus-ring-box-shadow); +} +.trumbowyg-modal-box form .trumbowyg-input-html input[type="checkbox"] { + position: absolute; + left: 30%; + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.trumbowyg-modal-box .trumbowyg-input-row { + margin-bottom: var(--spacer); +} +@media (min-width: 768px) { + .trumbowyg-modal-box .trumbowyg-input-row { + display: grid; + grid-template-columns: 1fr 2fr; + grid-gap: var(--spacer); + } +} +.trumbowyg-modal-box .error { + display: block; + color: var(--danger); +} +.trumbowyg-modal-button { + --btn-padding-x: 0.875rem; + --btn-padding-y: 0.5rem; + --btn-color: #1f2937; + --btn-bg: transparent; + --btn-border-width: var(--border-width); + --btn-border-color: transparent; + --btn-border-radius: var(--border-radius); + --btn-disabled-opacity: 0.65; + --btn-focus-box-shadow: 0 0 0 0.125rem rgba(var(--btn-focus-shadow-rgb), 0.25); + display: inline-block; + text-align: center; + color: var(--btn-color); + padding: var(--btn-padding-y) var(--btn-padding-x); + background-color: var(--btn-bg); + margin-left: var(--spacer-2); + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: var(--btn-border-width) solid var(--btn-border-color); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + border-radius: var(--btn-border-radius); + --btn-color: var(--body-color); + --btn-bg: var(--gray-200); + --btn-border-color: var(--gray-400); + --btn-hover-color: var(--body-color); + --btn-hover-bg: var(--gray-300); + --btn-hover-border-color: var(--gray-500); + --btn-focus-shadow-rgb: 207, 207, 209; + --btn-active-color: var(--body-color); + --btn-active-bg: var(--gray-400); + --btn-active-border-color: var(--gray-600); + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: var(--body-color); + --btn-disabled-bg: var(--gray-200); + --btn-disabled-border-color: var(--gray-400); +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-modal-button { + transition: none; + } +} +.trumbowyg-modal-button:hover { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); +} +.trumbowyg-modal-button:focus { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); + outline: 0; + box-shadow: var(--btn-box-shadow), var(--btn-focus-box-shadow); +} +.trumbowyg-modal-button:active { + color: var(--btn-active-color); + background-color: var(--btn-active-bg); + border-color: var(--btn-active-border-color); +} +.trumbowyg-modal-button:active:focus { + box-shadow: var(--btn-active-shadow), var(--btn-focus-box-shadow); +} +.trumbowyg-modal-button:disabled { + pointer-events: none; + opacity: var(--btn-disabled-opacity); + box-shadow: none; +} +.trumbowyg-modal-button.trumbowyg-modal-submit { + --btn-color: #fff; + --btn-bg: #0c83ff; + --btn-border-color: #0c83ff; + --btn-hover-color: #fff; + --btn-hover-bg: #0b76e6; + --btn-hover-border-color: #0b76e6; + --btn-focus-shadow-rgb: 48, 150, 255; + --btn-active-color: #fff; + --btn-active-bg: #0a6fd9; + --btn-active-border-color: #0a6fd9; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #0c83ff; + --btn-disabled-border-color: #0c83ff; +} +.trumbowyg-overlay { + position: absolute; + background-color: var(--black); + opacity: 0.35; + height: 100%; + width: 100%; + left: 0; + display: none; + top: 0; + z-index: 10; +} +body.trumbowyg-body-fullscreen { + overflow: hidden; +} +.trumbowyg-fullscreen { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + z-index: 99999; +} +.trumbowyg-fullscreen .trumbowyg-editor, +.trumbowyg-fullscreen.trumbowyg-box { + border: 0; + border-radius: 0; +} +.trumbowyg-fullscreen .trumbowyg-editor, +.trumbowyg-fullscreen .trumbowyg-textarea { + height: calc( + 100% - + calc( + var(--spacer-1) * 2 + var(--spacer) * 2 + var(--icon-font-size) + + var(--border-width) + ) + ) !important; + overflow: auto; +} +.trumbowyg-fullscreen .trumbowyg-overlay { + height: 100% !important; +} +.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { + color: var(--body-color); + fill: transparent; +} +.trumbowyg-dropdown-backColor, +.trumbowyg-dropdown-foreColor { + padding: 0.625rem; + width: 15rem; +} +.trumbowyg-dropdown-backColor svg, +.trumbowyg-dropdown-foreColor svg { + display: none !important; +} +.trumbowyg-dropdown-backColor button, +.trumbowyg-dropdown-foreColor button { + display: block; + position: relative; + float: left; + text-indent: -9999px; + border: var(--border-width) solid var(--border-color); + padding: 0; + width: 1.25rem; + height: 1.25rem; + transition: -webkit-transform ease-in-out var(--transition-base-timer); + transition: transform ease-in-out var(--transition-base-timer); + transition: transform ease-in-out var(--transition-base-timer), + -webkit-transform ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .trumbowyg-dropdown-backColor button, + .trumbowyg-dropdown-foreColor button { + transition: none; + } +} +.trumbowyg-dropdown-backColor button:focus, +.trumbowyg-dropdown-backColor button:hover, +.trumbowyg-dropdown-foreColor button:focus, +.trumbowyg-dropdown-foreColor button:hover { + -webkit-transform: scale(1.25); + transform: scale(1.25); + z-index: 10; +} +.ace_editor { + height: 450px; + position: relative; +} +.daterangepicker { + --drp-bg: var(--white); + --drp-padding: 0.9375rem; + --drp-border-width: var(--border-width); + --drp-border-color: var(--border-color-translucent); + --drp-box-shadow: var(--box-shadow-lg); + --drp-border-radius: var(--border-radius); + --drp-item-padding: 0.5rem; + --drp-item-border-radius: var(--border-radius); + --drp-item-hover-bg: var(--gray-300); + --drp-item-hover-color: var(--body-color); + --drp-item-active-bg: var(--primary); + --drp-item-active-color: var(--white); + --drp-item-weekday-color: var(--gray-600); + --drp-item-focusout-color: var(--gray-500); +} +.daterangepicker[data-color-theme="dark"], +[data-color-theme="dark"] .daterangepicker:not([data-color-theme]), +html[data-color-theme="dark"] .daterangepicker { + color-scheme: dark; + --drp-bg: #32333a; + --drp-border-color: rgba(var(--black-rgb), 0.25); +} +.daterangepicker { + position: absolute; + color: inherit; + background-color: var(--drp-bg); + background-clip: padding-box; + border: var(--drp-border-width) solid var(--drp-border-color); + width: auto; + max-width: none; + padding: 0; + margin-top: 0.125rem; + top: 0; + left: 0; + z-index: 1080; + display: none; + border-radius: var(--drp-border-radius); + box-shadow: var(--drp-box-shadow); +} +.daterangepicker.drop-up { + margin-top: -0.625rem; +} +.daterangepicker.single .daterangepicker .ranges, +.daterangepicker.single .drp-calendar { + float: none; +} +.daterangepicker.auto-apply .drp-buttons, +.daterangepicker.single .drp-selected { + display: none; +} +.daterangepicker.show-calendar .drp-calendar { + display: block; +} +.daterangepicker.show-calendar .drp-buttons { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.daterangepicker .drp-calendar { + display: none; +} +.daterangepicker .drp-calendar.left, +.daterangepicker .drp-calendar.right { + padding: var(--drp-padding); +} +.daterangepicker .calendar-table .next, +.daterangepicker .calendar-table .prev { + cursor: pointer; +} +.daterangepicker .calendar-table .next span, +.daterangepicker .calendar-table .prev span { + border: solid var(--body-color); + border-width: 0 0.125rem 0.125rem 0; + border-radius: 0; + display: inline-block; + padding: 0.1875rem; +} +.daterangepicker .calendar-table .next span { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.daterangepicker .calendar-table .prev span { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); +} +.daterangepicker .calendar-table table { + width: 100%; + margin: 0; + border-spacing: 0; + border-collapse: collapse; +} +.daterangepicker th { + font-weight: 400; +} +.daterangepicker th.month { + width: auto; + padding-top: 0; + padding-bottom: 0; + font-size: 1rem; +} +.daterangepicker td, +.daterangepicker th { + white-space: nowrap; + text-align: center; + vertical-align: middle; + padding: var(--drp-item-padding); + min-width: calc( + var(--drp-item-padding) * 2 + var(--body-line-height-computed) + ); + cursor: default; + border-radius: var(--drp-item-border-radius); + transition: color ease-in-out var(--transition-base-timer), + background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .daterangepicker td, + .daterangepicker th { + transition: none; + } +} +.daterangepicker td.available:hover, +.daterangepicker th.available:hover { + background-color: var(--drp-item-hover-bg); + color: var(--drp-item-hover-color); +} +.daterangepicker td.week, +.daterangepicker th.week { + font-size: 80%; + color: var(--drp-item-weekday-color); +} +.daterangepicker td.off, +.daterangepicker td.off.end-date, +.daterangepicker td.off.in-range, +.daterangepicker td.off.start-date { + background-color: transparent; + color: var(--drp-item-focusout-color); +} +.daterangepicker td.in-range { + background-color: var(--drp-item-hover-bg); + color: var(--drp-item-hover-color); + border-radius: 0; +} +.daterangepicker td.start-date { + border-radius: var(--drp-item-border-radius) 0 0 var(--drp-item-border-radius); +} +.daterangepicker td.end-date { + border-radius: 0 var(--drp-item-border-radius) var(--drp-item-border-radius) 0; +} +.daterangepicker td.start-date.end-date { + border-radius: var(--drp-item-border-radius); +} +.daterangepicker td.active:not(.off), +.daterangepicker td.active:not(.off):hover { + background-color: var(--drp-item-active-bg); + color: var(--drp-item-active-color); +} +.daterangepicker option.disabled, +.daterangepicker td.disabled { + opacity: 0.25; +} +.daterangepicker select { + display: inline-block; +} +.daterangepicker select.monthselect, +.daterangepicker select.yearselect { + width: 49%; +} +.daterangepicker select.monthselect { + margin-right: 2%; +} +.daterangepicker .calendar-time { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin: var(--drp-padding) auto 0 auto; + position: relative; +} +.daterangepicker .calendar-time .form-select { + display: inline-block; + width: auto; +} +.daterangepicker .calendar-time .form-select ~ .form-select { + margin-left: var(--spacer-1); +} +.daterangepicker .calendar-time .form-select:first-child { + margin-right: var(--spacer-1); +} +.daterangepicker .drp-buttons { + clear: both; + padding: var(--drp-padding); + border-top: var(--border-width) solid var(--border-color); + display: none; +} +.daterangepicker .drp-buttons .btn { + margin-left: var(--spacer-2); +} +.daterangepicker .drp-selected { + display: inline-block; + margin-right: auto; +} +.daterangepicker .ranges { + float: none; + text-align: left; + margin: 0; + padding: 0.625rem 0; +} +.daterangepicker .ranges:empty { + display: none; +} +.daterangepicker .ranges ul { + list-style: none; + margin: 0 auto; + padding: 0; + width: 100%; +} +.daterangepicker .ranges li { + cursor: pointer; +} +@media (max-width: 575.98px) { + .daterangepicker { + margin-left: var(--spacer); + margin-right: var(--spacer); + } + .daterangepicker.opensleft, + .daterangepicker.opensright { + left: 0 !important; + right: 0 !important; + } + .daterangepicker.opensleft .calendar, + .daterangepicker.opensleft .calendars, + .daterangepicker.opensleft .ranges, + .daterangepicker.opensright .calendar, + .daterangepicker.opensright .calendars, + .daterangepicker.opensright .ranges { + float: none; + } + .daterangepicker .calendar { + margin-left: 0; + margin-right: 0; + } + .daterangepicker .ranges { + width: 100%; + } + .daterangepicker .drp-selected { + width: 100%; + margin-bottom: var(--spacer-2); + } + .daterangepicker.show-calendar.show-ranges .ranges { + border-bottom: var(--border-width) solid var(--border-color); + } + .daterangepicker.show-calendar .drp-buttons { + -ms-flex-pack: center; + justify-content: center; + text-align: center; + } +} +@media (min-width: 576px) { + .daterangepicker.show-ranges.rtl .drp-calendar.right, + .daterangepicker.show-ranges.single.rtl .drp-calendar.left { + border-right: var(--border-width) solid var(--border-color); + } + .daterangepicker.show-ranges.ltr .drp-calendar.left, + .daterangepicker.show-ranges.single.ltr .drp-calendar.left { + border-left: var(--border-width) solid var(--border-color); + } + .daterangepicker .drp-calendar, + .daterangepicker .ranges { + float: left; + } + .daterangepicker .ranges { + min-width: 13.75rem; + } +} +.datepicker { + --dp-bg: var(--white); + --dp-border-width: var(--border-width); + --dp-border-color: var(--border-color-translucent); + --dp-box-shadow: var(--box-shadow-lg); + --dp-border-radius: var(--border-radius); + --dp-item-border-radius: var(--border-radius); + --dp-item-hover-bg: var(--gray-300); + --dp-item-hover-color: var(--body-color); + --dp-item-active-bg: var(--primary); + --dp-item-active-color: var(--white); + --dp-item-weekday-color: var(--gray-600); + --dp-item-focusout-color: var(--gray-500); +} +.datepicker[data-color-theme="dark"], +[data-color-theme="dark"] .datepicker:not([data-color-theme]), +html[data-color-theme="dark"] .datepicker { + color-scheme: dark; + --dp-bg: #32333a; + --dp-border-color: rgba(var(--black-rgb), 0.25); +} +.datepicker { + display: none; +} +.datepicker.active { + display: block; +} +.datepicker-dropdown { + position: absolute; + top: 0; + left: 0; + z-index: 1000; +} +.datepicker-picker { + display: inline-block; + background-color: var(--dp-bg); + background-clip: padding-box; + border: var(--dp-border-width) solid var(--dp-border-color); + border-radius: var(--dp-border-radius); +} +.datepicker-dropdown .datepicker-picker { + box-shadow: var(--dp-box-shadow); +} +.datepicker-inline .datepicker-picker { + border: 0; +} +.datepicker-picker span { + display: block; + -ms-flex: 1; + flex: 1; + border: 0; + cursor: default; + text-align: center; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-radius: var(--dp-item-border-radius); +} +.datepicker-controls, +.datepicker-grid, +.datepicker-view, +.datepicker-view .days-of-week { + display: -ms-flexbox; + display: flex; +} +.datepicker-grid { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.datepicker-inline .datepicker-grid { + width: 100%; +} +.datepicker-inline .datepicker-picker { + display: block; +} +.datepicker-main { + padding: var(--spacer-2); +} +.datepicker-header { + border-bottom: var(--border-width) solid var(--border-color); +} +.datepicker-footer { + box-shadow: inset 0 var(--border-width) 0 var(--border-color); +} +.datepicker-controls .btn { + --btn-color: var(--body-color); + --btn-bg: var(--gray-200); + --btn-border-color: var(--gray-400); + --btn-hover-color: var(--body-color); + --btn-hover-bg: var(--gray-300); + --btn-hover-border-color: var(--gray-500); + --btn-focus-shadow-rgb: 207, 207, 209; + --btn-active-color: var(--body-color); + --btn-active-bg: var(--gray-400); + --btn-active-border-color: var(--gray-600); + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: var(--body-color); + --btn-disabled-bg: var(--gray-200); + --btn-disabled-border-color: var(--gray-400); + background-color: transparent; + border-width: 0; + border-radius: 0; +} +.datepicker-controls .btn, +.datepicker-controls .btn:active, +.datepicker-controls .btn:focus, +.datepicker-controls .btn:hover { + border-color: var(--border-color); +} +.datepicker-controls .btn:focus, +.datepicker-controls .btn:hover { + --btn-hover-color: var(--link-color); +} +.datepicker-controls .btn:active { + --btn-active-color: var(--link-hover-color); +} +.datepicker-controls .btn:active:focus, +.datepicker-controls .btn:focus { + box-shadow: none; +} +.datepicker-footer .datepicker-controls .btn { + margin-top: var(--border-width); + width: 100%; +} +.datepicker-controls .view-switch { + -ms-flex: auto; + flex: auto; + font-weight: 600; +} +.datepicker-controls .next-btn.disabled, +.datepicker-controls .prev-btn.disabled { + opacity: 0; + pointer-events: none; +} +.datepicker-controls .prev-btn { + border-right-width: var(--border-width); + border-top-left-radius: calc( + var(--dp-border-radius) - var(--dp-border-width) + ); +} +.datepicker-controls .next-btn { + border-left-width: var(--border-width); + border-top-right-radius: calc( + var(--dp-border-radius) - var(--dp-border-width) + ); +} +.datepicker-controls .today-btn { + border-bottom-left-radius: calc( + var(--dp-border-radius) - var(--dp-border-width) + ); +} +.datepicker-controls.clear-btn-hidden .today-btn { + border-bottom-right-radius: calc( + var(--dp-border-radius) - var(--dp-border-width) + ); +} +.datepicker-controls .clear-btn { + border-left-width: var(--border-width); + border-bottom-right-radius: calc( + var(--dp-border-radius) - var(--dp-border-width) + ); +} +.datepicker-controls.today-btn-hidden .clear-btn { + border-left: 0; + border-bottom-left-radius: calc( + var(--dp-border-radius) - var(--dp-border-width) + ); +} +.datepicker-title { + box-shadow: inset 0 calc(var(--border-width) * -1) 0 var(--border-color); + padding: var(--spacer-2); + text-align: center; + font-weight: 600; +} +.datepicker-view .days .datepicker-cell, +.datepicker-view .dow { + -ms-flex-preferred-size: 14.28571%; + flex-basis: 14.28571%; +} +.datepicker-view.datepicker-grid .datepicker-cell { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; +} +.datepicker-view .days-of-week { + margin-bottom: var(--spacer-2); +} +.datepicker-view .dow { + color: var(--dp-item-weekday-color); + min-height: var(--body-line-height-computed); +} +.datepicker-view .week { + margin-right: var(--spacer-2); + width: 2.25rem; + color: var(--dp-item-weekday-color); +} +.datepicker-cell, +.datepicker-view .week { + height: calc((0.5rem * 2) + var(--body-line-height-computed)); + line-height: calc((0.5rem * 2) + var(--body-line-height-computed)); +} +.datepicker-grid { + width: calc(((0.5rem * 2) + var(--body-line-height-computed)) * 7); +} +.datepicker-cell { + transition: background-color ease-in-out var(--transition-base-timer), + color ease-in-out var(--transition-base-timer), + border-radius ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .datepicker-cell { + transition: none; + } +} +.datepicker-cell:not(.disabled):hover { + background-color: var(--dp-item-hover-bg); + color: var(--dp-item-hover-color); + cursor: pointer; +} +.datepicker-cell.focused:not(.selected) { + background-color: var(--dp-item-hover-bg); + color: var(--dp-item-hover-color); +} +.datepicker-cell.selected, +.datepicker-cell.selected:hover { + background-color: var(--dp-item-active-bg); + color: var(--dp-item-active-color); +} +.datepicker-cell.disabled { + opacity: 0.25; +} +.datepicker-cell.next:not(.disabled), +.datepicker-cell.prev:not(.disabled) { + color: var(--dp-item-focusout-color); +} +.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { + color: var(--dp-item-active-bg); +} +.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not( + .disabled + ):hover { + color: var(--dp-item-hover-color); +} +.datepicker-cell.today:not(.selected):not(.disabled) { + background-color: var(--dp-item-hover-bg); + color: var(--dp-item-hover-color); +} +.datepicker-cell.range-end:not(.selected), +.datepicker-cell.range-start:not(.selected) { + background-color: var(--dp-item-active-bg); + color: var(--dp-item-active-color); +} +.datepicker-cell.range-start:not(.range-end) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.datepicker-cell.range-end:not(.range-start) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.datepicker-cell.range { + border-radius: 0; + background-color: var(--dp-item-hover-bg); + color: var(--dp-item-hover-color); +} +.datepicker-cell.range.disabled { + opacity: 0.65; +} +.datepicker-view.datepicker-grid .datepicker-cell { + height: 4rem; + line-height: 4rem; +} +.sp-container { + --spectrum-bg: var(--white); + --spectrum-border-width: var(--border-width); + --spectrum-border-color: var(--border-color-translucent); + --spectrum-box-shadow: var(--box-shadow-lg); + --spectrum-border-radius: var(--border-radius); +} +.sp-container[data-color-theme="dark"], +[data-color-theme="dark"] .sp-container:not([data-color-theme]), +html[data-color-theme="dark"] .sp-container { + color-scheme: dark; + --spectrum-bg: #32333a; + --spectrum-border-color: rgba(var(--black-rgb), 0.25); +} +.sp-alpha-inner, +.sp-clear-enabled .sp-clear, +.sp-color, +.sp-hue, +.sp-preview-inner, +.sp-sat, +.sp-thumb-inner, +.sp-top-inner, +.sp-val { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.sp-container.sp-buttons-disabled .sp-button-container, +.sp-container.sp-input-disabled .sp-input-container, +.sp-container.sp-palette-buttons-disabled .sp-palette-button-container, +.sp-initial-disabled .sp-initial, +.sp-palette-disabled .sp-palette-container, +.sp-palette-only .sp-picker-container { + display: none; +} +.sp-hidden { + display: none !important; +} +.sp-cf::after { + display: block; + clear: both; + content: ""; +} +.sp-alpha, +.sp-preview, +.sp-thumb-el { + position: relative; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.sp-alpha-inner, +.sp-preview-inner, +.sp-thumb-inner { + display: block; +} +.sp-container { + position: absolute; + top: 0; + left: 0; + display: inline-block; + z-index: 1000; + background-color: var(--spectrum-bg); + background-clip: padding-box; + border: var(--spectrum-border-width) solid var(--spectrum-border-color); + overflow: hidden; + box-sizing: content-box; + border-radius: var(--spectrum-border-radius); + box-shadow: var(--spectrum-box-shadow); +} +.sp-container.sp-flat { + position: relative; + overflow-x: auto; + max-width: 100%; + white-space: nowrap; + box-shadow: none; +} +.sp-palette-container, +.sp-picker-container { + display: block; + white-space: nowrap; + vertical-align: top; + position: relative; + padding: 0.625rem; +} +@media (min-width: 576px) { + .sp-palette-container, + .sp-picker-container { + display: inline-block; + } +} +.sp-picker-container { + width: 13.75rem; +} +.sp-alpha, +.sp-alpha-handle, +.sp-clear, +.sp-container, +.sp-container button, +.sp-container.sp-dragging .sp-input, +.sp-dragger, +.sp-preview, +.sp-replacer, +.sp-slider { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.sp-top { + position: relative; + width: 100%; + display: block; +} +.sp-color { + right: 20%; + border-radius: var(--border-radius); +} +.sp-hue { + left: 85%; + height: 100%; +} +.sp-clear-enabled .sp-hue { + top: 2.5rem; + height: 75%; +} +.sp-fill { + padding-top: 80%; +} +.sp-alpha-enabled .sp-top { + margin-bottom: 1.625rem; +} +.sp-alpha-enabled .sp-alpha { + display: block; +} +.sp-alpha-handle { + position: absolute; + top: 50%; + width: 0.375rem; + height: 1rem; + left: 100%; + -webkit-transform: translate(-25%, -50%); + transform: translate(-25%, -50%); + cursor: ew-resize; + border: var(--border-width) solid var(--border-color-translucent); + background-color: var(--white); + background-clip: content-box; + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); +} +.sp-alpha { + display: none; + position: absolute; + bottom: -1rem; + right: 0; + left: 0; + height: 0.375rem; +} +.sp-clear { + display: none; +} +.sp-clear-display { + cursor: pointer; +} +.sp-clear-display:after { + content: "\f267"; + display: block; + font-family: var(--icon-font-family); + font-size: var(--icon-font-size); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.sp-initial .sp-clear-display:after, +.sp-preview .sp-clear-display:after { + content: none; +} +.sp-clear-enabled .sp-clear { + display: block; + left: 85%; + height: calc(var(--icon-font-size) + var(--spacer-1) * 2); + text-align: center; + box-shadow: 0 0 0 var(--border-width) var(--border-color) inset; + border-radius: var(--border-radius); +} +.sp-input-container { + margin-top: var(--spacer-2); +} +.sp-initial { + margin-top: var(--spacer-2); +} +.sp-initial span { + width: 50%; + height: var(--body-line-height-computed); + display: block; + float: left; +} +.sp-initial span .sp-thumb-inner { + height: 100%; + width: 100%; + display: block; +} +.sp-initial .sp-thumb-el:first-child, +.sp-initial .sp-thumb-el:first-child .sp-thumb-inner { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} +.sp-initial .sp-thumb-el:last-child, +.sp-initial .sp-thumb-el:last-child .sp-thumb-inner { + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); +} +.sp-dragger { + border: var(--border-width) solid var(--white); + background-color: var(--black); + cursor: pointer; + position: absolute; + top: 0; + left: 0; + width: 0.5rem; + height: 0.5rem; + -webkit-transform: translate(0.125rem, 0.125rem); + transform: translate(0.125rem, 0.125rem); + border-radius: var(--border-radius-pill); +} +.sp-slider { + position: absolute; + top: 0; + cursor: ns-resize; + height: 0.375rem; + left: -0.1875rem; + right: -0.1875rem; + -webkit-transform: translateY(0.0625rem); + transform: translateY(0.0625rem); + border: var(--border-width) solid var(--border-color-translucent); + background-color: var(--white); + background-clip: content-box; + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); +} +.sp-replacer { + padding: 0.375rem 0.5rem; +} +.sp-replacer.sp-active { + color: var(--btn-active-color); + background-color: var(--btn-active-bg); + border-color: var(--btn-active-border-color); +} +.sp-replacer.sp-disabled { + pointer-events: none; + opacity: 0.65; +} +.sp-preview { + position: relative; + width: calc(var(--body-line-height-computed) + (0.5rem * 0.5)); + height: calc(var(--body-line-height-computed) + (0.5rem * 0.5)); + float: left; + z-index: 0; +} +.sp-preview, +.sp-preview .sp-preview-inner { + border-radius: var(--border-radius); +} +.sp-preview .sp-clear-display, +.sp-preview .sp-preview-inner { + border: var(--border-width) solid var(--border-color-translucent); +} +.sp-dd { + float: left; + font-size: 0; + position: relative; + margin-left: var(--spacer-1); +} +.sp-dd:after { + content: "\f31a"; + display: block; + font-family: var(--icon-font-family); + font-size: var(--icon-font-size); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.sp-hue, +.sp-sat, +.sp-val { + border-radius: var(--border-radius); +} +.sp-sat { + background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); +} +.sp-val { + background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); +} +.sp-hue { + background: linear-gradient( + to bottom, + red 0, + #ff0 17%, + #0f0 33%, + #0ff 50%, + #00f 67%, + #f0f 83%, + red 100% + ); +} +.sp-1 { + height: 17%; +} +.sp-2 { + height: 16%; +} +.sp-3 { + height: 17%; +} +.sp-4 { + height: 17%; +} +.sp-5 { + height: 16%; +} +.sp-6 { + height: 17%; +} +.sp-palette { + max-width: 13.75rem; +} +.sp-thumb-el { + position: relative; +} +.sp-palette .sp-thumb-el { + display: inline-block; + cursor: pointer; +} +.sp-thumb-el .sp-thumb-inner { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + box-shadow: 0 0 0 var(--border-width) rgba(var(--black-rgb), 0.15) inset; + transition: box-shadow ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .sp-thumb-el .sp-thumb-inner { + transition: none; + } +} +.sp-thumb-el .sp-thumb-inner:hover { + box-shadow: 0 0 0 var(--border-width) rgba(var(--black-rgb), 0.75) inset; +} +.sp-palette .sp-thumb-el { + width: 1rem; + height: 1rem; +} +.sp-palette .sp-thumb-el + .sp-thumb-el { + margin-left: var(--spacer-1); +} +.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, +.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { + content: "\f0e7"; + font-family: var(--icon-font-family); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after { + color: var(--white); +} +.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { + color: var(--black); +} +.sp-palette-row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.sp-palette-row + .sp-palette-row { + margin-top: var(--spacer-1); +} +.sp-palette-row:empty { + margin-top: 0; +} +.sp-cancel, +.sp-choose, +.sp-palette-toggle { + float: left; + width: 48%; + cursor: pointer; +} +.sp-button-container, +.sp-palette-button-container { + margin-top: calc(var(--spacer) * 0.5); + text-align: center; +} +.sp-cancel, +.sp-palette-toggle { + margin-right: 4%; +} +.sp-palette-toggle { + margin-right: 0; + width: auto; + float: none; +} +.plupload_wrapper { + --plu-max-height: 250px; + --plu-border-width: calc(var(--border-width) * 2); + --plu-border-style: dashed; + --plu-border-color: var(--border-color); + --plu-header-bg: var(--dark); + --plu-header-color: var(--white); + --plu-placeholder-color: var(--gray-500); + border: var(--plu-border-width) var(--plu-border-style) + var(--plu-border-color); + border-radius: var(--border-radius); +} +.plupload_delete a:after, +.plupload_done a:after, +.plupload_failed a:after, +.plupload_file_action:after, +.plupload_filelist li.plupload_droptext:before, +.plupload_filelist:empty:before, +.plupload_header:after { + font-family: var(--icon-font-family); + display: block; + font-size: var(--icon-font-size); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.plupload_header { + display: none; + position: relative; + background-color: var(--plu-header-bg); + color: var(--plu-header-color); + margin: calc(var(--plu-border-width) * -1) calc(var(--plu-border-width) * -1) + 0 calc(var(--plu-border-width) * -1); + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); +} +.plupload_header:after { + content: "\f358"; + font-size: calc(var(--icon-font-size) * 2); + position: absolute; + top: 50%; + left: var(--spacer); + margin-top: calc(var(--icon-font-size) * -1); +} +.plupload_header_content { + padding: var(--spacer); + padding-left: calc(var(--spacer) * 2 + var(--icon-font-size) * 2); +} +.plupload_header_title { + font-size: 1rem; + font-weight: 600; +} +.plupload_header_text { + font-size: var(--body-font-size-sm); + line-height: var(--body-line-height-sm); +} +.plupload_clear, +.plupload_clearer { + clear: both; +} +.plupload_clearer, +.plupload_progress_bar { + display: block; + font-size: 0; + line-height: 0; +} +.plupload_button { + --btn-padding-x: 0.875rem; + --btn-padding-y: 0.5rem; + --btn-font-size: var(--body-font-size); + --btn-font-weight: 400; + --btn-line-height: var(--body-line-height); + --btn-border-width: var(--border-width); + --btn-box-shadow: 0 0 0 0 transparent; + --btn-disabled-opacity: 0.65; + --btn-border-radius: var(--border-radius); + --btn-focus-box-shadow: 0 0 0 0.125rem rgba(var(--btn-focus-shadow-rgb), 0.25); + display: inline-block; + font-family: var(--btn-font-family); + font-size: var(--btn-font-size); + font-weight: var(--btn-font-weight); + line-height: var(--btn-line-height); + padding: var(--btn-padding-y) var(--btn-padding-x); + color: var(--btn-color); + border: var(--btn-border-width) solid var(--btn-border-color); + border-radius: var(--btn-border-radius); + background-color: var(--btn-bg); + box-shadow: var(--btn-box-shadow); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .plupload_button { + transition: none; + } +} +.plupload_button:hover { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); +} +.plupload_button:focus { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); + outline: 0; + box-shadow: var(--btn-box-shadow), var(--btn-focus-box-shadow); +} +.plupload_button:active { + color: var(--btn-active-color); + background-color: var(--btn-active-bg); + border-color: var(--btn-active-border-color); + box-shadow: var(--btn-active-shadow); +} +.plupload_button:active:focus { + box-shadow: var(--btn-active-shadow), var(--btn-focus-box-shadow); +} +.plupload_button:not(:last-child) { + margin-right: var(--spacer-2); +} +.plupload_add { + --btn-color: var(--body-color); + --btn-bg: var(--gray-200); + --btn-border-color: var(--gray-400); + --btn-hover-color: var(--body-color); + --btn-hover-bg: var(--gray-300); + --btn-hover-border-color: var(--gray-500); + --btn-focus-shadow-rgb: 207, 207, 209; + --btn-active-color: var(--body-color); + --btn-active-bg: var(--gray-400); + --btn-active-border-color: var(--gray-600); + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: var(--body-color); + --btn-disabled-bg: var(--gray-200); + --btn-disabled-border-color: var(--gray-400); +} +.plupload_start { + --btn-color: #fff; + --btn-bg: #0c83ff; + --btn-border-color: #0c83ff; + --btn-hover-color: #fff; + --btn-hover-bg: #0b76e6; + --btn-hover-border-color: #0b76e6; + --btn-focus-shadow-rgb: 48, 150, 255; + --btn-active-color: #fff; + --btn-active-bg: #0a6fd9; + --btn-active-border-color: #0a6fd9; + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: #fff; + --btn-disabled-bg: #0c83ff; + --btn-disabled-border-color: #0c83ff; +} +a.plupload_disabled { + pointer-events: none; + opacity: var(--btn-disabled-opacity); +} +.plupload_filelist { + position: relative; + margin: 0; + padding: 0; + list-style: none; +} +.plupload_scroll .plupload_filelist { + height: var(--plu-max-height); + overflow-y: auto; +} +.plupload_filelist li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: var(--spacer-2) var(--spacer); + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .plupload_filelist li { + transition: none; + } +} +.plupload_filelist li:hover { + background-color: var(--gray-200); +} +.plupload_filelist li .plupload_file_name { + margin-right: auto; +} +.plupload_filelist li .plupload_file_action { + -ms-flex-order: 12; + order: 12; +} +.plupload_filelist li .plupload_file_status { + -ms-flex-order: 11; + order: 11; +} +.plupload_filelist li .plupload_file_size { + -ms-flex-order: 10; + order: 10; +} +.plupload_filelist li.plupload_droptext, +.plupload_filelist:empty { + background-color: transparent; + font-size: 0; + color: var(--plu-placeholder-color); +} +.plupload_filelist li.plupload_droptext:before, +.plupload_filelist:empty:before { + content: "\f358"; + font-size: calc(var(--icon-font-size) * 5); + position: absolute; + top: 50%; + left: 50%; + margin-top: calc(var(--spacer) * -1); + z-index: 2; + text-indent: 0; + font-weight: 400; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.plupload_filelist li.plupload_droptext:after, +.plupload_filelist:empty:after { + content: "Drag files to upload"; + font-size: 1.125rem; + position: absolute; + top: 50%; + left: 50%; + margin-top: calc(var(--icon-font-size) * 2.5 + var(--spacer)); + text-indent: 0; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.plupload_filelist:empty:after { + content: "Add files to upload"; +} +@media (max-width: 575.98px) { + .plupload_filelist { + padding: calc(var(--spacer) * 0.5) 0; + } + .plupload_filelist li .plupload_file_size { + display: none; + } +} +.plupload_filelist_header { + padding: var(--spacer); +} +.plupload_filelist_header .plupload_file_action, +.plupload_filelist_header .plupload_file_name, +.plupload_filelist_header .plupload_file_size, +.plupload_filelist_header .plupload_file_status { + font-weight: 600; +} +@media (max-width: 575.98px) { + .plupload_filelist_header { + display: none; + } +} +.plupload_filelist_footer { + padding: var(--spacer); +} +.plupload_filelist_footer .plupload_file_size, +.plupload_filelist_footer .plupload_file_status, +.plupload_filelist_footer .plupload_upload_status { + font-weight: 600; +} +@media (max-width: 575.98px) { + .plupload_filelist_footer { + text-align: center; + } + .plupload_filelist_footer .plupload_file_action, + .plupload_filelist_footer .plupload_file_size, + .plupload_filelist_footer .plupload_file_status { + display: none; + } + .plupload_filelist_footer .plupload_progress { + margin: auto; + } +} +@media (min-width: 576px) { + .plupload_filelist_footer, + .plupload_filelist_header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } + .plupload_filelist_footer .plupload_file_name, + .plupload_filelist_header .plupload_file_name { + margin-right: auto; + } + .plupload_filelist_footer .plupload_file_action, + .plupload_filelist_header .plupload_file_action { + -ms-flex-order: 12; + order: 12; + } + .plupload_filelist_footer .plupload_file_status, + .plupload_filelist_header .plupload_file_status { + -ms-flex-order: 11; + order: 11; + } + .plupload_filelist_footer .plupload_file_size, + .plupload_filelist_header .plupload_file_size { + -ms-flex-order: 10; + order: 10; + } +} +.plupload_file_action { + margin-left: var(--spacer-4); + line-height: 1; + font-size: 0; + text-align: right; +} +.plupload_file_action * { + display: none; +} +.plupload_file_action:after { + content: "\f3ab"; +} +.plupload_filelist .plupload_file_action:after { + content: none; +} +.plupload_delete .plupload_file_action > a { + color: var(--body-color); + line-height: 1; + opacity: 0.5; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .plupload_delete .plupload_file_action > a { + transition: none; + } +} +.plupload_delete .plupload_file_action > a:hover { + opacity: 1; +} +.plupload_uploading { + background-color: rgba(var(--success-rgb), 0.1); +} +.plupload_delete a:after { + content: "\f642"; +} +.plupload_failed a { + color: var(--вфтпук); + cursor: default; +} +.plupload_failed a:after { + content: "\f62d"; +} +.plupload_done { + color: var(--gray-600); +} +.plupload_done a { + color: var(--success); + cursor: default; +} +.plupload_done a:after { + content: "\f33f"; +} +.plupload_progress, +.plupload_upload_status { + display: none; +} +.plupload_progress_container { + background-color: rgba(var(--body-color-rgb), 0.1); + border-radius: var(--border-radius); +} +.plupload_progress_bar { + width: 0; + height: 0.25rem; + background: var(--success); + border-radius: var(--border-radius); +} +.plupload_file_size, +.plupload_file_status, +.plupload_progress { + width: 5rem; + text-align: right; +} +.file-input { + --fi-preview-border: calc(var(--border-width) * 2) dashed var(--border-color); + --fi-preview-spacer: 0.5rem; + --fi-preview-thumb-width: 10rem; + --fi-preview-thumb-height: 10rem; + --fi-preview-progress-height: 0.375rem; + --fi-placeholder-color: var(--gray-500); +} +.btn-file { + position: relative; + overflow: hidden; +} +.btn-file input[type="file"] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + text-align: right; + opacity: 0; + background: none repeat scroll 0 0 transparent; + cursor: inherit; + display: block; + visibility: visible; +} +.file-error-message { + position: relative; + background-color: rgba(var(--danger-rgb), 0.1); + color: var(--danger); + text-align: center; + padding: calc(var(--spacer) * 0.8) var(--spacer); + margin: var(--fi-preview-spacer); + margin-top: 0; + border-radius: var(--border-radius); +} +.file-drop-zone .file-error-message { + margin-top: var(--spacer-2); +} +.file-error-message pre { + margin-top: var(--spacer-2); + text-align: left; +} +.file-error-message ul { + list-style: none; + padding: 0; + margin: 0; +} +.file-caption-disabled { + pointer-events: none; +} +.file-preview-detail-modal { + text-align: left; +} +.file-preview { + border: var(--fi-preview-border); + width: 100%; + margin-bottom: var(--spacer); + position: relative; + text-align: center; + border-radius: var(--border-radius); +} +.file-preview .btn-close { + position: absolute; + top: var(--fi-preview-spacer); + right: var(--fi-preview-spacer); + z-index: 2; +} +.file-preview .btn-close[data-color-theme="dark"], +[data-color-theme="dark"] .file-preview .btn-close:not([data-color-theme]), +html[data-color-theme="dark"] .file-preview .btn-close { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.file-preview .kv-zoom-cache { + display: none; +} +.file-preview-thumbnails { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +@media (max-width: 575.98px) { + .file-preview-thumbnails { + -ms-flex-pack: center; + justify-content: center; + } +} +.file-preview-frame { + margin: var(--fi-preview-spacer); + margin-right: 0; + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); +} +.file-preview-frame .kv-file-content { + position: relative; + height: var(--fi-preview-thumb-height); +} +.kv-file-content .file-preview-image { + border-top-left-radius: calc(var(--border-radius) - var(--border-width)); + border-top-right-radius: calc(var(--border-radius) - var(--border-width)); +} +.file-thumbnail-footer { + position: relative; + background-color: var(--gray-100); + border-top: var(--border-width) solid var(--border-color); + border-bottom-right-radius: calc(var(--border-radius) - var(--border-width)); + border-bottom-left-radius: calc(var(--border-radius) - var(--border-width)); +} +.file-preview-text { + color: var(--link-color); + border: 0; + overflow-x: hidden; +} +.file-preview-other { + width: var(--fi-preview-thumb-width); +} +.file-preview-other:after { + content: "\f358"; + font-family: var(--icon-font-family); + line-height: 1; + position: absolute; + top: 50%; + left: 50%; + font-size: calc(var(--icon-font-size) * 4); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.file-preview-status { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: var(--gray-100); + border-top: var(--border-width) solid var(--border-color); + padding: var(--spacer-2) var(--spacer); + z-index: 1080; + border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} +.file-preview-status:empty { + padding: 0; + background-color: transparent; + border: 0; +} +.file-thumb-loading { + position: relative; +} +.file-thumb-loading:after, +.file-uploading:after { + content: "\f5a7"; + font-family: var(--icon-font-family); + display: inline-block; + position: absolute; + top: var(--fi-preview-spacer); + right: calc(var(--spacer-4) + var(--fi-preview-spacer)); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: var(--icon-font-size); + line-height: 1; + z-index: 1080; + -webkit-animation: rotation 1s linear infinite; + animation: rotation 1s linear infinite; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.file-thumb-loading:after { + top: var(--spacer); + right: var(--spacer); +} +.file-upload-indicator { + cursor: default; + float: left; + padding: var(--spacer-2); + line-height: 1; +} +.file-input-new .close, +.file-input-new .file-preview, +.file-input-new .fileinput-remove-button, +.file-input-new .fileinput-upload-button, +.file-input-new .glyphicon-file { + display: none; +} +.file-input-ajax-new .close, +.file-input-ajax-new .fileinput-remove-button, +.file-input-ajax-new .fileinput-upload-button { + display: none; +} +.file-caption-icon, +.file-zoom-dialog .modal-header:after, +.file-zoom-dialog .modal-header:before, +.hide-content .kv-file-content, +.kv-hidden { + display: none; +} +.file-footer-buttons { + float: right; +} +.file-footer-buttons button { + padding: var(--spacer-2); + background-color: transparent; + color: var(--body-color); + border: 0; + line-height: 1; + cursor: pointer; + opacity: 0.8; + outline: 0; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .file-footer-buttons button { + transition: none; + } +} +.file-footer-buttons button:hover { + opacity: 1; +} +.file-footer-caption { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: var(--spacer-2); + border-bottom: var(--border-width) solid var(--border-color); +} +.file-size-info samp { + font-size: var(--body-font-size-sm); +} +.file-drop-zone { + height: 100%; + vertical-align: middle; + padding: var(--fi-preview-spacer); + border-radius: var(--border-radius); +} +.file-drop-zone-title { + font-size: 1.25rem; + font-weight: 300; + color: var(--fi-placeholder-color); + padding: 5rem; +} +.clickable .file-drop-zone-title { + cursor: pointer; +} +.clickable .file-drop-zone-title:focus, +.clickable .file-drop-zone-title:hover { + opacity: 1; + background-color: var(--gray-100); +} +.kv-upload-progress { + margin-bottom: var(--spacer); +} +.file-thumb-progress { + position: absolute; + top: calc(var(--fi-preview-progress-height) * -1); + left: 0; + right: 0; +} +.file-thumb-progress .progress, +.file-thumb-progress .progress-bar { + height: var(--fi-preview-progress-height); + border-radius: 0; + font-size: 0; +} +.btn-file ::-ms-browse { + width: 100%; + height: 100%; +} +.file-zoom-fullscreen .modal-dialog { + position: fixed; + margin: 0; + width: 100%; + height: 100%; + padding: 0; + max-width: 100%; +} +.file-zoom-fullscreen .modal-content { + border-radius: 0; +} +.file-zoom-fullscreen .modal-body { + overflow-y: auto; +} +.file-zoom-dialog .btn-navigate { + position: absolute; + top: 50%; + padding: 0; + border: 0; + background-color: transparent; + outline: 0; + color: var(--white); + opacity: 0.7; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .file-zoom-dialog .btn-navigate { + transition: none; + } +} +.file-zoom-dialog .btn-navigate > i { + display: block; + font-size: calc(var(--icon-font-size) * 2); +} +.file-zoom-dialog .btn-navigate:not([disabled]):focus, +.file-zoom-dialog .btn-navigate:not([disabled]):hover { + outline: 0; + box-shadow: none !important; + opacity: 1; +} +.file-zoom-dialog .btn-navigate[disabled] { + opacity: 0.3; +} +.file-zoom-dialog .btn-kv-prev { + left: calc((var(--icon-font-size) * 2 + var(--spacer)) * -1); +} +.file-zoom-dialog .btn-kv-next { + right: calc((var(--icon-font-size) * 2 + var(--spacer)) * -1); +} +.file-zoom-dialog .floating-buttons { + position: absolute; + top: var(--spacer); + right: var(--spacer); +} +.file-zoom-dialog .floating-buttons .btn + .btn, +.file-zoom-dialog .kv-zoom-actions .btn + .btn { + margin-left: var(--spacer-2); +} +.file-zoom-content { + text-align: center; +} +.file-drag-handle { + cursor: move; + float: left; + line-height: 1; + opacity: 0.6; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .file-drag-handle { + transition: none; + } +} +.file-drag-handle:hover { + opacity: 1; +} +.file-drag-handle i { + top: 0; +} +.dropzone { + --dz-min-height: 18rem; + --dz-border-width: calc(var(--border-width) * 2); + --dz-border-style: dashed; + --dz-border-color: var(--border-color); + --dz-placeholder-color: var(--gray-500); + --dz-spacer: 0.3125rem; + --dz-drag-bg: var(--gray-200); + --dz-drag-color: var(--gray-400); + --dz-drag-border-color: var(--gray-600); + --dz-preview-spacer: 0.5rem; + --dz-preview-width: 10rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; + border: var(--dz-border-width) var(--dz-border-style) var(--dz-border-color); + min-height: var(--dz-min-height); + padding: var(--dz-spacer); + border-radius: var(--border-radius); +} +.dropzone.dz-clickable * { + cursor: default; +} +.dropzone.dz-clickable, +.dropzone.dz-clickable .dz-message, +.dropzone.dz-clickable .dz-message * { + cursor: pointer; +} +.dropzone .dz-message { + opacity: 1; +} +.dropzone .dz-message .dz-button { + background: 0 0; + color: inherit; + border: none; + padding: 0; + font: inherit; + cursor: pointer; + outline: inherit; +} +.dropzone.dz-started .dz-message { + display: none; +} +.dropzone.dz-drag-hover { + border-color: var(--dz-drag-border-color); + background-color: var(--dz-drag-bg); + color: var(--dz-drag-color); +} +.dropzone .dz-default.dz-message { + width: 100%; + -ms-flex-item-align: center; + align-self: center; + text-align: center; + opacity: 1; + color: var(--dz-placeholder-color); + border-radius: var(--border-radius); + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-default.dz-message { + transition: none; + } +} +.dropzone .dz-default.dz-message:before { + content: "\f358"; + font-family: var(--icon-font-family); + font-size: calc(var(--icon-font-size) * 4); + display: block; + margin-bottom: var(--spacer-2); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.dropzone.dz-drag-hover .dz-message { + opacity: 0.75; +} +.dropzone .dz-preview { + position: relative; + -ms-flex-item-align: start; + align-self: flex-start; + display: inline-block; + margin: var(--dz-preview-spacer); + padding: var(--dz-preview-spacer); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); +} +.dropzone .dz-preview .dz-details { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + position: absolute; + top: 0; + left: 0; + opacity: 0; + width: 100%; + height: 100%; + padding: var(--dz-preview-spacer); + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-preview .dz-details { + transition: none; + } +} +.dropzone .dz-preview:hover .dz-details { + opacity: 1; +} +.dropzone .dz-preview:hover .dz-image img { + -webkit-filter: blur(8px); + filter: blur(8px); + opacity: 0.5; +} +.dropzone .dz-preview.dz-error:hover .dz-details { + display: none; +} +.dropzone .dz-preview .dz-error-mark, +.dropzone .dz-preview .dz-success-mark { + display: none; + position: absolute; + z-index: 9; + top: calc(var(--icon-font-size) * 0.5 * -1); + right: calc(var(--icon-font-size) * 0.5 * -1); + padding: calc(var(--spacer-1) * 0.5); + background-color: var(--white); + border-radius: var(--border-radius-pill); +} +.dropzone .dz-preview .dz-error-mark[data-color-theme="dark"], +.dropzone .dz-preview .dz-success-mark[data-color-theme="dark"], +[data-color-theme="dark"] + .dropzone + .dz-preview + .dz-error-mark:not([data-color-theme]), +[data-color-theme="dark"] + .dropzone + .dz-preview + .dz-success-mark:not([data-color-theme]), +html[data-color-theme="dark"] .dropzone .dz-preview .dz-error-mark, +html[data-color-theme="dark"] .dropzone .dz-preview .dz-success-mark { + color-scheme: dark; + background-color: #2c2d33; +} +.dropzone .dz-preview .dz-error-mark:after, +.dropzone .dz-preview .dz-success-mark:after { + font-family: var(--icon-font-family); + display: block; + font-size: var(--icon-font-size); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.dropzone .dz-preview .dz-error-mark span, +.dropzone .dz-preview .dz-error-mark svg, +.dropzone .dz-preview .dz-success-mark span, +.dropzone .dz-preview .dz-success-mark svg { + display: none; +} +.dropzone .dz-preview .dz-error-mark { + color: var(--danger); +} +.dropzone .dz-preview .dz-error-mark:after { + content: "\f62d"; +} +.dropzone .dz-preview .dz-success-mark { + color: var(--success); +} +.dropzone .dz-preview .dz-success-mark:after { + content: "\f33f"; +} +.dropzone .dz-preview.dz-error .dz-error-mark, +.dropzone .dz-preview.dz-success .dz-success-mark { + display: block; + opacity: 1; +} +.dropzone .dz-preview .dz-progress { + position: absolute; + bottom: var(--dz-preview-spacer); + left: var(--dz-preview-spacer); + right: var(--dz-preview-spacer); + height: calc(var(--dz-preview-spacer) * 0.5); + display: none; +} +.dropzone .dz-preview .dz-progress .dz-upload { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 0%; + height: 100%; + background-color: var(--success); + transition: width ease-in-out var(--transition-base-timer); + border-radius: var(--border-radius); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-preview .dz-progress .dz-upload { + transition: none; + } +} +.dropzone .dz-preview.dz-processing .dz-progress { + display: block; +} +.dropzone .dz-preview.dz-success .dz-progress { + display: block; + opacity: 0; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-preview.dz-success .dz-progress { + transition: none; + } +} +.dropzone .dz-preview .dz-error-message { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + position: absolute; + top: 0; + left: 0; + padding: var(--dz-preview-spacer); + width: 100%; + height: 100%; + opacity: 0; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-preview .dz-error-message { + transition: none; + } +} +.dropzone .dz-preview.dz-error:hover .dz-error-message { + opacity: 1; +} +.dropzone .dz-preview.dz-error .dz-progress .dz-upload { + background-color: var(--danger); +} +.dropzone .dz-preview.dz-image-preview:hover .dz-details img { + display: block; + opacity: 0.1; +} +.dropzone .dz-preview .dz-image { + width: var(--dz-preview-width); + height: var(--dz-preview-width); + overflow: hidden; + border-radius: calc(var(--border-radius) - var(--border-width)); +} +.dropzone .dz-preview .dz-image img { + width: 100%; + transition: opacity ease-in-out var(--transition-base-timer), + -webkit-filter ease-in-out var(--transition-base-timer); + transition: opacity ease-in-out var(--transition-base-timer), + filter ease-in-out var(--transition-base-timer); + transition: opacity ease-in-out var(--transition-base-timer), + filter ease-in-out var(--transition-base-timer), + -webkit-filter ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-preview .dz-image img { + transition: none; + } +} +.dropzone .dz-preview a.dz-remove { + position: relative; + margin-top: var(--dz-preview-spacer); + color: var(--body-color); + background-color: var(--gray-200); + border: var(--border-width) solid var(--gray-400); + display: block; + text-align: center; + padding: var(--spacer-1) var(--spacer-2); + cursor: pointer; + z-index: 21; + transition: background-color ease-in-out var(--transition-base-timer); + border-radius: var(--border-radius); +} +@media (prefers-reduced-motion: reduce) { + .dropzone .dz-preview a.dz-remove { + transition: none; + } +} +.dropzone .dz-preview a.dz-remove:focus, +.dropzone .dz-preview a.dz-remove:hover { + color: var(--body-color); + border-color: var(--gray-500); + background-color: var(--gray-300); +} +.dropzone .dz-preview a.dz-remove:active { + color: var(--body-color); + border-color: var(--gray-600); + background-color: var(--gray-400); +} +.noty_layout { + --noty-spacer-y: 0.25rem; + --noty-gutter-y: var(--spacer); + --noty-gutter-x: var(--spacer); + --noty-padding-y: calc(var(--spacer) * 0.8); + --noty-padding-x: var(--spacer); + --noty-width: 20rem; + --noty-bg: var(--black); + --noty-color: var(--white); + --noty-border-width: var(--border-width); + --noty-border-color: transparent; + --noty-progress-height: 0.1875rem; + --noty-progress-bg: rgba(var(--black-rgb), 0.25); + --noty-shadow: var(--box-shadow-lg); + --noty-border-radius: var(--border-radius); +} +.noty_layout[data-color-theme="dark"], +[data-color-theme="dark"] .noty_layout:not([data-color-theme]), +html[data-color-theme="dark"] .noty_layout { + color-scheme: dark; + --noty-bg: #494c55; +} +.noty_bar { + position: relative; + border: var(--noty-border-width) solid var(--noty-border-color); + -webkit-backface-visibility: hidden; + background-color: var(--noty-bg); + color: var(--noty-color); + -webkit-transform: translate(0, 0) scale(1, 1); + transform: translate(0, 0) scale(1, 1); + -webkit-font-smoothing: subpixel-antialiased; + box-shadow: var(--noty-shadow); + border-radius: var(--noty-border-radius); +} +.noty_body { + padding: var(--noty-padding-y) var(--noty-padding-x); +} +.noty_close_with_button .noty_body { + padding-right: calc(var(--noty-padding-x) * 2); +} +.noty_buttons { + padding: var(--noty-padding-y) var(--noty-padding-x); + padding-top: 0; + text-align: right; +} +#noty_layout__bottom, +#noty_layout__bottomCenter, +#noty_layout__bottomLeft, +#noty_layout__bottomRight, +#noty_layout__center, +#noty_layout__centerLeft, +#noty_layout__centerRight, +#noty_layout__top, +#noty_layout__topCenter, +#noty_layout__topLeft, +#noty_layout__topRight, +.noty_layout_mixin { + position: fixed; + margin: 0; + padding: 0; + z-index: 1055; + -webkit-transform: translateZ(0) scale(1, 1); + transform: translateZ(0) scale(1, 1); + -webkit-filter: blur(0); + filter: blur(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-font-smoothing: subpixel-antialiased; + max-width: 90%; +} +#noty_layout__top { + top: 0; + left: 5%; + width: 90%; +} +#noty_layout__top .noty_bar:first-child { + margin-top: var(--noty-gutter-y); +} +#noty_layout__topLeft { + top: var(--noty-gutter-y); + left: var(--noty-gutter-x); + width: var(--noty-width); +} +#noty_layout__topCenter { + top: 5%; + left: 50%; + width: var(--noty-width); + -webkit-transform: translate(-50%) translateZ(0) scale(1, 1); + transform: translate(-50%) translateZ(0) scale(1, 1); +} +#noty_layout__topRight { + top: var(--noty-gutter-y); + right: var(--noty-gutter-x); + width: var(--noty-width); +} +#noty_layout__center { + top: 50%; + left: 50%; + width: var(--noty-width); + -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); + transform: translate(-50%, -50%) translateZ(0) scale(1, 1); +} +#noty_layout__centerLeft { + top: 50%; + left: var(--noty-gutter-x); + width: var(--noty-width); + -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1); + transform: translate(0, -50%) translateZ(0) scale(1, 1); +} +#noty_layout__centerRight { + top: 50%; + right: var(--noty-gutter-x); + width: var(--noty-width); + -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1); + transform: translate(0, -50%) translateZ(0) scale(1, 1); +} +#noty_layout__bottom { + bottom: 0; + left: 5%; + width: 90%; +} +#noty_layout__bottom .noty_bar:last-child { + margin-bottom: var(--noty-gutter-y); +} +#noty_layout__bottomLeft { + bottom: var(--noty-gutter-y); + left: var(--noty-gutter-x); + width: var(--noty-width); +} +#noty_layout__bottomCenter { + bottom: 5%; + left: 50%; + width: var(--noty-width); + -webkit-transform: translate(calc(-50% - var(--noty-border-width))) + translateZ(0) scale(1, 1); + transform: translate(calc(-50% - var(--noty-border-width))) translateZ(0) + scale(1, 1); +} +#noty_layout__bottomRight { + bottom: var(--noty-gutter-y); + right: var(--noty-gutter-x); + width: var(--noty-width); +} +.noty_progressbar { + display: none; +} +.noty_has_timeout.noty_has_progressbar .noty_progressbar { + display: block; + position: absolute; + left: 0; + bottom: 0; + height: var(--noty-progress-height); + width: 100%; + background-color: var(--noty-progress-bg); +} +.noty_effects_open { + opacity: 0; + -webkit-transform: translate(50%); + transform: translate(50%); + -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); + animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.noty_effects_close { + -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); + animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +.noty_fix_effects_height { + -webkit-animation: noty_anim_height 75ms ease-out; + animation: noty_anim_height 75ms ease-out; +} +.noty_close_with_click { + cursor: pointer; +} +.noty_close_button { + position: absolute; + top: var(--noty-padding-y); + right: var(--noty-padding-x); + font-size: var(--icon-font-size); + background-color: transparent; + color: inherit; + text-align: center; + line-height: 1; + cursor: pointer; + opacity: 0.75; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .noty_close_button { + transition: none; + } +} +.noty_close_button:hover { + opacity: 1; +} +.noty_modal { + --noty-backdrop-bg: var(--black); + --noty-backdrop-opacity: 0.35; + position: fixed; + width: 100%; + height: 100%; + background-color: var(--noty-backdrop-bg); + z-index: 1050; + opacity: var(--noty-backdrop-opacity); + left: 0; + top: 0; +} +.noty_modal.noty_modal_open { + opacity: 0; + -webkit-animation: noty_modal_in 0.3s ease-out; + animation: noty_modal_in 0.3s ease-out; +} +.noty_modal.noty_modal_close { + -webkit-animation: noty_modal_out 0.3s ease-out; + animation: noty_modal_out 0.3s ease-out; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} +@-webkit-keyframes noty_modal_in { + 100% { + opacity: var(--noty-backdrop-opacity); + } +} +@keyframes noty_modal_in { + 100% { + opacity: var(--noty-backdrop-opacity); + } +} +@-webkit-keyframes noty_modal_out { + 100% { + opacity: 0; + } +} +@keyframes noty_modal_out { + 100% { + opacity: 0; + } +} +@-webkit-keyframes noty_anim_in { + 100% { + -webkit-transform: translate(0); + transform: translate(0); + opacity: 1; + } +} +@keyframes noty_anim_in { + 100% { + -webkit-transform: translate(0); + transform: translate(0); + opacity: 1; + } +} +@-webkit-keyframes noty_anim_out { + 100% { + -webkit-transform: translate(50%); + transform: translate(50%); + opacity: 0; + } +} +@keyframes noty_anim_out { + 100% { + -webkit-transform: translate(50%); + transform: translate(50%); + opacity: 0; + } +} +@-webkit-keyframes noty_anim_height { + 100% { + height: 0; + } +} +@keyframes noty_anim_height { + 100% { + height: 0; + } +} +.noty_theme__limitless.noty_bar { + margin: var(--noty-spacer-y) 0; + position: relative; +} +.noty_theme__limitless.noty_type__warning { + --noty-bg: var(--warning); +} +.noty_theme__limitless.noty_type__error { + --noty-bg: var(--danger); +} +.noty_theme__limitless.noty_type__info { + --noty-bg: var(--primary); +} +.noty_theme__limitless.noty_type__success { + --noty-bg: var(--success); +} +.noty_theme__limitless.noty_type__confirm { + --noty-bg: var(--white); + --noty-border-color: var(--border-color-translucent); + --noty-shadow: var(--box-shadow-sm); + background-clip: padding-box; +} +.noty_theme__limitless.noty_type__confirm[data-color-theme="dark"], +[data-color-theme="dark"] + .noty_theme__limitless.noty_type__confirm:not([data-color-theme]), +html[data-color-theme="dark"] .noty_theme__limitless.noty_type__confirm { + color-scheme: dark; + --noty-bg: #2c2d33; +} +.swal2-shown.swal2-no-backdrop .swal2-container { + background-color: transparent; + box-shadow: var(--box-shadow); +} +.swal2-container { + --swal-gutter-y: var(--spacer); + --swal-gutter-x: var(--spacer); + --swal-bg: var(--white); + --swal-padding: 1.25rem; + --swal-width: 31.25rem; + --swal-max-width: 350px; + --swal-margin-x: 0.625rem; + --swal-content-margin: var(--spacer-1) var(--spacer-2) 0 var(--spacer-2); + --swal-icon-border-width: 0.25rem; + --swal-icon-size: 5rem; + --swal-icon-spacer: 1rem; + --swal-success-color: var(--success); + --swal-warning-color: var(--warning); + --swal-error-color: var(--danger); + --swal-info-color: var(--primary); + --swal-question-color: var(--secondary); + --swal-progress-height: 0.25rem; + --swal-progress-color: rgba(var(--black-rgb), 0.25); + display: grid; + grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; + grid-template-rows: + minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) + minmax(-webkit-min-content, auto); + grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax( + min-content, + auto + ); + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: transparent; + padding: var(--swal-gutter-y) var(--swal-gutter-x); + z-index: 1080; + transition: background-color ease-in-out var(--transition-base-timer); + overflow-x: hidden; + -webkit-overflow-scrolling: touch; +} +.swal2-container[data-color-theme="dark"], +[data-color-theme="dark"] .swal2-container:not([data-color-theme]), +html[data-color-theme="dark"] .swal2-container { + color-scheme: dark; + --swal-bg: #2c2d33; + --swal-progress-color: rgba(var(--white-rgb), 0.25); +} +.swal2-container.swal2-backdrop-show, +.swal2-container.swal2-noanimation { + background-color: rgba(var(--black-rgb), 0.35); +} +.swal2-container.swal2-backdrop-hide { + background-color: transparent !important; +} +.swal2-container.swal2-bottom-start, +.swal2-container.swal2-center-start, +.swal2-container.swal2-top-start { + grid-template-columns: minmax(0, 1fr) auto auto; +} +.swal2-container.swal2-bottom, +.swal2-container.swal2-center, +.swal2-container.swal2-top { + grid-template-columns: auto minmax(0, 1fr) auto; +} +.swal2-container.swal2-bottom-end, +.swal2-container.swal2-center-end, +.swal2-container.swal2-top-end { + grid-template-columns: auto auto minmax(0, 1fr); +} +.swal2-container.swal2-top-start > .swal2-popup { + -ms-flex-item-align: start; + align-self: start; +} +.swal2-container.swal2-top > .swal2-popup { + grid-column: 2; + align-self: start; + justify-self: center; +} +.swal2-container.swal2-top-end > .swal2-popup, +.swal2-container.swal2-top-right > .swal2-popup { + grid-column: 3; + align-self: start; + justify-self: end; +} +.swal2-container.swal2-center-left > .swal2-popup, +.swal2-container.swal2-center-start > .swal2-popup { + grid-row: 2; + align-self: center; +} +.swal2-container.swal2-center > .swal2-popup { + grid-column: 2; + grid-row: 2; + align-self: center; + justify-self: center; +} +.swal2-container.swal2-center-end > .swal2-popup, +.swal2-container.swal2-center-right > .swal2-popup { + grid-column: 3; + grid-row: 2; + align-self: center; + justify-self: end; +} +.swal2-container.swal2-bottom-left > .swal2-popup, +.swal2-container.swal2-bottom-start > .swal2-popup { + grid-column: 1; + grid-row: 3; + align-self: end; +} +.swal2-container.swal2-bottom > .swal2-popup { + grid-column: 2; + grid-row: 3; + justify-self: center; + align-self: end; +} +.swal2-container.swal2-bottom-end > .swal2-popup, +.swal2-container.swal2-bottom-right > .swal2-popup { + grid-column: 3; + grid-row: 3; + align-self: end; + justify-self: end; +} +.swal2-container.swal2-grow-fullscreen > .swal2-popup, +.swal2-container.swal2-grow-row > .swal2-popup { + grid-column: 1/4; + width: 100%; +} +.swal2-container.swal2-grow-column > .swal2-popup, +.swal2-container.swal2-grow-fullscreen > .swal2-popup { + grid-row: 1/4; + align-self: stretch; + -ms-flex-line-pack: center; + align-content: center; +} +.swal2-no-transition { + transition: none !important; +} +.swal2-popup { + grid-template-columns: minmax(0, 100%); + background-color: var(--swal-bg); + display: none; + position: relative; + max-width: 100%; + padding: var(--swal-padding); + width: var(--swal-width); + margin-left: var(--swal-margin-x); + margin-right: var(--swal-margin-x); + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); +} +.swal2-popup:focus { + outline: 0; +} +.swal2-popup.swal2-loading { + overflow-y: hidden; +} +@media (min-width: 576px) { + .swal2-popup { + margin-left: 0; + margin-right: 0; + } +} +.swal2-title { + font-size: 1.125rem; + font-weight: 600; + line-height: 1.5715; + text-align: center; + position: relative; + word-wrap: break-word; + margin-top: var(--spacer-1); + margin-bottom: 0; +} +.swal2-html-container { + z-index: 1; + text-align: center; + position: relative; + word-wrap: break-word; + margin: var(--swal-content-margin); + word-wrap: break-word; + word-break: break-word; +} +.swal2-footer { + -ms-flex-pack: center; + justify-content: center; + margin-top: var(--spacer); + padding: var(--spacer-2) var(--spacer); + border-top: var(--border-width) solid var(--border-color); +} +.swal2-actions { + display: -ms-flexbox; + display: flex; + z-index: 1; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + margin-top: var(--spacer); +} +.swal2-actions > button + button { + margin-left: calc(var(--spacer) * 0.5); +} +.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { + cursor: no-drop; + opacity: 0.4; +} +.swal2-loader { + display: none; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: var(--icon-font-size); + height: var(--icon-font-size); + margin: 0 var(--spacer); + -webkit-animation: rotation 1.5s linear 0s infinite normal; + animation: rotation 1.5s linear 0s infinite normal; + border-width: 2px; + border-style: solid; + border-radius: 100%; + border-color: var(--primary) transparent var(--primary) transparent; +} +.swal2-close { + background: 0 0; + border: 0; + margin: 0; + padding: 0; + font-size: 1.5rem; + color: var(--body-color); + line-height: 1; + position: absolute; + top: 1rem; + right: 1rem; + cursor: pointer; + opacity: 0.5; + width: 1.5rem; + height: 1.5rem; + transition: opacity ease-in-out 0.15s; +} +@media (prefers-reduced-motion: reduce) { + .swal2-close { + transition: none; + } +} +.swal2-close:focus, +.swal2-close:hover { + opacity: 1; + outline: 0; +} +.swal2-timer-progress-bar { + width: 100%; + height: var(--swal-progress-height); + background: var(--swal-progress-color); +} +.swal2-timer-progress-bar-container { + position: absolute; + right: 0; + bottom: 0; + left: 0; + grid-column: auto !important; + overflow: hidden; + border-bottom-right-radius: var(--border-radius-pill); + border-bottom-left-radius: var(--border-radius-pill); +} +.swal2-checkbox, +.swal2-file, +.swal2-input, +.swal2-radio, +.swal2-select, +.swal2-textarea { + display: none; + margin: var(--spacer) auto 0 auto; +} +.swal2-popup .btn-group, +.swal2-popup .multiselect-native-select, +.swal2-popup .select2-container { + margin-top: var(--spacer); +} +.swal2-checkbox { + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.swal2-checkbox > span:not(.switchery) { + margin-left: var(--spacer-2); +} +.swal2-radio { + -ms-flex-pack: center; + justify-content: center; +} +.swal2-radio label { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} +.swal2-radio label + label { + margin-left: var(--spacer); +} +.swal2-radio label .uniform-choice, +.swal2-radio label input { + margin-right: var(--spacer-2); +} +.swal2-range { + margin-top: var(--spacer); + -ms-flex-pack: center; + justify-content: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.swal2-range input { + display: block; + width: 100%; +} +.swal2-range output { + font-size: 1rem; + font-weight: 600; + margin-top: calc(var(--spacer) * 0.5); +} +.swal2-inputerror, +.swal2-inputerror:focus, +.swal2-inputerror:hover { + border-color: var(--danger) !important; +} +.swal2-validation-message { + overflow: hidden; + display: none; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + margin-left: 0 !important; + margin-right: 0 !important; + color: var(--danger); + position: relative; + padding-left: calc(var(--icon-font-size) + var(--spacer-2)); +} +.swal2-validation-message:before { + content: "\f62d"; + font-family: var(--icon-font-family); + font-size: var(--icon-font-size); + position: absolute; + top: calc((var(--body-line-height-computed) - var(--icon-font-size)) * 0.5); + left: 0; + display: inline-block; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.swal2-image { + margin: calc(var(--spacer) * 0.5) auto; + max-width: 100%; + height: auto; +} +.swal2-icon { + border: var(--swal-icon-border-width) solid transparent; + margin: calc(var(--spacer) * 0.5) auto var(--spacer) auto; + padding: 0; + position: relative; + box-sizing: content-box; + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: var(--swal-icon-size); + height: var(--swal-icon-size); + border-radius: 50%; +} +.swal2-icon.swal2-success { + border-color: var(--swal-success-color); +} +.swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { + height: calc(var(--swal-icon-size) * 0.5); + width: calc(var(--swal-icon-size) * 0.25); + border-right: var(--swal-icon-border-width) solid var(--swal-success-color); + border-top: var(--swal-icon-border-width) solid var(--swal-success-color); + position: absolute; + left: calc(var(--swal-icon-size) * 0.25); + top: calc(var(--swal-icon-size) * 0.5 + var(--swal-icon-border-width) * 0.5); + opacity: 1; + -webkit-animation: animate-checkmark ease 0.75s; + animation: animate-checkmark ease 0.75s; + -webkit-transform: scaleX(-1) rotate(135deg); + transform: scaleX(-1) rotate(135deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} +.swal2-icon.swal2-error { + border-color: var(--swal-error-color); +} +.swal2-icon.swal2-error .swal2-x-mark { + position: relative; + display: block; + -ms-flex: 1; + flex: 1; +} +.swal2-icon.swal2-error [class^="swal2-x-mark-line"] { + position: absolute; + height: var(--swal-icon-border-width); + width: calc(var(--swal-icon-size) - var(--swal-icon-spacer) * 2); + background-color: var(--swal-error-color); + display: block; + top: calc((var(--swal-icon-size) - var(--swal-icon-border-width)) * 0.5); +} +.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: var(--swal-icon-spacer); +} +.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: var(--swal-icon-spacer); +} +.swal2-icon.swal2-warning { + color: var(--swal-warning-color); + border-color: var(--swal-warning-color); + font-size: calc(var(--swal-icon-size) - var(--swal-icon-spacer)); + line-height: var(--swal-icon-size); + -ms-flex-pack: center; + justify-content: center; +} +.swal2-icon.swal2-info { + color: var(--swal-info-color); + border-color: var(--swal-info-color); + font-size: calc(var(--swal-icon-size) - var(--swal-icon-spacer)); + line-height: var(--swal-icon-size); + -ms-flex-pack: center; + justify-content: center; +} +.swal2-icon.swal2-question { + color: var(--swal-question-color); + border-color: var(--swal-question-color); + font-size: calc(var(--swal-icon-size) - var(--swal-icon-spacer)); + line-height: calc(var(--swal-icon-size) + var(--swal-icon-border-width)); + -ms-flex-pack: center; + justify-content: center; +} +.swal2-progress-steps { + --swal-step-distance: 2.5em; + --swal-step-line-size: calc(var(--border-width) * 2); + --swal-step-line-color: var(--gray-300); + --swal-step-padding-y: 0.5rem; + --swal-step-padding-x: 0.875rem; + --swal-active-step-bg: var(--component-active-bg); + --swal-active-step-color: var(--component-active-color); + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: var(--spacer-2); + margin-bottom: var(--spacer); + padding: 0; + font-weight: 600; +} +.swal2-progress-steps li { + display: inline-block; + position: relative; +} +.swal2-progress-steps .swal2-progress-step { + z-index: 20; + background: var(--swal-active-step-bg); + color: var(--swal-active-step-color); + text-align: center; + padding: var(--swal-step-padding-y) var(--swal-step-padding-x); + border: var(--swal-step-line-size) solid var(--swal-active-step-bg); + min-width: calc( + var(--body-line-height-computed) + var(--swal-step-padding-y) * 2 + + var(--swal-step-line-size) * 2 + ); + border-radius: var(--border-radius-pill); +} +.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { + background-color: var(--swal-active-step-bg); +} +.swal2-progress-steps + .swal2-progress-step.swal2-active-progress-step + ~ .swal2-progress-step { + background-color: transparent; + color: var(--body-color); + border-color: var(--swal-step-line-color); +} +.swal2-progress-steps + .swal2-progress-step.swal2-active-progress-step + ~ .swal2-progress-step-line { + background-color: var(--swal-step-line-color); +} +.swal2-progress-steps .swal2-progress-step-line { + z-index: 10; + width: var(--swal-step-distance); + height: var(--swal-step-line-size); + background-color: var(--swal-active-step-bg); +} +body.swal2-toast-shown .swal2-container { + background-color: transparent; + max-width: 100%; + width: var(--swal-max-width); + pointer-events: none; +} +body.swal2-toast-shown .swal2-container.swal2-top { + top: 0; + right: auto; + bottom: auto; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-top-end, +body.swal2-toast-shown .swal2-container.swal2-top-right { + top: 0; + right: 0; + bottom: auto; + left: auto; +} +body.swal2-toast-shown .swal2-container.swal2-top-left, +body.swal2-toast-shown .swal2-container.swal2-top-start { + top: 0; + right: auto; + bottom: auto; + left: 0; +} +body.swal2-toast-shown .swal2-container.swal2-center-left, +body.swal2-toast-shown .swal2-container.swal2-center-start { + top: 50%; + right: auto; + bottom: auto; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-center { + top: 50%; + right: auto; + bottom: auto; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +body.swal2-toast-shown .swal2-container.swal2-center-end, +body.swal2-toast-shown .swal2-container.swal2-center-right { + top: 50%; + right: 0; + bottom: auto; + left: auto; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-bottom-left, +body.swal2-toast-shown .swal2-container.swal2-bottom-start { + top: auto; + right: auto; + bottom: 0; + left: 0; +} +body.swal2-toast-shown .swal2-container.swal2-bottom { + top: auto; + right: auto; + bottom: 0; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +body.swal2-toast-shown .swal2-container.swal2-bottom-end, +body.swal2-toast-shown .swal2-container.swal2-bottom-right { + top: auto; + right: 0; + bottom: 0; + left: auto; +} +.swal2-popup.swal2-toast { + --swal-bg: var(--white); + --swal-padding: 0.75rem 1rem; + --swal-content-margin: var(--spacer-1) 0 var(--spacer-1) var(--spacer-2); + --swal-icon-border-width: 0.125rem; + --swal-icon-size: 1.75rem; + --swal-icon-spacer: 0.5rem; + overflow-y: hidden; + grid-column: 1/4 !important; + grid-row: 1/4 !important; + grid-template-columns: 1fr 99fr 1fr; + pointer-events: all; + margin: 0; +} +.swal2-popup.swal2-toast[data-color-theme="dark"], +[data-color-theme="dark"] .swal2-popup.swal2-toast:not([data-color-theme]), +html[data-color-theme="dark"] .swal2-popup.swal2-toast { + color-scheme: dark; + --swal-bg: #383940; +} +.swal2-popup.swal2-toast > * { + grid-column: 2; +} +.swal2-popup.swal2-toast .swal2-title { + margin: 0 var(--spacer-2); +} +.swal2-popup.swal2-toast .swal2-footer { + margin: 0 0 0 var(--spacer-2); + padding: var(--swal-toast-padding-y) var(--swal-toast-padding-x); +} +.swal2-popup.swal2-toast .swal2-close { + position: static; + grid-column: 3/3; + grid-row: 1/99; +} +.swal2-popup.swal2-toast .swal2-html-container { + text-align: initial; +} +.swal2-popup.swal2-toast .swal2-html-container:empty { + padding: 0; +} +.swal2-popup.swal2-toast .swal2-loader { + grid-column: 1; + grid-row: 1/99; + align-self: center; +} +.swal2-popup.swal2-toast .swal2-icon { + grid-column: 1; + grid-row: 1/99; + align-self: center; + min-width: var(--swal-icon-size); + margin: 0; +} +.swal2-popup.swal2-toast .swal2-icon:before { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.swal2-popup.swal2-toast .swal2-actions { + -ms-flex-preferred-size: auto !important; + flex-basis: auto !important; + width: auto; + height: auto; + margin: 0 0 0 var(--spacer); +} +[class^="swal2"] { + -webkit-tap-highlight-color: transparent; +} +.swal2-show { + -webkit-animation: show-notification var(--transition-base-timer); + animation: show-notification var(--transition-base-timer); +} +.swal2-hide { + -webkit-animation: hide-notification var(--transition-base-timer) forwards; + animation: hide-notification var(--transition-base-timer) forwards; +} +.swal2-noanimation { + -webkit-animation: none; + animation: none; + transition: none; +} +.swal2-animate-error-icon, +.swal2-animate-success-icon, +.swal2-info, +.swal2-question, +.swal2-warning { + -webkit-animation: animate-circle 0.5s; + animation: animate-circle 0.5s; +} +.swal2-animate-x-mark { + -webkit-animation: animate-x-mark 0.5s; + animation: animate-x-mark 0.5s; +} +@-webkit-keyframes show-notification { + 0% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes show-notification { + 0% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@-webkit-keyframes hide-notification { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + opacity: 0; + } +} +@keyframes hide-notification { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(0.5); + transform: scale(0.5); + opacity: 0; + } +} +@-webkit-keyframes animate-checkmark { + 0% { + height: 0; + width: 0; + opacity: 0; + } + 30% { + height: 0; + width: calc(var(--swal-icon-size) * 0.25); + opacity: 0; + } + 60% { + height: calc(var(--swal-icon-size) * 0.5); + width: calc(var(--swal-icon-size) * 0.25); + opacity: 1; + } + 100% { + height: calc(var(--swal-icon-size) * 0.5); + width: calc(var(--swal-icon-size) * 0.25); + opacity: 1; + } +} +@keyframes animate-checkmark { + 0% { + height: 0; + width: 0; + opacity: 0; + } + 30% { + height: 0; + width: calc(var(--swal-icon-size) * 0.25); + opacity: 0; + } + 60% { + height: calc(var(--swal-icon-size) * 0.5); + width: calc(var(--swal-icon-size) * 0.25); + opacity: 1; + } + 100% { + height: calc(var(--swal-icon-size) * 0.5); + width: calc(var(--swal-icon-size) * 0.25); + opacity: 1; + } +} +@-webkit-keyframes animate-circle { + 0% { + color: transparent; + border-color: transparent; + } + 25% { + color: transparent; + } +} +@keyframes animate-circle { + 0% { + color: transparent; + border-color: transparent; + } + 25% { + color: transparent; + } +} +@-webkit-keyframes animate-x-mark { + 0% { + opacity: 0; + } + 25% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes animate-x-mark { + 0% { + opacity: 0; + } + 25% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.noUi-target { + --noui-bg: var(--gray-300); + --noui-box-shadow: inset 0 1px 1px rgba(var(--black-rgb), 0.1); + --noui-connect-bg: var(--primary); + --noui-height: 0.375rem; + --noui-vertical-height: 10rem; + --noui-handle-size: calc(0.375rem * 3.5); + --noui-handle-bg: var(--white); + --noui-handle-inner-bg: var(--black); + --noui-handle-inner-hover-bg: var(--primary); + --noui-handle-border-width: var(--border-width); + --noui-handle-border-color: rgba(var(--black-rgb), 0.25); + --noui-pips-spacer-y: 1rem; + --noui-pips-spacer-x: 1rem; + --noui-pips-color: var(--gray-700); + --noui-pips-font-size: var(--body-font-size-sm); + --noui-pips-marker-width: 0.0625rem; + --noui-pips-marker-height: 0.1875rem; + position: relative; + background-color: var(--noui-bg); + border-radius: var(--border-radius-pill); + box-shadow: var(--noui-box-shadow); +} +.noUi-target, +.noUi-target * { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.noUi-base, +.noUi-connects { + position: relative; + z-index: 1; + width: 100%; + height: 100%; +} +.noUi-connects { + overflow: hidden; + z-index: 0; + border-radius: var(--border-radius-pill); +} +.noUi-connect, +.noUi-origin { + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + left: 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-connect { + background-color: var(--noui-connect-bg); + width: 100%; + height: 100%; +} +.noUi-origin { + width: 100%; + height: 100%; +} +[disabled] .noUi-target { + opacity: 0.65; +} +.noUi-horizontal { + height: var(--noui-height); +} +.noUi-horizontal .noUi-handle { + top: calc(var(--noui-handle-size) * 0.5 * -1 + var(--noui-height) * 0.5); + right: calc(var(--noui-handle-size) * 0.5 * -1); +} +.noUi-horizontal .noUi-origin { + height: 0; + left: auto; + right: 0; +} +.noUi-horizontal.has-pips { + margin-bottom: calc( + var(--noui-pips-spacer-y) + var(--body-line-height-computed) + ); +} +.noUi-vertical { + display: inline-block; + width: var(--noui-height); + height: var(--noui-vertical-height); +} +.noUi-vertical + .noUi-vertical { + margin-left: calc(var(--spacer) * 1.5); +} +.noUi-vertical .noUi-handle { + top: calc(var(--noui-handle-size) * 0.5 * -1); + left: calc(var(--noui-handle-size) * 0.5 * -1 + var(--noui-height) * 0.5); +} +.noUi-vertical .noUi-origin { + width: 0; +} +.noUi-vertical.has-pips { + margin-right: calc( + var(--noui-pips-spacer-y) + var(--body-line-height-computed) + ); +} +.noUi-draggable { + cursor: w-resize; +} +.noUi-vertical .noUi-draggable { + cursor: n-resize; +} +.noUi-touch-area { + width: 100%; + height: 100%; +} +.noUi-handle { + background-color: var(--noui-handle-bg); + cursor: pointer; + top: calc(var(--noui-height) * -1); + position: absolute; + z-index: 1; + border: var(--noui-handle-border-width) solid var(--noui-handle-border-color); + outline: 0; + width: var(--noui-handle-size); + height: var(--noui-handle-size); + background-clip: content-box; + border-radius: var(--border-radius-pill); +} +.noUi-handle, +.noUi-handle:after { + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .noUi-handle, + .noUi-handle:after { + transition: none; + } +} +.noUi-handle:after { + content: ""; + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + margin-top: calc(var(--noui-height) * 0.5 * -1); + margin-left: calc(var(--noui-height) * 0.5 * -1); + background-color: var(--noui-handle-inner-bg); + width: var(--noui-height); + height: var(--noui-height); + border-radius: var(--border-radius-pill); +} +.noUi-handle:focus:after, +.noUi-handle:hover:after { + background-color: var(--noui-handle-inner-hover-bg); +} +.noui-slider-white .noUi-handle:after { + content: none; +} +.noUi-state-tap .noUi-connect, +.noUi-state-tap .noUi-origin { + transition: -webkit-transform var(--transition-base-timer); + transition: transform var(--transition-base-timer); + transition: transform var(--transition-base-timer), + -webkit-transform var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .noUi-state-tap .noUi-connect, + .noUi-state-tap .noUi-origin { + transition: none; + } +} +.noui-slider-lg { + --noui-height: 0.5rem; +} +.noui-slider-sm { + --noui-height: 0.25rem; +} +.noui-slider-solid { + --noui-handle-bg: var(--primary); + --noui-handle-border-color: var(--primary); +} +.noui-slider-solid .noUi-handle:after { + background-color: var(--white); +} +.noui-slider-solid .noUi-handle:focus:after, +.noui-slider-solid .noUi-handle:hover:after { + opacity: 0.75; +} +.noui-slider-solid.noui-slider-secondary { + --noui-handle-bg: var(--secondary); + --noui-handle-border-color: var(--secondary); +} +.noui-slider-solid.noui-slider-danger { + --noui-handle-bg: var(--danger); + --noui-handle-border-color: var(--danger); +} +.noui-slider-solid.noui-slider-success { + --noui-handle-bg: var(--success); + --noui-handle-border-color: var(--success); +} +.noui-slider-solid.noui-slider-warning { + --noui-handle-bg: var(--warning); + --noui-handle-border-color: var(--warning); +} +.noui-slider-solid.noui-slider-info { + --noui-handle-bg: var(--info); + --noui-handle-border-color: var(--info); +} +.noui-slider-secondary { + --noui-handle-inner-hover-bg: var(--secondary); + --noui-connect-bg: var(--secondary); +} +.noui-slider-danger { + --noui-handle-inner-hover-bg: var(--danger); + --noui-connect-bg: var(--danger); +} +.noui-slider-success { + --noui-handle-inner-hover-bg: var(--success); + --noui-connect-bg: var(--success); +} +.noui-slider-warning { + --noui-handle-inner-hover-bg: var(--warning); + --noui-connect-bg: var(--warning); +} +.noui-slider-info { + --noui-handle-inner-hover-bg: var(--info); + --noui-connect-bg: var(--info); +} +.noUi-tooltip { + --noui-tooltip-bg: var(--black); + --noui-tooltip-color: var(--white); + --noui-tooltip-padding-y: calc(var(--spacer) * 0.4); + --noui-tooltip-padding-x: calc(var(--spacer) * 0.6); + --noui-tooltip-arrow-height: 0.4rem; + position: absolute; + background-color: var(--noui-tooltip-bg); + color: var(--noui-tooltip-color); + padding: var(--noui-tooltip-padding-y) var(--noui-tooltip-padding-x); + bottom: var(--noui-tooltip-arrow-height); + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + opacity: 0; + visibility: hidden; + border-radius: var(--border-radius); + transition: all ease-in-out var(--transition-base-timer); +} +.noUi-tooltip[data-color-theme="dark"], +[data-color-theme="dark"] .noUi-tooltip:not([data-color-theme]), +html[data-color-theme="dark"] .noUi-tooltip { + color-scheme: dark; + --noui-tooltip-color: var(--black); + --noui-tooltip-bg: var(--white); +} +@media (prefers-reduced-motion: reduce) { + .noUi-tooltip { + transition: none; + } +} +.noUi-tooltip:after { + content: ""; + border: var(--noui-tooltip-arrow-height) solid transparent; + border-top-color: var(--noui-tooltip-bg); + position: absolute; + left: 50%; + bottom: calc(var(--noui-tooltip-arrow-height) * 2 * -1); + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); + width: 0; + height: 0; +} +.noUi-handle:hover .noUi-tooltip { + opacity: 1; + visibility: visible; +} +.noUi-pips { + position: absolute; + color: var(--noui-pips-color); + font-size: var(--noui-pips-font-size); +} +.noUi-value { + position: absolute; + text-align: center; +} +.noUi-value-sub { + opacity: 0.75; +} +.noUi-marker { + position: absolute; + background-color: var(--noui-pips-color); +} +.noUi-pips-horizontal { + padding-top: calc(var(--noui-pips-spacer-y) * 0.5); + height: calc(var(--noui-pips-spacer-y) + var(--body-line-height-computed)); + top: 100%; + left: 0; + width: 100%; +} +.noUi-value-horizontal { + padding-top: var(--noui-pips-spacer-y); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.noUi-value-horizontal.noUi-value-sub { + padding-top: calc(var(--noui-pips-spacer-y) * 0.5); +} +.noUi-rtl .noUi-value-horizontal { + -webkit-transform: translateX(50%); + transform: translateX(50%); +} +.noUi-marker-horizontal.noUi-marker { + width: var(--noui-pips-marker-width); + height: var(--noui-pips-marker-height); +} +.noUi-marker-horizontal.noUi-marker-sub { + height: calc(var(--noui-pips-marker-height) * 2); +} +.noUi-marker-horizontal.noUi-marker-large { + height: calc(var(--noui-pips-marker-height) * 3); +} +.noUi-pips-vertical { + padding-left: calc(var(--noui-pips-spacer-x) * 0.5); + height: 100%; + top: 0; + left: 100%; +} +.noUi-value-vertical { + padding-left: var(--noui-pips-spacer-x); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.noUi-rtl .noUi-value-vertical { + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +.noUi-marker-vertical.noUi-marker { + width: var(--noui-pips-marker-height); + height: var(--noui-pips-marker-width); +} +.noUi-marker-vertical.noUi-marker-sub { + width: calc(var(--noui-pips-marker-height) * 2); +} +.noUi-marker-vertical.noUi-marker-large { + width: calc(var(--noui-pips-marker-height) * 3); +} +.irs { + --ion-bg: var(--gray-300); + --ion-connect-bg: var(--primary); + --ion-height: 0.375rem; + --ion-tooltip-bg: var(--black); + --ion-tooltip-color: var(--white); + --ion-tooltip-padding-y: calc(var(--spacer) * 0.4); + --ion-tooltip-padding-x: calc(var(--spacer) * 0.6); + --ion-tooltip-arrow-height: 0.4rem; + --ion-handle-size: calc(0.375rem * 3.5); + --ion-handle-bg: var(--white); + --ion-handle-inner-bg: var(--black); + --ion-handle-inner-hover-bg: var(--primary); + --ion-handle-border-width: var(--border-width); + --ion-handle-border-color: rgba(var(--black-rgb), 0.25); + --ion-pips-spacer-y: 1rem; + --ion-pips-spacer-x: 1rem; + --ion-pips-color: var(--gray-700); + --ion-pips-font-size: var(--body-font-size-sm); + --ion-pips-marker-width: 0.0625rem; + --ion-pips-marker-height: 0.1875rem; + position: relative; + display: block; + height: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) * 4 + ); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + direction: ltr; +} +.irs-hidden-input { + position: absolute !important; + display: block !important; + top: 0 !important; + left: 0 !important; + width: 0 !important; + height: 0 !important; + font-size: 0 !important; + line-height: 0 !important; + padding: 0 !important; + margin: 0 !important; + outline: 0 !important; + z-index: -9999 !important; + background: 0 0 !important; + border-style: solid !important; + border-color: transparent !important; +} +.irs-line { + position: relative; + display: block; + overflow: hidden; + outline: 0; + height: var(--ion-height); + top: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) * 2 + ); + background-color: var(--ion-bg); + border-radius: var(--border-radius-pill); +} +.irs-line-left, +.irs-line-mid, +.irs-line-right { + position: absolute; + display: block; + top: 0; +} +.irs-line-left { + left: 0; + width: 11%; +} +.irs-line-mid { + left: 9%; + width: 82%; +} +.irs-line-right { + right: 0; + width: 11%; +} +.irs-bar { + position: absolute; + display: block; + top: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) * 2 + ); + left: 0; + width: 0; + height: var(--ion-height); + background-color: var(--ion-connect-bg); + border-radius: var(--border-radius-pill); +} +.irs-bar-edge { + position: absolute; + display: block; + top: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) * 2 + ); + left: 0; + height: 0.75rem; + width: 0.5625rem; +} +.irs-shadow { + position: absolute; + display: none; + top: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) * 2 + ); + left: 0; + width: 0; + height: var(--ion-height); + background-color: var(--body-color); + opacity: 0.25; + border-radius: var(--border-radius-pill); +} +.irs-handle { + position: absolute; + display: block; + background-color: var(--ion-handle-bg); + border: var(--ion-handle-border-width) solid var(--ion-handle-border-color); + cursor: pointer; + top: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) + ); + cursor: pointer; + z-index: 1; + width: var(--ion-handle-size); + height: var(--ion-handle-size); + background-clip: content-box; + border-radius: var(--border-radius-pill); +} +.irs-handle:after { + content: ""; + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + margin-top: calc(var(--ion-height) * 0.5 * -1); + margin-left: calc(var(--ion-height) * 0.5 * -1); + background-color: var(--ion-handle-inner-bg); + width: var(--ion-height); + height: var(--ion-height); + border-radius: var(--border-radius-pill); +} +.irs-handle, +.irs-handle:after { + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .irs-handle, + .irs-handle:after { + transition: none; + } +} +.irs-handle:focus:after, +.irs-handle:hover:after { + background-color: var(--ion-handle-inner-hover-bg); +} +.irs-handle.type_last { + z-index: 2; +} +.irs-from, +.irs-max, +.irs-min, +.irs-single, +.irs-to { + position: absolute; + display: block; + cursor: default; +} +.irs-max, +.irs-min { + color: var(--ion-pips-color); + font-size: var(--ion-pips-font-size); + line-height: 1; + top: 0; + padding: var(--ion-tooltip-padding-y); + background-color: var(--ion-bg); + border-radius: var(--border-radius); +} +.irs-min { + left: 0; +} +.irs-max { + right: 0; +} +.irs-from, +.irs-single, +.irs-to { + top: 0; + left: 0; + white-space: nowrap; + color: var(--ion-tooltip-color); + font-size: var(--ion-pips-font-size); + line-height: 1; + padding: var(--ion-tooltip-padding-y); + top: 0; + background-color: var(--ion-tooltip-bg); + border-radius: var(--border-radius); +} +.irs-from:after, +.irs-single:after, +.irs-to:after { + content: ""; + position: absolute; + display: block; + bottom: calc(var(--ion-tooltip-arrow-height) * 2 * -1); + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + overflow: hidden; + border: var(--ion-tooltip-arrow-height) solid transparent; + border-top-color: var(--ion-tooltip-bg); + width: 0; + height: 0; +} +.irs-grid { + position: absolute; + display: none; + bottom: 0; + left: 0; + width: 100%; + height: calc(var(--ion-pips-font-size) + var(--ion-pips-spacer-y)); +} +.irs-with-grid { + height: calc( + var(--ion-tooltip-arrow-height) + var(--ion-tooltip-padding-y) * 2 + + var(--ion-pips-font-size) + var(--ion-height) * 7 + + var(--ion-pips-spacer-y) + ); +} +.irs-with-grid .irs-grid { + display: block; +} +.irs-grid-pol { + position: absolute; + top: 0; + left: 0; + width: var(--ion-pips-marker-width); + height: calc(var(--ion-pips-marker-height) * 2); + background-color: var(--ion-pips-color); +} +.irs-grid-pol.small { + height: var(--ion-pips-marker-height); +} +.irs-grid-text { + position: absolute; + bottom: 0; + left: 0; + white-space: nowrap; + text-align: center; + font-size: var(--ion-pips-font-size); + color: var(--ion-pips-color); + line-height: 1; + padding: 0 var(--ion-pips-marker-height); +} +.irs-disable-mask { + position: absolute; + display: block; + top: 0; + left: -1%; + width: 102%; + height: 100%; + cursor: default; + background: 0 0; + z-index: 2; +} +.irs-disabled { + opacity: 0.65; +} +.code-toolbar { + --syntax-padding: var(--spacer); + --syntax-bg: var(--gray-100); + --syntax-fg: var(--gray-900); + --syntax-gutter: var(--gray-500); + --syntax-color-selection: #e5e5e6; + --syntax-color-punctuation: #a0a1a7; + --syntax-color-line: rgba(56, 58, 66, 0.05); + --syntax-color-1: #0184bc; + --syntax-color-2: #4078f2; + --syntax-color-3: #a626a4; + --syntax-color-4: #50a14f; + --syntax-color-5: #e45649; + --syntax-color-6: #ca1243; + --syntax-color-7: #b76b01; + position: relative; +} +.code-toolbar[data-color-theme="dark"], +[data-color-theme="dark"] .code-toolbar:not([data-color-theme]), +html[data-color-theme="dark"] .code-toolbar { + color-scheme: dark; + --syntax-bg: rgba(var(--black-rgb), 0.25); + --syntax-color-selection: #3e4451; + --syntax-color-punctuation: #5c6370; + --syntax-color-line: rgba(153, 187, 255, 0.05); + --syntax-color-1: #56b6c2; + --syntax-color-2: #61afef; + --syntax-color-3: #c678dd; + --syntax-color-4: #98c379; + --syntax-color-5: #e06c75; + --syntax-color-6: #be5046; + --syntax-color-7: #d19a66; +} +.code-toolbar .toolbar { + display: inline-block; + position: absolute; + top: var(--spacer); + text-shadow: none; + right: var(--spacer); +} +.code-toolbar .toolbar .toolbar-item, +.code-toolbar .toolbar span { + display: inline-block; +} +.code-toolbar .toolbar a { + cursor: pointer; +} +.code-toolbar .toolbar button { + background: 0 0; + border: 0; + color: inherit; + font-family: var(--body-font-family); + line-height: normal; + overflow: visible; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + color: var(--link-color); + border: var(--border-width) solid var(--link-color); + background-color: var(--syntax-bg); + border-radius: var(--border-radius); + transition: color ease-in-out var(--transition-base-timer), + border-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .code-toolbar .toolbar button { + transition: none; + } +} +.code-toolbar .toolbar button:focus, +.code-toolbar .toolbar button:hover { + color: var(--link-hover-color); + border-color: var(--link-hover-color); +} +.code-toolbar .toolbar a, +.code-toolbar .toolbar button, +.code-toolbar .toolbar span { + padding: calc(var(--spacer-1) * 1.5) var(--spacer-2); + font-size: var(--body-font-size-sm); + outline: 0; +} +.code-toolbar .toolbar a:focus, +.code-toolbar .toolbar a:hover, +.code-toolbar .toolbar button:focus, +.code-toolbar .toolbar button:hover, +.code-toolbar .toolbar span:focus, +.code-toolbar .toolbar span:hover { + text-decoration: none; +} +code[class*="language-"], +pre[class*="language-"] { + background: var(--syntax-bg); + color: var(--syntax-fg); + direction: ltr; + white-space: pre; + word-spacing: normal; + word-break: break-all; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + border-radius: var(--border-radius); +} +code[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +pre[class*="language-"]::-moz-selection { + background: var(--syntax-color-selection); + color: inherit; +} +code[class*="language-"] ::-moz-selection, +code[class*="language-"] ::selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"]::selection, +pre[class*="language-"] ::-moz-selection, +pre[class*="language-"] ::selection, +pre[class*="language-"]::-moz-selection, +pre[class*="language-"]::selection { + background: var(--syntax-color-selection); + color: inherit; +} +pre[class*="language-"] { + overflow: auto; + position: relative; + padding: var(--syntax-padding); + margin-bottom: 0; +} +pre[class*="language-"] code { + background-color: transparent; +} +pre[data-line] { + position: relative; + padding-left: 3rem; +} +pre code { + padding: 0; +} +.token.bold { + font-weight: 700; +} +.token.comment, +.token.italic { + font-style: italic; +} +.token.entity { + cursor: help; +} +.token.namespace { + opacity: 0.8; +} +.token.cdata, +.token.comment, +.token.prolog { + color: var(--syntax-color-punctuation); +} +.token.doctype, +.token.entity, +.token.punctuation { + color: var(--syntax-fg); +} +.token.atrule, +.token.attr-name, +.token.boolean, +.token.class-name, +.token.constant, +.token.number { + color: var(--syntax-color-7); +} +.token.keyword { + color: var(--syntax-color-3); +} +.token.deleted, +.token.important, +.token.property, +.token.symbol, +.token.tag { + color: var(--syntax-color-5); +} +.token.attr-value, +.token.attr-value > .token.punctuation, +.token.builtin, +.token.char, +.token.inserted, +.token.regex, +.token.selector, +.token.string { + color: var(--syntax-color-4); +} +.token.function, +.token.operator, +.token.variable { + color: var(--syntax-color-2); +} +.token.url { + color: var(--syntax-color-1); +} +.token.attr-value > .token.punctuation.attr-equals, +.token.special-attr > .token.attr-value > .token.value.css { + color: var(--syntax-fg); +} +.language-css .token.selector { + color: var(--syntax-color-5); +} +.language-css .token.property { + color: var(--syntax-fg); +} +.language-css .token.function, +.language-css .token.url > .token.function { + color: var(--syntax-color-1); +} +.language-css .token.url > .token.string.url { + color: var(--syntax-color-4); +} +.language-css .token.atrule .token.rule, +.language-css .token.important { + color: var(--syntax-color-3); +} +.language-javascript .token.operator { + color: var(--syntax-color-3); +} +.language-javascript + .token.template-string + > .token.interpolation + > .token.interpolation-punctuation.punctuation { + color: var(--syntax-color-6); +} +.language-json .token.operator { + color: var(--syntax-fg); +} +.language-json .token.null.keyword { + color: var(--syntax-color-7); +} +.language-markdown .token.url, +.language-markdown .token.url-reference.url > .token.string, +.language-markdown .token.url > .token.operator { + color: var(--syntax-fg); +} +.language-markdown .token.url > .token.content { + color: var(--syntax-color-2); +} +.language-markdown .token.url-reference.url, +.language-markdown .token.url > .token.url { + color: var(--syntax-color-1); +} +.language-markdown .token.blockquote.punctuation, +.language-markdown .token.hr.punctuation { + color: var(--syntax-color-punctuation); + font-style: italic; +} +.language-markdown .token.code-snippet { + color: var(--syntax-color-4); +} +.language-markdown .token.bold .token.content { + color: var(--syntax-color-7); +} +.language-markdown .token.italic .token.content { + color: var(--syntax-color-3); +} +.language-markdown .token.list.punctuation, +.language-markdown .token.strike .token.content, +.language-markdown .token.strike .token.punctuation, +.language-markdown .token.title.important > .token.punctuation { + color: var(--syntax-color-5); +} +.line-highlight { + position: absolute; + left: 0; + right: 0; + margin-top: var(--spacer); + background: var(--syntax-color-line); + pointer-events: none; + white-space: pre; + line-height: inherit; +} +.line-highlight:after, +.line-highlight:before { + content: attr(data-start); + position: absolute; + top: 0; + left: calc(var(--spacer) * 0.5); + text-align: center; + font-size: var(--body-font-size-xs); + background: var(--syntax-color-selection); + color: var(--syntax-fg); + padding: 0.1em 0.6em; + border-radius: var(--border-radius-sm); +} +.line-highlight[data-end]:after { + content: attr(data-end); + top: auto; + bottom: 0; +} +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + width: 3rem; + left: -4rem; + border-right: var(--border-width) solid var(--border-color); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.line-numbers .line-numbers-rows > span { + pointer-events: none; + display: block; + counter-increment: linenumber; +} +.line-numbers .line-numbers-rows > span:before { + content: counter(linenumber); + color: var(--syntax-gutter); + display: block; + padding-right: var(--spacer-2); + text-align: right; +} +pre.line-numbers { + position: relative; + padding-left: 4rem; + counter-reset: linenumber; +} +pre.line-numbers > code { + position: relative; +} +.gu-mirror { + position: fixed !important; + margin: 0 !important; + z-index: 9999 !important; + opacity: 0.8; +} +.gu-unselectable.dropdown-menu li:nth-last-child(2) { + margin-bottom: 0; +} +.nav-pills-toolbar > li.gu-mirror:not(.active) > a { + border: 0; +} +.gu-hide { + display: none !important; +} +.gu-unselectable { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.gu-transit { + opacity: 0.5; +} +.dragula-handle { + color: var(--gray-600); + cursor: move; +} +.dragula-handle:focus, +.dragula-handle:hover { + color: var(--body-color); +} +.headroom { + transition: box-shadow ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s; + transition: transform ease-in-out 0.2s, box-shadow ease-in-out 0.2s; + transition: transform ease-in-out 0.2s, box-shadow ease-in-out 0.2s, + -webkit-transform ease-in-out 0.2s; + will-change: transform; +} +.navbar-slide-top.headroom--pinned { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.navbar-slide-top.headroom--unpinned { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + box-shadow: none; +} +.navbar-slide-bottom.headroom--pinned { + -webkit-transform: translateY(100%); + transform: translateY(100%); + box-shadow: none; +} +.navbar-slide-bottom.headroom--unpinned { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.fab-menu { + --fab-main-btn-size: calc(var(--spacer-2) + var(--icon-font-size) * 0.5); + --fab-inner-btn-spacing: var(--spacer-2); + --fab-inner-btn-size: calc( + (var(--spacer-2) - var(--fab-btn-gap)) * 2 + var(--icon-font-size) + ); + position: relative; + display: inline-block; + z-index: 997; +} +.fab-menu-absolute { + position: absolute; +} +.fab-menu-fixed { + position: fixed; + z-index: 998; +} +.content-wrapper > .fab-menu-top { + top: calc(var(--fab-main-btn-size) * -1); +} +.navbar .fab-menu-top { + bottom: 0; + -webkit-transform: translate(50%, calc(50% + var(--navbar-padding-y))); + transform: translate(50%, calc(50% + var(--navbar-padding-y))); +} +.fab-menu-bottom { + bottom: 0; + transition: bottom ease-in-out var(--transition-base-timer); +} +.fab-menu-bottom.reached-bottom { + bottom: calc( + calc(var(--body-line-height-computed) + var(--navbar-link-padding-y) * 2) + + calc(var(--spacer) * 2) + ); +} +.navbar .fab-menu-bottom { + top: 0; + -webkit-transform: translate(calc(50% - var(--navbar-padding-y)), 50%); + transform: translate(calc(50% - var(--navbar-padding-y)), 50%); +} +.fab-menu-inner { + list-style: none; + margin: 0; + padding: 0; + position: absolute; + left: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + -ms-flex-align: center; + align-items: center; +} +.fab-menu-btn { + padding: var(--fab-main-btn-size); + z-index: 999; +} +.fab-menu-btn i { + position: absolute; + top: 50%; + left: 50%; + margin-top: calc(var(--icon-font-size) * 0.5 * -1); + margin-left: calc(var(--icon-font-size) * 0.5 * -1); +} +.fab-icon-close, +.fab-icon-open { + -webkit-transform: rotate(0); + transform: rotate(0); + transition: opacity ease-in-out calc(var(--transition-base-timer) * 2), + -webkit-transform ease-in-out calc(var(--transition-base-timer) * 2); + transition: transform ease-in-out calc(var(--transition-base-timer) * 2), + opacity ease-in-out calc(var(--transition-base-timer) * 2); + transition: transform ease-in-out calc(var(--transition-base-timer) * 2), + opacity ease-in-out calc(var(--transition-base-timer) * 2), + -webkit-transform ease-in-out calc(var(--transition-base-timer) * 2); +} +.fab-menu[data-fab-state="open"] .fab-icon-close, +.fab-menu[data-fab-state="open"] .fab-icon-open, +.fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, +.fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.fab-menu[data-fab-state="open"] .fab-icon-open, +.fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open { + opacity: 0; +} +.fab-icon-close { + opacity: 0; +} +.fab-menu[data-fab-state="open"] .fab-icon-close, +.fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close { + opacity: 1; +} +.fab-menu .fab-menu-inner > li { + visibility: hidden; + opacity: 0; + transition: all ease-in-out calc(var(--transition-base-timer) * 2); +} +.fab-menu[data-fab-state="open"] .fab-menu-inner > li, +.fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li { + visibility: visible; + opacity: 1; +} +.fab-menu-top .fab-menu-inner { + top: 100%; +} +.fab-menu-top .fab-menu-inner > li:not(:first-child) { + margin-top: -100%; +} +.fab-menu-top[data-fab-state="open"] .fab-menu-inner > li, +.fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li { + margin-top: var(--fab-inner-btn-spacing); +} +.fab-menu-bottom .fab-menu-inner { + bottom: 100%; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +.fab-menu-bottom .fab-menu-inner > li:not(:first-child) { + margin-bottom: -100%; +} +.fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li, +.fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li { + margin-bottom: var(--fab-inner-btn-spacing); +} +.fab-menu-inner div[data-fab-label] { + --fab-tooltip-padding-y: calc(var(--spacer) * 0.4); + --fab-tooltip-padding-x: calc(var(--spacer) * 0.6); + --fab-tooltip-bg: var(--black); + --fab-tooltip-color: var(--white); + --fab-tooltip-shadow: var(--box-shadow); + position: relative; +} +.fab-menu-inner div[data-fab-label][data-color-theme="dark"], +[data-color-theme="dark"] + .fab-menu-inner + div[data-fab-label]:not([data-color-theme]), +html[data-color-theme="dark"] .fab-menu-inner div[data-fab-label] { + color-scheme: dark; + --fab-tooltip-color: var(--black); + --fab-tooltip-bg: var(--white); +} +.fab-menu-inner div[data-fab-label]:after { + content: attr(data-fab-label); + position: absolute; + top: 50%; + right: calc(100% + var(--spacer-2)); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--fab-tooltip-color); + background-color: var(--fab-tooltip-bg); + padding: var(--fab-tooltip-padding-y) var(--fab-tooltip-padding-x); + visibility: hidden; + opacity: 0; + white-space: nowrap; + box-shadow: var(--fab-tooltip-shadow); + transition: all ease-in-out calc(var(--transition-base-timer) * 2); + border-radius: var(--border-radius); +} +.fab-menu-bottom .fab-menu-inner div[data-fab-label]:after { + margin-top: calc( + (var(--fab-tooltip-padding-y) + var(--fab-inner-btn-spacing)) * -1 + ); +} +.fab-menu-inner div[data-fab-label].fab-label-end:after { + right: auto; + left: calc(100% + var(--spacer-2)); +} +.fab-menu[data-fab-state="open"] + .fab-menu-inner + div[data-fab-label]:hover:after, +.fab-menu[data-fab-toggle="hover"] + .fab-menu-inner + div[data-fab-label]:hover:after { + visibility: visible; + opacity: 1; +} +.fab-menu-inner div[data-fab-label].fab-label-light { + --fab-tooltip-bg: var(--white); + --fab-tooltip-color: var(--black); +} +.fab-menu-inner div[data-fab-label].fab-label-light[data-color-theme="dark"], +[data-color-theme="dark"] + .fab-menu-inner + div[data-fab-label].fab-label-light:not([data-color-theme]), +html[data-color-theme="dark"] + .fab-menu-inner + div[data-fab-label].fab-label-light { + color-scheme: dark; + --fab-tooltip-bg: var(--black); + --fab-tooltip-color: var(--white); +} +.fab-menu-inner div[data-fab-label].fab-label-visible:after { + visibility: visible; + opacity: 1; +} +.fancytree-container { + --ft-node-padding-y: 0.25rem; + --ft-node-padding-x: 0.5rem; + --ft-node-selected-bg: var(--gray-300); + --ft-node-selected-color: var(--body-color); + --ft-node-active-bg: var(--component-active-bg); + --ft-node-active-color: var(--component-active-color); + --ft-check-width: 1.25rem; + --ft-check-height: 1.25rem; + --ft-check-border-width: calc(var(--border-width) * 2); + --ft-check-border-color: var(--gray-400); + --ft-check-bg: var(--white); + --ft-check-border-radius: 0.1875em; + --ft-check-transition: box-shadow var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; + --ft-check-checked-border-color: transparent; + --ft-check-checked-bg: var(--component-active-bg); + --ft-radio-border-radius: 100rem; + list-style: none; + white-space: nowrap; + padding: 0; + margin: 0; + overflow: auto; + position: relative; +} +.fancytree-container:focus { + outline: 0; +} +.fancytree-container ul { + list-style: none; + padding-left: var(--icon-font-size); + margin: 0; +} +.ui-fancytree-disabled .fancytree-container { + opacity: 0.65; +} +.ui-fancytree-disabled .fancytree-container, +.ui-fancytree-disabled .fancytree-expander, +.ui-fancytree-disabled .fancytree-title { + cursor: default; +} +.ui-fancytree-disabled + .fancytree-treefocus + .fancytree-selected + .fancytree-title { + background-color: var(--ft-node-selected-bg); + color: var(--ft-node-selected-color); +} +.fancytree-checkbox:after, +.fancytree-drag-helper-img:after, +.fancytree-drop-after:after, +.fancytree-drop-before:after, +.fancytree-expander:after, +.fancytree-icon:after, +.fancytree-loading .fancytree-expander:after, +.fancytree-statusnode-wait .fancytree-icon:after { + font-family: var(--icon-font-family); + display: inline-block; + font-size: var(--icon-font-size); + line-height: 1; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.fancytree-custom-icon, +.fancytree-expander, +.fancytree-icon { + display: inline-block; + vertical-align: top; + margin-left: var(--ft-node-padding-x); + margin-top: calc( + ( + var(--body-line-height-computed) + var(--ft-node-padding-y) * 2 - + var(--icon-font-size) + ) * 0.5 + ); + width: var(--icon-font-size); + height: var(--icon-font-size); +} +.fancytree-checkbox { + vertical-align: top; + margin-top: calc( + ( + var(--body-line-height-computed) + var(--ft-node-padding-y) * 2 - + var(--ft-check-height) + ) * 0.5 + ); + margin-left: var(--ft-node-padding-x); +} +img.fancytree-icon { + border: 0; +} +.fancytree-exp-c .fancytree-expander:after { + content: "\f31c"; +} +.fancytree-exp-cl .fancytree-expander:after { + content: "\f31c"; +} +.fancytree-exp-cd .fancytree-expander:after, +.fancytree-exp-cdl .fancytree-expander:after { + content: "\f31c"; +} +.fancytree-exp-e .fancytree-expander:after, +.fancytree-exp-ed .fancytree-expander:after { + content: "\f31a"; +} +.fancytree-exp-edl .fancytree-expander:after, +.fancytree-exp-el .fancytree-expander:after { + content: "\f31a"; +} +.fancytree-statusnode-error .fancytree-icon:after { + content: "\f62d"; +} +.fancytree-loading .fancytree-expander, +.fancytree-statusnode-wait .fancytree-icon { + margin-left: auto; + margin-right: auto; + display: inline-block; + text-align: center; + width: var(--icon-font-size); + height: var(--icon-font-size); +} +.fancytree-loading .fancytree-expander:after, +.fancytree-statusnode-wait .fancytree-icon:after { + content: "\f5a7"; + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fancytree-loading .fancytree-expander:after, + .fancytree-statusnode-wait .fancytree-icon:after { + transition: none; + } +} +.fancytree-ico-c .fancytree-icon:after, +.fancytree-ico-e .fancytree-icon:after { + content: "\f3eb"; +} +.fancytree-has-children.fancytree-ico-c .fancytree-icon:after { + content: "\f3e6"; +} +.fancytree-has-children.fancytree-ico-e .fancytree-icon:after { + content: "\f3e4"; +} +.fancytree-ico-cf .fancytree-icon:after, +.fancytree-ico-ef .fancytree-icon:after { + content: "\f40c"; +} +.fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { + content: "\f415"; +} +.fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { + content: "\f40f"; +} +.fancytree-checkbox { + width: var(--ft-check-width); + height: var(--ft-check-height); + border: var(--ft-check-border-width) solid var(--ft-check-border-color); + background-color: var(--ft-check-bg); + display: inline-block; + text-align: center; + position: relative; + cursor: pointer; + border-radius: var(--ft-check-border-radius); + transition: var(--ft-check-transition); +} +@media (prefers-reduced-motion: reduce) { + .fancytree-checkbox { + transition: none; + } +} +.fancytree-checkbox[data-color-theme="dark"], +[data-color-theme="dark"] .fancytree-checkbox:not([data-color-theme]), +html[data-color-theme="dark"] .fancytree-checkbox { + color-scheme: dark; + --ft-check-bg: #2c2d33; +} +.fancytree-checkbox:after { + content: ""; + position: absolute; + width: calc(var(--ft-check-width) - var(--ft-check-border-width) * 2); + height: calc(var(--ft-check-width) - var(--ft-check-border-width) * 2); + top: 0; + left: 0; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10l4 4l6-8'/%3e%3c/svg%3e"); + background-position: center; + background-size: contain; + opacity: 0; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fancytree-checkbox:after { + transition: none; + } +} +.fancytree-partsel .fancytree-checkbox:after, +.fancytree-selected .fancytree-checkbox:after { + opacity: 1; +} +.fancytree-unselectable .fancytree-checkbox { + opacity: 0.65; + cursor: default; +} +.fancytree-partsel .fancytree-checkbox, +.fancytree-selected .fancytree-checkbox { + border-color: var(--ft-check-checked-border-color); + background-color: var(--ft-check-checked-bg); +} +.fancytree-has-children:not(.fancytree-selected) .fancytree-checkbox:after { + background-image: none; +} +.fancytree-partsel.fancytree-has-children:not(.fancytree-selected) + .fancytree-checkbox:after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10h10'/%3e%3c/svg%3e"); +} +.fancytree-radio .fancytree-checkbox { + border-radius: var(--ft-radio-border-radius); +} +.fancytree-radio .fancytree-checkbox:after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} +.fancytree-drag-helper .fancytree-title { + padding-right: calc(var(--ft-node-padding-x) * 2 + var(--icon-font-size)); + border: var(--border-width) solid var(--border-color); + opacity: 0.8; + margin: 0; +} +.fancytree-drag-helper-img:after { + position: absolute; + top: 50%; + margin-top: calc(var(--icon-font-size) * 0.5 * -1); + right: var(--ft-node-padding-x); + z-index: 10; +} +.fancytree-drop-accept .fancytree-drag-helper-img:after { + content: "\f33f"; + color: var(--success); +} +.fancytree-drop-reject .fancytree-drag-helper-img:after { + content: "\f62d"; + color: var(--danger); +} +#fancytree-drop-marker.fancytree-drop-after, +#fancytree-drop-marker.fancytree-drop-before { + width: 15rem; + border-top: var(--border-width) solid var(--border-color); + position: absolute !important; +} +.fancytree-drag-source { + opacity: 0.5; +} +.fancytree-drop-target.fancytree-drop-accept a { + background-color: var(--primary) !important; + color: var(--white) !important; + text-decoration: none; +} +.fancytree-node { + display: inherit; + width: 100%; + position: relative; + margin-bottom: 1px; +} +.fancytree-title { + border: 0; + padding: var(--ft-node-padding-y) var(--ft-node-padding-x); + margin-left: var(--spacer-1); + display: inline-block; + cursor: pointer; + border-radius: var(--border-radius); + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fancytree-title { + transition: none; + } +} +.fancytree-title > input { + border: 0; + outline: 0; + padding: 0; + background-color: transparent; + color: var(--body-color); +} +.fancytree-active .fancytree-title, +.fancytree-selected .fancytree-title { + background-color: var(--ft-node-selected-bg); + color: var(--ft-node-selected-color); +} +.fancytree-treefocus .fancytree-selected .fancytree-title { + background-color: var(--ft-node-active-bg); + color: var(--ft-node-active-color); +} +.fancytree-ext-table .fancytree-node { + display: inline-block; + width: auto; + margin: 0; +} +.fancytree-ext-table .fancytree-title { + display: inline; +} +.fancytree-ext-table.fancytree-container { + white-space: normal; +} +.fancytree-ext-table .fancytree-custom-icon, +.fancytree-ext-table .fancytree-expander, +.fancytree-ext-table .fancytree-icon { + margin-top: calc((var(--icon-font-size) - var(--body-font-size)) * 0.5); +} +.fancytree-ext-table .fancytree-checkbox { + margin: 0 auto; + float: none; +} +.fancytree-ext-table tbody tr { + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fancytree-ext-table tbody tr { + transition: none; + } +} +.fancytree-ext-table tbody tr td:first-child { + text-align: center; +} +.fancytree-ext-table tbody tr .fancytree-title { + background-color: transparent; + color: inherit !important; + padding: 0; + transition: none; +} +.fancytree-ext-table tbody tr.fancytree-active, +.fancytree-ext-table tbody tr.fancytree-focused { + background-color: var(--gray-200); +} +.fancytree-ext-table tbody tr.fancytree-selected { + background-color: var(--gray-300); +} +.fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { + background-color: transparent; +} +.fancytree-treefocus + .fancytree-ext-table + tbody + tr.fancytree-selected + .fancytree-title { + transition: color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fancytree-treefocus + .fancytree-ext-table + tbody + tr.fancytree-selected + .fancytree-title { + transition: none; + } +} +.fancytree-ext-childcounter .fancytree-childcounter { + position: absolute; + right: 0; + top: var(--ft-node-padding-y); + color: rgba(var(--body-color-rgb), 0.75); +} +.fancytree-helper-hidden { + display: none; +} +.fancytree-helper-indeterminate-cb { + color: rgba(var(--body-color-rgb), 0.75); +} +.fancytree-helper-disabled { + color: rgba(var(--body-color-rgb), 0.5); +} +.fancytree-helper-spin { + -webkit-animation: rotation 1s linear infinite; + animation: rotation 1s linear infinite; +} +.fc-not-allowed, +.fc-not-allowed .fc-event { + cursor: not-allowed; +} +.fc-unselectable { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: transparent; +} +.fc { + --fc-bg: var(--white); + --fc-cell-border-width: var(--border-width); + --fc-cell-border-color: var(--border-color); + --fc-cell-padding-y: 0.75rem; + --fc-cell-padding-x: 1.25rem; + --fc-event-bg: var(--primary); + --fc-event-font-size: var(--body-font-size-sm); + --fc-event-color: var(--white); + --fc-event-border-width: var(--border-width); + --fc-event-border-color: var(--primary); + --fc-event-spacer-y: 0.1875rem; + --fc-event-spacer-x: 0.5rem; + --fc-event-padding-y: 0.1875rem; + --fc-event-padding-x: 0.5rem; + --fc-event-more-bg: var(--gray-200); + --fc-event-more-hover-bg: var(--gray-300); + --fc-event-resizer-size: 0.5rem; + --fc-today-bg: rgba(var(--yellow-rgb), 0.1); + --fc-bgevent-bg: rgba(var(--success-rgb), 0.4); + --fc-nonbusiness-bg: rgba(var(--body-color-rgb), 0.05); + --fc-highlight-bg: rgba(var(--primary-rgb), 0.1); + --fc-weekday-color: rgba(var(--body-color-rgb), 0.5); + --fc-popover-bg: var(--white); + --fc-popover-border-width: var(--border-width); + --fc-popover-border-color: var(--border-color-translucent); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.fc[data-color-theme="dark"], +[data-color-theme="dark"] .fc:not([data-color-theme]), +html[data-color-theme="dark"] .fc { + color-scheme: dark; + --fc-bg: #2c2d33; + --fc-popover-bg: #32333a; +} +.fc table { + border-collapse: collapse; + border-spacing: 0; +} +.fc th { + text-align: center; +} +.fc td, +.fc th { + vertical-align: top; + padding: 0; +} +.fc a[data-navlink] { + cursor: pointer; +} +.fc-direction-ltr { + direction: ltr; + text-align: left; +} +.fc-direction-rtl { + direction: rtl; + text-align: right; +} +.fc-theme-standard td, +.fc-theme-standard th { + border: var(--fc-cell-border-width) solid var(--fc-cell-border-color); +} +.fc-liquid-hack td, +.fc-liquid-hack th { + position: relative; +} +@font-face { + font-family: fcicons; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") + format("truetype"); + font-weight: 400; + font-style: normal; +} +.fc-icon { + display: -ms-inline-flexbox; + display: inline-flex; + width: 1em; + height: 1em; + font-size: var(--icon-font-size); + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: fcicons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.fc-icon-chevron-left:before { + content: "\e900"; +} +.fc-icon-chevron-right:before { + content: "\e901"; +} +.fc-icon-chevrons-left:before { + content: "\e902"; +} +.fc-icon-chevrons-right:before { + content: "\e903"; +} +.fc-icon-minus-square:before { + content: "\e904"; +} +.fc-icon-plus-square:before { + content: "\e905"; +} +.fc-icon-x:before { + content: "\e906"; +} +.fc .fc-button { + --btn-padding-y: 0.5rem; + --btn-padding-x: 0.875rem; + --btn-font-size: var(--body-font-size); + --btn-border-radius: var(--border-radius); + --btn-font-weight: 400; + --btn-line-height: var(--body-line-height); + --btn-border-width: var(--border-width); + --btn-box-shadow: 0 0 0 0 transparent; + --btn-disabled-opacity: 0.65; + --btn-focus-box-shadow: 0 0 0 0.125rem rgba(var(--btn-focus-shadow-rgb), 0.25); + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + align-items: center; + padding: var(--btn-padding-y) var(--btn-padding-x); + font-size: var(--btn-font-size); + font-weight: var(--btn-font-weight); + line-height: var(--btn-line-height); + color: var(--btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border: var(--btn-border-width) solid var(--btn-border-color); + border-radius: var(--btn-border-radius); + background-color: var(--btn-bg); + box-shadow: var(--btn-box-shadow); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .fc .fc-button { + transition: none; + } +} +.fc .fc-button:focus, +.fc .fc-button:hover { + color: var(--btn-hover-color); + background-color: var(--btn-hover-bg); + border-color: var(--btn-hover-border-color); +} +.fc .fc-button:focus { + outline: 0; + box-shadow: var(--btn-box-shadow), var(--btn-focus-box-shadow); +} +.fc .fc-button.fc-button-active, +.fc .fc-button:active { + color: var(--btn-active-color); + background-color: var(--btn-active-bg); + border-color: var(--btn-active-border-color); + box-shadow: var(--btn-active-shadow); +} +.fc .fc-button.fc-button-active:focus, +.fc .fc-button:active:focus { + box-shadow: var(--btn-active-shadow), var(--btn-focus-box-shadow); +} +.fc .fc-button:disabled { + color: var(--btn-disabled-color); + pointer-events: none; + background-color: var(--btn-disabled-bg); + border-color: var(--btn-disabled-border-color); + opacity: var(--btn-disabled-opacity); + box-shadow: none; +} +.fc .fc-button .fc-icon { + margin-top: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); +} +.fc .fc-button-primary { + --btn-color: var(--body-color); + --btn-bg: var(--gray-200); + --btn-border-color: var(--gray-400); + --btn-hover-color: var(--body-color); + --btn-hover-bg: var(--gray-300); + --btn-hover-border-color: var(--gray-500); + --btn-focus-shadow-rgb: 207, 207, 209; + --btn-active-color: var(--body-color); + --btn-active-bg: var(--gray-400); + --btn-active-border-color: var(--gray-600); + --btn-active-shadow: inset 0 0 0 0 transparent; + --btn-disabled-color: var(--body-color); + --btn-disabled-bg: var(--gray-200); + --btn-disabled-border-color: var(--gray-400); +} +.fc .fc-next-button .fc-icon, +.fc .fc-prev-button .fc-icon { + margin-left: calc( + (var(--btn-padding-x) - var(--btn-padding-y) - var(--btn-border-width)) * -1 + ); + margin-right: calc( + (var(--btn-padding-x) - var(--btn-padding-y) - var(--btn-border-width)) * -1 + ); +} +.fc .fc-button-group { + position: relative; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: middle; +} +.fc .fc-button-group > .fc-button { + position: relative; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +.fc .fc-button-group > .fc-button.fc-button-active, +.fc .fc-button-group > .fc-button:active, +.fc .fc-button-group > .fc-button:focus, +.fc .fc-button-group > .fc-button:hover { + z-index: 1; +} +.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { + margin-left: calc(var(--btn-border-width) * -1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { + margin-right: calc(var(--btn-border-width) * -1); + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.fc .fc-toolbar { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; +} +.fc .fc-toolbar.fc-header-toolbar { + margin-bottom: var(--spacer); +} +.fc .fc-toolbar.fc-footer-toolbar { + margin-top: var(--spacer); +} +.fc .fc-toolbar-title { + font-size: 1.125rem; + margin-bottom: 0; +} +.fc-direction-ltr .fc-toolbar > * > :not(:first-child) { + margin-left: var(--spacer-2); +} +.fc-direction-rtl .fc-toolbar > * > :not(:first-child) { + margin-right: var(--spacer-2); +} +.fc-direction-rtl .fc-toolbar-ltr { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.fc .fc-scroller { + -webkit-overflow-scrolling: touch; + position: relative; +} +.fc .fc-scroller-liquid { + height: 100%; +} +.fc .fc-scroller-liquid-absolute { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.fc .fc-scroller-harness { + position: relative; + overflow: hidden; + direction: ltr; +} +.fc .fc-scroller-harness-liquid { + height: 100%; +} +.fc-direction-rtl .fc-scroller-harness > .fc-scroller { + direction: rtl; +} +.fc-theme-standard .fc-scrollgrid { + border: var(--fc-cell-border-width) solid var(--fc-cell-border-color); +} +.fc .fc-scrollgrid { + border-collapse: separate; + border-right-width: 0; + border-bottom-width: 0; +} +.fc .fc-scrollgrid, +.fc .fc-scrollgrid table { + width: 100%; + table-layout: fixed; +} +.fc .fc-scrollgrid table { + border-top-style: hidden; + border-left-style: hidden; + border-right-style: hidden; +} +.fc .fc-scrollgrid-liquid { + height: 100%; +} +.fc .fc-scrollgrid-section, +.fc .fc-scrollgrid-section table, +.fc .fc-scrollgrid-section > td { + height: 1px; +} +.fc .fc-scrollgrid-section > * { + border-top-width: 0; + border-left-width: 0; +} +.fc .fc-scrollgrid-section-liquid { + height: auto; +} +.fc .fc-scrollgrid-section-liquid > td { + height: 100%; +} +.fc .fc-scrollgrid-section-footer > *, +.fc .fc-scrollgrid-section-header > * { + border-bottom-width: 0; +} +.fc .fc-scrollgrid-section-body table, +.fc .fc-scrollgrid-section-footer table { + border-bottom-style: hidden; +} +.fc .fc-scrollgrid-section-sticky > * { + background-color: var(--fc-bg); + position: -webkit-sticky; + position: sticky; + z-index: 3; +} +.fc .fc-scrollgrid-section-sticky.fc-scrollgrid-section-header > * { + top: 0; +} +.fc .fc-scrollgrid-section-sticky.fc-scrollgrid-section-footer > * { + bottom: 0; +} +.fc .fc-scrollgrid-sticky-shim { + height: 1px; + margin-bottom: -1px; +} +.fc .fc-view-harness { + -ms-flex-positive: 1; + flex-grow: 1; + position: relative; +} +.fc .fc-view-harness-active > .fc-view { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.fc .fc-col-header-cell-cushion { + display: inline-block; + padding: var(--fc-cell-padding-y) var(--fc-cell-padding-x); + color: var(--body-color); + font-weight: 600; +} +.fc-sticky { + position: -webkit-sticky; + position: sticky; +} +.fc-event { + font-size: var(--fc-event-font-size); +} +.fc .fc-bg-event, +.fc .fc-highlight, +.fc .fc-non-business { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.fc .fc-non-business { + background-color: var(--fc-nonbusiness-bg); +} +.fc .fc-bg-event { + background: var(--fc-bgevent-bg); + opacity: 0.2; +} +.fc .fc-highlight { + background-color: var(--fc-highlight-bg); +} +.fc .fc-cell-shaded, +.fc .fc-day-disabled { + background-color: var(--light); +} +.fc-daygrid-event .fc-event-time { + -ms-flex-order: 3; + order: 3; +} +a.fc-event, +a.fc-event:hover { + text-decoration: none; +} +.fc-event.fc-event-draggable, +.fc-event[href] { + cursor: pointer; +} +.fc-event .fc-event-main { + position: relative; + z-index: 2; +} +.fc-event-dragging:not(.fc-event-selected) { + opacity: 0.75; +} +.fc-event-dragging.fc-event-selected { + box-shadow: var(--box-shadow); +} +.fc-event .fc-event-resizer { + display: none; + position: absolute; + z-index: 4; +} +.fc-event-selected .fc-event-resizer, +.fc-event:hover .fc-event-resizer { + display: block; +} +.fc-event-selected .fc-event-resizer:before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: calc(var(--fc-event-padding-y) * 2 + var(--body-line-height-computed)); + height: calc( + var(--fc-event-padding-y) * 2 + var(--body-line-height-computed) + ); + z-index: 1080; +} +.fc-event-selected { + box-shadow: var(--box-shadow); +} +.fc-event-selected:before { + content: ""; + position: absolute; + z-index: 3; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.fc-event-selected:after { + content: ""; + background: rgba(var(--black-rgb), 0.15); + position: absolute; + z-index: 1; + top: calc(var(--fc-event-border-width) * -1); + right: calc(var(--fc-event-border-width) * -1); + bottom: calc(var(--fc-event-border-width) * -1); + left: calc(var(--fc-event-border-width) * -1); +} +.fc-h-event { + display: block; + border: var(--fc-event-border-width) solid var(--fc-event-border-color); + background-color: var(--fc-event-bg); +} +.fc-h-event .fc-event-main { + color: var(--fc-event-color); +} +.fc-h-event .fc-event-main-frame { + display: -ms-flexbox; + display: flex; +} +.fc-h-event .fc-event-time { + max-width: 100%; + overflow: hidden; +} +.fc-h-event .fc-event-title-container { + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; +} +.fc-h-event .fc-event-title { + display: inline-block; + vertical-align: top; + left: 0; + right: 0; + max-width: 100%; + overflow: hidden; +} +.fc-h-event.fc-event-selected:before { + top: calc(var(--spacer-2) * -1); + bottom: calc(var(--spacer-2) * -1); +} +.fc-h-event:not(.fc-event-selected) .fc-event-resizer { + top: calc(var(--fc-event-border-width) * -1); + bottom: calc(var(--fc-event-border-width) * -1); + width: var(--fc-event-resizer-size); +} +.fc-h-event .fc-h-event.fc-event-selected .fc-event-resizer { + top: 50%; + margin-top: calc(var(--fc-event-border-width) * -1); +} +.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start) { + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end) { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { + cursor: w-resize; + left: calc(var(--fc-event-border-width) * -1); +} +.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { + cursor: e-resize; + right: calc(var(--fc-event-border-width) * -1); +} +.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start { + left: calc(var(--fc-event-border-width) * -1); +} +.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end { + right: calc(var(--fc-event-border-width) * -1); +} +.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { + border-left-width: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { + cursor: w-resize; + left: calc(var(--fc-event-border-width) * -1); + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} +.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { + cursor: e-resize; + right: calc(var(--fc-event-border-width) * -1); + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); +} +.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { + left: calc(var(--fc-event-border-width) * -1); +} +.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { + right: calc(var(--fc-event-border-width) * -1); +} +.fc .fc-popover { + position: absolute; + z-index: 1070; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); +} +.fc .fc-popover .fc-daygrid-event.fc-event-end, +.fc .fc-popover .fc-daygrid-event.fc-event-start { + margin-left: 0; + margin-right: 0; +} +.fc .fc-popover .fc-h-event { + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} +.fc .fc-popover-header { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + padding: var(--fc-cell-padding-y) var(--fc-cell-padding-y) + calc(var(--fc-cell-padding-y) - var(--fc-event-spacer-y)) + var(--fc-cell-padding-y); +} +.fc .fc-popover-title { + font-weight: 600; +} +.fc .fc-popover-close { + cursor: pointer; + opacity: 0.6; + transition: opacity ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fc .fc-popover-close { + transition: none; + } +} +.fc .fc-popover-close:hover { + opacity: 1; +} +.fc .fc-more-popover .fc-popover-body { + min-width: 220px; + padding: var(--fc-cell-padding-y); + padding-top: 0; +} +.fc-theme-standard .fc-popover { + border: var(--fc-popover-border-width) solid var(--fc-popover-border-color); + background-color: var(--fc-popover-bg); +} +.fc-daygrid-day-events:after, +.fc-daygrid-day-events:before, +.fc-daygrid-day-frame:after, +.fc-daygrid-day-frame:before, +.fc-daygrid-event-harness:after, +.fc-daygrid-event-harness:before { + content: ""; + clear: both; + display: table; +} +.fc .fc-daygrid-body { + position: relative; + z-index: 1; +} +.fc .fc-daygrid-day.fc-day-today { + background-color: var(--fc-today-bg); +} +.fc .fc-daygrid-day-frame { + position: relative; + min-height: 100%; +} +.fc .fc-daygrid-day-top { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.fc .fc-day-other .fc-daygrid-day-top { + opacity: 0.3; +} +.fc .fc-daygrid-day-number { + position: relative; + z-index: 4; + padding: var(--fc-event-padding-x); + padding-bottom: calc(var(--fc-event-padding-x) - var(--fc-event-spacer-y)); + color: var(--body-color); +} +.fc .fc-daygrid-day-events { + margin-top: var(--fc-event-spacer-y); +} +.fc .fc-daygrid-body-balanced .fc-daygrid-day-events { + position: absolute; + left: 0; + right: 0; +} +.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { + position: relative; + min-height: calc( + var(--body-line-height-computed) + var(--fc-event-padding-y) * 2 + + var(--fc-event-border-width) * 2 + var(--fc-event-spacer-y) + ); +} +.fc .fc-daygrid-body-natural .fc-daygrid-day-events { + margin-bottom: calc(var(--fc-event-padding-y) + var(--fc-event-spacer-y)); +} +.fc .fc-daygrid-event-harness { + position: relative; +} +.fc .fc-daygrid-event-harness-abs { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.fc .fc-daygrid-bg-harness { + position: absolute; + top: 0; + bottom: 0; +} +.fc .fc-daygrid-day-bg .fc-non-business { + z-index: 1; +} +.fc .fc-daygrid-day-bg .fc-bg-event { + z-index: 2; +} +.fc .fc-daygrid-day-bg .fc-highlight { + z-index: 3; +} +.fc .fc-daygrid-event { + z-index: 6; + margin-top: var(--fc-event-spacer-y); +} +.fc .fc-daygrid-event.fc-event-mirror { + z-index: 7; +} +.fc .fc-daygrid-day-bottom:before { + content: ""; + clear: both; + display: table; +} +.fc .fc-daygrid-more-link { + position: relative; + z-index: 4; + margin: var(--fc-event-spacer-y) var(--fc-event-spacer-x) 0 + var(--fc-event-spacer-x); + background-color: var(--fc-event-more-bg); + color: var(--link-color); + display: block; + padding: var(--fc-event-padding-y) var(--fc-event-padding-y); + text-align: center; + font-size: var(--body-font-size-sm); + line-height: var(--body-line-height-sm); + cursor: pointer; + border-radius: var(--border-radius); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fc .fc-daygrid-more-link { + transition: none; + } +} +.fc .fc-daygrid-more-link:focus, +.fc .fc-daygrid-more-link:hover { + background-color: var(--fc-event-more-hover-bg); +} +.fc .fc-daygrid-week-number { + position: absolute; + z-index: 5; + top: 0; + padding: var(--fc-event-padding-x); + min-width: 1.5em; + text-align: center; + color: var(--fc-weekday-color); +} +.fc-liquid-hack .fc-daygrid-day-frame { + position: static; +} +.fc-direction-ltr .fc-daygrid-event.fc-event-start, +.fc-direction-rtl .fc-daygrid-event.fc-event-end { + margin-left: var(--fc-event-spacer-x); +} +.fc-direction-ltr .fc-daygrid-event.fc-event-end, +.fc-direction-rtl .fc-daygrid-event.fc-event-start { + margin-right: var(--fc-event-spacer-x); +} +.fc-direction-ltr .fc-daygrid-week-number { + left: 0; +} +.fc-direction-rtl .fc-daygrid-week-number { + right: 0; +} +.fc-daygrid-event { + position: relative; + white-space: nowrap; + border-radius: var(--border-radius); + padding: var(--fc-event-padding-y) var(--fc-event-padding-x); +} +.fc-daygrid-block-event .fc-event-time { + font-weight: 600; +} +.fc-daygrid-dot-event { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + color: var(--body-color); + padding: var(--fc-event-padding-y) 0; + background-color: var(--fc-bg); + border: var(--fc-cell-border-width) solid var(--fc-cell-border-color); + transition: color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .fc-daygrid-dot-event { + transition: none; + } +} +.fc-daygrid-dot-event .fc-event-title { + margin-right: var(--spacer-2); + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 600; +} +.fc-daygrid-dot-event.fc-event-selected:before { + top: calc(var(--spacer-2) * -1); + bottom: calc(var(--spacer-2) * -1); +} +.fc-daygrid-event-dot { + margin: 0 var(--fc-event-spacer-x); + box-sizing: content-box; + padding: var(--spacer-1); + background-color: var(--fc-event-bg); + border-radius: var(--border-radius-pill); +} +.fc-direction-ltr .fc-daygrid-event .fc-event-time { + margin-right: var(--spacer-2); +} +.fc-direction-rtl .fc-daygrid-event .fc-event-time { + margin-left: var(--spacer-2); +} +.fc-v-event { + display: block; + border: var(--fc-event-border-width) solid var(--fc-event-border-color); + background-color: var(--fc-event-bg); +} +.fc-v-event .fc-event-main { + color: var(--fc-event-color); + height: 100%; +} +.fc-v-event .fc-event-main-frame { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +.fc-v-event .fc-event-time { + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + max-height: 100%; + overflow: hidden; +} +.fc-v-event .fc-event-title-container { + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: 0; +} +.fc-v-event .fc-event-title { + top: 0; + bottom: 0; + max-height: 100%; + overflow: hidden; +} +.fc-v-event:not(.fc-event-start) { + border-top-width: 0; +} +.fc-v-event:not(.fc-event-end) { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.fc-v-event.fc-event-selected:before { + left: calc(var(--spacer-2) * -1); + right: calc(var(--spacer-2) * -1); +} +.fc-v-event .fc-event-resizer-start { + cursor: n-resize; +} +.fc-v-event .fc-event-resizer-end { + cursor: s-resize; +} +.fc-v-event:not(.fc-event-selected) .fc-event-resizer { + height: var(--fc-event-resizer-size); + left: calc(var(--fc-event-border-width) * -1); + right: calc(var(--fc-event-border-width) * -1); +} +.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { + top: calc(var(--fc-event-border-width) * -1); +} +.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { + bottom: calc(var(--fc-event-border-width) * -1); +} +.fc-v-event.fc-event-selected .fc-event-resizer { + left: 50%; + margin-left: calc(var(--fc-event-border-width) * -1); +} +.fc-v-event.fc-event-selected .fc-event-resizer-start { + top: calc(var(--fc-event-border-width) * -1); +} +.fc-v-event.fc-event-selected .fc-event-resizer-end { + bottom: calc(var(--fc-event-border-width) * -1); +} +.fc .fc-timegrid .fc-daygrid-body { + z-index: 2; +} +.fc .fc-timegrid-divider { + padding: 0 0 var(--fc-event-border-width); +} +.fc .fc-timegrid-body { + position: relative; + z-index: 1; + min-height: 100%; +} +.fc .fc-timegrid-axis-chunk { + position: relative; +} +.fc .fc-timegrid-axis-chunk > table { + position: relative; + z-index: 1; +} +.fc .fc-timegrid-slots { + position: relative; + z-index: 1; +} +.fc .fc-timegrid-slot { + height: calc( + var(--body-line-height-computed) + var(--fc-event-padding-y) * 2 + + var(--fc-event-border-width) * 2 + ); + border-bottom: 0; +} +.fc .fc-timegrid-slot:empty:before { + content: " "; +} +.fc .fc-timegrid-slot-minor { + border-top-style: dotted; +} +.fc .fc-timegrid-slot-label-cushion { + display: inline-block; + white-space: nowrap; +} +.fc .fc-timegrid-slot-label { + vertical-align: middle; +} +.fc .fc-timegrid-axis-cushion, +.fc .fc-timegrid-slot-label-cushion { + padding: 0 var(--fc-event-padding-x); +} +.fc .fc-timegrid-axis-frame-liquid { + height: 100%; +} +.fc .fc-timegrid-axis-frame { + overflow: hidden; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +.fc .fc-timegrid-axis-cushion { + max-width: 60px; + -ms-flex-negative: 0; + flex-shrink: 0; + color: var(--body-color); + font-weight: 600; +} +.fc .fc-timegrid-col.fc-day-today { + background-color: var(--fc-today-bg); +} +.fc .fc-timegrid-col-frame { + min-height: 100%; + position: relative; +} +.fc .fc-timegrid-col-bg { + z-index: 2; +} +.fc .fc-timegrid-col-bg .fc-non-business { + z-index: 1; +} +.fc .fc-timegrid-col-bg .fc-bg-event { + z-index: 2; +} +.fc .fc-timegrid-col-bg .fc-highlight { + z-index: 3; +} +.fc .fc-timegrid-bg-harness { + position: absolute; + left: 0; + right: 0; +} +.fc .fc .fc-timegrid-col-events { + z-index: 3; +} +.fc .fc-timegrid-now-indicator-container { + bottom: 0; + overflow: hidden; +} +.fc .fc-timegrid-now-indicator-line { + position: absolute; + z-index: 4; + left: 0; + right: 0; + border-style: solid; + border-color: var(--fc-event-color); + border-width: 1em 0 0; +} +.fc .fc-timegrid-now-indicator-arrow { + position: absolute; + z-index: 4; + margin-top: calc(var(--fc-event-padding-y) * -1); + border-style: solid; + border-color: var(--fc-event-color); +} +.fc-liquid-hack .fc-timegrid-axis-frame-liquid, +.fc-liquid-hack .fc-timegrid-col-frame { + height: auto; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.fc-media-screen .fc-timegrid-cols { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.fc-media-screen .fc-timegrid-cols > table { + height: 100%; +} +.fc-media-screen .fc-timegrid-col-bg, +.fc-media-screen .fc-timegrid-col-events, +.fc-media-screen .fc-timegrid-now-indicator-container { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.fc-timegrid-event-harness { + position: absolute; +} +.fc-timegrid-event-harness > .fc-timegrid-event { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.fc-timegrid-event-harness-inset .fc-timegrid-event, +.fc-timegrid-event.fc-event-mirror, +.fc-timegrid-more-link { + box-shadow: 0 0 0 var(--fc-event-border-width) var(--fc-bg); +} +.fc-timegrid-event, +.fc-timegrid-more-link { + border-radius: var(--border-radius); +} +.fc-timegrid-event .fc-event-main { + padding: var(--fc-event-padding-y) var(--fc-event-padding-x) 0; +} +.fc-timegrid-event .fc-event-time { + white-space: nowrap; +} +.fc-timegrid-event-short .fc-event-main-frame { + -ms-flex-direction: row; + flex-direction: row; + overflow: hidden; +} +.fc-timegrid-event-short .fc-event-time:after { + content: " - "; +} +.fc-timegrid-more-link { + position: absolute; + z-index: 9999; + color: inherit; + background-color: var(--fc-event-more-bg); + cursor: pointer; + margin-bottom: var(--fc-event-spacer-y); +} +.fc-timegrid-more-link-inner { + padding: var(--fc-event-padding-y) var(--fc-event-padding-x); + top: 0; +} +.fc-direction-ltr .fc-timegrid-col-events { + margin: 0 2.5% 0 calc(var(--fc-event-border-width) * 2); +} +.fc-direction-ltr .fc-timegrid-more-link { + right: 0; +} +.fc-direction-ltr .fc-timegrid-now-indicator-arrow { + left: 0; + border-width: 1em 0 1em 1em; + border-top-color: transparent; + border-bottom-color: transparent; +} +.fc-direction-rtl .fc-timegrid-col-events { + margin: 0 2px 0 calc(var(--fc-event-border-width) * 2); +} +.fc-direction-rtl .fc-timegrid-more-link { + left: 0; +} +.fc-direction-rtl .fc-timegrid-now-indicator-arrow { + right: 0; + border-width: 1em 1em 1em 0; + border-top-color: transparent; + border-bottom-color: transparent; +} +.fc-theme-standard .fc-list { + border: var(--fc-cell-border-width) solid var(--fc-cell-border-color); +} +.fc .fc-list-empty { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; +} +.fc .fc-list-empty-cushion { + margin: var(--spacer) 0; +} +.fc .fc-list-table { + width: 100%; + border-style: hidden; +} +.fc .fc-list-table th { + padding: 0; +} +.fc .fc-list-table tr > * { + border-left: 0; + border-right: 0; +} +.fc .fc-list-sticky .fc-list-day > * { + position: -webkit-sticky; + position: sticky; + top: 0; +} +.fc .fc-list-day-cushion, +.fc .fc-list-table td { + padding: var(--fc-cell-padding-y) var(--fc-cell-padding-x); +} +.fc .fc-list-day-cushion:after { + content: ""; + clear: both; + display: table; +} +.fc .fc-list-event.fc-event-forced-url { + cursor: pointer; +} +.fc .fc-list-event-title a { + color: inherit; + text-decoration: none; +} +.fc .fc-list-event-graphic, +.fc .fc-list-event-time { + white-space: nowrap; + width: 1px; +} +.fc .fc-list-event-dot { + display: inline-block; + margin: 0 var(--fc-event-spacer-x); + box-sizing: content-box; + padding: var(--spacer-1); + background-color: var(--fc-event-bg); + border-radius: var(--border-radius-pill); +} +.fc .fc-list-day-side-text, +.fc .fc-list-day-text { + color: var(--body-color); +} +.fc .fc-list-day-side-text:focus, +.fc .fc-list-day-text:focus { + outline: 0; +} +.fc-theme-standard .fc-list-day-cushion { + background-color: var(--light); +} +.fc-theme-bootstrap a:not([href]) { + color: inherit; +} +.fc-direction-ltr .fc-list-day-text, +.fc-direction-rtl .fc-list-day-side-text { + float: left; +} +.fc-direction-ltr .fc-list-day-side-text, +.fc-direction-rtl .fc-list-day-text { + float: right; +} +.fc-direction-ltr .fc-list-table .fc-list-event-graphic { + padding-right: 0; +} +.fc-direction-rtl .fc-list-table .fc-list-event-graphic { + padding-left: 0; +} +@media (max-width: 575.98px) { + .fc .fc-toolbar { + display: block; + text-align: center; + } + .fc .fc-toolbar .fc-toolbar-title { + margin-top: var(--spacer); + margin-bottom: var(--spacer); + } + .fc .fc-view-harness { + overflow: auto; + min-height: 600px; + box-shadow: 0 0 0 var(--fc-cell-border-width) var(--fc-cell-border-color) + inset; + } + .fc .fc-view-harness .fc-view { + min-width: 900px; + } +} +.image-cropper-container { + direction: ltr; + height: 400px; + width: 100%; + overflow: hidden; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC); +} +.eg-preview .preview { + direction: ltr; +} +.eg-preview .preview-lg { + width: 150px; + height: 150px; +} +.eg-preview .preview-md { + width: 120px; + height: 120px; +} +.eg-preview .preview-sm { + width: 90px; + height: 90px; +} +.eg-preview .preview-xs { + width: 60px; + height: 60px; +} +.eg-preview .preview-xxs { + width: 40px; + height: 40px; +} +.cropper-container { + --cropper-grid-center-size: calc(var(--border-width) * 9); + --cropper-grid-size: var(--border-width); + --cropper-grid-color: var(--gray-300); + --cropper-resizer-size: 0.375rem; + --cropper-resizer-color: var(--primary); + direction: ltr !important; + font-size: 0; + line-height: 0; + position: relative; + -ms-touch-action: none; + touch-action: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.cropper-container img { + display: block; + width: 100%; + min-width: 0 !important; + max-width: none !important; + height: 100%; + min-height: 0 !important; + max-height: none !important; + image-orientation: 0deg !important; +} +.cropper-canvas, +.cropper-crop-box, +.cropper-drag-box, +.cropper-modal, +.cropper-wrap-box { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.cropper-wrap-box { + overflow: hidden; +} +.cropper-drag-box { + background-color: var(--white); + opacity: 0; +} +.cropper-modal { + background-color: var(--black); + opacity: 0.35; +} +.cropper-view-box { + display: block; + overflow: hidden; + width: 100%; + height: 100%; +} +.cropper-dashed { + position: absolute; + display: block; + border: 0 dashed var(--cropper-grid-color); + opacity: 0.5; +} +.cropper-dashed.dashed-h { + top: 33.33333%; + left: 0; + left: 0; + width: 100%; + height: 33.33333%; + border-top-width: var(--cropper-grid-size); + border-bottom-width: var(--cropper-grid-size); +} +.cropper-dashed.dashed-v { + top: 0; + left: 33.33333%; + width: 33.33333%; + height: 100%; + border-right-width: var(--cropper-grid-size); + border-left-width: var(--cropper-grid-size); +} +.cropper-center { + position: absolute; + top: 50%; + left: 50%; + display: block; + width: 0; + height: 0; + opacity: 0.75; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.cropper-center:after, +.cropper-center:before { + content: " "; + position: absolute; + display: block; + background-color: var(--cropper-grid-color); +} +.cropper-center:before { + top: 0; + left: calc( + (var(--cropper-grid-center-size) - var(--cropper-grid-size)) * 0.5 * -1 + ); + width: var(--cropper-grid-center-size); + height: var(--cropper-grid-size); +} +.cropper-center:after { + top: calc( + (var(--cropper-grid-center-size) - var(--cropper-grid-size)) * 0.5 * -1 + ); + left: 0; + width: var(--cropper-grid-size); + height: var(--cropper-grid-center-size); +} +.cropper-face, +.cropper-line, +.cropper-point { + position: absolute; + display: block; + width: 100%; + height: 100%; + opacity: 0.1; +} +.cropper-face { + top: 0; + left: 0; + background-color: var(--white); +} +.cropper-line { + background-color: var(--cropper-resizer-color); +} +.cropper-line.line-e { + top: 0; + right: calc(var(--cropper-resizer-size) * 0.5 * -1); + width: var(--cropper-resizer-size); + cursor: e-resize; +} +.cropper-line.line-n { + top: calc(var(--cropper-resizer-size) * 0.5 * -1); + left: 0; + height: var(--cropper-resizer-size); + cursor: n-resize; +} +.cropper-line.line-w { + top: 0; + left: calc(var(--cropper-resizer-size) * 0.5 * -1); + width: var(--cropper-resizer-size); + cursor: w-resize; +} +.cropper-line.line-s { + bottom: calc(var(--cropper-resizer-size) * 0.5 * -1); + left: 0; + height: var(--cropper-resizer-size); + cursor: s-resize; +} +.cropper-point { + background-color: var(--cropper-resizer-color); + opacity: 0.75; + width: var(--cropper-resizer-size); + height: var(--cropper-resizer-size); +} +.cropper-point.point-e { + top: 50%; + right: calc(var(--cropper-resizer-size) * 0.5 * -1); + margin-top: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: e-resize; +} +.cropper-point.point-n { + top: calc(var(--cropper-resizer-size) * 0.5 * -1); + left: 50%; + margin-left: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: n-resize; +} +.cropper-point.point-w { + top: 50%; + left: calc(var(--cropper-resizer-size) * 0.5 * -1); + margin-top: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: w-resize; +} +.cropper-point.point-s { + bottom: calc(var(--cropper-resizer-size) * 0.5 * -1); + left: 50%; + margin-left: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: s-resize; +} +.cropper-point.point-ne { + top: calc(var(--cropper-resizer-size) * 0.5 * -1); + right: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: ne-resize; +} +.cropper-point.point-nw { + top: calc(var(--cropper-resizer-size) * 0.5 * -1); + left: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: nw-resize; +} +.cropper-point.point-sw { + bottom: calc(var(--cropper-resizer-size) * 0.5 * -1); + left: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: sw-resize; +} +.cropper-point.point-se { + right: calc(var(--cropper-resizer-size) * 0.5 * -1); + bottom: calc(var(--cropper-resizer-size) * 0.5 * -1); + cursor: se-resize; + opacity: 1; + width: var(--cropper-resizer-size); + height: var(--cropper-resizer-size); +} +.cropper-point.point-se:before { + content: " "; + position: absolute; + right: -50%; + bottom: -50%; + display: block; + background-color: var(--cropper-resizer-color); + opacity: 0; + width: 200%; + height: 200%; +} +.cropper-bg { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC); +} +.cropper-bg[data-color-theme="dark"], +[data-color-theme="dark"] .cropper-bg:not([data-color-theme]), +html[data-color-theme="dark"] .cropper-bg { + color-scheme: dark; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAAM0lEQVQ4EWPU0TX6z4AH+Pj44JFlYGDCK0uE5KgBgyEQWQjF85YtW/BG5mg0DoZopDgWANQBBZDyunGoAAAAAElFTkSuQmCC); +} +.cropper-invisible { + opacity: 0; +} +.cropper-hide { + position: absolute; + display: block; + width: 0; + height: 0; +} +.cropper-hidden { + display: none !important; +} +.cropper-move { + cursor: move; +} +.cropper-crop { + cursor: crosshair; +} +.glightbox-container { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 999999 !important; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + outline: 0; +} +.glightbox-container.inactive { + display: none; +} +.glightbox-container .gcontainer { + position: relative; + width: 100%; + height: 100%; + z-index: 9999; + overflow: hidden; +} +.glightbox-container .gslider { + height: 100%; + left: 0; + top: 0; + width: 100%; + position: relative; + display: -ms-flexbox !important; + display: flex !important; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + transition: -webkit-transform 0.25s ease; + transition: transform 0.25s ease; + transition: transform 0.25s ease, -webkit-transform 0.25s ease; +} +.glightbox-container .gslide { + width: 100%; + position: absolute; + opacity: 1; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + opacity: 0; +} +.glightbox-container .gslide.current { + opacity: 1; + z-index: 99999; + position: relative; +} +.glightbox-container .gslide.prev { + opacity: 1; + z-index: 9999; +} +.glightbox-container .gslide iframe, +.glightbox-container .gslide video { + outline: 0 !important; + border: none; + min-height: 165px; + -webkit-overflow-scrolling: touch; + -ms-touch-action: auto; + touch-action: auto; +} +.glightbox-container .gslide-inner-content { + width: 100%; +} +.glightbox-container .ginner-container { + position: relative; + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-direction: column; + flex-direction: column; + max-width: 100%; + margin: auto; + height: 100vh; +} +.glightbox-container .ginner-container.gvideo-container { + width: 100%; +} +.glightbox-container .ginner-container.desc-bottom, +.glightbox-container .ginner-container.desc-top { + -ms-flex-direction: column; + flex-direction: column; +} +.glightbox-container .ginner-container.desc-left, +.glightbox-container .ginner-container.desc-right { + max-width: 100% !important; +} +.gslide-image { + -ms-flex-align: center; + align-items: center; +} +.gslide-image img { + max-height: 100vh; + display: block; + padding: 0; + float: none; + outline: 0; + border: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + max-width: 100vw; + width: auto; + height: auto; + -o-object-fit: cover; + object-fit: cover; + -ms-touch-action: none; + touch-action: none; + margin: auto; + min-width: 200px; +} +.gslide-image img.zoomable { + position: relative; +} +.gslide-image img.dragging { + cursor: -webkit-grabbing !important; + cursor: grabbing !important; + transition: none; +} +.desc-bottom .gslide-image img, +.desc-top .gslide-image img { + width: auto; +} +.desc-left .gslide-image img, +.desc-right .gslide-image img { + width: auto; + max-width: 100%; +} +.gslide-video { + position: relative; + max-width: 100vh; + width: 100% !important; +} +.gslide-video::before { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + background: rgba(255, 0, 0, 0.34); + display: none; +} +.gslide-video.playing::before { + display: none; +} +.gslide-video .gvideo-wrapper { + width: 100%; + margin: auto; +} +.gslide-video.fullscreen { + max-width: 100% !important; + min-width: 100%; + height: 75vh; +} +.gslide-video.fullscreen video { + max-width: 100% !important; + width: 100% !important; +} +.gslide-inline { + background-color: #fff; + text-align: left; + max-height: calc(100vh - 40px); + overflow: auto; + max-width: 100%; +} +.gslide-inline .ginlined-content { + padding: 20px; + width: 100%; +} +.gslide-inline .dragging { + cursor: -webkit-grabbing !important; + cursor: grabbing !important; + transition: none; +} +.gslide-media { + position: relative; + display: -ms-flexbox; + display: flex; + width: auto; + box-shadow: var(--box-shadow-sm); +} +.zoomed .gslide-media { + box-shadow: none !important; +} +.desc-bottom .gslide-media, +.desc-top .gslide-media { + margin: 0 auto; + -ms-flex-direction: column; + flex-direction: column; +} +.gslide-description { + position: relative; + -ms-flex: 1 0 100%; + flex: 1 0 100%; +} +.gslide-description.description-left, +.gslide-description.description-right { + max-width: 100%; +} +.gslide-description.description-bottom, +.gslide-description.description-top { + margin: 0 auto; + width: 100%; +} +.gslide-description p { + margin-bottom: var(--spacer-2); +} +.gslide-description p:last-child { + margin-bottom: 0; +} +.zoomed .gslide-description { + display: none; +} +.ginlined-content { + overflow: auto; + display: block !important; + opacity: 1; +} +.gslide-external { + display: -ms-flexbox; + display: flex; + width: 100%; + min-width: 100%; + background-color: var(--white); + padding: 0; + overflow: auto; + max-height: 75vh; + height: 100%; +} +.glightbox-button-hidden { + display: none; +} +.download-original-image { + position: absolute; + top: var(--spacer-2); + right: var(--spacer-2); + width: 2.5rem; + height: 2.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + color: var(--white); + border-radius: var(--border-radius-pill); + background-color: rgba(var(--black-rgb), 0.1); +} +.download-original-image:hover { + color: var(--white); + background-color: rgba(var(--black-rgb), 0.15); +} +.glightbox-mobile .glightbox-container .gslide-description { + height: auto !important; + width: 100%; + background: 0 0; + position: absolute; + bottom: 15px; + padding: 19px 11px; + max-width: 100vw !important; + -ms-flex-order: 2 !important; + order: 2 !important; + max-height: 78vh; + overflow: auto !important; + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0, + rgba(0, 0, 0, 0.75) 100% + ); + transition: opacity 0.25s linear; + padding-bottom: 50px; +} +.glightbox-mobile .glightbox-container .gslide-title { + color: var(--white); + font-size: 1em; +} +.glightbox-mobile .glightbox-container .gslide-desc { + color: rgba(var(--body-color-rgb), 0.75); +} +.glightbox-mobile .glightbox-container .gslide-desc .desc-more, +.glightbox-mobile .glightbox-container .gslide-desc a, +.glightbox-mobile .glightbox-container .gslide-desc string { + color: var(--white); +} +.glightbox-mobile .glightbox-container .gslide-desc a { + font-weight: 700; +} +.glightbox-mobile .glightbox-container .gslide-desc * { + color: inherit; +} +.glightbox-mobile .glightbox-container .gslide-desc .desc-more { + opacity: 0.4; +} +.gdesc-open .gslide-media { + transition: opacity 0.25s ease; + opacity: 0.4; +} +.gdesc-open .gdesc-inner { + padding-bottom: 30px; +} +.gdesc-closed .gslide-media { + transition: opacity 0.25s ease; + opacity: 1; +} +.greset { + transition: all 0.25s ease; +} +.gabsolute { + position: absolute; +} +.grelative { + position: relative; +} +.glightbox-desc { + display: none !important; +} +.glightbox-open { + overflow: hidden; +} +.gloader { + height: 25px; + width: 25px; + -webkit-animation: lightboxLoader 0.8s infinite linear; + animation: lightboxLoader 0.8s infinite linear; + border: 2px solid #fff; + border-right-color: transparent; + border-radius: 50%; + position: absolute; + display: block; + z-index: 9999; + left: 0; + right: 0; + margin: 0 auto; + top: 47%; +} +.goverlay { + width: 100%; + height: calc(100vh + 1px); + position: fixed; + top: -1px; + left: 0; + background-color: rgba(var(--black-rgb), 0.9); + will-change: opacity; +} +.gclose, +.gnext, +.gprev { + z-index: 99999; + cursor: pointer; + width: 26px; + height: 44px; + border: none; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-direction: column; + flex-direction: column; + -webkit-animation: gfadeIn 0.25s ease; + animation: gfadeIn 0.25s ease; +} +.gclose svg, +.gnext svg, +.gprev svg { + display: block; + width: 25px; + height: auto; + margin: 0; + padding: 0; +} +.gclose.disabled, +.gnext.disabled, +.gprev.disabled { + opacity: 0.1; +} +.gclose .garrow, +.gnext .garrow, +.gprev .garrow { + stroke: var(--white); +} +iframe.wait-autoplay { + opacity: 0; +} +.glightbox-closing .gclose, +.glightbox-closing .gnext, +.glightbox-closing .gprev { + opacity: 0 !important; +} +.glightbox-clean .gslide-description { + background-color: var(--white); +} +.glightbox-clean .gdesc-inner { + padding: var(--spacer); +} +.glightbox-clean .gslide-title { + margin-bottom: var(--spacer); +} +.glightbox-clean .gslide-desc { + font-size: var(--body-font-size-sm); + line-height: var(--body-line-height-sm); + margin-bottom: 0; +} +.glightbox-clean .gslide-video { + background-color: var(--black); +} +.glightbox-clean .gclose, +.glightbox-clean .gnext, +.glightbox-clean .gprev { + background-color: transparent; + border-radius: var(--border-radius-pill); +} +.glightbox-clean .gclose:hover, +.glightbox-clean .gnext:hover, +.glightbox-clean .gprev:hover { + background-color: rgba(var(--black-rgb), 0.25); +} +.glightbox-clean .gclose path, +.glightbox-clean .gnext path, +.glightbox-clean .gprev path { + fill: var(--white); +} +.glightbox-clean .gprev { + position: absolute; + bottom: 20px; + left: 20px; + width: 60px; + height: 60px; +} +.glightbox-clean .gnext { + position: absolute; + bottom: 20px; + right: 20px; + width: 60px; + height: 60px; +} +.glightbox-clean .gclose { + width: 46px; + height: 46px; + top: 20px; + right: 20px; + position: absolute; +} +.glightbox-clean .gclose:hover { + opacity: 1; +} +.glightbox-clean .gclose svg { + width: 18px; + height: auto; +} +.glightbox-clean button:focus:not(.focused):not(.disabled) { + outline: 0; +} +.gfadeIn { + -webkit-animation: gfadeIn 0.25s ease; + animation: gfadeIn 0.25s ease; +} +.gfadeOut { + -webkit-animation: gfadeOut 0.25s ease; + animation: gfadeOut 0.25s ease; +} +.gslideOutLeft { + -webkit-animation: gslideOutLeft 0.25s ease; + animation: gslideOutLeft 0.25s ease; +} +.gslideInLeft { + -webkit-animation: gslideInLeft 0.25s ease; + animation: gslideInLeft 0.25s ease; +} +.gslideOutRight { + -webkit-animation: gslideOutRight 0.25s ease; + animation: gslideOutRight 0.25s ease; +} +.gslideInRight { + -webkit-animation: gslideInRight 0.25s ease; + animation: gslideInRight 0.25s ease; +} +.gzoomIn { + -webkit-animation: gzoomIn 0.25s ease; + animation: gzoomIn 0.25s ease; +} +.gzoomOut { + -webkit-animation: gzoomOut 0.25s ease; + animation: gzoomOut 0.25s ease; +} +@-webkit-keyframes lightboxLoader { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes lightboxLoader { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes gfadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes gfadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes gfadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes gfadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-webkit-keyframes gslideInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + } + to { + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes gslideInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + } + to { + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes gslideOutLeft { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + opacity: 0; + visibility: hidden; + } +} +@keyframes gslideOutLeft { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(-60%, 0, 0); + transform: translate3d(-60%, 0, 0); + opacity: 0; + visibility: hidden; + } +} +@-webkit-keyframes gslideInRight { + from { + opacity: 0; + visibility: visible; + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes gslideInRight { + from { + opacity: 0; + visibility: visible; + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@-webkit-keyframes gslideOutRight { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + opacity: 0; + } +} +@keyframes gslideOutRight { + from { + opacity: 1; + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + -webkit-transform: translate3d(60%, 0, 0); + transform: translate3d(60%, 0, 0); + opacity: 0; + } +} +@-webkit-keyframes gzoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 1; + } +} +@keyframes gzoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 1; + } +} +@-webkit-keyframes gzoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} +@keyframes gzoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} +@media (min-width: 768px) { + .glightbox-container .ginner-container { + width: auto; + height: auto; + -ms-flex-direction: row; + flex-direction: row; + } + .glightbox-container .ginner-container.desc-top .gslide-description { + -ms-flex-order: 0; + order: 0; + } + .glightbox-container .ginner-container.desc-top .gslide-image, + .glightbox-container .ginner-container.desc-top .gslide-image img { + -ms-flex-order: 1; + order: 1; + } + .glightbox-container .ginner-container.desc-left .gslide-description { + -ms-flex-order: 0; + order: 0; + } + .glightbox-container .ginner-container.desc-left .gslide-image { + -ms-flex-order: 1; + order: 1; + } + .gslide-image img { + max-height: 97vh; + max-width: 100%; + } + .gslide-image img.zoomable { + cursor: -webkit-zoom-in; + cursor: zoom-in; + } + .zoomed .gslide-image img.zoomable { + cursor: -webkit-grab; + cursor: grab; + } + .gslide-inline { + max-height: 95vh; + } + .gslide-external { + max-height: 100vh; + } + .gslide-description.description-left, + .gslide-description.description-right { + max-width: 275px; + } + .goverlay { + background-color: rgba(var(--black-rgb), 0.9); + } + .glightbox-clean .description-left .gdesc-inner, + .glightbox-clean .description-right .gdesc-inner { + position: absolute; + height: 100%; + overflow-y: auto; + } + .glightbox-clean .gprev { + bottom: 50%; + -webkit-transform: translateY(50%); + transform: translateY(50%); + } + .glightbox-clean .gnext { + bottom: 50%; + -webkit-transform: translateY(50%); + transform: translateY(50%); + } +} +.gridjs-container { + position: relative; +} +.gridjs-temp { + position: relative; +} +.gridjs-head { + width: 100%; + padding: var(--spacer); + border-bottom: var(--border-width) solid var(--border-color); +} +.gridjs-footer { + position: relative; + padding: var(--spacer); + border-top: var(--border-width) solid var(--border-color); +} +.gridjs-footer:empty, +.gridjs-head:empty { + padding: 0; + border: 0; +} +.gridjs-footer button, +.gridjs-head button { + cursor: pointer; + background-color: transparent; + background-image: none; + padding: 0; + margin: 0; + border: none; + outline: 0; +} +.gridjs-wrapper { + position: relative; + overflow: auto; + width: 100%; +} +.gridjs-search { + position: relative; + display: block; + max-width: 20rem; +} +.gridjs-search:after { + content: "\f4a8"; + font-family: var(--icon-font-family); + position: absolute; + top: 50%; + right: calc(var(--spacer) * 0.75); + font-size: var(--icon-font-size); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: inline-block; + line-height: 1; + opacity: 0.75; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.gridjs-input { + --gridjs-input-padding-y: 0.5rem; + --gridjs-input-padding-x: 0.875rem; + --gridjs-input-bg: var(--white); + --gridjs-input-color: var(--body-color); + --gridjs-input-font-size: var(--body-font-size); + --gridjs-input-line-height: var(--body-line-height); + --gridjs-input-border-width: var(--border-width); + --gridjs-input-border-color: var(--gray-400); + --gridjs-input-border-radius: var(--border-radius); + --gridjs-input-focus-bg: var(--white); + --gridjs-input-focus-border-color: var(--component-active-bg); + --gridjs-input-focus-box-shadow: var(--focus-ring-box-shadow); + outline: 0; + display: block; + width: 100%; + color: var(--gridjs-input-color); + background-color: var(--gridjs-input-bg); + border: var(--gridjs-input-border-width) solid + var(--gridjs-input-border-color); + padding: var(--gridjs-input-padding-y) + calc( + var(--gridjs-input-padding-x) + var(--icon-font-size) + var(--spacer-2) + ) + var(--gridjs-input-padding-y) var(--gridjs-input-padding-x); + font-size: var(--gridjs-input-font-size); + line-height: var(--gridjs-input-line-height); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-clip: padding-box; + border-radius: var(--gridjs-input-border-radius); + transition: border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; +} +.gridjs-input[data-color-theme="dark"], +[data-color-theme="dark"] .gridjs-input:not([data-color-theme]), +html[data-color-theme="dark"] .gridjs-input { + color-scheme: dark; + --gridjs-input-bg: #2c2d33; + --gridjs-input-focus-bg: #2c2d33; +} +@media (prefers-reduced-motion: reduce) { + .gridjs-input { + transition: none; + } +} +.gridjs-input:focus { + background-color: var(--gridjs-input-focus-bg); + border-color: var(--gridjs-input-focus-border-color); + outline: 0; + box-shadow: 0 0 0 0 transparent, var(--gridjs-input-focus-box-shadow); +} +@media (max-width: 767.98px) { + .gridjs-pagination .gridjs-summary { + margin-bottom: var(--spacer-2); + } +} +@media (min-width: 768px) { + .gridjs-pagination { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + } +} +.gridjs-pagination .gridjs-pages { + --pagination-padding-x: 0.875rem; + --pagination-padding-y: 0.5rem; + --pagination-font-size: var(--body-font-size); + --pagination-margin-start: calc(var(--pagination-border-width) * 2); + --pagination-color: var(--body-color); + --pagination-bg: transparent; + --pagination-border-width: var(--border-width); + --pagination-border-color: transparent; + --pagination-border-radius: var(--border-radius); + --pagination-hover-color: var(--body-color); + --pagination-hover-bg: var(--gray-200); + --pagination-hover-border-color: var(--border-color); + --pagination-focus-color: var(--body-color); + --pagination-focus-bg: var(--gray-200); + --pagination-active-color: var(--component-active-color); + --pagination-active-bg: var(--component-active-bg); + --pagination-active-border-color: var(--component-active-bg); + --pagination-disabled-color: var(--gray-500); + --pagination-disabled-bg: transparent; + --pagination-disabled-border-color: transparent; + margin-left: auto; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.gridjs-pagination .gridjs-pages button { + position: relative; + display: block; + padding: var(--pagination-padding-y) var(--pagination-padding-x); + font-size: var(--pagination-font-size); + color: var(--pagination-color); + min-width: calc( + var(--pagination-font-size) * var(--body-line-height) + + var(--pagination-border-width) * 2 + var(--pagination-padding-y) * 2 + ); + text-align: center; + background-color: var(--pagination-bg); + border: var(--pagination-border-width) solid var(--pagination-border-color); + transition: color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + box-shadow var(--transition-base-timer) ease-in-out; + border-radius: var(--pagination-border-radius); +} +@media (prefers-reduced-motion: reduce) { + .gridjs-pagination .gridjs-pages button { + transition: none; + } +} +.gridjs-pagination .gridjs-pages button:hover { + z-index: 2; + color: var(--pagination-hover-color); + background-color: var(--pagination-hover-bg); + border-color: var(--pagination-hover-border-color); +} +.gridjs-pagination .gridjs-pages button:focus { + z-index: 3; + color: var(--pagination-focus-color); + background-color: var(--pagination-focus-bg); + outline: 0; + box-shadow: var(--pagination-focus-box-shadow); +} +.gridjs-pagination .gridjs-pages button:disabled, +.gridjs-pagination .gridjs-pages button:hover:disabled, +.gridjs-pagination .gridjs-pages button[disabled] { + color: var(--pagination-disabled-color); + pointer-events: none; + background-color: var(--pagination-disabled-bg); + border-color: var(--pagination-disabled-border-color); +} +.gridjs-pagination .gridjs-pages button.gridjs-spread { + cursor: default; + pointer-events: none; +} +.gridjs-pagination .gridjs-pages button.gridjs-currentPage { + z-index: 3; + color: var(--pagination-active-color); + background-color: var(--pagination-active-bg); + border-color: var(--pagination-active-border-color); +} +.gridjs-pagination .gridjs-pages button:not(:first-child) { + margin-left: var(--pagination-margin-start); +} +.gridjs-sort { + float: right; + height: var(--icon-font-size); + width: calc(var(--icon-font-size) * 0.5); + margin-top: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); + background-size: 100%; + background-color: transparent; + background-repeat: no-repeat; + background-position-x: center; + cursor: pointer; + padding: 0; + border: none; + outline: 0; + background-size: contain; +} +.gridjs-sort[data-color-theme="dark"], +[data-color-theme="dark"] .gridjs-sort:not([data-color-theme]), +html[data-color-theme="dark"] .gridjs-sort { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100%) brightness(200%); + filter: invert(1) grayscale(100%) brightness(200%); +} +.gridjs-sort-neutral { + opacity: 0.25; + background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+); + background-position-y: center; +} +.gridjs-sort-asc { + background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+); + background-position-y: 35%; +} +.gridjs-sort-desc { + background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+); + background-position-y: 65%; +} +.gridjs-table { + max-width: 100%; + overflow: auto; +} +.gridjs-table.table-bordered > :not(caption) > * { + border-bottom-width: 0; +} +.gridjs-head + ~ .gridjs-wrapper + .gridjs-table.table-bordered + > :not(caption) + > * { + border-top-width: 0; +} +.gridjs-table.table-bordered > :not(caption) > * > :first-child { + border-left: 0; +} +.gridjs-table.table-bordered > :not(caption) > * > :last-child { + border-right: 0; +} +.gridjs-th { + position: relative; +} +.gridjs-th .gridjs-th-content { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: 100%; + float: left; +} +.gridjs-th-sort { + cursor: pointer; +} +.gridjs-th-sort .gridjs-th-content { + width: calc(100% - var(--icon-font-size)); +} +.gridjs-table .gridjs-th-fixed { + --gridjs-header-bg: var(--white); + position: -webkit-sticky; + position: sticky; + background-color: var(--gridjs-header-bg); +} +.gridjs-table .gridjs-th-fixed[data-color-theme="dark"], +[data-color-theme="dark"] + .gridjs-table + .gridjs-th-fixed:not([data-color-theme]), +html[data-color-theme="dark"] .gridjs-table .gridjs-th-fixed { + color-scheme: dark; + --gridjs-header-bg: #2c2d33; +} +.gridjs-table .gridjs-th-fixed:after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: calc(var(--table-border-width) * -1); + border-bottom: var(--table-border-width) solid + var(--table-group-separator-color); +} +.gridjs-tr-selected td { + background-color: var(--table-active-bg); +} +.gridjs-message { + text-align: center; +} +.gridjs-td .gridjs-checkbox { + display: block; + margin: auto; + cursor: pointer; +} +.gridjs-resizable { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: var(--spacer-1); +} +.gridjs-resizable:hover { + cursor: ew-resize; + background-color: var(--primary); +} +.dataTables_wrapper { + --dt-spacer-y: var(--spacer); + --dt-spacer-x: var(--spacer); + --dt-filter-width: 15rem; + position: relative; +} +.dataTable thead td, +.dataTable thead th { + position: relative; +} +.dataTable thead .sorting { + cursor: pointer; + padding-right: calc(var(--dt-spacer-y) * 2); +} +.dataTable thead .sorting:after, +.dataTable thead .sorting:before, +.dataTable thead .sorting_asc_disabled:before, +.dataTable thead .sorting_desc_disabled:after { + content: ""; + font-family: var(--icon-font-family); + position: absolute; + top: 50%; + right: var(--dt-spacer-y); + font-size: var(--body-font-size); + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + display: inline-block; + line-height: 1; + opacity: 0.5; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.dataTable + thead + .sorting:not([class*="sorting_asc"]):not([class*="sorting_desc"]):before { + -webkit-transform: translateY(-20%); + transform: translateY(-20%); +} +.dataTable + thead + .sorting:not([class*="sorting_asc"]):not([class*="sorting_desc"]):after { + -webkit-transform: translateY(-80%); + transform: translateY(-80%); +} +.dataTable thead .sorting:not(.sorting_desc):before, +.dataTable thead .sorting_asc_disabled:before { + content: "\f31a"; +} +.dataTable thead .sorting:not(.sorting_asc):after, +.dataTable thead .sorting_desc_disabled:after { + content: "\f31d"; +} +.dataTable thead .sorting_asc:after, +.dataTable thead .sorting_asc:before, +.dataTable thead .sorting_desc:after, +.dataTable thead .sorting_desc:before { + opacity: 1; +} +.dataTable tbody td.active, +.dataTable tbody th.active { + background-color: var(--table-hover-bg); +} +.dataTable .dataTables_empty { + text-align: center; +} +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + padding: var(--spacer); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + text-align: center; + background-color: var(--gray-100); +} +.datatable-footer, +.datatable-header { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: var(--dt-spacer-y); + padding-bottom: 0; +} +.card-body .datatable-footer, +.card-body .datatable-header { + padding-left: 0; + padding-right: 0; +} +.datatable-footer-accent, +.datatable-header-accent { + background-color: var(--table-accent-bg); +} +.datatable-header { + border-bottom: var(--border-width) solid var(--border-color); +} +.datatable-footer { + border-top: var(--border-width) solid var(--border-color); +} +.dataTables_length { + margin-bottom: var(--dt-spacer-y); +} +.dataTables_length > label { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.dataTables_filter { + margin-bottom: var(--dt-spacer-y); +} +.dataTables_filter > label { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +.dataTables_info { + margin-bottom: var(--dt-spacer-y); +} +.dataTables_paginate { + margin-bottom: var(--dt-spacer-y); +} +.dataTables_scroll { + clear: both; +} +.dataTables_scroll .dataTables_scrollHead table { + border-bottom: 0; +} +.dataTables_scroll .dataTables_scrollHead td, +.dataTables_scroll .dataTables_scrollHead th { + white-space: nowrap; +} +.dataTables_scroll .dataTables_scrollBody { + -webkit-overflow-scrolling: touch; +} +.dataTables_scroll .dataTables_scrollBody table { + border-bottom: 0; +} +.dataTables_scroll + .dataTables_scrollBody + table + thead + th[class*="sorting"]:after, +.dataTables_scroll + .dataTables_scrollBody + table + thead + th[class*="sorting"]:before { + content: none; +} +.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { + border-top: 0; +} +.dataTables_scroll .dataTables_scrollBody td, +.dataTables_scroll .dataTables_scrollBody th { + white-space: nowrap; +} +.dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing, +.dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing { + height: 0; + overflow: hidden; + margin: 0; + padding: 0; +} +.card-body + * > .dataTables_wrapper, +.card-body + .dataTables_wrapper { + border-top: var(--border-width) solid var(--border-color); +} +.card-body > .dataTables_wrapper .datatable-footer { + border-top: 0; +} +.card-body > .dataTables_wrapper .datatable-footer .dataTables_filter, +.card-body > .dataTables_wrapper .datatable-footer .dataTables_info, +.card-body > .dataTables_wrapper .datatable-footer .dataTables_length, +.card-body > .dataTables_wrapper .datatable-footer .dataTables_paginate { + margin-bottom: 0; +} +.card > .dataTables_wrapper .table-bordered > :first-child > * { + border-top: 0; +} +.card > .dataTables_wrapper .table-bordered > :last-child > * { + border-bottom: 0; +} +.card > .dataTables_wrapper .table-bordered > * > * > :first-child { + border-left: 0; +} +.card > .dataTables_wrapper .table-bordered > * > * > :last-child { + border-right: 0; +} +.datatable-scroll, +.datatable-scroll-lg, +.datatable-scroll-sm { + min-height: 0.01%; +} +.datatable-scroll-wrap { + width: 100%; + min-height: 0.01%; + overflow-x: auto; +} +@media (max-width: 575.98px) { + .datatable-scroll-sm { + width: 100%; + overflow-x: scroll; + } + .datatable-scroll-sm td, + .datatable-scroll-sm th { + white-space: nowrap; + } +} +@media (max-width: 767.98px) { + .datatable-scroll { + width: 100%; + overflow-x: scroll; + } + .datatable-scroll td, + .datatable-scroll th { + white-space: nowrap; + } +} +@media (max-width: 991.98px) { + .datatable-scroll-lg { + width: 100%; + overflow-x: scroll; + } + .datatable-scroll-lg td, + .datatable-scroll-lg th { + white-space: nowrap; + } +} +@media (min-width: 576px) { + .dataTables_filter .form-control { + width: var(--dt-filter-width); + } +} +@media (max-width: 575.98px) { + .datatable-footer, + .datatable-header { + display: block; + } +} +.DTCR_clonedTable { + --dt-spacer-y: var(--spacer); + background-color: rgba(var(--light-rgb), 0.75); + z-index: 202; + cursor: move; +} +.DTCR_clonedTable td, +.DTCR_clonedTable th { + border: var(--border-width) solid var(--border-color) !important; +} +.DTCR_pointer { + width: var(--border-width); + background-color: var(--primary); + z-index: 201; +} +.dt-rowReorder-float { + position: absolute !important; + table-layout: static; + outline: var(--table-border-width) dashed var(--table-border-color); + outline-offset: calc(var(--table-border-width) * -1); + background-color: rgba(var(--light-rgb), 0.75); + z-index: 1030; + cursor: move; +} +.dt-rowReorder-moving { + outline: var(--table-border-width) solid var(--table-border-color); + outline-offset: calc(var(--table-border-width) * -1); +} +.dt-rowReorder-noOverflow { + overflow-x: hidden; +} +.dataTable td.reorder { + text-align: center; + cursor: move; +} +.dtfc-fixed-left, +.dtfc-fixed-right { + --dtfc-bg: var(--white); +} +.dtfc-fixed-left[data-color-theme="dark"], +.dtfc-fixed-right[data-color-theme="dark"], +[data-color-theme="dark"] .dtfc-fixed-left:not([data-color-theme]), +[data-color-theme="dark"] .dtfc-fixed-right:not([data-color-theme]), +html[data-color-theme="dark"] .dtfc-fixed-left, +html[data-color-theme="dark"] .dtfc-fixed-right { + color-scheme: dark; + --dtfc-bg: #2c2d33; +} +.dataTable tr > .dtfc-fixed-left, +.dataTable tr > .dtfc-fixed-right { + z-index: 1; + background-color: var(--dtfc-bg); +} +.dt-autofill-handle { + position: absolute; + z-index: 102; + border: var(--border-width) solid var(--primary); + background-color: var(--primary); + width: var(--spacer-2); + height: var(--spacer-2); +} +.dt-autofill-select { + position: absolute; + z-index: 1001; + background-color: var(--primary); + background-image: repeating-linear-gradient( + 45deg, + transparent, + transparent 0.3125rem, + rgba(var(--primary-rgb), 0.75) 0.3125rem, + rgba(var(--primary-rgb), 0.75) 0.625rem + ); +} +.dt-autofill-select.bottom, +.dt-autofill-select.top { + height: var(--border-width); +} +.dt-autofill-select.left, +.dt-autofill-select.right { + width: var(--border-width); +} +.dt-autofill-list { + --dtaf-bg: var(--white); + position: fixed; + top: 50%; + left: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-direction: column; + flex-direction: column; + width: 31.25rem; + background-color: var(--dtaf-bg); + border: var(--border-width) solid var(--border-color); + z-index: 1055; + padding: var(--spacer-2) 0; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: var(--border-radius); +} +.dt-autofill-list[data-color-theme="dark"], +[data-color-theme="dark"] .dt-autofill-list:not([data-color-theme]), +html[data-color-theme="dark"] .dt-autofill-list { + color-scheme: dark; + --dtaf-bg: #2c2d33; +} +.dt-autofill-list ul { + margin: 0; + padding: 0; + list-style: none; + width: 100%; +} +.dt-autofill-list ul li { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dt-autofill-list ul li { + transition: none; + } +} +.dt-autofill-list ul li:hover { + background-color: var(--gray-200); +} +.dt-autofill-list ul li:active { + background-color: var(--gray-300); +} +.dt-autofill-list .dt-autofill-question { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: var(--spacer-2) var(--spacer); +} +.dt-autofill-list .dt-autofill-button { + padding: var(--spacer-1) var(--spacer); + text-align: right; + margin-left: auto; +} +.dt-autofill-list .dt-autofill-button .btn { + padding: 0; + background-color: transparent; + border: 0; + font-size: 0; + color: var(--body-color); +} +.dt-autofill-list .dt-autofill-button .btn:after { + content: "\f31c"; + font-family: var(--icon-font-family); + display: block; + font-size: var(--icon-font-size); + width: var(--icon-font-size); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.dt-autofill-list .dtaf-popover-close { + position: relative; + margin-left: auto; + margin-right: var(--spacer); + margin-top: var(--spacer-2); + margin-bottom: var(--spacer); + padding: var(--spacer-1); + background-color: var(--gray-200); + text-align: center; + cursor: pointer; + z-index: 12; + font-size: 0; + line-height: 1; + border-radius: var(--border-radius); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .dt-autofill-list .dtaf-popover-close { + transition: none; + } +} +.dt-autofill-list .dtaf-popover-close:after { + content: "\f642"; + font-family: var(--icon-font-family); + font-size: var(--body-font-size); + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.dt-autofill-list .dtaf-popover-close:hover { + background-color: var(--gray-300); +} +.dt-autofill-background { + --dtaf-backdrop-zindex: 1050; + --dtaf-backdrop-bg: var(--black); + --dtaf-backdrop-opacity: 0.35; + position: fixed; + top: 0; + left: 0; + z-index: var(--dtaf-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--dtaf-backdrop-bg); + opacity: var(--dtaf-backdrop-opacity); +} +.dataTable tbody > tr.selected, +.dataTable tbody > tr > .selected { + background-color: var(--table-active-bg); +} +.dataTables_wrapper .select-info, +.dataTables_wrapper .select-item { + margin-left: var(--spacer-2); +} +@media (max-width: 575.98px) { + .dataTables_wrapper .select-info, + .dataTables_wrapper .select-item { + margin-left: 0; + display: block; + } +} +.dataTable tbody .select-checkbox { + --dt-check-width: 1.25rem; + --dt-check-height: 1.25rem; + --dt-check-bg: var(--white); + --dt-check-border: calc(var(--border-width) * 2) solid var(--gray-400); + --dt-check-border-radius: 0.1875em; + --dt-checked-bg-color: var(--component-active-bg); + --dt-checked-border-color: transparent; + position: relative; +} +.dataTable tbody .select-checkbox[data-color-theme="dark"], +[data-color-theme="dark"] + .dataTable + tbody + .select-checkbox:not([data-color-theme]), +html[data-color-theme="dark"] .dataTable tbody .select-checkbox { + color-scheme: dark; + --dt-check-bg: #2c2d33; +} +.dataTable tbody .select-checkbox:after { + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + cursor: pointer; + width: var(--dt-check-width); + height: var(--dt-check-height); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + border-radius: var(--dt-check-border-radius); + transition: box-shadow var(--transition-base-timer) ease-in-out, + border-color var(--transition-base-timer) ease-in-out, + background-color var(--transition-base-timer) ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .dataTable tbody .select-checkbox:after { + transition: none; + } +} +.dataTable tbody .select-checkbox:after { + content: ""; + background-color: var(--dt-check-bg); + border: var(--dt-check-border); +} +.dataTable tbody .selected .select-checkbox:after { + background-color: var(--dt-checked-bg-color); + border-color: var(--dt-checked-border-color); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5 10l4 4l6-8'/%3e%3c/svg%3e"); +} +.dt-buttons-full .dt-buttons { + float: none; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + margin: 0; + border-bottom: var(--border-width) solid var(--border-color); + padding: var(--spacer); + padding-bottom: calc(var(--spacer) * 0.5); +} +.dt-buttons-full .dt-buttons > .btn { + margin-bottom: calc(var(--spacer) * 0.5); + float: none; +} +.dt-buttons { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: var(--dt-spacer-y); +} +.dt-buttons > .btn { + border-radius: 0; +} +.dt-buttons > .btn:first-child { + border-top-left-radius: var(--btn-border-radius); + border-bottom-left-radius: var(--btn-border-radius); +} +.dt-buttons > .btn:last-of-type { + border-top-right-radius: var(--btn-border-radius); + border-bottom-right-radius: var(--btn-border-radius); +} +.dt-buttons > .btn + .btn { + margin-left: calc(var(--btn-border-width) * -1); +} +@media (max-width: 575.98px) { + .dt-buttons { + float: none; + text-align: center; + display: block; + } + .dt-buttons .btn { + float: none; + } +} +.dt-button-background { + --dt-backdrop-zindex: 1050; + --dt-backdrop-bg: var(--black); + --dt-backdrop-opacity: 0.35; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: var(--dt-backdrop-bg); + z-index: var(--dt-backdrop-zindex); + opacity: var(--dt-backdrop-opacity); +} +.dt-button-collection { + position: relative; + opacity: 1 !important; +} +.dt-button-collection:not(.fixed) .dropdown-menu { + top: 100% !important; + left: auto !important; + right: 0 !important; +} +.dt-button-collection .dropdown-menu { + display: block; + z-index: 1051; +} +.dt-button-collection.fixed .dropdown-menu { + position: fixed; + top: 50%; + left: 50%; + padding: var(--spacer-2); + -webkit-column-gap: var(--spacer-1); + -moz-column-gap: var(--spacer-1); + column-gap: var(--spacer-1); + -webkit-transform: translate(-50%); + transform: translate(-50%); +} +.dt-button-collection.fixed .dropdown-item { + border-radius: var(--border-radius); +} +.dt-button-collection > * { + -webkit-column-break-inside: avoid; + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.dt-button-collection.two-column .dropdown-menu { + width: 18.75rem; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; +} +.dt-button-collection.three-column .dropdown-menu { + width: 28.13rem; + -webkit-column-count: 3; + -moz-column-count: 3; + column-count: 3; +} +.dt-button-collection.four-column .dropdown-menu { + width: 37.5rem; + -webkit-column-count: 4; + -moz-column-count: 4; + column-count: 4; +} +.dt-button-info { + position: fixed; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%); + transform: translate(-50%); + background-color: var(--white); + padding: var(--spacer); + border: var(--border-width) solid var(--border-color); + z-index: 1080; + border-radius: var(--border-radius); + box-shadow: var(--box-shadow-lg); +} +.dt-button-info[data-color-theme="dark"], +[data-color-theme="dark"] .dt-button-info:not([data-color-theme]), +html[data-color-theme="dark"] .dt-button-info { + color-scheme: dark; + background-color: var(--black); +} +.dt-button-info h2 { + font-size: 1rem; + margin-bottom: var(--spacer-1); +} +.dataTable td.focus, +.dataTable th.focus { + outline: calc(var(--border-width) * 2) solid var(--primary); + outline-offset: calc(var(--border-width) * -1); +} +.dataTable td.focus-success, +.dataTable th.focus-success { + outline-color: var(--success); +} +.dataTable td.focus-info, +.dataTable th.focus-info { + outline-color: var(--info); +} +.dataTable td.focus-warning, +.dataTable th.focus-warning { + outline-color: var(--warning); +} +.dataTable td.focus-danger, +.dataTable th.focus-danger { + outline-color: var(--danger); +} +.DTS tbody td, +.DTS tbody th { + white-space: nowrap; +} +.DTS .DTS_Loading { + position: absolute; + top: 50%; + left: 50%; + width: calc(var(--spacer) * 10); + height: var(--spacer); + z-index: 1; + border: var(--border-width) solid var(--border-color); + padding: var(--spacer) 0; + text-align: center; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.DTS .dataTables_scrollBody { + z-index: 2; +} +.dtr-inline.collapsed tbody tr td:before, +.dtr-inline.collapsed tbody tr th:before { + margin-right: var(--spacer-2); +} +.dtr-inline.collapsed tbody tr td:first-child, +.dtr-inline.collapsed tbody tr th:first-child { + position: relative; + cursor: pointer; + white-space: nowrap; +} +.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, +.dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { + display: none; +} +.dtr-column tbody td.control, +.dtr-column tbody th.control { + position: relative; + cursor: pointer; +} +.dtr-column tbody tr td.control:before, +.dtr-column tbody tr th.control:before, +.dtr-inline.collapsed tbody tr td:first-child:before, +.dtr-inline.collapsed tbody tr th:first-child:before { + content: "\f263"; + font-family: var(--icon-font-family); + display: inline-block; + font-size: var(--icon-font-size); + width: var(--icon-font-size); + line-height: 1; + position: relative; + top: calc((var(--icon-font-size) - var(--body-line-height-computed)) * 0.5); + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.dataTable.dtr-column tbody tr.parent td.control:before, +.dataTable.dtr-column tbody tr.parent th.control:before, +.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, +.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before { + content: "\f25f"; +} +.dtr-inline.collapsed tbody tr.child td:before { + display: none; +} +.dataTable tr.child:hover { + background-color: transparent; +} +.dataTable tr.child .dtr-title { + display: table-cell; + font-weight: 600; + padding-right: calc(var(--spacer) * 2); +} +.dataTable tr.child .dtr-data { + display: table-cell; + padding: var(--spacer-2) 0; + white-space: normal; +} +.dataTable tr td.child { + white-space: normal; + position: relative; +} +.dataTable tr td.child > ul { + display: table; + table-layout: fixed; + width: 100%; + list-style: none; + margin: 0; + padding: 0; +} +.dataTable tr td.child > ul > li { + display: table-row; +} +.map-container { + height: 500px; +} +.map-echarts { + --map-bg: #f6fbff; + --map-placeholder-color: #2283e2; + --map-hover-color: #d53e60; + --map-border-color: rgba(255, 255, 255, 0.5); +} +.map-echarts[data-color-theme="dark"], +[data-color-theme="dark"] .map-echarts:not([data-color-theme]), +html[data-color-theme="dark"] .map-echarts { + color-scheme: dark; + --map-bg: #343840; + --map-border-color: rgba(0, 0, 0, 0.25); +} +.map-leaflet { + --map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) + saturate(0.3) brightness(0.7); +} +.map-leaflet[data-color-theme="dark"], +[data-color-theme="dark"] .map-leaflet:not([data-color-theme]), +html[data-color-theme="dark"] .map-leaflet { + color-scheme: dark; + -webkit-filter: var(--map-tiles-filter, none); + filter: var(--map-tiles-filter, none); +} +.leaflet-image-layer, +.leaflet-layer, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-pane, +.leaflet-pane > canvas, +.leaflet-pane > svg, +.leaflet-tile, +.leaflet-tile-container, +.leaflet-zoom-box { + position: absolute; + left: 0; + top: 0; +} +.leaflet-container { + font-size: var(--body-font-size-sm); + overflow: hidden; + -webkit-tap-highlight-color: transparent; +} +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-shadow-pane img, +.leaflet-container .leaflet-tile, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer { + max-width: none !important; + max-height: none !important; + width: auto; + padding: 0; +} +.leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; +} +.leaflet-container.leaflet-touch-drag { + -ms-touch-action: none; + touch-action: none; + -ms-touch-action: pinch-zoom; + touch-action: pinch-zoom; +} +.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; +} +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-user-drag: none; +} +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; +} +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; +} +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; +} +.leaflet-tile { + -webkit-filter: inherit; + filter: inherit; + visibility: hidden; +} +.leaflet-tile-loaded { + visibility: inherit; +} +.leaflet-zoom-box { + border: var(--border-width) dotted var(--border-color); + background-color: var(--gray-100); + width: 0; + height: 0; + z-index: 800; +} +.leaflet-pane { + z-index: 400; +} +.leaflet-pane canvas { + z-index: 100; +} +.leaflet-pane svg { + z-index: 200; +} +.leaflet-tile-pane { + z-index: 200; +} +.leaflet-overlay-pane { + z-index: 400; +} +.leaflet-overlay-pane svg { + max-width: none !important; + max-height: none !important; + -moz-user-select: none; +} +.leaflet-shadow-pane { + z-index: 500; +} +.leaflet-marker-pane { + z-index: 600; +} +.leaflet-tooltip-pane { + z-index: 650; +} +.leaflet-popup-pane { + z-index: 700; +} +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: auto; + float: left; + clear: both; +} +.leaflet-bottom, +.leaflet-top { + position: absolute; + z-index: 1000; + pointer-events: none; +} +.leaflet-top { + top: 0; +} +.leaflet-top .leaflet-control { + margin-top: var(--spacer-2); +} +.leaflet-right { + right: 0; +} +.leaflet-right .leaflet-control { + float: right; + margin-right: var(--spacer-2); +} +.leaflet-bottom { + bottom: 0; +} +.leaflet-bottom .leaflet-control { + margin-bottom: var(--spacer-2); +} +.leaflet-left { + left: 0; +} +.leaflet-left .leaflet-control { + margin-left: var(--spacer-2); +} +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + transition: opacity var(--transition-base-timer) linear; +} +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; +} +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} +svg.leaflet-zoom-animated { + will-change: transform; +} +.leaflet-zoom-anim .leaflet-zoom-animated { + transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), + -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); +} +.leaflet-pan-anim .leaflet-tile, +.leaflet-zoom-anim .leaflet-tile { + transition: none; +} +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; +} +.leaflet-interactive { + cursor: pointer; +} +.leaflet-grab { + cursor: -webkit-grab; + cursor: grab; +} +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; +} +.leaflet-control, +.leaflet-popup-pane { + cursor: auto; +} +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; +} +.leaflet-image-layer, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; +} +.leaflet-image-layer.leaflet-interactive, +.leaflet-marker-icon.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive, +svg.leaflet-image-layer.leaflet-interactive path { + pointer-events: auto; +} +.leaflet-bar { + border-radius: var(--border-radius); +} +.leaflet-bar a { + background-color: var(--gray-200); + border-bottom: var(--border-width) solid var(--border-color); + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + color: var(--body-color); + transition: background-color ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .leaflet-bar a { + transition: none; + } +} +.leaflet-bar a:focus, +.leaflet-bar a:hover { + background-color: var(--gray-300); +} +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: var(--gray-100); + color: rgba(var(--body-color-rgb), 0.5); +} +.leaflet-bar a:first-child { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); +} +.leaflet-bar a:last-child { + border-bottom: 0; + border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} +.leaflet-touch .leaflet-bar a { + width: 2rem; + height: 2rem; +} +.leaflet-touch .leaflet-control-zoom-in, +.leaflet-touch .leaflet-control-zoom-out { + font-size: 1.375rem; +} +.leaflet-touch .leaflet-control-zoom-in span, +.leaflet-touch .leaflet-control-zoom-out span { + display: inline-block; + position: relative; + top: 1px; +} +.leaflet-control-layers { + background-color: var(--gray-200); + border-radius: var(--border-radius); +} +.leaflet-control-layers-toggle { + background-image: url(../images/layers.png); + width: 36px; + height: 36px; +} +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(../images/layers-2x.png); + background-size: 26px 26px; +} +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; +} +.leaflet-control-layers-toggle label { + display: block; +} +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; +} +.leaflet-control-layers-expanded { + padding: var(--spacer-1) var(--spacer-2) var(--spacer-1) var(--spacer-1); + color: var(--body-color); + background: var(--gray-200); +} +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; +} +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: var(--spacer-1); +} +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; +} +.leaflet-control-layers-separator { + height: 0; + border-top: var(--border-width) solid var(--border-color); + margin: var(--spacer-1) calc(var(--spacer-2) * -1) var(--spacer-1) + calc(var(--spacer-1) * -1); +} +.leaflet-default-icon-path { + background-image: url(../images/marker-icon.png); +} +.leaflet-div-icon { + background-color: var(--gray-100); + border: var(--border-width) solid var(--border-color); +} +.leaflet-control-attribution { + background: var(--gray-100); + margin: 0; +} +.leaflet-control-attribution svg { + display: inline !important; +} +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 var(--spacer-1); + color: var(--body-color); +} +.leaflet-left .leaflet-control-scale { + margin-left: var(--spacer-1); +} +.leaflet-bottom .leaflet-control-scale { + margin-bottom: var(--spacer-1); +} +.leaflet-control-scale-line { + border: var(--border-width) solid var(--gray-600); + border-top: none; + line-height: 1.1; + padding: var(--spacer-1); + white-space: nowrap; + overflow: hidden; + background-color: var(--gray-100); +} +.leaflet-control-scale-line:not(:first-child) { + border-top: var(--border-width) solid var(--gray-600); + border-bottom: none; + margin-top: calc(var(--border-width) * -1); +} +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: var(--border-width) solid var(--gray-600); +} +.leaflet-touch .leaflet-bar, +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers { + box-shadow: none; +} +.leaflet-touch .leaflet-bar, +.leaflet-touch .leaflet-control-layers { + border: var(--border-width) solid var(--gray-600); + background-clip: padding-box; +} +.leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: var(--spacer); +} +.leaflet-popup-content-wrapper { + text-align: left; + border-radius: var(--border-radius); +} +.leaflet-popup-content { + padding: var(--spacer-2) var(--spacer); + min-height: 1px; +} +.leaflet-popup-content p { + margin-bottom: var(--spacer); +} +.leaflet-popup-tip-container { + width: calc(var(--spacer) * 2); + height: var(--spacer); + position: absolute; + left: 50%; + margin-top: -1px; + margin-left: calc(var(--spacer) * -1); + overflow: hidden; + pointer-events: none; +} +.leaflet-popup-tip { + width: var(--spacer); + height: var(--spacer); + padding: 1px; + margin: calc(var(--spacer-2) * -1) auto 0; + pointer-events: auto; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: var(--gray-100); + color: var(--body-color); + box-shadow: var(--box-shadow); +} +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + border: none; + text-align: center; + padding: var(--spacer-2); + color: var(--gray-700); + text-decoration: none; + background: 0 0; +} +.leaflet-container a.leaflet-popup-close-button:focus, +.leaflet-container a.leaflet-popup-close-button:hover { + color: var(--body-color); +} +.leaflet-popup-scrolled { + overflow: auto; + border-bottom: var(--border-width) solid var(--body-color); + border-top: var(--border-width) solid var(--body-color); +} +.leaflet-tooltip { + --leaflet-tooltip-padding-y: calc(var(--spacer) * 0.4); + --leaflet-tooltip-padding-x: calc(var(--spacer) * 0.6); + --leaflet-tooltip-bg: var(--black); + --leaflet-tooltip-color: var(--white); + position: absolute; + padding: var(--leaflet-tooltip-padding-y) var(--leaflet-tooltip-padding-x); + background-color: var(--leaflet-tooltip-bg); + color: var(--leaflet-tooltip-color); + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); +} +.leaflet-tooltip[data-color-theme="dark"], +[data-color-theme="dark"] .leaflet-tooltip:not([data-color-theme]), +html[data-color-theme="dark"] .leaflet-tooltip { + color-scheme: dark; + --leaflet-tooltip-bg: var(--white); + --leaflet-tooltip-color: var(--black); +} +.leaflet-tooltip.leaflet-interactive { + cursor: pointer; + pointer-events: auto; +} +@media print { + .leaflet-control { + -webkit-print-color-adjust: exact; + color-adjust: exact; + print-color-adjust: exact; + } +} +.leaflet-cluster-anim .leaflet-marker-icon, +.leaflet-cluster-anim .leaflet-marker-shadow { + transition: opacity var(--transition-collapse-timer) ease-in, + -webkit-transform var(--transition-collapse-timer) ease-out; + transition: transform var(--transition-collapse-timer) ease-out, + opacity var(--transition-collapse-timer) ease-in; + transition: transform var(--transition-collapse-timer) ease-out, + opacity var(--transition-collapse-timer) ease-in, + -webkit-transform var(--transition-collapse-timer) ease-out; +} +.leaflet-cluster-spider-leg { + transition: stroke-dashoffset var(--transition-collapse-timer) ease-out, + stroke-opacity var(--transition-collapse-timer) ease-in; +} +.marker-cluster-small { + background-color: rgba(181, 226, 140, 0.6); +} +.marker-cluster-small div { + background-color: rgba(110, 204, 57, 0.6); +} +.marker-cluster-medium { + background-color: rgba(241, 211, 87, 0.6); +} +.marker-cluster-medium div { + background-color: rgba(240, 194, 12, 0.6); +} +.marker-cluster-large { + background-color: rgba(253, 156, 115, 0.6); +} +.marker-cluster-large div { + background-color: rgba(241, 128, 23, 0.6); +} +.marker-cluster { + background-clip: padding-box; + border-radius: var(--border-radius-pill); +} +.marker-cluster div { + width: 30px; + height: 30px; + margin-left: var(--spacer-1); + margin-top: var(--spacer-1); + text-align: center; + font-size: var(--body-font-size-sm); + border-radius: var(--border-radius-pill); +} +.marker-cluster span { + line-height: 30px; +} +.chart-container { + position: relative; + width: 100%; +} +.chart-container.has-scroll { + overflow-x: scroll; + overflow-y: visible; + max-width: 100%; +} +@media (max-width: 575.98px) { + .chart-container { + overflow-x: scroll; + overflow-y: visible; + max-width: 100%; + } +} +.chart { + position: relative; + display: block; + width: 100%; +} +[dir="rtl"] .chart { + direction: ltr; +} +.chart.has-minimum-width { + min-width: 37.5rem; +} +.has-fixed-height { + height: 400px; +} +.chart-pie { + width: 100%; + height: 400px; + min-width: 31.25rem; +} +.c3 { + --c3-tooltip-padding-x: calc(var(--spacer) * 0.6); + --c3-tooltip-padding-y: calc(var(--spacer) * 0.4); + --c3-tooltip-font-size: var(--body-font-size); + --c3-tooltip-color: var(--white); + --c3-tooltip-bg: var(--black); + --c3-tooltip-border-radius: var(--border-radius); + --c3-tooltip-border-color: rgba(var(--white-rgb), 0.2); +} +.c3[data-color-theme="dark"], +[data-color-theme="dark"] .c3:not([data-color-theme]), +html[data-color-theme="dark"] .c3 { + color-scheme: dark; + --c3-tooltip-color: var(--black); + --c3-tooltip-bg: var(--white); + --c3-tooltip-border-color: rgba(var(--black-rgb), 0.2); +} +.c3 svg { + font-size: var(--body-font-size-sm); +} +.c3 line, +.c3 path { + fill: none; +} +.c3 text { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.c3-axis line, +.c3-axis path, +.c3-axis-x line, +.c3-axis-x path, +.c3-axis-y line, +.c3-axis-y path { + stroke: var(--gray-500); +} +.c3-axis .tick, +.c3-axis-x .tick, +.c3-axis-y .tick { + fill: rgba(var(--body-color-rgb), 0.75); +} +.c3-axis-x-label, +.c3-axis-x2-label, +.c3-axis-y-label, +.c3-axis-y2-label, +.c3-xgrid-line text, +.c3-ygrid-line text { + fill: var(--body-color); +} +.c3 path.domain, +.c3-bars path, +.c3-event-rect, +.c3-legend-item-tile, +.c3-xgrid-focus, +.c3-ygrid { + shape-rendering: crispEdges; +} +.c3-grid line { + stroke: var(--gray-400); +} +.c3-xgrid, +.c3-ygrid { + stroke-dasharray: 3 3; +} +.c3-text { + font-weight: 600; +} +.c3-text.c3-empty { + fill: var(--body-color); +} +.c3-line { + stroke-width: 2px; +} +.c3-area { + stroke-width: 0; + opacity: 0.4; +} +.c3-bar { + stroke-width: 0; +} +.c3-bar._expanded_ { + fill-opacity: 0.75; +} +.c3-chart-arc path { + stroke: var(--card-bg); + stroke-width: 2px; +} +.c3-chart-arc text { + fill: var(--white); + font-size: var(--body-font-size); +} +.c3-chart-arc .c3-gauge-value { + fill: var(--body-color); + font-size: 1.625rem; +} +.c3-chart-arcs-title { + font-size: 1rem; + fill: var(--body-color); +} +.c3-chart-arcs .c3-chart-arcs-background { + fill: rgba(var(--body-color-rgb), 0.25); + stroke: none; +} +.c3-chart-arcs .c3-chart-arcs-gauge-unit { + fill: var(--body-color); + font-size: 1rem; +} +.c3-chart-arcs .c3-chart-arcs-gauge-max, +.c3-chart-arcs .c3-chart-arcs-gauge-min { + fill: var(--body-color); +} +.c3-target.c3-focused { + opacity: 1; +} +.c3-target.c3-focused path.c3-line, +.c3-target.c3-focused path.c3-step { + stroke-width: 2px; +} +.c3-target.c3-defocused { + opacity: 0.3 !important; +} +.c3-region { + fill: var(--gray-500); +} +.c3-brush .extent { + fill-opacity: 0.1; +} +.c3-legend-item { + font-size: var(--body-font-size-sm); +} +.c3-legend-item text { + fill: var(--body-color); +} +.c3-circle { + fill: currentColor; +} +.c3-tooltip { + border-collapse: collapse; + border-spacing: 0; + background-color: var(--c3-tooltip-bg); + color: var(--c3-tooltip-color); + empty-cells: show; + border-radius: var(--c3-tooltip-border-radius); +} +.c3-tooltip th { + padding: var(--c3-tooltip-padding-y) var(--c3-tooltip-padding-x); + font-weight: 600; + border-top-left-radius: var(--c3-tooltip-border-radius); + border-top-right-radius: var(--c3-tooltip-border-radius); +} +.c3-tooltip td { + padding: var(--c3-tooltip-padding-y) var(--c3-tooltip-padding-x); + border-top: var(--border-width) solid var(--c3-tooltip-border-color); + white-space: nowrap; +} +.c3-tooltip td > span { + display: inline-block; + margin-right: var(--spacer-2); + padding: var(--spacer-1); +} +.c3-tooltip td.value { + text-align: right; +} +.d3-text { + fill: var(--body-color); +} +.d3-slice-border { + stroke: var(--card-bg); + stroke-width: 1.5px; +} +.d3-state-empty { + fill: var(--gray-300); +} +.d3-bg { + fill: var(--card-bg); +} +.d3-axis line, +.d3-axis path { + stroke: var(--gray-500); + shape-rendering: crispEdges; +} +.d3-axis path { + fill: none; +} +.d3-axis .tick, +.d3-axis .tick text { + font-size: var(--body-font-size-sm); + fill: rgba(var(--body-color-rgb), 0.75); +} +.d3-axis-transparent path { + stroke: none; +} +.d3-axis-title { + font-size: var(--body-font-size-sm); + fill: var(--body-color); +} +.d3-tip { + --d3-tooltip-padding-x: calc(var(--spacer) * 0.6); + --d3-tooltip-padding-y: calc(var(--spacer) * 0.4); + --d3-tooltip-font-size: var(--body-font-size); + --d3-tooltip-color: var(--white); + --d3-tooltip-bg: var(--black); + --d3-tooltip-arrow-width: 0.8rem; + --d3-tooltip-arrow-height: 0.4rem; + --d3-tooltip-border-radius: var(--border-radius); + position: absolute; + padding: var(--d3-tooltip-padding-y) var(--d3-tooltip-padding-x); + background-color: var(--d3-tooltip-bg); + color: var(--d3-tooltip-color); + margin-bottom: calc(var(--d3-tooltip-arrow-height) * -1); + font-size: var(--d3-tooltip-font-size); + z-index: 1080; + box-shadow: var(--box-shadow); + border-radius: var(--d3-tooltip-border-radius); +} +.d3-tip[data-color-theme="dark"], +[data-color-theme="dark"] .d3-tip:not([data-color-theme]), +html[data-color-theme="dark"] .d3-tip { + color-scheme: dark; + --d3-tooltip-color: var(--black); + --d3-tooltip-bg: var(--white); +} +.d3-tip .d3-tip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.d3-tip.n .d3-tip-arrow { + bottom: calc(var(--d3-tooltip-arrow-height) * -1); + left: 50%; + border-width: var(--d3-tooltip-arrow-height) var(--d3-tooltip-arrow-height) 0; + border-top-color: var(--d3-tooltip-bg); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.d3-tip.e .d3-tip-arrow { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + left: calc(var(--d3-tooltip-arrow-height) * -1); + border-width: var(--d3-tooltip-arrow-height) var(--d3-tooltip-arrow-height) + var(--d3-tooltip-arrow-height) 0; + border-right-color: var(--d3-tooltip-bg); +} +.d3-tip.w .d3-tip-arrow { + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: calc(var(--d3-tooltip-arrow-height) * -1); + border-width: var(--d3-tooltip-arrow-height) 0 var(--d3-tooltip-arrow-height) + var(--d3-tooltip-arrow-height); + border-left-color: var(--d3-tooltip-bg); +} +.d3-tip.s .d3-tip-arrow { + top: 0; + left: 50%; + border-width: 0 var(--d3-tooltip-arrow-height) var(--d3-tooltip-arrow-height); + border-bottom-color: var(--d3-tooltip-bg); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.d3-line { + fill: none; +} +.d3-line-thin { + stroke-width: 1px; +} +.d3-line-medium { + stroke-width: 1.5px; +} +.d3-line-strong { + stroke-width: 2px; +} +.d3-line-circle { + fill: var(--card-bg); + cursor: pointer; +} +.d3-line-circle-thin { + stroke-width: 1px; +} +.d3-line-circle-medium { + stroke-width: 1.5px; +} +.d3-line-circle-strong { + stroke-width: 2px; +} +.d3-line-connect { + fill: none; + stroke: var(--gray-400); +} +.d3-grid .tick line { + stroke-width: 1px; + stroke: var(--gray-400); +} +.d3-grid-dashed .tick line { + stroke-dasharray: 4, 2; + stroke: var(--gray-400); +} +.d3-grid-dashed path { + stroke-width: 0; +} +.d3-crosshair-overlay { + fill: none; + pointer-events: all; +} +.d3-crosshair-pointer text { + fill: var(--body-color); +} +.d3-crosshair-line { + fill: none; + stroke: var(--gray-400); + stroke-width: 1px; + shape-rendering: crispEdges; + pointer-events: none; +} +.bullet-tick line { + stroke: var(--gray-500); + stroke-width: 1px; + shape-rendering: crispEdges; +} +.bullet-tick text { + fill: rgba(var(--body-color-rgb), 0.75); + font-size: var(--body-font-size-sm); +} +.bullet-marker { + stroke-width: 2px; + shape-rendering: crispEdges; +} +.bullet-title { + fill: var(--body-color); + font-weight: 600; +} +.bullet-subtitle { + fill: var(--body-color); +} +.bullet-1 .bullet-range-1 { + fill: rgba(var(--primary-rgb), 0.8); +} +.bullet-1 .bullet-range-2 { + fill: rgba(var(--primary-rgb), 0.4); +} +.bullet-1 .bullet-range-3 { + fill: var(--primary); +} +.bullet-1 .bullet-measure-1 { + fill: rgba(var(--primary), 0.9); +} +.bullet-1 .bullet-measure-2 { + fill: var(--white); +} +.bullet-1 .bullet-marker { + stroke: rgba(var(--black), 0.25); +} +.bullet-2 .bullet-range-1 { + fill: rgba(var(--danger-rgb), 0.6); +} +.bullet-2 .bullet-range-2 { + fill: rgba(var(--danger-rgb), 0.3); +} +.bullet-2 .bullet-range-3 { + fill: var(--danger); +} +.bullet-2 .bullet-measure-1 { + fill: rgba(var(--danger-rgb), 0.9); +} +.bullet-2 .bullet-measure-2 { + fill: var(--white); +} +.bullet-2 .bullet-marker { + stroke: rgba(var(--black), 0.25); +} +.bullet-3 .bullet-range-1 { + fill: rgba(var(--success-rgb), 0.7); +} +.bullet-3 .bullet-range-2 { + fill: rgba(var(--success-rgb), 0.35); +} +.bullet-3 .bullet-range-3 { + fill: var(--success); +} +.bullet-3 .bullet-measure-1 { + fill: rgba(var(--success-rgb), 0.9); +} +.bullet-3 .bullet-measure-2 { + fill: var(--white); +} +.bullet-3 .bullet-marker { + stroke: rgba(var(--black), 0.25); +} +.counter-icon { + font-size: calc(var(--icon-font-size) * 2); + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.d3-legend text { + fill: var(--body-color); + font-size: var(--body-font-size-sm); +} +.d3-legend line { + stroke: var(--gray-500); + stroke-width: 1px; +} +.chart-widget-legend { + margin: var(--spacer-2) 0 0 0; + padding: 0; + fill: var(--body-color); + font-size: var(--body-font-size-sm); + text-align: center; +} +.chart-widget-legend li { + margin: var(--spacer-1) var(--spacer-2) 0; + padding: var(--spacer-2) var(--spacer-2) var(--spacer-1); + display: inline-block; +} +.blog-horizontal .card-img-actions { + width: 100%; +} +@media (min-width: 576px) { + .blog-horizontal .card-img-actions { + width: 45%; + float: left; + max-width: 25rem; + z-index: 10; + } +} +@media (min-width: 576px) { + .blog-horizontal-xs .card-img-actions { + width: 35%; + max-width: 12.5rem; + } +} +@media (min-width: 576px) { + .blog-horizontal-sm .card-img-actions { + width: 40%; + max-width: 18.75rem; + } +} +@media (min-width: 576px) { + .blog-horizontal-lg .card-img-actions { + width: 50%; + max-width: 31.25rem; + } +} +.table-inbox { + --inbox-read-row-bg: var(--gray-100); + --inbox-unread-row-bg: var(--card-bg); + --inbox-img-size: 2rem; + table-layout: fixed; + min-width: 768px; +} +.table-inbox tr { + cursor: pointer; + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .table-inbox tr { + transition: none; + } +} +.table-inbox tr:not([class*="bg-"]) { + background-color: var(--inbox-read-row-bg); +} +.table-inbox tr td:not(:first-child) { + padding-left: 0; +} +.table-inbox tr.unread { + font-weight: 700; +} +.table-inbox tr.unread:not([class*="bg-"]) { + background-color: var(--inbox-unread-row-bg); +} +.table-inbox-checkbox { + width: calc(var(--table-cell-padding-x) * 3); +} +.table-inbox-attachment, +.table-inbox-star { + width: calc(var(--table-cell-padding-x) + var(--icon-font-size)); +} +.table-inbox-image { + width: calc(var(--table-cell-padding-x) + var(--inbox-img-size)); +} +.table-inbox-name { + width: 15rem; +} +@media (max-width: 575.98px) { + .table-inbox-subject { + display: block; + overflow: hidden; + text-overflow: ellipsis; + } +} +.table-inbox-time { + text-align: right; + width: 5.5rem; +} +.profile-cover { + --profile-cover-height: 21.88rem; + --profile-cover-text-shadow: 0 0 0.1875rem rgba(var(--black-rgb), 0.5); + position: relative; +} +.profile-cover-text { + text-shadow: var(--profile-cover-text-shadow); +} +.profile-cover-img { + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: cover; + height: var(--profile-cover-height); +} +.login-cover { + background: url(../images/login_cover.jpg) no-repeat; + background-size: cover; +} +@media (min-width: 576px) { + .login-form { + width: 25rem; + } +} +.timeline { + --timeline-content-padding-x: calc(0.625rem * 2); + --timeline-line-width: calc(var(--border-width) * 2); + --timeline-line-color: var(--gray-400); + --timeline-icon-bg: var(--white); + --timeline-icon-size: 3rem; + --timeline-icon-border-width: calc(var(--timeline-line-width) * 2); + position: relative; +} +.timeline:after, +.timeline:before { + content: ""; + position: absolute; + left: 50%; + margin-left: calc(var(--timeline-line-width) * -1); + background-color: var(--timeline-line-color); + z-index: 1; + width: calc(var(--timeline-line-width) * 2); + height: calc(var(--timeline-line-width) * 2); + border-radius: var(--border-radius-pill); +} +.timeline:before { + top: calc(var(--timeline-line-width) * 2 * -1); +} +.timeline:after { + bottom: calc(var(--timeline-line-width) * 2 * -1); +} +.timeline-container { + position: relative; + padding-top: calc(var(--spacer) * 0.5); + margin-top: calc(var(--spacer) * 0.5 * -1); + padding-bottom: 1px; +} +.timeline-container:before { + content: ""; + position: absolute; + top: 0; + left: 50%; + margin-left: calc(var(--timeline-line-width) * 0.5 * -1); + background-color: var(--timeline-line-color); + height: 100%; + width: var(--timeline-line-width); +} +.timeline-row { + position: relative; +} +.timeline-date { + text-align: center; + background-color: var(--body-bg); + position: relative; + z-index: 1; + padding-top: var(--spacer); + padding-bottom: var(--spacer); + margin-bottom: var(--spacer); +} +.timeline-date:after, +.timeline-date:before { + content: ""; + position: absolute; + left: 50%; + margin-left: calc(var(--timeline-line-width) * -1); + background-color: var(--timeline-line-color); + z-index: 1; + width: calc(var(--timeline-line-width) * 2); + height: calc(var(--timeline-line-width) * 2); + border-radius: var(--border-radius-pill); +} +.timeline-date:before { + top: 0; +} +.timeline-date:after { + bottom: 0; +} +.card .timeline-date { + background-color: var(--card-bg); +} +.timeline-time { + text-align: center; + padding-top: var(--spacer); + padding-bottom: var(--spacer); + background-color: var(--body-bg); + position: relative; + margin-bottom: var(--spacer); +} +.timeline-time:after, +.timeline-time:before { + content: ""; + position: absolute; + left: 50%; + margin-left: calc(var(--timeline-line-width) * -1); + background-color: var(--timeline-line-color); + width: calc(var(--timeline-line-width) * 2); + height: calc(var(--timeline-line-width) * 2); + border-radius: var(--border-radius-pill); +} +.timeline-time:before { + top: 0; +} +.timeline-time:after { + bottom: 0; +} +.card .timeline-time { + background-color: var(--card-bg); +} +@media (min-width: 768px) { + .timeline-time:after, + .timeline-time:before { + content: none; + } +} +.timeline-icon { + margin: 0 auto var(--spacer) auto; + background-color: car(--timeline-icon-bg); + border: var(--timeline-icon-border-width) solid var(--body-bg); + width: var(--timeline-icon-size); + height: var(--timeline-icon-size); + border-radius: var(--border-radius-pill); +} +.card .timeline-icon { + border-color: var(--card-bg); +} +.timeline-icon div { + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + box-shadow: 0 0 0 var(--timeline-line-width) var(--timeline-line-color) inset; + border-radius: var(--border-radius-pill); +} +.timeline-icon + div[class*="bg-"]:not(.bg-white):not(.bg-light):not(.bg-transparent) { + box-shadow: none; +} +.timeline-icon img { + width: calc( + var(--timeline-icon-size) - var(--timeline-icon-border-width) * 2 + ); + height: calc( + var(--timeline-icon-size) - var(--timeline-icon-border-width) * 2 + ); + border-radius: var(--border-radius-pill); +} +@media (min-width: 768px) { + .timeline-center .timeline-row-start { + margin-right: 50%; + padding-right: calc( + var(--timeline-icon-size) - var(--timeline-icon-border-width) + ); + } + .timeline-center .timeline-row-end { + margin-left: 50%; + padding-left: calc( + var(--timeline-icon-size) - var(--timeline-icon-border-width) + ); + } + .timeline-start .timeline-container:before, + .timeline-start .timeline-date:after, + .timeline-start .timeline-date:before, + .timeline-start:after, + .timeline-start:before { + left: calc(var(--timeline-icon-size) * 0.5); + } + .timeline-start .timeline-date, + .timeline-start .timeline-row { + padding-left: calc( + var(--timeline-icon-size) + var(--timeline-content-padding-x) * 0.5 + ); + } + .timeline-end .timeline-container:before, + .timeline-end .timeline-date:after, + .timeline-end .timeline-date:before, + .timeline-end:after, + .timeline-end:before { + left: auto; + right: calc(var(--timeline-icon-size) * 0.5); + } + .timeline-end .timeline-date:after, + .timeline-end .timeline-date:before, + .timeline-end:after, + .timeline-end:before { + margin-left: 0; + margin-right: calc(var(--timeline-line-width) * 0.5 * -1); + } + .timeline-end .timeline-date, + .timeline-end .timeline-row { + padding-right: calc( + var(--timeline-icon-size) + var(--timeline-content-padding-x) * 0.5 + ); + } + .timeline-end .timeline-date, + .timeline-start .timeline-date { + padding-top: calc(var(--spacer) * 0.5); + padding-bottom: calc(var(--spacer) * 0.5); + } + .timeline-icon { + position: absolute; + top: calc(var(--spacer) * 0.5); + } + .timeline-icon:after { + content: ""; + position: absolute; + top: 50%; + margin-top: calc(var(--timeline-line-width) * 0.5 * -1); + height: var(--timeline-line-width); + width: calc( + var(--timeline-icon-size) * 0.5 - var(--timeline-icon-border-width) * 2 + ); + background-color: var(--timeline-line-color); + z-index: 1; + } + .timeline-start .timeline-icon { + left: 0; + } + .timeline-start .timeline-icon:after { + left: 100%; + margin-left: var(--timeline-icon-border-width); + } + .timeline-end .timeline-icon { + right: 0; + } + .timeline-end .timeline-icon:after { + right: 100%; + margin-right: var(--timeline-icon-border-width); + } + .timeline-center .timeline-row-start .timeline-icon { + left: 100%; + margin-left: calc(var(--timeline-icon-size) * 0.5 * -1); + } + .timeline-center .timeline-row-start .timeline-icon:after { + right: 100%; + margin-right: var(--timeline-icon-border-width); + } + .timeline-center .timeline-row-end .timeline-icon { + right: 100%; + margin-right: calc(var(--timeline-icon-size) * 0.5 * -1); + } + .timeline-center .timeline-row-end .timeline-icon:after { + left: 100%; + margin-left: var(--timeline-icon-border-width); + } + .timeline-center .timeline-row-full .timeline-icon { + position: static; + } + .timeline-center .timeline-row-full .timeline-icon:after { + content: none; + } + .timeline-time { + padding: 0; + text-align: inherit; + background-color: transparent; + } + .timeline-time:before { + content: none; + } + .timeline-end .timeline-time, + .timeline-start .timeline-time { + padding-top: calc(var(--spacer) * 0.5); + margin-bottom: var(--spacer); + padding-left: calc(var(--timeline-content-padding-x) * 0.5); + } + .timeline-end .timeline-time { + text-align: right; + padding-left: 0; + padding-right: calc(var(--timeline-content-padding-x) * 0.5); + } + .timeline-center .timeline-row-full .timeline-time, + .timeline-center .timeline-time { + position: absolute; + left: 100%; + top: calc(var(--spacer) * 0.5 + var(--timeline-icon-border-width)); + width: 100%; + padding-left: calc( + var(--timeline-icon-size) - var(--timeline-icon-border-width) + ); + } + .timeline-center .timeline-row-end .timeline-time, + .timeline-center .timeline-row-full .timeline-time { + left: auto; + right: 100%; + padding-left: 0; + padding-right: calc( + var(--timeline-icon-size) - var(--timeline-icon-border-width) + ); + text-align: right; + } + .timeline-center .timeline-row-full .timeline-time { + right: 50%; + top: var(--timeline-icon-border-width); + } +} +.media-chat-scrollable { + max-height: 32.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.media-chat { + --chat-message-padding-y: 0.625rem; + --chat-message-padding-x: 1rem; + --chat-message-bg: var(--gray-300); + --chat-message-color: var(--body-color); +} +@media (min-width: 576px) { + .media-chat-item { + width: 75%; + } +} +.media-chat-message { + position: relative; + padding: var(--chat-message-padding-y) var(--chat-message-padding-x); + display: inline-block; + -ms-flex-align: start; + align-items: flex-start; + color: var(--chat-message-color); + border-radius: var(--border-radius); +} +.media-chat-message:not([class*="bg-"]) { + background-color: var(--chat-message-bg); +} +.media-chat-item-reverse { + --chat-message-bg: var(--primary); + --chat-message-color: var(--white); + text-align: right; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -ms-flex-item-align: end; + align-self: flex-end; +} +.media-chat-item-reverse .media-chat-message { + text-align: left; +} +.typing-indicator { + display: -ms-inline-flexbox; + display: inline-flex; +} +.typing-indicator span { + height: 0.125rem; + width: 0.125rem; + margin: 0 0.0625rem; + background-color: var(--body-color); + display: block; + border-radius: var(--border-radius-pill); + opacity: 0.4; +} +.typing-indicator span:nth-of-type(1) { + -webkit-animation: 1.2s blink infinite 0.2s; + animation: 1.2s blink infinite 0.2s; +} +.typing-indicator span:nth-of-type(2) { + -webkit-animation: 1.2s blink infinite 0.4s; + animation: 1.2s blink infinite 0.4s; +} +.typing-indicator span:nth-of-type(3) { + -webkit-animation: 1.2s blink infinite 0.6s; + animation: 1.2s blink infinite 0.6s; +} +@-webkit-keyframes blink { + 50% { + opacity: 1; + } +} +@keyframes blink { + 50% { + opacity: 1; + } +} +.ribbon-container { + width: 6.5rem; + height: 6.5rem; + overflow: hidden; + position: absolute; + top: calc(var(--card-border-width) * -1); + right: calc(var(--card-border-width) * -1); +} +.ribbon { + text-align: center; + position: relative; + padding: 0.3125rem 0; + left: -0.6875rem; + top: 1.563rem; + width: 9.375rem; + z-index: 10; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.spinner { + display: inline-block; + -webkit-animation: rotation 1s linear infinite; + animation: rotation 1s linear infinite; +} +.spinner-reverse { + display: inline-block; + -webkit-animation: rotation_reverse 1s linear infinite; + animation: rotation_reverse 1s linear infinite; +} +@-webkit-keyframes rotation { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotation { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes rotation_reverse { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} +@keyframes rotation_reverse { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} +.invert-dark[data-color-theme="dark"], +[data-color-theme="dark"] .invert-dark:not([data-color-theme]), +html[data-color-theme="dark"] .invert-dark { + color-scheme: dark; + -webkit-filter: invert(1) grayscale(100); + filter: invert(1) grayscale(100); +} +.scrollbar-hidden::-webkit-scrollbar { + display: none !important; +} +.glyphs > div > div { + padding: var(--spacer-2) var(--spacer); + transition: all ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .glyphs > div > div { + transition: none; + } +} +.glyphs > div > div:hover { + background-color: var(--dark); + color: var(--white); + border-radius: var(--border-radius); +} +.glyphs > div > div:hover[data-color-theme="dark"], +[data-color-theme="dark"] .glyphs > div > div:hover:not([data-color-theme]), +html[data-color-theme="dark"] .glyphs > div > div:hover { + color-scheme: dark; + background-color: var(--white); + color: var(--black); +} +.demo-velocity-box { + padding: var(--spacer-2) var(--spacer); + margin-bottom: var(--spacer); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-align: center; + align-items: center; + border: var(--border-width) solid var(--border-color); + text-align: center; + background-color: var(--light); + border-radius: var(--border-radius); + outline: calc(var(--border-width) * 2) solid transparent; + box-shadow: 0 0 0 0 var(--primary); +} +.page-header { + --page-header-padding-y: 1.5rem; + --page-header-padding-x: 1.25rem; + --page-header-bg: transparent; + background-color: var(--page-header-bg); +} +.page-title { + padding: var(--page-header-padding-y) 0; + position: relative; +} +.page-subtitle { + margin-left: var(--spacer-2); +} +.page-subtitle:before { + content: "/"; + margin-right: calc(var(--spacer-2) + 0.25rem); +} +.page-header-content { + position: relative; + padding: 0 var(--page-header-padding-x); +} +.page-header-light { + --page-header-bg: var(--white); +} +.page-header-light[data-color-theme="dark"], +[data-color-theme="dark"] .page-header-light:not([data-color-theme]), +html[data-color-theme="dark"] .page-header-light { + color-scheme: dark; + --page-header-bg: #2c2d33; +} +.page-header-dark { + --page-header-bg: #273246; +} +.page-header-dark[data-color-theme="dark"], +[data-color-theme="dark"] .page-header-dark:not([data-color-theme]), +html[data-color-theme="dark"] .page-header-dark { + color-scheme: dark; + --page-header-bg: #1a1b1e; +} +.page-header-static { + z-index: 1021; +} +html { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} +body { + min-height: 100vh; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; +} +.page-content { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-positive: 1; + flex-grow: 1; + padding: var(--spacer) 0.625rem; +} +.content-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; + min-width: 0; +} +.content { + -ms-flex-positive: 1; + flex-grow: 1; + margin-left: 0.625rem; + margin-right: 0.625rem; +} +.content::after { + display: block; + clear: both; + content: ""; +} +.btn-to-top { + position: fixed; + bottom: var(--spacer); + right: 0.625rem; + -ms-flex-item-align: end; + align-self: flex-end; + opacity: 0; + visibility: hidden; + z-index: 999; + transition: opacity ease-in-out var(--transition-base-timer), + visibility ease-in-out var(--transition-base-timer), + bottom ease-in-out var(--transition-base-timer); +} +@media (prefers-reduced-motion: reduce) { + .btn-to-top { + transition: none; + } +} +.btn-to-top-visible { + visibility: visible; + opacity: 1; +} +.sidebar { + --sidebar-width: 18.75rem; + --sidebar-bg: #fff; + --sidebar-color: var(--body-color); + --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35); + --sidebar-section-padding-y: 1.25rem; + --sidebar-section-padding-x: 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-negative: 0; + flex-shrink: 0; + width: var(--sidebar-width); + position: fixed; + top: 0; + bottom: 0; + border: var(--sidebar-border-width) solid var(--sidebar-border-color); + background-color: var(--sidebar-bg); + color: var(--sidebar-color); + box-shadow: var(--sidebar-box-shadow); +} +.sidebar[data-color-theme="dark"], +[data-color-theme="dark"] .sidebar:not([data-color-theme]), +html[data-color-theme="dark"] .sidebar { + color-scheme: dark; + --sidebar-bg: #2c2d33; +} +.sidebar + .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline) + .nav-link.active { + background-color: var(--sidebar-bg); + border-bottom-color: var(--sidebar-bg); +} +.sidebar-main, +.sidebar-secondary { + left: calc(var(--sidebar-width) * 1.1 * -1); +} +.sidebar-end { + --sidebar-box-shadow: -0.25rem 0 1rem rgba(var(--black-rgb), 0.35); + right: calc(var(--sidebar-width) * 1.1 * -1); +} +.sidebar-content { + position: relative; + height: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +.sidebar-section { + position: relative; + -ms-flex-negative: 0; + flex-shrink: 0; +} +.sidebar-section-header { + --sidebar-section-padding-y: calc(var(--sidebar-section-padding-x) * 0.75); + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: var(--sidebar-section-padding-y) var(--sidebar-section-padding-x); +} +.sidebar-section-body { + position: relative; + padding: var(--sidebar-section-padding-y) var(--sidebar-section-padding-x); +} +.sidebar-resize-show { + display: none !important; +} +.sidebar-mobile-expanded.sidebar-main, +.sidebar-mobile-expanded.sidebar-secondary { + left: 0; +} +.sidebar-mobile-expanded.sidebar-end { + right: 0; +} +.nav-sidebar { + --nav-sidebar-padding-y: 0.5rem; + --nav-sidebar-divider-color: var(--border-color); + --nav-link-spacer-y: 1px; + --nav-link-padding-y: 0.625rem; + --nav-link-padding-x: 1.25rem; + --nav-link-color: var(--body-color); + --nav-link-hover-bg: var(--gray-200); + --nav-link-hover-active-bg: var(--gray-300); + --nav-link-hover-color: var(--body-color); + --nav-link-active-bg: rgba(var(--primary-rgb), 0.1); + --nav-link-active-color: var(--link-color); + --nav-link-font-weight: 500; + -ms-flex-direction: column; + flex-direction: column; +} +.nav-sidebar .nav-item:not(.nav-item-header):first-child { + padding-top: var(--nav-sidebar-padding-y); +} +.nav-sidebar .nav-item:not(.nav-item-header):last-child { + padding-bottom: var(--nav-sidebar-padding-y); +} +.nav-sidebar .nav-item:not(.nav-item-divider):not(:last-child) { + margin-bottom: var(--nav-link-spacer-y); +} +.nav-sidebar .nav-link { + position: relative; + -ms-flex-align: start; + align-items: flex-start; + background-color: transparent; +} +.nav-sidebar .nav-link:focus, +.nav-sidebar .nav-link:hover { + background-color: var(--nav-link-hover-bg); +} +.nav-sidebar .nav-link:active { + background-color: var(--nav-link-hover-active-bg); +} +.nav-sidebar .nav-link.active { + background-color: var(--nav-link-active-bg); +} +.nav-sidebar .nav-link i { + margin-right: var(--nav-link-padding-x); + margin-top: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5 + ); +} +.nav-sidebar .nav-item-open > .nav-link:not(.disabled):not(:active), +.nav-sidebar > .nav-item-expanded > .nav-link:not(:active) { + background-color: var(--nav-link-hover-bg); +} +.nav-sidebar .nav-item-header { + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); +} +.nav-sidebar .nav-item-divider { + background-color: var(--nav-sidebar-divider-color); + margin: var(--nav-sidebar-padding-y) 0; + height: var(--border-width); +} +.nav-item-submenu { + position: relative; +} +.nav-item-submenu > .nav-link { + padding-right: calc(var(--nav-link-padding-x) + var(--body-font-size) * 1.5); +} +.nav-item-submenu > .nav-link:after { + content: "\f31c"; + font-family: var(--icon-font-family); + display: inline-block; + font-size: var(--body-font-size); + vertical-align: middle; + line-height: 1; + position: absolute; + top: var(--nav-link-padding-y); + margin-top: calc( + (var(--body-line-height-computed) - var(--body-font-size)) * 0.5 + ); + right: var(--nav-link-padding-x); + transition: -webkit-transform ease-in-out var(--transition-collapse-timer); + transition: transform ease-in-out var(--transition-collapse-timer); + transition: transform ease-in-out var(--transition-collapse-timer), + -webkit-transform ease-in-out var(--transition-collapse-timer); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@media (prefers-reduced-motion: reduce) { + .nav-item-submenu > .nav-link:after { + transition: none; + } +} +[dir="rtl"] .nav-item-submenu > .nav-link:after { + content: "\f31b"; +} +.nav-item-submenu.nav-item-open > .nav-link:after { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.nav-group-sub { + --nav-link-font-weight: 400; + --nav-link-padding-y: 0.625rem; + padding-left: 0; + list-style: none; +} +.nav-group-sub .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); +} +.nav-group-sub .nav-group-sub .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 3 + var(--icon-font-size)); +} +.nav-group-sub .nav-group-sub .nav-group-sub .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 4 + var(--icon-font-size)); +} +.nav-sidebar-icons-reverse .nav-link { + padding-right: calc(var(--nav-link-padding-y) * 2 + var(--icon-font-size)); +} +.nav-sidebar-icons-reverse .nav-link i { + position: absolute; + top: var(--nav-link-padding-y); + right: var(--nav-link-padding-x); + margin-right: 0; +} +.nav-sidebar-icons-reverse .nav-item-submenu .nav-link { + padding-right: calc( + var(--nav-link-padding-x) * 2 + var(--icon-font-size) * 2 + ); +} +.nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after { + right: calc(var(--nav-link-padding-x) + var(--icon-font-size) * 2); +} +.nav-sidebar-icons-reverse .nav-group-sub .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2); +} +.nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 3); +} +.nav-sidebar-icons-reverse + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 4); +} +.nav-sidebar-bordered { + --nav-sidebar-padding-y: 0; + --nav-link-spacer-y: 0; + --nav-link-border-color: var(--border-color); +} +.sidebar-dark .nav-sidebar-bordered { + --nav-link-border-color: rgba(255, 255, 255, 0.125); +} +.nav-sidebar-bordered > .nav-item, +.nav-sidebar-bordered > .nav-item-header { + border-top: var(--border-width) solid var(--nav-link-border-color); +} +.sidebar-dark { + --sidebar-bg: #252b36; + --sidebar-color: #fff; + --sidebar-border-color: transparent; + color-scheme: dark; +} +.sidebar-dark[data-color-theme="dark"], +[data-color-theme="dark"] .sidebar-dark:not([data-color-theme]), +html[data-color-theme="dark"] .sidebar-dark { + color-scheme: dark; + --sidebar-bg: #141517; +} +.sidebar-dark .nav-sidebar { + --nav-sidebar-divider-color: rgba(255, 255, 255, 0.125); + --nav-link-color: rgba(255, 255, 255, 0.85); + --nav-link-hover-color: #fff; + --nav-link-hover-bg: rgba(var(--white-rgb), 0.1); + --nav-link-hover-active-bg: rgba(var(--white-rgb), 0.15); + --nav-link-active-color: var(--white); + --nav-link-active-bg: rgba(var(--white-rgb), 0.15); + --nav-link-disabled-color: rgba(var(--white-rgb), 0.5); +} +@media (min-width: 576px) { + .sidebar-expand-sm { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + position: static; + margin-left: 0.625rem; + margin-right: 0.625rem; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); + } + .sidebar-expand-sm[data-color-theme="dark"], + [data-color-theme="dark"] .sidebar-expand-sm:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-sm { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + .sidebar-expand-sm .sidebar-content { + overflow: visible; + } + .sidebar-expand-sm.sidebar-collapsed { + --sidebar-width: auto; + margin: 0; + display: none !important; + } + .sidebar-expand-sm.sidebar-main { + z-index: 99; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) { + --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size)); + --sidebar-section-padding-x: 0; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-hide { + display: none !important; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-show { + display: block !important; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link { + --nav-link-padding-x: 0; + -ms-flex-pack: center; + justify-content: center; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link:after { + content: none; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link + > span { + display: none; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header { + --nav-link-padding-x: 0; + text-align: center; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header + > i { + margin: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:focus + > .nav-link:not(.active):not(.disabled), + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:hover + > .nav-link:not(.active):not(.disabled) { + background-color: var(--nav-link-hover-bg); + color: var(--nav-link-hover-color); + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub { + --sidebar-width: 18.75rem; + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + right: calc(var(--sidebar-width) * -1); + width: var(--sidebar-width); + background-color: var(--sidebar-bg); + border: var(--border-width) solid var(--border-color-translucent); + display: none !important; + z-index: 1000; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub-reversed { + top: auto; + bottom: calc(var(--nav-link-padding-y) * -1); + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub { + display: block !important; + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-link { + padding-left: var(--nav-link-padding-x); + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size)); + } + .sidebar-expand-sm.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); + } + .sidebar-expand-sm.sidebar-secondary { + z-index: 98; + } + .sidebar-expand-sm.sidebar-end { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + z-index: 97; + } + .sidebar-expand-sm.sidebar-end[data-color-theme="dark"], + [data-color-theme="dark"] + .sidebar-expand-sm.sidebar-end:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-sm.sidebar-end { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-expand-sm.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--spacer); + z-index: 1020; + } + } +} +@media (max-width: 575.98px) { + .sidebar-expand-sm { + --sidebar-border-width: 0; + z-index: 1040; + transition: left ease-in-out var(--transition-base-timer), + right ease-in-out var(--transition-base-timer); + } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .sidebar-expand-sm { + transition: none; + } +} +@media (min-width: 768px) { + .sidebar-expand-md { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + position: static; + margin-left: 0.625rem; + margin-right: 0.625rem; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); + } + .sidebar-expand-md[data-color-theme="dark"], + [data-color-theme="dark"] .sidebar-expand-md:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-md { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + .sidebar-expand-md .sidebar-content { + overflow: visible; + } + .sidebar-expand-md.sidebar-collapsed { + --sidebar-width: auto; + margin: 0; + display: none !important; + } + .sidebar-expand-md.sidebar-main { + z-index: 99; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) { + --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size)); + --sidebar-section-padding-x: 0; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-hide { + display: none !important; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-show { + display: block !important; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link { + --nav-link-padding-x: 0; + -ms-flex-pack: center; + justify-content: center; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link:after { + content: none; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link + > span { + display: none; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header { + --nav-link-padding-x: 0; + text-align: center; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header + > i { + margin: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:focus + > .nav-link:not(.active):not(.disabled), + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:hover + > .nav-link:not(.active):not(.disabled) { + background-color: var(--nav-link-hover-bg); + color: var(--nav-link-hover-color); + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub { + --sidebar-width: 18.75rem; + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + right: calc(var(--sidebar-width) * -1); + width: var(--sidebar-width); + background-color: var(--sidebar-bg); + border: var(--border-width) solid var(--border-color-translucent); + display: none !important; + z-index: 1000; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub-reversed { + top: auto; + bottom: calc(var(--nav-link-padding-y) * -1); + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub { + display: block !important; + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-link { + padding-left: var(--nav-link-padding-x); + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size)); + } + .sidebar-expand-md.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); + } + .sidebar-expand-md.sidebar-secondary { + z-index: 98; + } + .sidebar-expand-md.sidebar-end { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + z-index: 97; + } + .sidebar-expand-md.sidebar-end[data-color-theme="dark"], + [data-color-theme="dark"] + .sidebar-expand-md.sidebar-end:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-md.sidebar-end { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-expand-md.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--spacer); + z-index: 1020; + } + } +} +@media (max-width: 767.98px) { + .sidebar-expand-md { + --sidebar-border-width: 0; + z-index: 1040; + transition: left ease-in-out var(--transition-base-timer), + right ease-in-out var(--transition-base-timer); + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .sidebar-expand-md { + transition: none; + } +} +@media (min-width: 992px) { + .sidebar-expand-lg { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + position: static; + margin-left: 0.625rem; + margin-right: 0.625rem; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); + } + .sidebar-expand-lg[data-color-theme="dark"], + [data-color-theme="dark"] .sidebar-expand-lg:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-lg { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + .sidebar-expand-lg .sidebar-content { + overflow: visible; + } + .sidebar-expand-lg.sidebar-collapsed { + --sidebar-width: auto; + margin: 0; + display: none !important; + } + .sidebar-expand-lg.sidebar-main { + z-index: 99; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) { + --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size)); + --sidebar-section-padding-x: 0; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-hide { + display: none !important; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-show { + display: block !important; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link { + --nav-link-padding-x: 0; + -ms-flex-pack: center; + justify-content: center; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link:after { + content: none; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link + > span { + display: none; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header { + --nav-link-padding-x: 0; + text-align: center; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header + > i { + margin: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:focus + > .nav-link:not(.active):not(.disabled), + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:hover + > .nav-link:not(.active):not(.disabled) { + background-color: var(--nav-link-hover-bg); + color: var(--nav-link-hover-color); + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub { + --sidebar-width: 18.75rem; + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + right: calc(var(--sidebar-width) * -1); + width: var(--sidebar-width); + background-color: var(--sidebar-bg); + border: var(--border-width) solid var(--border-color-translucent); + display: none !important; + z-index: 1000; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub-reversed { + top: auto; + bottom: calc(var(--nav-link-padding-y) * -1); + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub { + display: block !important; + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-link { + padding-left: var(--nav-link-padding-x); + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size)); + } + .sidebar-expand-lg.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); + } + .sidebar-expand-lg.sidebar-secondary { + z-index: 98; + } + .sidebar-expand-lg.sidebar-end { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + z-index: 97; + } + .sidebar-expand-lg.sidebar-end[data-color-theme="dark"], + [data-color-theme="dark"] + .sidebar-expand-lg.sidebar-end:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-lg.sidebar-end { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-expand-lg.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--spacer); + z-index: 1020; + } + } +} +@media (max-width: 991.98px) { + .sidebar-expand-lg { + --sidebar-border-width: 0; + z-index: 1040; + transition: left ease-in-out var(--transition-base-timer), + right ease-in-out var(--transition-base-timer); + } +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .sidebar-expand-lg { + transition: none; + } +} +@media (min-width: 1200px) { + .sidebar-expand-xl { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + position: static; + margin-left: 0.625rem; + margin-right: 0.625rem; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); + } + .sidebar-expand-xl[data-color-theme="dark"], + [data-color-theme="dark"] .sidebar-expand-xl:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-xl { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + .sidebar-expand-xl .sidebar-content { + overflow: visible; + } + .sidebar-expand-xl.sidebar-collapsed { + --sidebar-width: auto; + margin: 0; + display: none !important; + } + .sidebar-expand-xl.sidebar-main { + z-index: 99; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) { + --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size)); + --sidebar-section-padding-x: 0; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-hide { + display: none !important; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-show { + display: block !important; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link { + --nav-link-padding-x: 0; + -ms-flex-pack: center; + justify-content: center; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link:after { + content: none; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link + > span { + display: none; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header { + --nav-link-padding-x: 0; + text-align: center; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header + > i { + margin: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:focus + > .nav-link:not(.active):not(.disabled), + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:hover + > .nav-link:not(.active):not(.disabled) { + background-color: var(--nav-link-hover-bg); + color: var(--nav-link-hover-color); + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub { + --sidebar-width: 18.75rem; + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + right: calc(var(--sidebar-width) * -1); + width: var(--sidebar-width); + background-color: var(--sidebar-bg); + border: var(--border-width) solid var(--border-color-translucent); + display: none !important; + z-index: 1000; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub-reversed { + top: auto; + bottom: calc(var(--nav-link-padding-y) * -1); + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub { + display: block !important; + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-link { + padding-left: var(--nav-link-padding-x); + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size)); + } + .sidebar-expand-xl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); + } + .sidebar-expand-xl.sidebar-secondary { + z-index: 98; + } + .sidebar-expand-xl.sidebar-end { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + z-index: 97; + } + .sidebar-expand-xl.sidebar-end[data-color-theme="dark"], + [data-color-theme="dark"] + .sidebar-expand-xl.sidebar-end:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-xl.sidebar-end { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-expand-xl.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--spacer); + z-index: 1020; + } + } +} +@media (max-width: 1199.98px) { + .sidebar-expand-xl { + --sidebar-border-width: 0; + z-index: 1040; + transition: left ease-in-out var(--transition-base-timer), + right ease-in-out var(--transition-base-timer); + } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .sidebar-expand-xl { + transition: none; + } +} +@media (min-width: 1400px) { + .sidebar-expand-xxl { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + position: static; + margin-left: 0.625rem; + margin-right: 0.625rem; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); + } + .sidebar-expand-xxl[data-color-theme="dark"], + [data-color-theme="dark"] .sidebar-expand-xxl:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-xxl { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + .sidebar-expand-xxl .sidebar-content { + overflow: visible; + } + .sidebar-expand-xxl.sidebar-collapsed { + --sidebar-width: auto; + margin: 0; + display: none !important; + } + .sidebar-expand-xxl.sidebar-main { + z-index: 99; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) { + --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size)); + --sidebar-section-padding-x: 0; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-hide { + display: none !important; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-show { + display: block !important; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link { + --nav-link-padding-x: 0; + -ms-flex-pack: center; + justify-content: center; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link:after { + content: none; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link + > span { + display: none; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header { + --nav-link-padding-x: 0; + text-align: center; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header + > i { + margin: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:focus + > .nav-link:not(.active):not(.disabled), + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:hover + > .nav-link:not(.active):not(.disabled) { + background-color: var(--nav-link-hover-bg); + color: var(--nav-link-hover-color); + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub { + --sidebar-width: 18.75rem; + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + right: calc(var(--sidebar-width) * -1); + width: var(--sidebar-width); + background-color: var(--sidebar-bg); + border: var(--border-width) solid var(--border-color-translucent); + display: none !important; + z-index: 1000; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub-reversed { + top: auto; + bottom: calc(var(--nav-link-padding-y) * -1); + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub { + display: block !important; + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-link { + padding-left: var(--nav-link-padding-x); + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size)); + } + .sidebar-expand-xxl.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); + } + .sidebar-expand-xxl.sidebar-secondary { + z-index: 98; + } + .sidebar-expand-xxl.sidebar-end { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + z-index: 97; + } + .sidebar-expand-xxl.sidebar-end[data-color-theme="dark"], + [data-color-theme="dark"] + .sidebar-expand-xxl.sidebar-end:not([data-color-theme]), + html[data-color-theme="dark"] .sidebar-expand-xxl.sidebar-end { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-expand-xxl.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--spacer); + z-index: 1020; + } + } +} +@media (max-width: 1399.98px) { + .sidebar-expand-xxl { + --sidebar-border-width: 0; + z-index: 1040; + transition: left ease-in-out var(--transition-base-timer), + right ease-in-out var(--transition-base-timer); + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .sidebar-expand-xxl { + transition: none; + } +} +.sidebar-expand { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + position: static; + margin-left: 0.625rem; + margin-right: 0.625rem; + margin-bottom: var(--spacer); + border-radius: var(--border-radius); + --sidebar-border-width: 0; + z-index: 1040; + transition: left ease-in-out var(--transition-base-timer), + right ease-in-out var(--transition-base-timer); +} +.sidebar-expand[data-color-theme="dark"], +[data-color-theme="dark"] .sidebar-expand:not([data-color-theme]), +html[data-color-theme="dark"] .sidebar-expand { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); +} +.sidebar-expand .sidebar-content { + overflow: visible; +} +.sidebar-expand.sidebar-collapsed { + --sidebar-width: auto; + margin: 0; + display: none !important; +} +.sidebar-expand.sidebar-main { + z-index: 99; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) { + --sidebar-width: calc(var(--spacer) * 2 + var(--icon-font-size)); + --sidebar-section-padding-x: 0; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-hide { + display: none !important; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .sidebar-resize-show { + display: block !important; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link { + --nav-link-padding-x: 0; + -ms-flex-pack: center; + justify-content: center; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link:after { + content: none; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item + > .nav-link + > span { + display: none; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header { + --nav-link-padding-x: 0; + text-align: center; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-header + > i { + margin: calc((var(--body-line-height-computed) - var(--icon-font-size)) / 2); + margin-bottom: calc( + (var(--body-line-height-computed) - var(--icon-font-size)) / 2 + ); +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:focus + > .nav-link:not(.active):not(.disabled), +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu:hover + > .nav-link:not(.active):not(.disabled) { + background-color: var(--nav-link-hover-bg); + color: var(--nav-link-hover-color); +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub { + --sidebar-width: 18.75rem; + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + right: calc(var(--sidebar-width) * -1); + width: var(--sidebar-width); + background-color: var(--sidebar-bg); + border: var(--border-width) solid var(--border-color-translucent); + display: none !important; + z-index: 1000; + box-shadow: var(--box-shadow); + border-radius: var(--border-radius); +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu + > .nav-group-sub-reversed { + top: auto; + bottom: calc(var(--nav-link-padding-y) * -1); +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + > .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub { + display: block !important; +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-link { + padding-left: var(--nav-link-padding-x); +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size)); +} +.sidebar-expand.sidebar-main-resized:not(.sidebar-collapsed) + .nav-sidebar + .nav-group-sub + .nav-group-sub + .nav-group-sub + .nav-link { + padding-left: calc(var(--nav-link-padding-x) * 2 + var(--icon-font-size)); +} +.sidebar-expand.sidebar-secondary { + z-index: 98; +} +.sidebar-expand.sidebar-end { + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); + z-index: 97; +} +.sidebar-expand.sidebar-end[data-color-theme="dark"], +[data-color-theme="dark"] .sidebar-expand.sidebar-end:not([data-color-theme]), +html[data-color-theme="dark"] .sidebar-expand.sidebar-end { + color-scheme: dark; + --sidebar-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.075), var(--box-shadow); +} +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-expand.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: var(--spacer); + z-index: 1020; + } +} +@media (prefers-reduced-motion: reduce) { + .sidebar-expand { + transition: none; + } +} +.row-tile div[class*="col"] .btn { + position: relative; +} +.row-tile div[class*="col"] .btn:focus, +.row-tile div[class*="col"] .btn:hover { + z-index: 3; +} +.row-tile div[class*="col"] .btn + .btn { + margin-top: calc(var(--btn-border-width) * -1); +} +.row-tile div[class*="col"] + div[class*="col"] .btn { + margin-left: calc(var(--btn-border-width) * -1); +} +.layout-boxed-bg { + --layout-boxed-bg: url(../images/boxed_bg.png) repeat; + background: var(--layout-boxed-bg); +} +.layout-boxed { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; + overflow: hidden; +} +.layout-boxed .page-content { + background-color: var(--body-bg); +} diff --git a/src/styles/images/boxed_bg.png b/src/styles/images/boxed_bg.png new file mode 100755 index 0000000..7de5940 Binary files /dev/null and b/src/styles/images/boxed_bg.png differ diff --git a/src/styles/images/layers-2x.png b/src/styles/images/layers-2x.png new file mode 100755 index 0000000..200c333 Binary files /dev/null and b/src/styles/images/layers-2x.png differ diff --git a/src/styles/images/layers.png b/src/styles/images/layers.png new file mode 100755 index 0000000..1a72e57 Binary files /dev/null and b/src/styles/images/layers.png differ diff --git a/src/styles/images/login_cover.jpg b/src/styles/images/login_cover.jpg new file mode 100755 index 0000000..b7f3991 Binary files /dev/null and b/src/styles/images/login_cover.jpg differ diff --git a/src/styles/images/marker-icon-2x.png b/src/styles/images/marker-icon-2x.png new file mode 100755 index 0000000..88f9e50 Binary files /dev/null and b/src/styles/images/marker-icon-2x.png differ diff --git a/src/styles/images/marker-icon.png b/src/styles/images/marker-icon.png new file mode 100755 index 0000000..950edf2 Binary files /dev/null and b/src/styles/images/marker-icon.png differ diff --git a/src/styles/images/marker-shadow.png b/src/styles/images/marker-shadow.png new file mode 100755 index 0000000..9fd2979 Binary files /dev/null and b/src/styles/images/marker-shadow.png differ diff --git a/src/styles/index.css b/src/styles/index.css new file mode 100644 index 0000000..1d4c357 --- /dev/null +++ b/src/styles/index.css @@ -0,0 +1,16 @@ +/* @gsc/web-kit canonical stylesheet. + * + * Consumers should ALSO import (in this order, before this file): + * import "bootstrap/dist/css/bootstrap.min.css"; + * import "@limitless/ui/css"; + * import "@gsc/web-kit/css"; + * import "@phosphor-icons/web/regular"; + * + * The two sheets below own the layout-3 chrome (sidebar/page-content/ + * navbar-footer rules and the JetBrains Mono font face). Bundlers + * inline them; the image refs in all.min.css resolve to ./images/ + * relative to this file. + */ + +@import "./all.min.css"; +@import "./sidebar-overrides.css"; diff --git a/src/styles/sidebar-overrides.css b/src/styles/sidebar-overrides.css new file mode 100644 index 0000000..5ef8bf2 --- /dev/null +++ b/src/styles/sidebar-overrides.css @@ -0,0 +1,187 @@ +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-ExtraLight.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-ExtraLightItalic.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-Light.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-LightItalic.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-Regular.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-Italic.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-Medium.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-MediumItalic.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-SemiBold.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-SemiBoldItalic.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-Bold.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-BoldItalic.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-ExtraBold.woff2") format("woff2"); +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url("https://assets.gosec.cloud/fonts/jetbrains/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2"); +} + +body, +html { + font-family: "JetBrains Mono", monospace !important; +} + +:root { + --body-font-family: "JetBrains Mono", monospace; + --font-sans-serif: "JetBrains Mono", monospace; +} + +.sidebar-main-resized .nav-sidebar > .nav-item > .nav-link, +.sidebar-main-resized .nav-sidebar > .nav-item-submenu > .nav-link { + display: flex; + align-items: center; + justify-content: center !important; + padding-left: 0 !important; + padding-right: 0 !important; +} + +.sidebar-main-resized .nav-sidebar > .nav-item > .nav-link i, +.sidebar-main-resized .nav-sidebar > .nav-item-submenu > .nav-link i { + margin-top: 0 !important; + margin-bottom: 0 !important; + margin-left: 0 !important; + margin-right: 0 !important; + float: none !important; +} + +.sidebar-main-resized .nav-item-submenu > .nav-link:after { + content: none !important; + display: none !important; +} + +.sidebar-main-resized .nav-item-submenu { + position: relative; +} + +.sidebar-main-resized .nav-item-submenu > .nav-group-sub.nav-group-sub-flyout { + position: absolute; + top: calc(var(--nav-link-padding-y) * -1); + left: 100%; + right: auto; + width: var(--ll-sidebar-width, 18.75rem); + background-color: var(--sidebar-bg, #fff); + border: 1px solid var(--border-color-translucent, #dee2e6); + box-shadow: var(--box-shadow, 0 0 1rem rgba(0, 0, 0, 0.15)); + border-radius: var(--border-radius, 0.25rem); + padding-left: 0; + list-style: none; + display: none !important; + z-index: 1000; +} + +.sidebar-main-resized + .nav-item-submenu + > .nav-group-sub.nav-group-sub-flyout[data-submenu-title]:before { + content: attr(data-submenu-title); + display: block; + padding: var(--nav-link-padding-y) var(--nav-link-padding-x); + padding-bottom: 0; + margin-top: var(--nav-link-padding-y); + opacity: 0.5; +} + +.sidebar-main-resized + .nav-item-submenu.nav-group-sub-visible + > .nav-group-sub, +.sidebar-main-resized + .nav-item-submenu:hover + > .nav-group-sub, +.sidebar-main-resized + .nav-item-submenu:focus-within + > .nav-group-sub { + display: block !important; +} diff --git a/src/utils/index.ts b/src/utils/index.ts new file mode 100644 index 0000000..7fec649 --- /dev/null +++ b/src/utils/index.ts @@ -0,0 +1,2 @@ +// @gsc/web-kit/utils — Phase 1 stub. Real surface lands in later phases. +export {}; diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..5fb1de0 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,24 @@ +{ + "compilerOptions": { + "target": "ES2019", + "module": "ESNext", + "moduleResolution": "Node", + "jsx": "react-jsx", + "strict": true, + "declaration": true, + "declarationDir": "dist", + "emitDeclarationOnly": false, + "outDir": "dist", + "rootDir": "src", + "esModuleInterop": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "resolveJsonModule": true, + "lib": ["dom", "dom.iterable", "esnext"], + "noEmit": true, + "incremental": true, + "isolatedModules": true + }, + "include": ["src"], + "exclude": ["node_modules", "dist"] +}