From 4f0b3cc7e48d9e98d5cd531409a8c72c9ba58825 Mon Sep 17 00:00:00 2001 From: Damilola Olowookere Date: Tue, 27 Apr 2021 10:11:59 +0100 Subject: [PATCH] Effect commit comments https://github.com/damms005/devdocs/commit/31233ce00576441985475bad7d0dc0cf3862c20f#commitcomment-50041798 --- .../templates/pages/about_tmpl.coffee | 2 +- assets/stylesheets/application.css.scss | 1 - assets/stylesheets/pages/_tailwindcss.scss | 10150 ---------------- lib/docs/scrapers/tailwindcss.rb | 5 +- public/icons/docs/tailwindcss/SOURCE | 1 + 5 files changed, 4 insertions(+), 10155 deletions(-) delete mode 100644 assets/stylesheets/pages/_tailwindcss.scss create mode 100644 public/icons/docs/tailwindcss/SOURCE diff --git a/assets/javascripts/templates/pages/about_tmpl.coffee b/assets/javascripts/templates/pages/about_tmpl.coffee index 0e348f9d..caf6e1c8 100644 --- a/assets/javascripts/templates/pages/about_tmpl.coffee +++ b/assets/javascripts/templates/pages/about_tmpl.coffee @@ -844,7 +844,7 @@ credits = [ 'https://symfony.com/doc/current/contributing/code/license.html' ], [ 'TailwindCSS', - 'Adam Wathan', + 'Adam Wathan, Jonathan Reinink', 'MIT', 'https://raw.githubusercontent.com/tailwindlabs/tailwindcss/master/LICENSE' ], [ diff --git a/assets/stylesheets/application.css.scss b/assets/stylesheets/application.css.scss index 5139ffa3..05967c18 100644 --- a/assets/stylesheets/application.css.scss +++ b/assets/stylesheets/application.css.scss @@ -74,7 +74,6 @@ 'pages/knockout', 'pages/kotlin', 'pages/laravel', - 'pages/tailwindcss', 'pages/liquid', 'pages/love', 'pages/lua', diff --git a/assets/stylesheets/pages/_tailwindcss.scss b/assets/stylesheets/pages/_tailwindcss.scss deleted file mode 100644 index 9d2a6b14..00000000 --- a/assets/stylesheets/pages/_tailwindcss.scss +++ /dev/null @@ -1,10150 +0,0 @@ -._tailwindcss { - :root { - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - } - - .prose tbody code { - font-size: 0.75rem; - } - - .prose a code, - .prose a strong { - color: inherit; - font-weight: inherit; - } - - .prose h2, - .prose h3 { - scroll-margin-top: 6.875rem; - } - - .prose h1, - .prose h2 { - letter-spacing: -0.025em; - } - - .prose:last-child > :last-child { - margin-bottom: 0; - } - - .prose:first-child > :first-child { - margin-top: 0; - } - - .prose tbody td:last-child { - padding-right: 0; - } - - .prose tbody td:first-child { - padding-left: 0; - } - - .prose thead th:last-child { - padding-right: 0; - } - - .prose thead th:first-child { - padding-left: 0; - } - - .prose h4 + * { - margin-top: 0; - } - - .prose h3 + * { - margin-top: 0; - } - - .prose h2 + * { - margin-top: 0; - } - - .prose hr + * { - margin-top: 0; - } - - .prose ol ol, - .prose ol ul, - .prose ul ol, - .prose ul ul { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - - .prose > ol > li > :last-child { - margin-bottom: 1.25em; - } - - .prose > ol > li > :first-child { - margin-top: 1.25em; - } - - .prose > ul > li > :last-child { - margin-bottom: 1.25em; - } - - .prose > ul > li > :first-child { - margin-top: 1.25em; - } - - .prose > ul > li p { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - - .prose li { - margin-top: 0.5em; - margin-bottom: 0.5em; - } - - .prose ul { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - - .prose h3 code { - font-size: 0.9em; - } - - .prose h2 code { - font-size: 0.875em; - } - - .prose figure > * { - margin-top: 0; - margin-bottom: 0; - } - - .prose figure, - .prose img, - .prose video { - margin-top: 2em; - margin-bottom: 2em; - } - - .prose { - font-size: 1rem; - line-height: 1.75; - } - - .prose p { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - - .prose tbody td { - vertical-align: top; - padding: 0.5714286em; - } - - .prose tbody tr:last-child { - border-bottom-width: 1px; - } - - .prose tbody tr { - border-bottom-width: 1px; - border-bottom-color: #e5e7eb; - } - - .prose thead th { - vertical-align: bottom; - padding: 0 0.5714286em 0.5714286em; - font-weight: 600; - } - - .prose thead { - color: #4b5563; - font-weight: 600; - border-bottom-width: 1px; - border-bottom-color: #e5e7eb; - } - - .prose table { - width: 100%; - table-layout: auto; - text-align: left; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875rem; - line-height: 1.25rem; - } - - .prose pre code:after { - content: ""; - } - - .prose pre code:before { - content: ""; - } - - .prose pre code { - background-color: transparent; - border-width: 0; - border-radius: 0; - padding: 0; - font-weight: 400; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; - } - - .prose pre { - overflow-x: auto; - font-size: 0.875em; - line-height: 1.7142857; - margin-top: 0; - margin-bottom: 0; - border-radius: 0; - padding: 0.8571429em 1.1428571em; - } - - .prose code:after { - content: "`"; - } - - .prose code:before { - content: "`"; - } - - .prose code { - color: #7c3aed; - font-weight: 400; - font-size: 0.875em; - } - - .prose figure figcaption { - color: #6b7280; - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; - } - - .prose h4 { - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; - } - - .prose h3, - .prose h4 { - color: #111827; - font-weight: 600; - } - - .prose h3 { - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; - } - - .prose h2 { - color: #111827; - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; - } - - .prose h1 { - color: #111827; - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - - .prose blockquote p:last-of-type:after { - content: close-quote; - } - - .prose blockquote p:first-of-type:before { - content: open-quote; - } - - .prose blockquote { - font-weight: 500; - font-style: italic; - color: #111827; - border-left-width: 0.25rem; - border-left-color: #e5e7eb; - quotes: "\201C""\201D""\2018""\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1em; - } - - .prose hr { - border-color: #e5e7eb; - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; - } - - .prose ul > li:before { - content: ""; - position: absolute; - background-color: #d1d5db; - border-radius: 0; - width: 0.75em; - height: 0.125em; - top: 0.8125em; - left: 0; - } - - .prose ul > li { - position: relative; - padding-left: 1.5em; - } - - .prose ol > li:before { - content: counter(list-counter) "."; - position: absolute; - font-weight: 400; - color: #6b7280; - left: 0; - } - - .prose ol > li { - position: relative; - counter-increment: list-counter; - padding-left: 1.75em; - } - - .prose ol { - counter-reset: list-counter; - margin-top: 1.25em; - margin-bottom: 1.25em; - } - - .prose strong { - color: #111827; - font-weight: 500; - } - - .prose a { - color: #0e7490; - text-decoration: none; - font-weight: 500; - box-shadow: inset 0 -0.125em 0 0 #fff, - inset 0 -0.375em 0 0 rgba(165, 243, 252, 0.4); - } - - .prose { - color: #6b7280; - max-width: none; - } - - .prose [class~="lead"] { - color: #4b5563; - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; - } - - .not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .pointer-events-none { - pointer-events: none; - } - - .pointer-events-auto { - pointer-events: auto; - } - - .visible { - visibility: visible; - } - - .invisible { - visibility: hidden; - } - - .relative { - position: relative; - } - - .sticky { - position: sticky; - } - - .absolute { - position: absolute; - } - - .fixed { - position: fixed; - } - - .static { - position: static; - } - - .inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - .inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - } - - .-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; - } - - .inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; - } - - .inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; - } - - .inset-y-0 { - top: 0; - bottom: 0; - } - - .inset-x-0 { - left: 0; - right: 0; - } - - .top-0 { - top: 0; - } - - .-right-4 { - right: -1rem; - } - - .left-80 { - left: 20rem; - } - - .top-1\/2 { - top: 50%; - } - - .right-0 { - right: 0; - } - - .left-0 { - left: 0; - } - - .right-1\/2 { - right: 50%; - } - - .left-1\/2 { - left: 50%; - } - - .bottom-4 { - bottom: 1rem; - } - - .right-4 { - right: 1rem; - } - - .-top-96 { - top: -24rem; - } - - .bottom-0 { - bottom: 0; - } - - .-left-96 { - left: -24rem; - } - - .-right-96 { - right: -24rem; - } - - .bottom-2\.5 { - bottom: 0.625rem; - } - - .bottom-2 { - bottom: 0.5rem; - } - - .top-0\.5 { - top: 0.125rem; - } - - .-right-0\.5 { - right: -0.125rem; - } - - .-bottom-0\.5 { - bottom: -0.125rem; - } - - .left-0\.5 { - left: 0.125rem; - } - - .-right-0 { - right: 0; - } - - .-bottom-0 { - bottom: 0; - } - - .bottom-1\/2 { - bottom: 50%; - } - - .top-18 { - top: 4.5rem; - } - - .-left-64 { - left: -16rem; - } - - .top-px { - top: 1px; - } - - .top-full { - top: 100%; - } - - .left-full { - left: 100%; - } - - .right-full { - right: 100%; - } - - .top-4 { - top: 1rem; - } - - .left-4 { - left: 1rem; - } - - .left-3 { - left: 0.75rem; - } - - .top-6 { - top: 1.5rem; - } - - .left-6 { - left: 1.5rem; - } - - .left-2 { - left: 0.5rem; - } - - .bottom-3 { - bottom: 0.75rem; - } - - .top-2 { - top: 0.5rem; - } - - .right-2 { - right: 0.5rem; - } - - .top-\[-113px\] { - top: -113px; - } - - .top-\[-325px\] { - top: -325px; - } - - .right-\[62px\] { - right: 62px; - } - - .-top-16 { - top: -4rem; - } - - .-left-6 { - left: -1.5rem; - } - - .-left-12 { - left: -3rem; - } - - .-left-18 { - left: -4.5rem; - } - - .-left-24 { - left: -6rem; - } - - .top-8 { - top: 2rem; - } - - .isolate { - isolation: isolate; - } - - .isolation-auto { - isolation: auto; - } - - .z-20 { - z-index: 20; - } - - .z-40 { - z-index: 40; - } - - .z-50 { - z-index: 50; - } - - .z-10 { - z-index: 10; - } - - .z-30 { - z-index: 30; - } - - .z-0 { - z-index: 0; - } - - .order-3 { - order: 3; - } - - .order-2 { - order: 2; - } - - .order-last { - order: 9999; - } - - .order-first { - order: -9999; - } - - .order-none { - order: 0; - } - - .col-span-2 { - grid-column: span 2 / span 2; - } - - .col-span-full { - grid-column: 1/-1; - } - - .col-span-3 { - grid-column: span 3 / span 3; - } - - .col-span-4 { - grid-column: span 4 / span 4; - } - - .col-span-6 { - grid-column: span 6 / span 6; - } - - .col-end-3 { - grid-column-end: 3; - } - - .col-end-4 { - grid-column-end: 4; - } - - .col-end-2 { - grid-column-end: 2; - } - - .col-end-7 { - grid-column-end: 7; - } - - .col-start-2 { - grid-column-start: 2; - } - - .col-start-1 { - grid-column-start: 1; - } - - .col-start-3 { - grid-column-start: 3; - } - - .row-span-2 { - grid-row: span 2 / span 2; - } - - .row-span-full { - grid-row: 1/-1; - } - - .row-span-3 { - grid-row: span 3 / span 3; - } - - .row-end-4 { - grid-row-end: 4; - } - - .row-end-5 { - grid-row-end: 5; - } - - .row-end-2 { - grid-row-end: 2; - } - - .row-end-3 { - grid-row-end: 3; - } - - .row-start-2 { - grid-row-start: 2; - } - - .row-start-1 { - grid-row-start: 1; - } - - .row-start-3 { - grid-row-start: 3; - } - - .float-left { - float: left; - } - - .float-right { - float: right; - } - - .float-none { - float: none; - } - - .clear-left { - clear: left; - } - - .clear-right { - clear: right; - } - - .clear-both { - clear: both; - } - - .clear-none { - clear: none; - } - - .m-0\.5 { - margin: 0.125rem; - } - - .m-0 { - margin: 0; - } - - .-m-8 { - margin: -2rem; - } - - .m-2 { - margin: 0.5rem; - } - - .-m-2 { - margin: -0.5rem; - } - - .m-8 { - margin: 2rem; - } - - .-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; - } - - .my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; - } - - .mx-auto { - margin-left: auto; - margin-right: auto; - } - - .mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; - } - - .-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; - } - - .my-15px { - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; - } - - .my-23px { - margin-top: 1.4375rem; - margin-bottom: 1.4375rem; - } - - .my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; - } - - .-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; - } - - .-mx-4 { - margin-left: -1rem; - margin-right: -1rem; - } - - .my-8 { - margin-top: 2rem; - margin-bottom: 2rem; - } - - .-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; - } - - .-my-0 { - margin-top: 0; - margin-bottom: 0; - } - - .-mx-px { - margin-left: -1px; - margin-right: -1px; - } - - .mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; - } - - .mx-4 { - margin-left: 1rem; - margin-right: 1rem; - } - - .-mx-8 { - margin-left: -2rem; - margin-right: -2rem; - } - - .my-4 { - margin-top: 1rem; - margin-bottom: 1rem; - } - - .my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } - - .my-12 { - margin-top: 3rem; - margin-bottom: 3rem; - } - - .mx-8 { - margin-left: 2rem; - margin-right: 2rem; - } - - .-mx-72 { - margin-left: -18rem; - margin-right: -18rem; - } - - .-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; - } - - .mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; - } - - .ml-2 { - margin-left: 0.5rem; - } - - .mb-8 { - margin-bottom: 2rem; - } - - .ml-4 { - margin-left: 1rem; - } - - .-mt-4 { - margin-top: -1rem; - } - - .mb-4 { - margin-bottom: 1rem; - } - - .-mt-6 { - margin-top: -1.5rem; - } - - .mt-6 { - margin-top: 1.5rem; - } - - .mb-2 { - margin-bottom: 0.5rem; - } - - .-ml-8 { - margin-left: -2rem; - } - - .-mr-8 { - margin-right: -2rem; - } - - .-ml-full { - margin-left: -100%; - } - - .ml-6 { - margin-left: 1.5rem; - } - - .-mt-3 { - margin-top: -0.75rem; - } - - .-ml-3 { - margin-left: -0.75rem; - } - - .mr-3 { - margin-right: 0.75rem; - } - - .ml-3 { - margin-left: 0.75rem; - } - - .mt-2 { - margin-top: 0.5rem; - } - - .mb-6 { - margin-bottom: 1.5rem; - } - - .ml-auto { - margin-left: auto; - } - - .mt-4 { - margin-top: 1rem; - } - - .mb-2\.5 { - margin-bottom: 0.625rem; - } - - .mb-0\.5 { - margin-bottom: 0.125rem; - } - - .mb-0 { - margin-bottom: 0; - } - - .-mb-1 { - margin-bottom: -0.25rem; - } - - .mb-1\.5 { - margin-bottom: 0.375rem; - } - - .mb-1 { - margin-bottom: 0.25rem; - } - - .mt-3 { - margin-top: 0.75rem; - } - - .-ml-2\.5 { - margin-left: -0.625rem; - } - - .-ml-2 { - margin-left: -0.5rem; - } - - .ml-5 { - margin-left: 1.25rem; - } - - .mt-0\.5 { - margin-top: 0.125rem; - } - - .mt-0 { - margin-top: 0; - } - - .mb-10 { - margin-bottom: 2.5rem; - } - - .mt-1\.5 { - margin-top: 0.375rem; - } - - .mt-1 { - margin-top: 0.25rem; - } - - .mb-5 { - margin-bottom: 1.25rem; - } - - .mt-8 { - margin-top: 2rem; - } - - .mr-1 { - margin-right: 0.25rem; - } - - .-mr-1 { - margin-right: -0.25rem; - } - - .-mt-2\.5 { - margin-top: -0.625rem; - } - - .-mt-2 { - margin-top: -0.5rem; - } - - .-mt-16 { - margin-top: -4rem; - } - - .mt-16 { - margin-top: 4rem; - } - - .mb-3 { - margin-bottom: 0.75rem; - } - - .mt-10 { - margin-top: 2.5rem; - } - - .mr-8 { - margin-right: 2rem; - } - - .mr-2 { - margin-right: 0.5rem; - } - - .mr-24 { - margin-right: 6rem; - } - - .mb-14 { - margin-bottom: 3.5rem; - } - - .mb-16 { - margin-bottom: 4rem; - } - - .-ml-12 { - margin-left: -3rem; - } - - .mt-9 { - margin-top: 2.25rem; - } - - .-mr-6 { - margin-right: -1.5rem; - } - - .-ml-52 { - margin-left: -13rem; - } - - .-mt-px { - margin-top: -1px; - } - - .-mr-px { - margin-right: -1px; - } - - .mr-0\.5 { - margin-right: 0.125rem; - } - - .mr-0 { - margin-right: 0; - } - - .-ml-16 { - margin-left: -4rem; - } - - .ml-1 { - margin-left: 0.25rem; - } - - .-mr-4 { - margin-right: -1rem; - } - - .-mb-8 { - margin-bottom: -2rem; - } - - .-mt-5 { - margin-top: -1.25rem; - } - - .mt-5 { - margin-top: 1.25rem; - } - - .-ml-1 { - margin-left: -0.25rem; - } - - .-mt-1 { - margin-top: -0.25rem; - } - - .mr-4 { - margin-right: 1rem; - } - - .ml-10 { - margin-left: 2.5rem; - } - - .ml-0 { - margin-left: 0; - } - - .mr-10 { - margin-right: 2.5rem; - } - - .mt-auto { - margin-top: auto; - } - - .ml-9 { - margin-left: 2.25rem; - } - - .mr-6 { - margin-right: 1.5rem; - } - - .ml-8 { - margin-left: 2rem; - } - - .-mt-8 { - margin-top: -2rem; - } - - .-mb-px { - margin-bottom: -1px; - } - - .box-border { - box-sizing: border-box; - } - - .box-content { - box-sizing: content-box; - } - - .block { - display: block; - } - - .inline-block { - display: inline-block; - } - - .inline { - display: inline; - } - - .flex { - display: flex; - } - - .inline-flex { - display: inline-flex; - } - - .table { - display: table; - } - - .table-caption { - display: table-caption; - } - - .table-cell { - display: table-cell; - } - - .table-column { - display: table-column; - } - - .table-column-group { - display: table-column-group; - } - - .table-footer-group { - display: table-footer-group; - } - - .table-header-group { - display: table-header-group; - } - - .table-row-group { - display: table-row-group; - } - - .table-row { - display: table-row; - } - - .flow-root { - display: flow-root; - } - - .grid { - display: grid; - } - - .inline-grid { - display: inline-grid; - } - - .contents { - display: contents; - } - - .list-item { - display: list-item; - } - - .hidden { - display: none; - } - - .\!hidden { - display: none !important; - } - - .h-4 { - height: 1rem; - } - - .h-8 { - height: 2rem; - } - - .h-3 { - height: 0.75rem; - } - - .h-full { - height: 100%; - } - - .h-11 { - height: 2.75rem; - } - - .h-12 { - height: 3rem; - } - - .h-10 { - height: 2.5rem; - } - - .h-9 { - height: 2.25rem; - } - - .h-\[513px\] { - height: 513px; - } - - .h-6 { - height: 1.5rem; - } - - .h-18 { - height: 4.5rem; - } - - .h-16 { - height: 4rem; - } - - .h-1 { - height: 0.25rem; - } - - .h-14 { - height: 3.5rem; - } - - .h-5 { - height: 1.25rem; - } - - .h-24 { - height: 6rem; - } - - .h-7 { - height: 1.75rem; - } - - .h-40 { - height: 10rem; - } - - .h-32 { - height: 8rem; - } - - .h-20 { - height: 5rem; - } - - .h-1\.5 { - height: 0.375rem; - } - - .h-2\.5 { - height: 0.625rem; - } - - .h-2 { - height: 0.5rem; - } - - .h-auto { - height: auto; - } - - .h-48 { - height: 12rem; - } - - .h-64 { - height: 16rem; - } - - .h-72 { - height: 18rem; - } - - .h-96 { - height: 24rem; - } - - .h-screen { - height: 100vh; - } - - .h-px { - height: 1px; - } - - .h-\[918px\] { - height: 918px; - } - - .h-28 { - height: 7rem; - } - - .max-h-\(screen-18\) { - max-height: calc(100vh - 4.5rem); - } - - .max-h-screen { - max-height: 100vh; - } - - .max-h-full { - max-height: 100%; - } - - .min-h-0 { - min-height: 0; - } - - .min-h-full { - min-height: 100%; - } - - .min-h-screen { - min-height: 100vh; - } - - .w-4 { - width: 1rem; - } - - .w-full { - width: 100%; - } - - .w-8 { - width: 2rem; - } - - .w-32 { - width: 8rem; - } - - .w-3 { - width: 0.75rem; - } - - .w-1\/5 { - width: 20%; - } - - .w-6 { - width: 1.5rem; - } - - .w-12 { - width: 3rem; - } - - .w-18 { - width: 4.5rem; - } - - .w-\[848px\] { - width: 848px; - } - - .w-px { - width: 1px; - } - - .w-10 { - width: 2.5rem; - } - - .w-auto { - width: auto; - } - - .w-16 { - width: 4rem; - } - - .w-80 { - width: 20rem; - } - - .w-14 { - width: 3.5rem; - } - - .w-0 { - width: 0; - } - - .w-5 { - width: 1.25rem; - } - - .w-24 { - width: 6rem; - } - - .w-64 { - width: 16rem; - } - - .w-60 { - width: 15rem; - } - - .w-48 { - width: 12rem; - } - - .w-9 { - width: 2.25rem; - } - - .w-1\/2 { - width: 50%; - } - - .w-44 { - width: 11rem; - } - - .w-40 { - width: 10rem; - } - - .w-2\/5 { - width: 40%; - } - - .w-56 { - width: 14rem; - } - - .w-20 { - width: 5rem; - } - - .w-2\.5 { - width: 0.625rem; - } - - .w-2 { - width: 0.5rem; - } - - .w-96 { - width: 24rem; - } - - .w-7 { - width: 1.75rem; - } - - .w-1\/3 { - width: 33.333333%; - } - - .w-3\/4 { - width: 75%; - } - - .w-5\/6 { - width: 83.333333%; - } - - .w-1\/4 { - width: 25%; - } - - .w-72 { - width: 18rem; - } - - .w-\[762px\] { - width: 762px; - } - - .w-screen { - width: 100vw; - } - - .w-3\/5 { - width: 60%; - } - - .w-2\/3 { - width: 66.666667%; - } - - .w-4\/5 { - width: 80%; - } - - .w-1\/6 { - width: 16.666667%; - } - - .min-w-0 { - min-width: 0; - } - - .min-w-full { - min-width: 100%; - } - - .max-w-8xl { - max-width: 90rem; - } - - .max-w-none { - max-width: none; - } - - .max-w-screen-xl { - max-width: 1280px; - } - - .max-w-3xl { - max-width: 48rem; - } - - .max-w-xl { - max-width: 36rem; - } - - .max-w-screen-lg { - max-width: 1024px; - } - - .max-w-4xl { - max-width: 56rem; - } - - .max-w-full { - max-width: 100%; - } - - .max-w-screen-sm { - max-width: 640px; - } - - .max-w-sm { - max-width: 24rem; - } - - .max-w-xs { - max-width: 20rem; - } - - .max-w-md { - max-width: 28rem; - } - - .max-w-prose { - max-width: 65ch; - } - - .flex-none { - flex: none; - } - - .flex-auto { - flex: 1 1 auto; - } - - .flex-1 { - flex: 1 1 0%; - } - - .flex-initial { - flex: 0 1 auto; - } - - .flex-shrink-0 { - flex-shrink: 0; - } - - .flex-shrink { - flex-shrink: 1; - } - - .flex-grow { - flex-grow: 1; - } - - .flex-grow-0 { - flex-grow: 0; - } - - .table-auto { - table-layout: auto; - } - - .table-fixed { - table-layout: fixed; - } - - .border-collapse { - border-collapse: collapse; - } - - .border-separate { - border-collapse: separate; - } - - .transform { - transform: translateX(var(--tw-translate-x)) - translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) - skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) - scaleY(var(--tw-scale-y)); - } - - .transform, - .transform-gpu { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - } - - .transform-gpu { - transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) - rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - } - - .transform-none { - transform: none; - } - - .origin-left { - transform-origin: left; - } - - .origin-right { - transform-origin: right; - } - - .origin-center { - transform-origin: center; - } - - .origin-top-left { - transform-origin: top left; - } - - .origin-bottom-right { - transform-origin: bottom right; - } - - .origin-top { - transform-origin: top; - } - - .translate-x-\[235px\] { - --tw-translate-x: 235px; - } - - .translate-y-\[-90px\] { - --tw-translate-y: -90px; - } - - .translate-x-\[-150px\] { - --tw-translate-x: -150px; - } - - .translate-y-\[-250px\] { - --tw-translate-y: -250px; - } - - .translate-x-\[330px\] { - --tw-translate-x: 330px; - } - - .translate-y-\[-357px\] { - --tw-translate-y: -357px; - } - - .translate-y-2 { - --tw-translate-y: 0.5rem; - } - - .translate-y-0 { - --tw-translate-y: 0px; - } - - .translate-x-2 { - --tw-translate-x: 0.5rem; - } - - .translate-y-11 { - --tw-translate-y: 2.75rem; - } - - .translate-y-24 { - --tw-translate-y: 6rem; - } - - .translate-x-20 { - --tw-translate-x: 5rem; - } - - .translate-y-4 { - --tw-translate-y: 1rem; - } - - .-translate-x-1\/2 { - --tw-translate-x: -50%; - } - - .-translate-y-1\/2 { - --tw-translate-y: -50%; - } - - .translate-x-4 { - --tw-translate-x: 1rem; - } - - .translate-y-6 { - --tw-translate-y: 1.5rem; - } - - .-translate-y-6 { - --tw-translate-y: -1.5rem; - } - - .translate-x-8 { - --tw-translate-x: 2rem; - } - - .translate-x-12 { - --tw-translate-x: 3rem; - } - - .-rotate-1 { - --tw-rotate: -1deg; - } - - .rotate-1 { - --tw-rotate: 1deg; - } - - .rotate-90 { - --tw-rotate: 90deg; - } - - .-rotate-6 { - --tw-rotate: -6deg; - } - - .rotate-6 { - --tw-rotate: 6deg; - } - - .rotate-0 { - --tw-rotate: 0deg; - } - - .rotate-45 { - --tw-rotate: 45deg; - } - - .rotate-180 { - --tw-rotate: 180deg; - } - - .-skew-x-20 { - --tw-skew-x: -20deg; - } - - .skew-y-0 { - --tw-skew-y: 0deg; - } - - .skew-y-3 { - --tw-skew-y: 3deg; - } - - .skew-y-6 { - --tw-skew-y: 6deg; - } - - .skew-y-12 { - --tw-skew-y: 12deg; - } - - .scale-80 { - --tw-scale-x: 0.8; - --tw-scale-y: 0.8; - } - - .scale-95 { - --tw-scale-x: 0.95; - --tw-scale-y: 0.95; - } - - .scale-100 { - --tw-scale-x: 1; - --tw-scale-y: 1; - } - - .scale-110 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; - } - - .scale-75 { - --tw-scale-x: 0.75; - --tw-scale-y: 0.75; - } - - .scale-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; - } - - .scale-125 { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; - } - - .scale-50 { - --tw-scale-x: 0.5; - --tw-scale-y: 0.5; - } - - @keyframes flash-code { - 0% { - background-color: rgba(134, 239, 172, 0.25); - } - - to { - background-color: transparent; - } - } - - .animate-flash-code { - animation: flash-code 1s forwards; - } - - .animate-flash-code-slow { - animation: flash-code 2s forwards; - } - - .animate-none { - animation: none; - } - - @keyframes spin { - to { - transform: rotate(1turn); - } - } - - .animate-spin { - animation: spin 1s linear infinite; - } - - @keyframes ping { - 75%, - to { - transform: scale(2); - opacity: 0; - } - } - - .animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - } - - @keyframes pulse { - 50% { - opacity: 0.5; - } - } - - .animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - } - - @keyframes bounce { - 0%, - to { - transform: translateY(-25%); - animation-timing-function: cubic-bezier(0.8, 0, 1, 1); - } - - 50% { - transform: none; - animation-timing-function: cubic-bezier(0, 0, 0.2, 1); - } - } - - .animate-bounce { - animation: bounce 1s infinite; - } - - .cursor-grab { - cursor: grab; - } - - .cursor-grabbing { - cursor: grabbing; - } - - .cursor-pointer { - cursor: pointer; - } - - .cursor-not-allowed { - cursor: not-allowed; - } - - .cursor-auto { - cursor: auto; - } - - .cursor-default { - cursor: default; - } - - .cursor-wait { - cursor: wait; - } - - .cursor-text { - cursor: text; - } - - .cursor-move { - cursor: move; - } - - .select-none { - -webkit-user-select: none; - user-select: none; - } - - .select-text { - -webkit-user-select: text; - user-select: text; - } - - .select-all { - -webkit-user-select: all; - user-select: all; - } - - .select-auto { - -webkit-user-select: auto; - user-select: auto; - } - - .resize { - resize: both; - } - - .resize-y { - resize: vertical; - } - - .resize-x { - resize: horizontal; - } - - .resize-none { - resize: none; - } - - .list-inside { - list-style-position: inside; - } - - .list-outside { - list-style-position: outside; - } - - .list-none { - list-style-type: none; - } - - .list-disc { - list-style-type: disc; - } - - .list-decimal { - list-style-type: decimal; - } - - .appearance-none { - -webkit-appearance: none; - appearance: none; - } - - .auto-cols-min { - grid-auto-columns: min-content; - } - - .auto-cols-max { - grid-auto-columns: max-content; - } - - .grid-flow-col { - grid-auto-flow: column; - } - - .grid-flow-row { - grid-auto-flow: row; - } - - .auto-rows-min { - grid-auto-rows: min-content; - } - - .auto-rows-max { - grid-auto-rows: max-content; - } - - .auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); - } - - .grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - .grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - - .grid-cols-\[1fr\2c 700px\2c 2fr\] { - grid-template-columns: 1fr 700px 2fr; - } - - .grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); - } - - .grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); - } - - .grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); - } - - .flex-col { - flex-direction: column; - } - - .flex-row-reverse { - flex-direction: row-reverse; - } - - .flex-col-reverse { - flex-direction: column-reverse; - } - - .flex-row { - flex-direction: row; - } - - .flex-wrap { - flex-wrap: wrap; - } - - .flex-nowrap { - flex-wrap: nowrap; - } - - .flex-wrap-reverse { - flex-wrap: wrap-reverse; - } - - .place-content-center { - place-content: center; - } - - .place-content-start { - place-content: start; - } - - .place-content-end { - place-content: end; - } - - .place-content-between { - place-content: space-between; - } - - .place-content-around { - place-content: space-around; - } - - .place-content-evenly { - place-content: space-evenly; - } - - .place-content-stretch { - place-content: stretch; - } - - .place-items-start { - place-items: start; - } - - .place-items-end { - place-items: end; - } - - .place-items-center { - place-items: center; - } - - .place-items-stretch { - place-items: stretch; - } - - .content-start { - align-content: flex-start; - } - - .content-center { - align-content: center; - } - - .content-end { - align-content: flex-end; - } - - .content-between { - align-content: space-between; - } - - .content-around { - align-content: space-around; - } - - .content-evenly { - align-content: space-evenly; - } - - .items-center { - align-items: center; - } - - .items-start { - align-items: flex-start; - } - - .items-baseline { - align-items: baseline; - } - - .items-end { - align-items: flex-end; - } - - .items-stretch { - align-items: stretch; - } - - .justify-center { - justify-content: center; - } - - .justify-end { - justify-content: flex-end; - } - - .justify-between { - justify-content: space-between; - } - - .justify-around { - justify-content: space-around; - } - - .justify-start { - justify-content: flex-start; - } - - .justify-evenly { - justify-content: space-evenly; - } - - .justify-items-start { - justify-items: start; - } - - .justify-items-end { - justify-items: end; - } - - .justify-items-center { - justify-items: center; - } - - .justify-items-stretch { - justify-items: stretch; - } - - .gap-8 { - gap: 2rem; - } - - .gap-6 { - gap: 1.5rem; - } - - .gap-3 { - gap: 0.75rem; - } - - .gap-4 { - gap: 1rem; - } - - .gap-2 { - gap: 0.5rem; - } - - .gap-x-4 { - column-gap: 1rem; - } - - .gap-y-3 { - row-gap: 0.75rem; - } - - .gap-x-6 { - column-gap: 1.5rem; - } - - .gap-y-10 { - row-gap: 2.5rem; - } - - .gap-x-8 { - column-gap: 2rem; - } - - .gap-y-4 { - row-gap: 1rem; - } - - .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.375rem * var(--tw-space-x-reverse)); - margin-left: calc(0.375rem * (1 - var(--tw-space-x-reverse))); - } - - .space-x-1 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.25rem * var(--tw-space-x-reverse)); - margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); - } - - .space-y-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); - } - - .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); - } - - .space-y-1 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); - } - - .space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); - } - - .space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse))); - } - - .space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); - } - - .space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse))); - } - - .space-y-20 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(5rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(5rem * var(--tw-space-y-reverse)); - } - - .space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); - } - - .space-y-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); - } - - .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * (1 - var(--tw-space-x-reverse))); - } - - .space-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); - } - - .space-y-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); - } - - .-space-x-1 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.25rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.25rem * (1 - var(--tw-space-x-reverse))); - } - - .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.125rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); - } - - .space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * (1 - var(--tw-space-x-reverse))); - } - - .-space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(-0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(-0.5rem * (1 - var(--tw-space-x-reverse))); - } - - .space-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2rem * var(--tw-space-x-reverse)); - margin-left: calc(2rem * (1 - var(--tw-space-x-reverse))); - } - - .space-x-16 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(4rem * var(--tw-space-x-reverse)); - margin-left: calc(4rem * (1 - var(--tw-space-x-reverse))); - } - - .space-y-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3rem * var(--tw-space-y-reverse)); - } - - .space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2rem * var(--tw-space-y-reverse)); - } - - .space-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 1; - } - - .space-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 1; - } - - .divide-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(2px * var(--tw-divide-x-reverse)); - border-left-width: calc(2px * (1 - var(--tw-divide-x-reverse))); - } - - .divide-y > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); - } - - .divide-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(4px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(4px * var(--tw-divide-y-reverse)); - } - - .divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * (1 - var(--tw-divide-x-reverse))); - } - - .divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); - } - - .divide-x > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(1px * var(--tw-divide-x-reverse)); - border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse))); - } - - .divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); - } - - .divide-y-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 1; - } - - .divide-x-reverse > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 1; - } - - .divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; - } - - .divide-gray-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-divide-opacity)); - } - - .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-divide-opacity)); - } - - .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); - } - - .divide-rose-100 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(255, 228, 230, var(--tw-divide-opacity)); - } - - .divide-light-blue-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(56, 189, 248, var(--tw-divide-opacity)); - } - - .divide-fuchsia-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(240, 171, 252, var(--tw-divide-opacity)); - } - - .divide-black > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-divide-opacity)); - } - - .divide > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-divide-opacity)); - } - - .divide-teal-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(45, 212, 191, var(--tw-divide-opacity)); - } - - .divide-blue-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-divide-opacity)); - } - - .divide-amber-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--tw-divide-opacity)); - } - - .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(202, 138, 4, var(--tw-divide-opacity)); - } - - .divide-emerald-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-divide-opacity)); - } - - .divide-green-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(34, 197, 94, var(--tw-divide-opacity)); - } - - .divide-amber-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--tw-divide-opacity)); - } - - .divide-yellow-500 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(234, 179, 8, var(--tw-divide-opacity)); - } - - .divide-rose-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(251, 113, 133, var(--tw-divide-opacity)); - } - - .divide-gray-400 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-divide-opacity)); - } - - .divide-opacity-25 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.25; - } - - .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; - } - - .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.75; - } - - .place-self-auto { - place-self: auto; - } - - .place-self-start { - place-self: start; - } - - .place-self-center { - place-self: center; - } - - .place-self-end { - place-self: end; - } - - .place-self-stretch { - place-self: stretch; - } - - .self-center { - align-self: center; - } - - .self-start { - align-self: flex-start; - } - - .self-end { - align-self: flex-end; - } - - .self-auto { - align-self: auto; - } - - .self-stretch { - align-self: stretch; - } - - .justify-self-auto { - justify-self: auto; - } - - .justify-self-start { - justify-self: start; - } - - .justify-self-center { - justify-self: center; - } - - .justify-self-end { - justify-self: end; - } - - .justify-self-stretch { - justify-self: stretch; - } - - .overflow-hidden { - overflow: hidden; - } - - .overflow-y-auto { - overflow-y: auto; - } - - .overflow-x-auto { - overflow-x: auto; - } - - .overflow-auto { - overflow: auto; - } - - .overflow-x-hidden { - overflow-x: hidden; - } - - .overflow-y-scroll { - overflow-y: scroll; - } - - .overflow-visible { - overflow: visible; - } - - .overflow-scroll { - overflow: scroll; - } - - .overflow-x-scroll { - overflow-x: scroll; - } - - .overscroll-auto { - overscroll-behavior: auto; - } - - .overscroll-contain { - overscroll-behavior: contain; - } - - .overscroll-none { - overscroll-behavior: none; - } - - .truncate { - overflow: hidden; - white-space: nowrap; - } - - .overflow-ellipsis, - .truncate { - text-overflow: ellipsis; - } - - .overflow-clip { - text-overflow: clip; - } - - .whitespace-nowrap { - white-space: nowrap; - } - - .whitespace-pre { - white-space: pre; - } - - .whitespace-pre-wrap { - white-space: pre-wrap; - } - - .whitespace-normal { - white-space: normal; - } - - .whitespace-pre-line { - white-space: pre-line; - } - - .break-normal { - overflow-wrap: normal; - word-break: normal; - } - - .break-words { - overflow-wrap: break-word; - } - - .break-all { - word-break: break-all; - } - - .rounded-lg { - border-radius: 0.5rem; - } - - .rounded { - border-radius: 0.25rem; - } - - .rounded-md { - border-radius: 0.375rem; - } - - .rounded-full { - border-radius: 9999px; - } - - .rounded-xl { - border-radius: 0.75rem; - } - - .rounded-3xl { - border-radius: 1.5rem; - } - - .rounded-sm { - border-radius: 0.125rem; - } - - .rounded-none { - border-radius: 0; - } - - .rounded-2xl { - border-radius: 1rem; - } - - .rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .rounded-t-xl { - border-top-left-radius: 0.75rem; - } - - .rounded-r-xl, - .rounded-t-xl { - border-top-right-radius: 0.75rem; - } - - .rounded-r-xl { - border-bottom-right-radius: 0.75rem; - } - - .rounded-t-lg { - border-top-left-radius: 0.5rem; - } - - .rounded-r-lg, - .rounded-t-lg { - border-top-right-radius: 0.5rem; - } - - .rounded-b-lg, - .rounded-r-lg { - border-bottom-right-radius: 0.5rem; - } - - .rounded-b-lg, - .rounded-l-lg { - border-bottom-left-radius: 0.5rem; - } - - .rounded-l-lg { - border-top-left-radius: 0.5rem; - } - - .rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - } - - .rounded-tl-xl { - border-top-left-radius: 0.75rem; - } - - .rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .rounded-bl-lg { - border-bottom-left-radius: 0.5rem; - } - - .rounded-tl-lg { - border-top-left-radius: 0.5rem; - } - - .rounded-tr-lg { - border-top-right-radius: 0.5rem; - } - - .rounded-br-lg { - border-bottom-right-radius: 0.5rem; - } - - .border-2 { - border-width: 2px; - } - - .border { - border-width: 1px; - } - - .border-4 { - border-width: 4px; - } - - .border-0 { - border-width: 0; - } - - .border-8 { - border-width: 8px; - } - - .border-b { - border-bottom-width: 1px; - } - - .border-t { - border-top-width: 1px; - } - - .border-b-2 { - border-bottom-width: 2px; - } - - .border-r-2 { - border-right-width: 2px; - } - - .border-r { - border-right-width: 1px; - } - - .border-t-2 { - border-top-width: 2px; - } - - .border-l-2 { - border-left-width: 2px; - } - - .border-t-4 { - border-top-width: 4px; - } - - .border-dashed { - border-style: dashed; - } - - .border-solid { - border-style: solid; - } - - .border-dotted { - border-style: dotted; - } - - .border-double { - border-style: double; - } - - .border-none { - border-style: none; - } - - .border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - } - - .border-red-500 { - --tw-border-opacity: 1; - border-color: rgba(239, 68, 68, var(--tw-border-opacity)); - } - - .border-amber-400 { - --tw-border-opacity: 1; - border-color: rgba(251, 191, 36, var(--tw-border-opacity)); - } - - .border-green-400 { - --tw-border-opacity: 1; - border-color: rgba(74, 222, 128, var(--tw-border-opacity)); - } - - .border-white { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); - } - - .border-gray-100 { - --tw-border-opacity: 1; - border-color: rgba(243, 244, 246, var(--tw-border-opacity)); - } - - .border-transparent { - border-color: transparent; - } - - .border-lime-200 { - --tw-border-opacity: 1; - border-color: rgba(217, 249, 157, var(--tw-border-opacity)); - } - - .border-gray-300 { - --tw-border-opacity: 1; - border-color: rgba(209, 213, 219, var(--tw-border-opacity)); - } - - .border-light-blue-400 { - --tw-border-opacity: 1; - border-color: rgba(56, 189, 248, var(--tw-border-opacity)); - } - - .border-black { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); - } - - .border-indigo-600 { - --tw-border-opacity: 1; - border-color: rgba(79, 70, 229, var(--tw-border-opacity)); - } - - .border-purple-400 { - --tw-border-opacity: 1; - border-color: rgba(192, 132, 252, var(--tw-border-opacity)); - } - - .border-light-blue-300 { - --tw-border-opacity: 1; - border-color: rgba(125, 211, 252, var(--tw-border-opacity)); - } - - .border-indigo-300 { - --tw-border-opacity: 1; - border-color: rgba(165, 180, 252, var(--tw-border-opacity)); - } - - .border-gray-400 { - --tw-border-opacity: 1; - border-color: rgba(156, 163, 175, var(--tw-border-opacity)); - } - - .border-emerald-800 { - --tw-border-opacity: 1; - border-color: rgba(6, 95, 70, var(--tw-border-opacity)); - } - - .border-emerald-600 { - --tw-border-opacity: 1; - border-color: rgba(5, 150, 105, var(--tw-border-opacity)); - } - - .border-green-800 { - --tw-border-opacity: 1; - border-color: rgba(22, 101, 52, var(--tw-border-opacity)); - } - - .border-green-600 { - --tw-border-opacity: 1; - border-color: rgba(22, 163, 74, var(--tw-border-opacity)); - } - - .border-light-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(14, 165, 233, var(--tw-border-opacity)); - } - - .border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(34, 197, 94, var(--tw-border-opacity)); - } - - .border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); - } - - .border-purple-500 { - --tw-border-opacity: 1; - border-color: rgba(168, 85, 247, var(--tw-border-opacity)); - } - - .border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgba(99, 102, 241, var(--tw-border-opacity)); - } - - .border-fuchsia-600 { - --tw-border-opacity: 1; - border-color: rgba(192, 38, 211, var(--tw-border-opacity)); - } - - .border-emerald-400 { - --tw-border-opacity: 1; - border-color: rgba(52, 211, 153, var(--tw-border-opacity)); - } - - .border-red-400 { - --tw-border-opacity: 1; - border-color: rgba(248, 113, 113, var(--tw-border-opacity)); - } - - .border-indigo-200 { - --tw-border-opacity: 1; - border-color: rgba(199, 210, 254, var(--tw-border-opacity)); - } - - .border-fuchsia-300 { - --tw-border-opacity: 1; - border-color: rgba(240, 171, 252, var(--tw-border-opacity)); - } - - .border-emerald-500 { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); - } - - .border-emerald-300 { - --tw-border-opacity: 1; - border-color: rgba(110, 231, 183, var(--tw-border-opacity)); - } - - .border-purple-200 { - --tw-border-opacity: 1; - border-color: rgba(233, 213, 255, var(--tw-border-opacity)); - } - - .border-purple-300 { - --tw-border-opacity: 1; - border-color: rgba(216, 180, 254, var(--tw-border-opacity)); - } - - .border-rose-300 { - --tw-border-opacity: 1; - border-color: rgba(253, 164, 175, var(--tw-border-opacity)); - } - - .border-amber-300 { - --tw-border-opacity: 1; - border-color: rgba(252, 211, 77, var(--tw-border-opacity)); - } - - .border-opacity-10 { - --tw-border-opacity: 0.1; - } - - .border-opacity-25 { - --tw-border-opacity: 0.25; - } - - .border-opacity-5 { - --tw-border-opacity: 0.05; - } - - .border-opacity-100 { - --tw-border-opacity: 1; - } - - .border-opacity-75 { - --tw-border-opacity: 0.75; - } - - .border-opacity-50 { - --tw-border-opacity: 0.5; - } - - .border-opacity-0 { - --tw-border-opacity: 0; - } - - .bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); - } - - .bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); - } - - .bg-amber-500 { - --tw-bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); - } - - .bg-emerald-500 { - --tw-bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); - } - - .bg-fuchsia-400 { - --tw-bg-opacity: 1; - background-color: rgba(232, 121, 249, var(--tw-bg-opacity)); - } - - .bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgba(129, 140, 248, var(--tw-bg-opacity)); - } - - .bg-light-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(14, 165, 233, var(--tw-bg-opacity)); - } - - .bg-purple-400 { - --tw-bg-opacity: 1; - background-color: rgba(192, 132, 252, var(--tw-bg-opacity)); - } - - .bg-rose-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 113, 133, var(--tw-bg-opacity)); - } - - .bg-amber-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--tw-bg-opacity)); - } - - .bg-emerald-100 { - --tw-bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--tw-bg-opacity)); - } - - .bg-fuchsia-100 { - --tw-bg-opacity: 1; - background-color: rgba(250, 232, 255, var(--tw-bg-opacity)); - } - - .bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 231, 255, var(--tw-bg-opacity)); - } - - .bg-light-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(224, 242, 254, var(--tw-bg-opacity)); - } - - .bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 232, 255, var(--tw-bg-opacity)); - } - - .bg-rose-100 { - --tw-bg-opacity: 1; - background-color: rgba(255, 228, 230, var(--tw-bg-opacity)); - } - - .bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); - } - - .bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); - } - - .bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); - } - - .bg-cyan-100 { - --tw-bg-opacity: 1; - background-color: rgba(207, 250, 254, var(--tw-bg-opacity)); - } - - .bg-lime-300 { - --tw-bg-opacity: 1; - background-color: rgba(190, 242, 100, var(--tw-bg-opacity)); - } - - .bg-cyan-400 { - --tw-bg-opacity: 1; - background-color: rgba(34, 211, 238, var(--tw-bg-opacity)); - } - - .bg-orange-100 { - --tw-bg-opacity: 1; - background-color: rgba(255, 237, 213, var(--tw-bg-opacity)); - } - - .bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgba(220, 252, 231, var(--tw-bg-opacity)); - } - - .bg-blue-50 { - --tw-bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); - } - - .bg-transparent { - background-color: transparent; - } - - .bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); - } - - .bg-orange-300 { - --tw-bg-opacity: 1; - background-color: rgba(253, 186, 116, var(--tw-bg-opacity)); - } - - .bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(34, 197, 94, var(--tw-bg-opacity)); - } - - .bg-cyan-50 { - --tw-bg-opacity: 1; - background-color: rgba(236, 254, 255, var(--tw-bg-opacity)); - } - - .bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); - } - - .bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)); - } - - .bg-purple-700 { - --tw-bg-opacity: 1; - background-color: rgba(126, 34, 206, var(--tw-bg-opacity)); - } - - .bg-purple-50 { - --tw-bg-opacity: 1; - background-color: rgba(250, 245, 255, var(--tw-bg-opacity)); - } - - .bg-pink-600 { - --tw-bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--tw-bg-opacity)); - } - - .bg-amber-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); - } - - .bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgba(249, 115, 22, var(--tw-bg-opacity)); - } - - .bg-orange-1000 { - --tw-bg-opacity: 1; - background-color: rgba(74, 32, 8, var(--tw-bg-opacity)); - } - - .bg-rose-500 { - --tw-bg-opacity: 1; - background-color: rgba(244, 63, 94, var(--tw-bg-opacity)); - } - - .bg-pink-1000 { - --tw-bg-opacity: 1; - background-color: rgba(70, 13, 37, var(--tw-bg-opacity)); - } - - .bg-red-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); - } - - .bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--tw-bg-opacity)); - } - - .bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); - } - - .bg-red-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); - } - - .bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); - } - - .bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); - } - - .bg-red-700 { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); - } - - .bg-red-800 { - --tw-bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--tw-bg-opacity)); - } - - .bg-red-900 { - --tw-bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--tw-bg-opacity)); - } - - .bg-yellow-50 { - --tw-bg-opacity: 1; - background-color: rgba(254, 252, 232, var(--tw-bg-opacity)); - } - - .bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgba(254, 249, 195, var(--tw-bg-opacity)); - } - - .bg-yellow-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 240, 138, var(--tw-bg-opacity)); - } - - .bg-yellow-300 { - --tw-bg-opacity: 1; - background-color: rgba(253, 224, 71, var(--tw-bg-opacity)); - } - - .bg-yellow-400 { - --tw-bg-opacity: 1; - background-color: rgba(250, 204, 21, var(--tw-bg-opacity)); - } - - .bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgba(234, 179, 8, var(--tw-bg-opacity)); - } - - .bg-yellow-600 { - --tw-bg-opacity: 1; - background-color: rgba(202, 138, 4, var(--tw-bg-opacity)); - } - - .bg-yellow-700 { - --tw-bg-opacity: 1; - background-color: rgba(161, 98, 7, var(--tw-bg-opacity)); - } - - .bg-yellow-800 { - --tw-bg-opacity: 1; - background-color: rgba(133, 77, 14, var(--tw-bg-opacity)); - } - - .bg-yellow-900 { - --tw-bg-opacity: 1; - background-color: rgba(113, 63, 18, var(--tw-bg-opacity)); - } - - .bg-green-50 { - --tw-bg-opacity: 1; - background-color: rgba(240, 253, 244, var(--tw-bg-opacity)); - } - - .bg-green-200 { - --tw-bg-opacity: 1; - background-color: rgba(187, 247, 208, var(--tw-bg-opacity)); - } - - .bg-green-300 { - --tw-bg-opacity: 1; - background-color: rgba(134, 239, 172, var(--tw-bg-opacity)); - } - - .bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgba(74, 222, 128, var(--tw-bg-opacity)); - } - - .bg-green-600 { - --tw-bg-opacity: 1; - background-color: rgba(22, 163, 74, var(--tw-bg-opacity)); - } - - .bg-green-700 { - --tw-bg-opacity: 1; - background-color: rgba(21, 128, 61, var(--tw-bg-opacity)); - } - - .bg-green-800 { - --tw-bg-opacity: 1; - background-color: rgba(22, 101, 52, var(--tw-bg-opacity)); - } - - .bg-green-900 { - --tw-bg-opacity: 1; - background-color: rgba(20, 83, 45, var(--tw-bg-opacity)); - } - - .bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); - } - - .bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--tw-bg-opacity)); - } - - .bg-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--tw-bg-opacity)); - } - - .bg-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--tw-bg-opacity)); - } - - .bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); - } - - .bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); - } - - .bg-blue-700 { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); - } - - .bg-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); - } - - .bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); - } - - .bg-purple-200 { - --tw-bg-opacity: 1; - background-color: rgba(233, 213, 255, var(--tw-bg-opacity)); - } - - .bg-purple-300 { - --tw-bg-opacity: 1; - background-color: rgba(216, 180, 254, var(--tw-bg-opacity)); - } - - .bg-purple-500 { - --tw-bg-opacity: 1; - background-color: rgba(168, 85, 247, var(--tw-bg-opacity)); - } - - .bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(147, 51, 234, var(--tw-bg-opacity)); - } - - .bg-purple-800 { - --tw-bg-opacity: 1; - background-color: rgba(107, 33, 168, var(--tw-bg-opacity)); - } - - .bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgba(88, 28, 135, var(--tw-bg-opacity)); - } - - .bg-pink-50 { - --tw-bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--tw-bg-opacity)); - } - - .bg-pink-100 { - --tw-bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--tw-bg-opacity)); - } - - .bg-pink-200 { - --tw-bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); - } - - .bg-pink-300 { - --tw-bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--tw-bg-opacity)); - } - - .bg-pink-400 { - --tw-bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); - } - - .bg-pink-500 { - --tw-bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); - } - - .bg-pink-700 { - --tw-bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--tw-bg-opacity)); - } - - .bg-pink-800 { - --tw-bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--tw-bg-opacity)); - } - - .bg-pink-900 { - --tw-bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--tw-bg-opacity)); - } - - .bg-code-highlight { - background-color: rgba(134, 239, 172, 0.25); - } - - .bg-rose-50 { - --tw-bg-opacity: 1; - background-color: rgba(255, 241, 242, var(--tw-bg-opacity)); - } - - .bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); - } - - .bg-lime-500 { - --tw-bg-opacity: 1; - background-color: rgba(132, 204, 22, var(--tw-bg-opacity)); - } - - .bg-current { - background-color: currentColor; - } - - .bg-teal-50 { - --tw-bg-opacity: 1; - background-color: rgba(240, 253, 250, var(--tw-bg-opacity)); - } - - .bg-teal-100 { - --tw-bg-opacity: 1; - background-color: rgba(204, 251, 241, var(--tw-bg-opacity)); - } - - .bg-teal-200 { - --tw-bg-opacity: 1; - background-color: rgba(153, 246, 228, var(--tw-bg-opacity)); - } - - .bg-teal-300 { - --tw-bg-opacity: 1; - background-color: rgba(94, 234, 212, var(--tw-bg-opacity)); - } - - .bg-teal-400 { - --tw-bg-opacity: 1; - background-color: rgba(45, 212, 191, var(--tw-bg-opacity)); - } - - .bg-teal-500 { - --tw-bg-opacity: 1; - background-color: rgba(20, 184, 166, var(--tw-bg-opacity)); - } - - .bg-teal-600 { - --tw-bg-opacity: 1; - background-color: rgba(13, 148, 136, var(--tw-bg-opacity)); - } - - .bg-teal-700 { - --tw-bg-opacity: 1; - background-color: rgba(15, 118, 110, var(--tw-bg-opacity)); - } - - .bg-teal-800 { - --tw-bg-opacity: 1; - background-color: rgba(17, 94, 89, var(--tw-bg-opacity)); - } - - .bg-teal-900 { - --tw-bg-opacity: 1; - background-color: rgba(19, 78, 74, var(--tw-bg-opacity)); - } - - .bg-light-blue-800 { - --tw-bg-opacity: 1; - background-color: rgba(7, 89, 133, var(--tw-bg-opacity)); - } - - .bg-violet-100 { - --tw-bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--tw-bg-opacity)); - } - - .bg-indigo-900 { - --tw-bg-opacity: 1; - background-color: rgba(49, 46, 129, var(--tw-bg-opacity)); - } - - .bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); - } - - .bg-fuchsia-500 { - --tw-bg-opacity: 1; - background-color: rgba(217, 70, 239, var(--tw-bg-opacity)); - } - - .bg-cyan-500 { - --tw-bg-opacity: 1; - background-color: rgba(6, 182, 212, var(--tw-bg-opacity)); - } - - .bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); - } - - .bg-emerald-300 { - --tw-bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--tw-bg-opacity)); - } - - .bg-amber-300 { - --tw-bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--tw-bg-opacity)); - } - - .bg-rose-300 { - --tw-bg-opacity: 1; - background-color: rgba(253, 164, 175, var(--tw-bg-opacity)); - } - - .bg-fuchsia-300 { - --tw-bg-opacity: 1; - background-color: rgba(240, 171, 252, var(--tw-bg-opacity)); - } - - .bg-rose-600 { - --tw-bg-opacity: 1; - background-color: rgba(225, 29, 72, var(--tw-bg-opacity)); - } - - .bg-light-blue-400 { - --tw-bg-opacity: 1; - background-color: rgba(56, 189, 248, var(--tw-bg-opacity)); - } - - .bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); - } - - .bg-light-blue-300 { - --tw-bg-opacity: 1; - background-color: rgba(125, 211, 252, var(--tw-bg-opacity)); - } - - .bg-rose-200 { - --tw-bg-opacity: 1; - background-color: rgba(254, 205, 211, var(--tw-bg-opacity)); - } - - .bg-indigo-200 { - --tw-bg-opacity: 1; - background-color: rgba(199, 210, 254, var(--tw-bg-opacity)); - } - - .bg-amber-200 { - --tw-bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--tw-bg-opacity)); - } - - .bg-emerald-200 { - --tw-bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--tw-bg-opacity)); - } - - .bg-indigo-300 { - --tw-bg-opacity: 1; - background-color: rgba(165, 180, 252, var(--tw-bg-opacity)); - } - - .bg-light-blue-200 { - --tw-bg-opacity: 1; - background-color: rgba(186, 230, 253, var(--tw-bg-opacity)); - } - - .bg-emerald-400 { - --tw-bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--tw-bg-opacity)); - } - - .bg-fuchsia-200 { - --tw-bg-opacity: 1; - background-color: rgba(245, 208, 254, var(--tw-bg-opacity)); - } - - .bg-violet-800 { - --tw-bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); - } - - .bg-rose-900 { - --tw-bg-opacity: 1; - background-color: rgba(136, 19, 55, var(--tw-bg-opacity)); - } - - .bg-amber-900 { - --tw-bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--tw-bg-opacity)); - } - - .bg-\[\#1da1f1\] { - --tw-bg-opacity: 1; - background-color: rgba(29, 161, 241, var(--tw-bg-opacity)); - } - - .bg-light-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(2, 132, 199, var(--tw-bg-opacity)); - } - - .bg-amber-400 { - --tw-bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--tw-bg-opacity)); - } - - .bg-violet-500 { - --tw-bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); - } - - .bg-amber-600 { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); - } - - .bg-emerald-600 { - --tw-bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--tw-bg-opacity)); - } - - .bg-opacity-75 { - --tw-bg-opacity: 0.75; - } - - .bg-opacity-25 { - --tw-bg-opacity: 0.25; - } - - .bg-opacity-20 { - --tw-bg-opacity: 0.2; - } - - .bg-opacity-10 { - --tw-bg-opacity: 0.1; - } - - .bg-opacity-100 { - --tw-bg-opacity: 1; - } - - .bg-opacity-50 { - --tw-bg-opacity: 0.5; - } - - .bg-opacity-0 { - --tw-bg-opacity: 0; - } - - .bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); - } - - .bg-gradient-to-br { - background-image: linear-gradient( - to bottom right, - var(--tw-gradient-stops) - ); - } - - .bg-gradient-to-t { - background-image: linear-gradient(to top, var(--tw-gradient-stops)); - } - - .bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); - } - - .bg-squiggle { - background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23fbbf24'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); - } - - .bg-none { - background-image: none; - } - - .bg-gradient-to-l { - background-image: linear-gradient(to left, var(--tw-gradient-stops)); - } - - .from-amber-50 { - --tw-gradient-from: #fffbeb; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(255, 251, 235, 0)); - } - - .from-emerald-50 { - --tw-gradient-from: #ecfdf5; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(236, 253, 245, 0)); - } - - .from-fuchsia-50 { - --tw-gradient-from: #fdf4ff; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(253, 244, 255, 0)); - } - - .from-gray-50 { - --tw-gradient-from: #f9fafb; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(249, 250, 251, 0)); - } - - .from-indigo-50 { - --tw-gradient-from: #eef2ff; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(238, 242, 255, 0)); - } - - .from-light-blue-50 { - --tw-gradient-from: #f0f9ff; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(240, 249, 255, 0)); - } - - .from-purple-50 { - --tw-gradient-from: #faf5ff; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(250, 245, 255, 0)); - } - - .from-rose-50 { - --tw-gradient-from: #fff1f2; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(255, 241, 242, 0)); - } - - .from-indigo-600 { - --tw-gradient-from: #4f46e5; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(79, 70, 229, 0)); - } - - .from-gray-100 { - --tw-gradient-from: #f3f4f6; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(243, 244, 246, 0)); - } - - .from-white { - --tw-gradient-from: #fff; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, hsla(0, 0%, 100%, 0)); - } - - .from-violet-600 { - --tw-gradient-from: #7c3aed; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(124, 58, 237, 0)); - } - - .from-cyan-600 { - --tw-gradient-from: #0891b2; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(8, 145, 178, 0)); - } - - .from-cyan-400 { - --tw-gradient-from: #22d3ee; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(34, 211, 238, 0)); - } - - .from-fuchsia-500 { - --tw-gradient-from: #d946ef; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(217, 70, 239, 0)); - } - - .from-orange-400 { - --tw-gradient-from: #fb923c; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(251, 146, 60, 0)); - } - - .from-green-400 { - --tw-gradient-from: #4ade80; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(74, 222, 128, 0)); - } - - .from-purple-500 { - --tw-gradient-from: #a855f7; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(168, 85, 247, 0)); - } - - .from-yellow-400 { - --tw-gradient-from: #facc15; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(250, 204, 21, 0)); - } - - .from-lime-300 { - --tw-gradient-from: #bef264; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(190, 242, 100, 0)); - } - - .from-pink-500 { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(236, 72, 153, 0)); - } - - .from-light-blue-400 { - --tw-gradient-from: #38bdf8; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(56, 189, 248, 0)); - } - - .from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, transparent); - } - - .from-amber-400 { - --tw-gradient-from: #fbbf24; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(251, 191, 36, 0)); - } - - .from-red-500 { - --tw-gradient-from: #ef4444; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(239, 68, 68, 0)); - } - - .from-teal-400 { - --tw-gradient-from: #2dd4bf; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(45, 212, 191, 0)); - } - - .from-purple-400 { - --tw-gradient-from: #c084fc; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(192, 132, 252, 0)); - } - - .from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(59, 130, 246, 0)); - } - - .from-green-500 { - --tw-gradient-from: #22c55e; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(34, 197, 94, 0)); - } - - .from-rose-500 { - --tw-gradient-from: #f43f5e; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(244, 63, 94, 0)); - } - - .from-orange-500 { - --tw-gradient-from: #f97316; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(249, 115, 22, 0)); - } - - .via-red-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ef4444, - var(--tw-gradient-to, rgba(239, 68, 68, 0)); - } - - .via-pink-500 { - --tw-gradient-stops: var(--tw-gradient-from), #ec4899, - var(--tw-gradient-to, rgba(236, 72, 153, 0)); - } - - .to-amber-100 { - --tw-gradient-to: #fef3c7; - } - - .to-teal-100 { - --tw-gradient-to: #ccfbf1; - } - - .to-fuchsia-100 { - --tw-gradient-to: #fae8ff; - } - - .to-gray-100 { - --tw-gradient-to: #f3f4f6; - } - - .to-indigo-100 { - --tw-gradient-to: #e0e7ff; - } - - .to-light-blue-100 { - --tw-gradient-to: #e0f2fe; - } - - .to-purple-100 { - --tw-gradient-to: #f3e8ff; - } - - .to-rose-100 { - --tw-gradient-to: #ffe4e6; - } - - .to-light-blue-500 { - --tw-gradient-to: #0ea5e9; - } - - .to-purple-500 { - --tw-gradient-to: #a855f7; - } - - .to-teal-500 { - --tw-gradient-to: #14b8a6; - } - - .to-purple-600 { - --tw-gradient-to: #9333ea; - } - - .to-pink-600 { - --tw-gradient-to: #db2777; - } - - .to-cyan-500 { - --tw-gradient-to: #06b6d4; - } - - .to-indigo-500 { - --tw-gradient-to: #6366f1; - } - - .to-orange-500 { - --tw-gradient-to: #f97316; - } - - .to-emerald-500 { - --tw-gradient-to: #10b981; - } - - .to-rose-500 { - --tw-gradient-to: #f43f5e; - } - - .to-gray-50 { - --tw-gradient-to: #f9fafb; - } - - .to-blue-500 { - --tw-gradient-to: #3b82f6; - } - - .to-pink-500 { - --tw-gradient-to: #ec4899; - } - - .to-red-500 { - --tw-gradient-to: #ef4444; - } - - .to-transparent { - --tw-gradient-to: transparent; - } - - .decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; - } - - .decoration-clone { - -webkit-box-decoration-break: clone; - box-decoration-break: clone; - } - - .bg-cover { - background-size: cover; - } - - .bg-contain { - background-size: contain; - } - - .bg-auto { - background-size: auto; - } - - .bg-fixed { - background-attachment: fixed; - } - - .bg-local { - background-attachment: local; - } - - .bg-scroll { - background-attachment: scroll; - } - - .bg-clip-border { - background-clip: border-box; - } - - .bg-clip-padding { - background-clip: padding-box; - } - - .bg-clip-content { - background-clip: content-box; - } - - .bg-clip-text { - -webkit-background-clip: text; - background-clip: text; - } - - .bg-top { - background-position: top; - } - - .bg-left-bottom { - background-position: 0 100%; - } - - .bg-center { - background-position: 50%; - } - - .bg-left-top { - background-position: 0 0; - } - - .bg-right-top { - background-position: 100% 0; - } - - .bg-left { - background-position: 0; - } - - .bg-right { - background-position: 100%; - } - - .bg-bottom { - background-position: bottom; - } - - .bg-right-bottom { - background-position: 100% 100%; - } - - .bg-repeat-x { - background-repeat: repeat-x; - } - - .bg-no-repeat { - background-repeat: no-repeat; - } - - .bg-repeat { - background-repeat: repeat; - } - - .bg-repeat-y { - background-repeat: repeat-y; - } - - .fill-current { - fill: currentColor; - } - - .stroke-current { - stroke: currentColor; - } - - .stroke-1 { - stroke-width: 1; - } - - .stroke-2 { - stroke-width: 2; - } - - .object-contain { - -o-object-fit: contain; - object-fit: contain; - } - - .object-cover { - -o-object-fit: cover; - object-fit: cover; - } - - .object-fill { - -o-object-fit: fill; - object-fit: fill; - } - - .object-none { - -o-object-fit: none; - object-fit: none; - } - - .object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; - } - - .object-left { - -o-object-position: left; - object-position: left; - } - - .object-left-top { - -o-object-position: left top; - object-position: left top; - } - - .object-top { - -o-object-position: top; - object-position: top; - } - - .object-right-top { - -o-object-position: right top; - object-position: right top; - } - - .object-center { - -o-object-position: center; - object-position: center; - } - - .object-right { - -o-object-position: right; - object-position: right; - } - - .object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; - } - - .object-bottom { - -o-object-position: bottom; - object-position: bottom; - } - - .object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; - } - - .p-0 { - padding: 0; - } - - .p-6 { - padding: 1.5rem; - } - - .p-10 { - padding: 2.5rem; - } - - .p-1 { - padding: 0.25rem; - } - - .p-8 { - padding: 2rem; - } - - .p-2 { - padding: 0.5rem; - } - - .p-4 { - padding: 1rem; - } - - .p-3 { - padding: 0.75rem; - } - - .px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - } - - .py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - - .px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } - - .px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; - } - - .px-0 { - padding-left: 0; - padding-right: 0; - } - - .py-8 { - padding-top: 2rem; - padding-bottom: 2rem; - } - - .py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - } - - .py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } - - .py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; - } - - .px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } - - .py-0 { - padding-top: 0; - padding-bottom: 0; - } - - .px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; - } - - .px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - - .px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - - .py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; - } - - .px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .py-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - - .py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } - - .py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; - } - - .py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; - } - - .pb-2 { - padding-bottom: 0.5rem; - } - - .pr-2 { - padding-right: 0.5rem; - } - - .pl-2 { - padding-left: 0.5rem; - } - - .pr-4 { - padding-right: 1rem; - } - - .pt-4 { - padding-top: 1rem; - } - - .pb-4 { - padding-bottom: 1rem; - } - - .pl-4 { - padding-left: 1rem; - } - - .pb-8 { - padding-bottom: 2rem; - } - - .pr-8 { - padding-right: 2rem; - } - - .pl-8 { - padding-left: 2rem; - } - - .pt-6 { - padding-top: 1.5rem; - } - - .pb-2\.5 { - padding-bottom: 0.625rem; - } - - .pl-6 { - padding-left: 1.5rem; - } - - .pb-5 { - padding-bottom: 1.25rem; - } - - .pt-0 { - padding-top: 0; - } - - .pb-3 { - padding-bottom: 0.75rem; - } - - .pl-0 { - padding-left: 0; - } - - .pb-10 { - padding-bottom: 2.5rem; - } - - .pr-7 { - padding-right: 1.75rem; - } - - .pb-6 { - padding-bottom: 1.5rem; - } - - .pb-16 { - padding-bottom: 4rem; - } - - .pt-12 { - padding-top: 3rem; - } - - .pt-24 { - padding-top: 6rem; - } - - .pt-10 { - padding-top: 2.5rem; - } - - .pb-24 { - padding-bottom: 6rem; - } - - .pt-5 { - padding-top: 1.25rem; - } - - .pl-52 { - padding-left: 13rem; - } - - .pr-6 { - padding-right: 1.5rem; - } - - .pl-0\.5 { - padding-left: 0.125rem; - } - - .pb-1 { - padding-bottom: 0.25rem; - } - - .pl-2\.5 { - padding-left: 0.625rem; - } - - .pr-3 { - padding-right: 0.75rem; - } - - .pt-3\.5 { - padding-top: 0.875rem; - } - - .pt-3 { - padding-top: 0.75rem; - } - - .pt-16 { - padding-top: 4rem; - } - - .pb-12 { - padding-bottom: 3rem; - } - - .pb-14 { - padding-bottom: 3.5rem; - } - - .pt-8 { - padding-top: 2rem; - } - - .pt-40 { - padding-top: 10rem; - } - - .pt-full { - padding-top: 100%; - } - - .pt-0\.5 { - padding-top: 0.125rem; - } - - .pb-0 { - padding-bottom: 0; - } - - .pl-18 { - padding-left: 4.5rem; - } - - .pl-10 { - padding-left: 2.5rem; - } - - .pl-3 { - padding-left: 0.75rem; - } - - .pl-12 { - padding-left: 3rem; - } - - .pb-\[calc\(9\/16\*100\%\)\] { - padding-bottom: 56.25%; - } - - .pt-2 { - padding-top: 0.5rem; - } - - .text-left { - text-align: left; - } - - .text-right { - text-align: right; - } - - .text-center { - text-align: center; - } - - .text-justify { - text-align: justify; - } - - .align-baseline { - vertical-align: baseline; - } - - .align-top { - vertical-align: top; - } - - .align-middle { - vertical-align: middle; - } - - .align-bottom { - vertical-align: bottom; - } - - .align-text-top { - vertical-align: text-top; - } - - .align-text-bottom { - vertical-align: text-bottom; - } - - .font-mono { - font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, - Liberation Mono, Courier New, monospace; - } - - .font-sans { - font-family: Inter var, ui-sans-serif, system-ui, -apple-system, - BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, - sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, - Noto Color Emoji; - } - - .font-serif { - font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif; - } - - .font-flow { - font-family: Flow; - } - - .font-source { - font-family: Source Sans Pro, ui-sans-serif, system-ui, -apple-system, - BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, - sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, - Noto Color Emoji; - } - - .font-ubuntu-mono { - font-family: Ubuntu Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, - Consolas, Liberation Mono, Courier New, monospace; - } - - .text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - - .text-xs { - font-size: 0.75rem; - line-height: 1rem; - } - - .text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - - .text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - - .text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - - .text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .text-5xl { - font-size: 3rem; - line-height: 1; - } - - .text-6xl { - font-size: 3.75rem; - line-height: 1; - } - - .text-7xl { - font-size: 4.5rem; - line-height: 1; - } - - .text-8xl { - font-size: 6rem; - line-height: 1; - } - - .text-9xl { - font-size: 8rem; - line-height: 1; - } - - .font-medium { - font-weight: 500; - } - - .font-semibold { - font-weight: 600; - } - - .font-bold { - font-weight: 700; - } - - .font-light { - font-weight: 300; - } - - .font-extrabold { - font-weight: 800; - } - - .font-normal { - font-weight: 400; - } - - .font-black { - font-weight: 900; - } - - .font-thin { - font-weight: 100; - } - - .font-extralight { - font-weight: 200; - } - - .\!font-medium { - font-weight: 500 !important; - } - - .uppercase { - text-transform: uppercase; - } - - .normal-case { - text-transform: none; - } - - .lowercase { - text-transform: lowercase; - } - - .capitalize { - text-transform: capitalize; - } - - .italic { - font-style: italic; - } - - .not-italic { - font-style: normal; - } - - .diagonal-fractions, - .lining-nums, - .oldstyle-nums, - .ordinal, - .proportional-nums, - .slashed-zero, - .stacked-fractions, - .tabular-nums { - --tw-ordinal: var(--tw-empty, /*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - - .tabular-nums { - --tw-numeric-spacing: tabular-nums; - } - - .normal-nums { - font-variant-numeric: normal; - } - - .ordinal { - --tw-ordinal: ordinal; - } - - .slashed-zero { - --tw-slashed-zero: slashed-zero; - } - - .lining-nums { - --tw-numeric-figure: lining-nums; - } - - .oldstyle-nums { - --tw-numeric-figure: oldstyle-nums; - } - - .proportional-nums { - --tw-numeric-spacing: proportional-nums; - } - - .diagonal-fractions { - --tw-numeric-fraction: diagonal-fractions; - } - - .stacked-fractions { - --tw-numeric-fraction: stacked-fractions; - } - - .leading-snug { - line-height: 1.375; - } - - .leading-4 { - line-height: 1rem; - } - - .leading-5 { - line-height: 1.25rem; - } - - .leading-none { - line-height: 1; - } - - .leading-7 { - line-height: 1.75rem; - } - - .leading-6 { - line-height: 1.5rem; - } - - .leading-8 { - line-height: 2rem; - } - - .leading-normal { - line-height: 1.5; - } - - .leading-10 { - line-height: 2.5rem; - } - - .leading-tight { - line-height: 1.25; - } - - .leading-3 { - line-height: 0.75rem; - } - - .leading-relaxed { - line-height: 1.625; - } - - .leading-loose { - line-height: 2; - } - - .leading-9 { - line-height: 2.25rem; - } - - .tracking-wide { - letter-spacing: 0.025em; - } - - .tracking-tight { - letter-spacing: -0.025em; - } - - .tracking-tighter { - letter-spacing: -0.05em; - } - - .tracking-normal { - letter-spacing: 0; - } - - .tracking-wider { - letter-spacing: 0.05em; - } - - .tracking-widest { - letter-spacing: 0.1em; - } - - .text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); - } - - .text-gray-300 { - --tw-text-opacity: 1; - color: rgba(209, 213, 219, var(--tw-text-opacity)); - } - - .text-gray-600 { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); - } - - .text-violet-600 { - --tw-text-opacity: 1; - color: rgba(124, 58, 237, var(--tw-text-opacity)); - } - - .text-light-blue-600 { - --tw-text-opacity: 1; - color: rgba(2, 132, 199, var(--tw-text-opacity)); - } - - .text-amber-700 { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); - } - - .text-emerald-700 { - --tw-text-opacity: 1; - color: rgba(4, 120, 87, var(--tw-text-opacity)); - } - - .text-fuchsia-700 { - --tw-text-opacity: 1; - color: rgba(162, 28, 175, var(--tw-text-opacity)); - } - - .text-indigo-700 { - --tw-text-opacity: 1; - color: rgba(67, 56, 202, var(--tw-text-opacity)); - } - - .text-light-blue-700 { - --tw-text-opacity: 1; - color: rgba(3, 105, 161, var(--tw-text-opacity)); - } - - .text-purple-700 { - --tw-text-opacity: 1; - color: rgba(126, 34, 206, var(--tw-text-opacity)); - } - - .text-rose-700 { - --tw-text-opacity: 1; - color: rgba(190, 18, 60, var(--tw-text-opacity)); - } - - .text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); - } - - .text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); - } - - .text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); - } - - .text-gray-50 { - --tw-text-opacity: 1; - color: rgba(249, 250, 251, var(--tw-text-opacity)); - } - - .text-indigo-400 { - --tw-text-opacity: 1; - color: rgba(129, 140, 248, var(--tw-text-opacity)); - } - - .text-indigo-50 { - --tw-text-opacity: 1; - color: rgba(238, 242, 255, var(--tw-text-opacity)); - } - - .text-light-blue-400 { - --tw-text-opacity: 1; - color: rgba(56, 189, 248, var(--tw-text-opacity)); - } - - .text-light-blue-50 { - --tw-text-opacity: 1; - color: rgba(240, 249, 255, var(--tw-text-opacity)); - } - - .text-red-500 { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); - } - - .text-red-50 { - --tw-text-opacity: 1; - color: rgba(254, 242, 242, var(--tw-text-opacity)); - } - - .text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); - } - - .text-cyan-700 { - --tw-text-opacity: 1; - color: rgba(14, 116, 144, var(--tw-text-opacity)); - } - - .text-green-900 { - --tw-text-opacity: 1; - color: rgba(20, 83, 45, var(--tw-text-opacity)); - } - - .text-black { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); - } - - .text-purple-600 { - --tw-text-opacity: 1; - color: rgba(147, 51, 234, var(--tw-text-opacity)); - } - - .text-lime-300 { - --tw-text-opacity: 1; - color: rgba(190, 242, 100, var(--tw-text-opacity)); - } - - .text-cyan-900 { - --tw-text-opacity: 1; - color: rgba(22, 78, 99, var(--tw-text-opacity)); - } - - .text-cyan-100 { - --tw-text-opacity: 1; - color: rgba(207, 250, 254, var(--tw-text-opacity)); - } - - .text-fuchsia-100 { - --tw-text-opacity: 1; - color: rgba(250, 232, 255, var(--tw-text-opacity)); - } - - .text-orange-100 { - --tw-text-opacity: 1; - color: rgba(255, 237, 213, var(--tw-text-opacity)); - } - - .text-green-100 { - --tw-text-opacity: 1; - color: rgba(220, 252, 231, var(--tw-text-opacity)); - } - - .text-purple-100 { - --tw-text-opacity: 1; - color: rgba(243, 232, 255, var(--tw-text-opacity)); - } - - .text-rose-100 { - --tw-text-opacity: 1; - color: rgba(255, 228, 230, var(--tw-text-opacity)); - } - - .text-light-blue-100 { - --tw-text-opacity: 1; - color: rgba(224, 242, 254, var(--tw-text-opacity)); - } - - .text-light-blue-800 { - --tw-text-opacity: 1; - color: rgba(7, 89, 133, var(--tw-text-opacity)); - } - - .text-light-blue-500 { - --tw-text-opacity: 1; - color: rgba(14, 165, 233, var(--tw-text-opacity)); - } - - .text-blue-800 { - --tw-text-opacity: 1; - color: rgba(30, 64, 175, var(--tw-text-opacity)); - } - - .text-gray-800 { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); - } - - .text-purple-500 { - --tw-text-opacity: 1; - color: rgba(168, 85, 247, var(--tw-text-opacity)); - } - - .text-code-punctuation { - --tw-text-opacity: 1; - color: rgba(161, 232, 255, var(--tw-text-opacity)); - } - - .text-code-tag { - --tw-text-opacity: 1; - color: rgba(213, 143, 255, var(--tw-text-opacity)); - } - - .text-code-attr-name { - --tw-text-opacity: 1; - color: rgba(75, 208, 251, var(--tw-text-opacity)); - } - - .text-code-attr-value, - .text-code-string { - --tw-text-opacity: 1; - color: rgba(162, 246, 121, var(--tw-text-opacity)); - } - - .text-orange-600 { - --tw-text-opacity: 1; - color: rgba(234, 88, 12, var(--tw-text-opacity)); - } - - .text-amber-900 { - --tw-text-opacity: 1; - color: rgba(120, 53, 15, var(--tw-text-opacity)); - } - - .text-amber-500 { - --tw-text-opacity: 1; - color: rgba(245, 158, 11, var(--tw-text-opacity)); - } - - .text-orange-300 { - --tw-text-opacity: 1; - color: rgba(253, 186, 116, var(--tw-text-opacity)); - } - - .text-transparent { - color: transparent; - } - - .text-orange-200 { - --tw-text-opacity: 1; - color: rgba(254, 215, 170, var(--tw-text-opacity)); - } - - .text-pink-200 { - --tw-text-opacity: 1; - color: rgba(251, 207, 232, var(--tw-text-opacity)); - } - - .text-gray-700 { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); - } - - .text-orange-500 { - --tw-text-opacity: 1; - color: rgba(249, 115, 22, var(--tw-text-opacity)); - } - - .text-purple-800 { - --tw-text-opacity: 1; - color: rgba(107, 33, 168, var(--tw-text-opacity)); - } - - .text-purple-900 { - --tw-text-opacity: 1; - color: rgba(88, 28, 135, var(--tw-text-opacity)); - } - - .text-rose-600 { - --tw-text-opacity: 1; - color: rgba(225, 29, 72, var(--tw-text-opacity)); - } - - .text-rose-800 { - --tw-text-opacity: 1; - color: rgba(159, 18, 57, var(--tw-text-opacity)); - } - - .text-lime-600 { - --tw-text-opacity: 1; - color: rgba(101, 163, 13, var(--tw-text-opacity)); - } - - .text-green-600 { - --tw-text-opacity: 1; - color: rgba(22, 163, 74, var(--tw-text-opacity)); - } - - .text-teal-600 { - --tw-text-opacity: 1; - color: rgba(13, 148, 136, var(--tw-text-opacity)); - } - - .text-teal-300 { - --tw-text-opacity: 1; - color: rgba(94, 234, 212, var(--tw-text-opacity)); - } - - .text-amber-400 { - --tw-text-opacity: 1; - color: rgba(251, 191, 36, var(--tw-text-opacity)); - } - - .text-cyan-600 { - --tw-text-opacity: 1; - color: rgba(8, 145, 178, var(--tw-text-opacity)); - } - - .text-violet-700 { - --tw-text-opacity: 1; - color: rgba(109, 40, 217, var(--tw-text-opacity)); - } - - .text-purple-300 { - --tw-text-opacity: 1; - color: rgba(216, 180, 254, var(--tw-text-opacity)); - } - - .text-blue-300 { - --tw-text-opacity: 1; - color: rgba(147, 197, 253, var(--tw-text-opacity)); - } - - .text-light-blue-300 { - --tw-text-opacity: 1; - color: rgba(125, 211, 252, var(--tw-text-opacity)); - } - - .text-emerald-300 { - --tw-text-opacity: 1; - color: rgba(110, 231, 183, var(--tw-text-opacity)); - } - - .text-amber-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); - } - - .text-rose-300 { - --tw-text-opacity: 1; - color: rgba(253, 164, 175, var(--tw-text-opacity)); - } - - .text-green-400 { - --tw-text-opacity: 1; - color: rgba(74, 222, 128, var(--tw-text-opacity)); - } - - .text-green-500 { - --tw-text-opacity: 1; - color: rgba(34, 197, 94, var(--tw-text-opacity)); - } - - .text-indigo-600 { - --tw-text-opacity: 1; - color: rgba(79, 70, 229, var(--tw-text-opacity)); - } - - .text-teal-500 { - --tw-text-opacity: 1; - color: rgba(20, 184, 166, var(--tw-text-opacity)); - } - - .text-teal-200 { - --tw-text-opacity: 1; - color: rgba(153, 246, 228, var(--tw-text-opacity)); - } - - .text-teal-900 { - --tw-text-opacity: 1; - color: rgba(19, 78, 74, var(--tw-text-opacity)); - } - - .text-emerald-800 { - --tw-text-opacity: 1; - color: rgba(6, 95, 70, var(--tw-text-opacity)); - } - - .text-emerald-400 { - --tw-text-opacity: 1; - color: rgba(52, 211, 153, var(--tw-text-opacity)); - } - - .text-rose-500 { - --tw-text-opacity: 1; - color: rgba(244, 63, 94, var(--tw-text-opacity)); - } - - .text-fuchsia-500 { - --tw-text-opacity: 1; - color: rgba(217, 70, 239, var(--tw-text-opacity)); - } - - .text-emerald-500 { - --tw-text-opacity: 1; - color: rgba(16, 185, 129, var(--tw-text-opacity)); - } - - .text-fuchsia-600 { - --tw-text-opacity: 1; - color: rgba(192, 38, 211, var(--tw-text-opacity)); - } - - .text-amber-600 { - --tw-text-opacity: 1; - color: rgba(217, 119, 6, var(--tw-text-opacity)); - } - - .text-emerald-600 { - --tw-text-opacity: 1; - color: rgba(5, 150, 105, var(--tw-text-opacity)); - } - - .text-indigo-500 { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); - } - - .text-amber-800 { - --tw-text-opacity: 1; - color: rgba(146, 64, 14, var(--tw-text-opacity)); - } - - .text-blue-600 { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); - } - - .text-violet-100 { - --tw-text-opacity: 1; - color: rgba(237, 233, 254, var(--tw-text-opacity)); - } - - .text-amber-100 { - --tw-text-opacity: 1; - color: rgba(254, 243, 199, var(--tw-text-opacity)); - } - - .text-cyan-400 { - --tw-text-opacity: 1; - color: rgba(34, 211, 238, var(--tw-text-opacity)); - } - - .text-gray-200 { - --tw-text-opacity: 1; - color: rgba(229, 231, 235, var(--tw-text-opacity)); - } - - .text-blue-900 { - --tw-text-opacity: 1; - color: rgba(30, 58, 138, var(--tw-text-opacity)); - } - - .text-pink-500 { - --tw-text-opacity: 1; - color: rgba(236, 72, 153, var(--tw-text-opacity)); - } - - .text-fuchsia-50 { - --tw-text-opacity: 1; - color: rgba(253, 244, 255, var(--tw-text-opacity)); - } - - .text-rose-50 { - --tw-text-opacity: 1; - color: rgba(255, 241, 242, var(--tw-text-opacity)); - } - - .text-indigo-900 { - --tw-text-opacity: 1; - color: rgba(49, 46, 129, var(--tw-text-opacity)); - } - - .text-emerald-900 { - --tw-text-opacity: 1; - color: rgba(6, 78, 59, var(--tw-text-opacity)); - } - - .text-opacity-50 { - --tw-text-opacity: 0.5; - } - - .text-opacity-100 { - --tw-text-opacity: 1; - } - - .text-opacity-75 { - --tw-text-opacity: 0.75; - } - - .text-opacity-25 { - --tw-text-opacity: 0.25; - } - - .text-opacity-0 { - --tw-text-opacity: 0; - } - - .no-underline { - text-decoration: none; - } - - .underline { - text-decoration: underline; - } - - .line-through { - text-decoration: line-through; - } - - .subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .placeholder-red-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--tw-placeholder-opacity)); - } - - .placeholder-gray-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(107, 114, 128, var(--tw-placeholder-opacity)); - } - - .placeholder-gray-400::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); - } - - .placeholder-red-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--tw-placeholder-opacity)); - } - - .placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(34, 197, 94, var(--tw-placeholder-opacity)); - } - - .placeholder-blue-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); - } - - .placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(75, 85, 99, var(--tw-placeholder-opacity)); - } - - .placeholder-opacity-25::placeholder { - --tw-placeholder-opacity: 0.25; - } - - .placeholder-opacity-100::placeholder { - --tw-placeholder-opacity: 1; - } - - .placeholder-opacity-75::placeholder { - --tw-placeholder-opacity: 0.75; - } - - .placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; - } - - .placeholder-opacity-0::placeholder { - --tw-placeholder-opacity: 0; - } - - .opacity-0 { - opacity: 0; - } - - .opacity-50 { - opacity: 0.5; - } - - .opacity-100 { - opacity: 1; - } - - .opacity-25 { - opacity: 0.25; - } - - .opacity-75 { - opacity: 0.75; - } - - .bg-blend-multiply { - background-blend-mode: multiply; - } - - .bg-blend-darken { - background-blend-mode: darken; - } - - .bg-blend-lighten { - background-blend-mode: lighten; - } - - .mix-blend-multiply { - mix-blend-mode: multiply; - } - - .mix-blend-overlay { - mix-blend-mode: overlay; - } - - .shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); - } - - .shadow-2xl, - .shadow-lg { - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), - 0 4px 6px -2px rgba(0, 0, 0, 0.05); - } - - .shadow-sm { - --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - } - - .shadow-link, - .shadow-sm { - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .shadow-link { - --tw-shadow: inset 0 -0.125em 0 0 #fff, - inset 0 -0.375em 0 0 rgba(165, 243, 252, 0.4); - } - - .shadow-md { - --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), - 0 2px 4px -1px rgba(0, 0, 0, 0.06); - } - - .shadow-md, - .shadow-xl { - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .shadow-xl { - --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), - 0 10px 10px -5px rgba(0, 0, 0, 0.04); - } - - .shadow-px { - --tw-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); - } - - .shadow-inner, - .shadow-px { - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .shadow-inner { - --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); - } - - .shadow-none { - --tw-shadow: 0 0 transparent; - } - - .shadow, - .shadow-none { - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .shadow { - --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - } - - .outline-none { - outline: 2px solid transparent; - outline-offset: 2px; - } - - .outline-white { - outline: 2px dotted #fff; - outline-offset: 2px; - } - - .outline-black { - outline: 2px dotted #000; - outline-offset: 2px; - } - - .ring-1 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - } - - .ring-1, - .ring-4 { - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .ring-4 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - } - - .ring { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); - } - - .ring, - .ring-2 { - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .ring-2 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - } - - .ring-0 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .ring-inset { - --tw-ring-inset: inset; - } - - .ring-black { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)); - } - - .ring-amber-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)); - } - - .ring-indigo-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(165, 180, 252, var(--tw-ring-opacity)); - } - - .ring-amber-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)); - } - - .ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); - } - - .ring-blue-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); - } - - .ring-violet-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(124, 58, 237, var(--tw-ring-opacity)); - } - - .ring-purple-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 51, 234, var(--tw-ring-opacity)); - } - - .ring-pink-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(219, 39, 119, var(--tw-ring-opacity)); - } - - .ring-emerald-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity)); - } - - .ring-green-600 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(22, 163, 74, var(--tw-ring-opacity)); - } - - .ring-red-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); - } - - .ring-emerald-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity)); - } - - .ring-pink-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(249, 168, 212, var(--tw-ring-opacity)); - } - - .ring-opacity-0 { - --tw-ring-opacity: 0; - } - - .ring-opacity-5 { - --tw-ring-opacity: 0.05; - } - - .ring-opacity, - .ring-opacity-50 { - --tw-ring-opacity: 0.5; - } - - .ring-opacity-75 { - --tw-ring-opacity: 0.75; - } - - .ring-offset-4 { - --tw-ring-offset-width: 4px; - } - - .ring-offset-2 { - --tw-ring-offset-width: 2px; - } - - .ring-offset-0 { - --tw-ring-offset-width: 0px; - } - - .ring-offset-violet-100 { - --tw-ring-offset-color: #ede9fe; - } - - .ring-offset-purple-100 { - --tw-ring-offset-color: #f3e8ff; - } - - .ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; - } - - .ring-offset-blue-300 { - --tw-ring-offset-color: #93c5fd; - } - - .ring-offset-emerald-100 { - --tw-ring-offset-color: #d1fae5; - } - - .ring-offset-green-100 { - --tw-ring-offset-color: #dcfce7; - } - - .filter { - --tw-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-sepia: var(--tw-empty, /*!*/ /*!*/); - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); - } - - .\!filter { - --tw-blur: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-brightness: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-contrast: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-grayscale: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-invert: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-saturate: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-sepia: var(--tw-empty, /*!*/ /*!*/) !important; - --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/) !important; - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) - var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) - var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; - } - - .filter-none { - filter: none; - } - - .blur { - --tw-blur: blur(8px); - } - - .blur-0 { - --tw-blur: blur(0); - } - - .blur-sm { - --tw-blur: blur(4px); - } - - .blur-md { - --tw-blur: blur(12px); - } - - .blur-lg { - --tw-blur: blur(16px); - } - - .blur-xl { - --tw-blur: blur(24px); - } - - .blur-2xl { - --tw-blur: blur(40px); - } - - .blur-3xl { - --tw-blur: blur(64px); - } - - .brightness-0 { - --tw-brightness: brightness(0); - } - - .brightness-50 { - --tw-brightness: brightness(0.5); - } - - .brightness-75 { - --tw-brightness: brightness(0.75); - } - - .brightness-90 { - --tw-brightness: brightness(0.9); - } - - .brightness-95 { - --tw-brightness: brightness(0.95); - } - - .brightness-100 { - --tw-brightness: brightness(1); - } - - .brightness-105 { - --tw-brightness: brightness(1.05); - } - - .brightness-110 { - --tw-brightness: brightness(1.1); - } - - .brightness-125 { - --tw-brightness: brightness(1.25); - } - - .brightness-150 { - --tw-brightness: brightness(1.5); - } - - .brightness-200 { - --tw-brightness: brightness(2); - } - - .contrast-0 { - --tw-contrast: contrast(0); - } - - .contrast-50 { - --tw-contrast: contrast(0.5); - } - - .contrast-75 { - --tw-contrast: contrast(0.75); - } - - .contrast-100 { - --tw-contrast: contrast(1); - } - - .contrast-125 { - --tw-contrast: contrast(1.25); - } - - .contrast-150 { - --tw-contrast: contrast(1.5); - } - - .contrast-200 { - --tw-contrast: contrast(2); - } - - .drop-shadow-sm { - --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); - } - - .drop-shadow { - --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) - drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); - } - - .drop-shadow-md { - --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) - drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); - } - - .drop-shadow-lg { - --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) - drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); - } - - .drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) - drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); - } - - .drop-shadow-2xl { - --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); - } - - .drop-shadow-none { - --tw-drop-shadow: drop-shadow(0 0 transparent); - } - - .grayscale { - --tw-grayscale: grayscale(100%); - } - - .grayscale-0 { - --tw-grayscale: grayscale(0); - } - - .-hue-rotate-180 { - --tw-hue-rotate: hue-rotate(-180deg); - } - - .-hue-rotate-90 { - --tw-hue-rotate: hue-rotate(-90deg); - } - - .-hue-rotate-60 { - --tw-hue-rotate: hue-rotate(-60deg); - } - - .-hue-rotate-30 { - --tw-hue-rotate: hue-rotate(-30deg); - } - - .-hue-rotate-15 { - --tw-hue-rotate: hue-rotate(-15deg); - } - - .hue-rotate-0 { - --tw-hue-rotate: hue-rotate(0deg); - } - - .hue-rotate-15 { - --tw-hue-rotate: hue-rotate(15deg); - } - - .hue-rotate-30 { - --tw-hue-rotate: hue-rotate(30deg); - } - - .hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); - } - - .hue-rotate-90 { - --tw-hue-rotate: hue-rotate(90deg); - } - - .hue-rotate-180 { - --tw-hue-rotate: hue-rotate(180deg); - } - - .invert { - --tw-invert: invert(100%); - } - - .invert-0 { - --tw-invert: invert(0); - } - - .saturate-0 { - --tw-saturate: saturate(0); - } - - .saturate-50 { - --tw-saturate: saturate(0.5); - } - - .saturate-100 { - --tw-saturate: saturate(1); - } - - .saturate-150 { - --tw-saturate: saturate(1.5); - } - - .saturate-200 { - --tw-saturate: saturate(2); - } - - .sepia { - --tw-sepia: sepia(100%); - } - - .sepia-0 { - --tw-sepia: sepia(0); - } - - .backdrop-filter { - --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/); - --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/); - -webkit-backdrop-filter: var(--tw-backdrop-blur) - var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) - var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) - var(--tw-backdrop-invert) var(--tw-backdrop-opacity) - var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) - var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) - var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) - var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) - var(--tw-backdrop-sepia); - } - - .backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; - } - - .backdrop-blur { - --tw-backdrop-blur: blur(8px); - } - - .backdrop-blur-0 { - --tw-backdrop-blur: blur(0); - } - - .backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); - } - - .backdrop-blur-md { - --tw-backdrop-blur: blur(12px); - } - - .backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); - } - - .backdrop-blur-xl { - --tw-backdrop-blur: blur(24px); - } - - .backdrop-blur-2xl { - --tw-backdrop-blur: blur(40px); - } - - .backdrop-blur-3xl { - --tw-backdrop-blur: blur(64px); - } - - .backdrop-brightness-0 { - --tw-backdrop-brightness: brightness(0); - } - - .backdrop-brightness-50 { - --tw-backdrop-brightness: brightness(0.5); - } - - .backdrop-brightness-75 { - --tw-backdrop-brightness: brightness(0.75); - } - - .backdrop-brightness-90 { - --tw-backdrop-brightness: brightness(0.9); - } - - .backdrop-brightness-95 { - --tw-backdrop-brightness: brightness(0.95); - } - - .backdrop-brightness-100 { - --tw-backdrop-brightness: brightness(1); - } - - .backdrop-brightness-105 { - --tw-backdrop-brightness: brightness(1.05); - } - - .backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); - } - - .backdrop-brightness-125 { - --tw-backdrop-brightness: brightness(1.25); - } - - .backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); - } - - .backdrop-brightness-200 { - --tw-backdrop-brightness: brightness(2); - } - - .backdrop-contrast-0 { - --tw-backdrop-contrast: contrast(0); - } - - .backdrop-contrast-50 { - --tw-backdrop-contrast: contrast(0.5); - } - - .backdrop-contrast-75 { - --tw-backdrop-contrast: contrast(0.75); - } - - .backdrop-contrast-100 { - --tw-backdrop-contrast: contrast(1); - } - - .backdrop-contrast-125 { - --tw-backdrop-contrast: contrast(1.25); - } - - .backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); - } - - .backdrop-contrast-200 { - --tw-backdrop-contrast: contrast(2); - } - - .backdrop-grayscale { - --tw-backdrop-grayscale: grayscale(100%); - } - - .backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); - } - - .-backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(-180deg); - } - - .-backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(-90deg); - } - - .-backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(-60deg); - } - - .-backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(-30deg); - } - - .-backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(-15deg); - } - - .backdrop-hue-rotate-0 { - --tw-backdrop-hue-rotate: hue-rotate(0deg); - } - - .backdrop-hue-rotate-15 { - --tw-backdrop-hue-rotate: hue-rotate(15deg); - } - - .backdrop-hue-rotate-30 { - --tw-backdrop-hue-rotate: hue-rotate(30deg); - } - - .backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); - } - - .backdrop-hue-rotate-90 { - --tw-backdrop-hue-rotate: hue-rotate(90deg); - } - - .backdrop-hue-rotate-180 { - --tw-backdrop-hue-rotate: hue-rotate(180deg); - } - - .backdrop-invert { - --tw-backdrop-invert: invert(100%); - } - - .backdrop-invert-0 { - --tw-backdrop-invert: invert(0); - } - - .backdrop-opacity-0 { - --tw-backdrop-opacity: opacity(0); - } - - .backdrop-opacity-5 { - --tw-backdrop-opacity: opacity(0.05); - } - - .backdrop-opacity-10 { - --tw-backdrop-opacity: opacity(0.1); - } - - .backdrop-opacity-20 { - --tw-backdrop-opacity: opacity(0.2); - } - - .backdrop-opacity-25 { - --tw-backdrop-opacity: opacity(0.25); - } - - .backdrop-opacity-30 { - --tw-backdrop-opacity: opacity(0.3); - } - - .backdrop-opacity-40 { - --tw-backdrop-opacity: opacity(0.4); - } - - .backdrop-opacity-50 { - --tw-backdrop-opacity: opacity(0.5); - } - - .backdrop-opacity-60 { - --tw-backdrop-opacity: opacity(0.6); - } - - .backdrop-opacity-70 { - --tw-backdrop-opacity: opacity(0.7); - } - - .backdrop-opacity-75 { - --tw-backdrop-opacity: opacity(0.75); - } - - .backdrop-opacity-80 { - --tw-backdrop-opacity: opacity(0.8); - } - - .backdrop-opacity-90 { - --tw-backdrop-opacity: opacity(0.9); - } - - .backdrop-opacity-95 { - --tw-backdrop-opacity: opacity(0.95); - } - - .backdrop-opacity-100 { - --tw-backdrop-opacity: opacity(1); - } - - .backdrop-saturate-0 { - --tw-backdrop-saturate: saturate(0); - } - - .backdrop-saturate-50 { - --tw-backdrop-saturate: saturate(0.5); - } - - .backdrop-saturate-100 { - --tw-backdrop-saturate: saturate(1); - } - - .backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); - } - - .backdrop-saturate-200 { - --tw-backdrop-saturate: saturate(2); - } - - .backdrop-sepia { - --tw-backdrop-sepia: sepia(100%); - } - - .backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); - } - - .transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; - } - - .transition { - transition-property: background-color, border-color, color, fill, stroke, - opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, - opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: background-color, border-color, color, fill, stroke, - opacity, box-shadow, transform, filter, backdrop-filter, - -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; - } - - .transition-opacity { - transition-property: opacity; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; - } - - .transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; - } - - .transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; - } - - .delay-500 { - transition-delay: 0.5s; - } - - .delay-150 { - transition-delay: 0.15s; - } - - .delay-300 { - transition-delay: 0.3s; - } - - .delay-700 { - transition-delay: 0.7s; - } - - .duration-200 { - transition-duration: 0.2s; - } - - .duration-300 { - transition-duration: 0.3s; - } - - .duration { - transition-duration: 0.15s; - } - - .duration-500 { - transition-duration: 0.5s; - } - - .duration-1500 { - transition-duration: 1.5s; - } - - .duration-150 { - transition-duration: 0.15s; - } - - .duration-700 { - transition-duration: 0.7s; - } - - .ease { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - - .ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - } - - .ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - } - - .ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - - .text-shadow { - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); - } - - .bg-stripes { - background-image: linear-gradient( - 45deg, - var(--stripes-color) 12.5%, - transparent 12.5%, - transparent 50%, - var(--stripes-color) 50%, - var(--stripes-color) 62.5%, - transparent 62.5%, - transparent 100% - ); - background-size: 5.66px 5.66px; - } - - .bg-stripes-white { - --stripes-color: hsla(0, 0%, 100%, 0.4); - } - - .bg-stripes-amber-500 { - --stripes-color: rgba(245, 158, 11, 0.4); - } - - .bg-stripes-emerald-500 { - --stripes-color: rgba(16, 185, 129, 0.4); - } - - .bg-stripes-fuchsia-500 { - --stripes-color: rgba(217, 70, 239, 0.4); - } - - .bg-stripes-indigo-500 { - --stripes-color: rgba(99, 102, 241, 0.4); - } - - .bg-stripes-light-blue-500 { - --stripes-color: rgba(14, 165, 233, 0.4); - } - - .bg-stripes-purple-500 { - --stripes-color: rgba(168, 85, 247, 0.4); - } - - .bg-stripes-red-900 { - --stripes-color: rgba(127, 29, 29, 0.4); - } - - .bg-stripes-rose-500 { - --stripes-color: rgba(244, 63, 94, 0.4); - } - - .scrollbar-none { - scrollbar-width: none; - } - - .scrollbar-none::-webkit-scrollbar { - display: none !important; - } - - .scrollbar-w-2::-webkit-scrollbar { - height: 0.5rem !important; - width: 0.5rem !important; - } - - .scrollbar-track-gray-lighter::-webkit-scrollbar-track { - --tw-bg-opacity: 1 !important; - background-color: rgba(209, 213, 219, var(--tw-bg-opacity)) !important; - } - - .scrollbar-thumb-gray::-webkit-scrollbar-thumb { - --tw-bg-opacity: 1 !important; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)) !important; - } - - .scrollbar-thumb-rounded::-webkit-scrollbar-thumb { - border-radius: 0.25rem !important; - } - - @supports (position: sticky) { - @media (min-width: 1024px) { - .sticky\?lg\:h-screen { - height: 100vh !important; - } - - .sticky\?lg\:h-\(screen-18\) { - height: calc(100vh - 4.5rem); - } - } - } - - @media (prefers-reduced-motion: reduce) { - .motion-reduce\:transform-none:hover { - transform: none !important; - } - } - - @media (prefers-reduced-motion: no-preference) { - .motion-safe\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; - } - - .motion-safe\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; - } - } - - .focus\:bg-gray-600:focus { - --tw-bg-opacity: 1 !important; - background-color: rgba(75, 85, 99, var(--tw-bg-opacity)) !important; - } - - .focus\:text-white:focus { - --tw-text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; - } - - .group:hover .group-hover\:text-white { - --tw-text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; - } - - .focus-within\:border-teal-500:focus-within { - --tw-border-opacity: 1 !important; - border-color: rgba(20, 184, 166, var(--tw-border-opacity)) !important; - } - - .focus-visible\:underline:focus-visible { - text-decoration: underline !important; - } - - .focus-visible\:underline.focus-visible { - text-decoration: underline !important; - } - - .active\:bg-blue-700:active { - --tw-bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)) !important; - } - - .checked\:bg-blue-600:checked { - --tw-bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)) !important; - } - - .checked\:border-transparent:checked { - border-color: transparent !important; - } - - .appearance-none::-ms-expand { - display: none !important; - } - - .bg-checkered { - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F0F0F0' d='M0 0h8v8H0zm8 8h8v8H8z'/%3E%3C/svg%3E"); - background-size: 16px 16px; - } - - .after\:hash:after { - content: "#"; - } - - .code-highlight { - border-radius: 0.1875rem; - padding: 0.0625rem 0.1875rem; - margin: 0 -0.1875rem; - } - - body.cursor-grabbing * { - cursor: grabbing !important; - } - - .mono-active > div:not(.not-mono) > span { - color: hsla(0, 0%, 100%, 0.25); - } - - .mono > div > span { - transition-duration: 0.5s; - transition-property: background-color, border-color, color, fill, stroke; - } - - .form-tick:checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); - border-color: transparent; - background-color: currentColor; - background-size: 100% 100%; - background-position: 50%; - background-repeat: no-repeat; - } - - .first\:rotate-45:first-child { - --tw-rotate: 45deg; - } - - .last\:rotate-45:last-child { - --tw-rotate: 45deg; - } - - .odd\:rotate-45:nth-child(odd) { - --tw-rotate: 45deg; - } - - .even\:rotate-45:nth-child(2n) { - --tw-rotate: 45deg; - } - - .checked\:border-transparent:checked { - border-color: transparent; - } - - .checked\:bg-blue-600:checked { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); - } - - .focus-within\:text-gray-600:focus-within { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); - } - - .hover\:-translate-y-1:hover { - --tw-translate-y: -0.25rem; - } - - .hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; - } - - .hover\:scale-125:hover { - --tw-scale-x: 1.25; - --tw-scale-y: 1.25; - } - - .hover\:border-transparent:hover { - border-color: transparent; - } - - .hover\:border-blue-500:hover { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); - } - - .hover\:border-gray-500:hover { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); - } - - .hover\:border-black:hover { - --tw-border-opacity: 1; - border-color: rgba(0, 0, 0, var(--tw-border-opacity)); - } - - .hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); - } - - .hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); - } - - .hover\:bg-light-blue-200:hover { - --tw-bg-opacity: 1; - background-color: rgba(186, 230, 253, var(--tw-bg-opacity)); - } - - .hover\:bg-light-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(14, 165, 233, var(--tw-bg-opacity)); - } - - .hover\:bg-rose-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(244, 63, 94, var(--tw-bg-opacity)); - } - - .hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--tw-bg-opacity)); - } - - .hover\:bg-rose-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(190, 18, 60, var(--tw-bg-opacity)); - } - - .hover\:bg-black:hover { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); - } - - .hover\:bg-emerald-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); - } - - .hover\:bg-green-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(21, 128, 61, var(--tw-bg-opacity)); - } - - .hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(67, 56, 202, var(--tw-bg-opacity)); - } - - .hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); - } - - .hover\:bg-blue-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); - } - - .hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(126, 34, 206, var(--tw-bg-opacity)); - } - - .hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); - } - - .hover\:bg-green-500:hover { - --tw-bg-opacity: 1; - background-color: rgba(34, 197, 94, var(--tw-bg-opacity)); - } - - .hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); - } - - .hover\:bg-red-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--tw-bg-opacity)); - } - - .hover\:bg-purple-600:hover { - --tw-bg-opacity: 1; - background-color: rgba(147, 51, 234, var(--tw-bg-opacity)); - } - - .hover\:bg-opacity-90:hover { - --tw-bg-opacity: 0.9; - } - - .hover\:bg-opacity-75:hover { - --tw-bg-opacity: 0.75; - } - - .hover\:from-pink-500:hover { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(236, 72, 153, 0)); - } - - .hover\:to-orange-500:hover { - --tw-gradient-to: #f97316; - } - - .hover\:text-gray-500:hover { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); - } - - .hover\:text-gray-600:hover { - --tw-text-opacity: 1; - color: rgba(75, 85, 99, var(--tw-text-opacity)); - } - - .hover\:text-gray-900:hover { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); - } - - .hover\:text-gray-800:hover { - --tw-text-opacity: 1; - color: rgba(31, 41, 55, var(--tw-text-opacity)); - } - - .hover\:text-orange-800:hover { - --tw-text-opacity: 1; - color: rgba(154, 52, 18, var(--tw-text-opacity)); - } - - .hover\:text-orange-100:hover { - --tw-text-opacity: 1; - color: rgba(255, 237, 213, var(--tw-text-opacity)); - } - - .hover\:text-amber-700:hover { - --tw-text-opacity: 1; - color: rgba(180, 83, 9, var(--tw-text-opacity)); - } - - .hover\:text-orange-700:hover { - --tw-text-opacity: 1; - color: rgba(194, 65, 12, var(--tw-text-opacity)); - } - - .hover\:text-purple-800:hover { - --tw-text-opacity: 1; - color: rgba(107, 33, 168, var(--tw-text-opacity)); - } - - .hover\:text-rose-800:hover { - --tw-text-opacity: 1; - color: rgba(159, 18, 57, var(--tw-text-opacity)); - } - - .hover\:text-green-800:hover { - --tw-text-opacity: 1; - color: rgba(22, 101, 52, var(--tw-text-opacity)); - } - - .hover\:text-light-blue-800:hover { - --tw-text-opacity: 1; - color: rgba(7, 89, 133, var(--tw-text-opacity)); - } - - .hover\:text-violet-800:hover { - --tw-text-opacity: 1; - color: rgba(91, 33, 182, var(--tw-text-opacity)); - } - - .hover\:text-indigo-500:hover { - --tw-text-opacity: 1; - color: rgba(99, 102, 241, var(--tw-text-opacity)); - } - - .hover\:text-teal-700:hover { - --tw-text-opacity: 1; - color: rgba(15, 118, 110, var(--tw-text-opacity)); - } - - .hover\:text-light-blue-700:hover { - --tw-text-opacity: 1; - color: rgba(3, 105, 161, var(--tw-text-opacity)); - } - - .hover\:text-purple-700:hover { - --tw-text-opacity: 1; - color: rgba(126, 34, 206, var(--tw-text-opacity)); - } - - .hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgba(55, 65, 81, var(--tw-text-opacity)); - } - - .hover\:text-blue-600:hover { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); - } - - .hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgba(239, 68, 68, var(--tw-text-opacity)); - } - - .hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); - } - - .hover\:underline:hover { - text-decoration: underline; - } - - .hover\:opacity-75:hover { - opacity: 0.75; - } - - .hover\:shadow-lg:hover { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), - 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .focus\:z-10:focus { - z-index: 10; - } - - .focus\:border-blue-300:focus { - --tw-border-opacity: 1; - border-color: rgba(147, 197, 253, var(--tw-border-opacity)); - } - - .focus\:border-light-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(14, 165, 233, var(--tw-border-opacity)); - } - - .focus\:border-rose-700:focus { - --tw-border-opacity: 1; - border-color: rgba(190, 18, 60, var(--tw-border-opacity)); - } - - .focus\:border-purple-300:focus { - --tw-border-opacity: 1; - border-color: rgba(216, 180, 254, var(--tw-border-opacity)); - } - - .focus\:border-blue-500:focus { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); - } - - .focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); - } - - .focus\:border-transparent:focus { - border-color: transparent; - } - - .focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgba(96, 165, 250, var(--tw-border-opacity)); - } - - .focus\:border-indigo-400:focus { - --tw-border-opacity: 1; - border-color: rgba(129, 140, 248, var(--tw-border-opacity)); - } - - .focus\:border-fuchsia-400:focus { - --tw-border-opacity: 1; - border-color: rgba(232, 121, 249, var(--tw-border-opacity)); - } - - .focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgba(107, 114, 128, var(--tw-border-opacity)); - } - - .focus\:border-emerald-500:focus { - --tw-border-opacity: 1; - border-color: rgba(16, 185, 129, var(--tw-border-opacity)); - } - - .focus\:bg-gray-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(55, 65, 81, var(--tw-bg-opacity)); - } - - .focus\:bg-gray-800:focus { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); - } - - .focus\:bg-blue-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); - } - - .focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); - } - - .focus\:bg-amber-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); - } - - .focus\:bg-yellow-600:focus { - --tw-bg-opacity: 1; - background-color: rgba(202, 138, 4, var(--tw-bg-opacity)); - } - - .focus\:bg-red-500:focus { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); - } - - .focus\:from-pink-500:focus { - --tw-gradient-from: #ec4899; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(236, 72, 153, 0)); - } - - .focus\:to-orange-500:focus { - --tw-gradient-to: #f97316; - } - - .focus\:text-gray-900:focus { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); - } - - .focus\:text-gray-500:focus { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); - } - - .focus\:text-blue-600:focus { - --tw-text-opacity: 1; - color: rgba(37, 99, 235, var(--tw-text-opacity)); - } - - .focus\:text-red-600:focus { - --tw-text-opacity: 1; - color: rgba(220, 38, 38, var(--tw-text-opacity)); - } - - .focus\:underline:focus { - text-decoration: underline; - } - - .focus\:placeholder-blue-600:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--tw-placeholder-opacity)); - } - - .focus\:placeholder-gray-400:focus::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(156, 163, 175, var(--tw-placeholder-opacity)); - } - - .focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; - } - - .focus\:outline-black:focus { - outline: 2px dotted #000; - outline-offset: 2px; - } - - .focus\:outline-white:focus { - outline: 2px dotted #fff; - outline-offset: 2px; - } - - .focus\:ring-2:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .focus\:ring-1:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .focus\:ring:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .focus\:ring-gray-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); - } - - .focus\:ring-gray-900:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); - } - - .focus\:ring-light-blue-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(14, 165, 233, var(--tw-ring-opacity)); - } - - .focus\:ring-current:focus { - --tw-ring-color: currentColor; - } - - .focus\:ring-emerald-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(52, 211, 153, var(--tw-ring-opacity)); - } - - .focus\:ring-green-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(74, 222, 128, var(--tw-ring-opacity)); - } - - .focus\:ring-indigo-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(129, 140, 248, var(--tw-ring-opacity)); - } - - .focus\:ring-blue-400:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity)); - } - - .focus\:ring-purple-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(147, 51, 234, var(--tw-ring-opacity)); - } - - .focus\:ring-purple-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(168, 85, 247, var(--tw-ring-opacity)); - } - - .focus\:ring-blue-600:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity)); - } - - .focus\:ring-red-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); - } - - .focus\:ring-emerald-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(167, 243, 208, var(--tw-ring-opacity)); - } - - .focus\:ring-red-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity)); - } - - .focus\:ring-light-blue-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(125, 211, 252, var(--tw-ring-opacity)); - } - - .focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity)); - } - - .focus\:ring-fuchsia-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(245, 208, 254, var(--tw-ring-opacity)); - } - - .focus\:ring-green-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(34, 197, 94, var(--tw-ring-opacity)); - } - - .focus\:ring-opacity-75:focus { - --tw-ring-opacity: 0.75; - } - - .focus\:ring-opacity-50:focus { - --tw-ring-opacity: 0.5; - } - - .focus\:ring-offset-2:focus { - --tw-ring-offset-width: 2px; - } - - .focus\:ring-offset-white:focus { - --tw-ring-offset-color: #fff; - } - - .focus\:ring-offset-purple-200:focus { - --tw-ring-offset-color: #e9d5ff; - } - - .focus-visible\:ring-2.focus-visible { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .focus-visible\:ring-2:focus-visible { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .focus-visible\:ring-inset.focus-visible { - --tw-ring-inset: inset; - } - - .focus-visible\:ring-inset:focus-visible { - --tw-ring-inset: inset; - } - - .focus-visible\:ring-gray-300.focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-gray-300:focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-orange-300.focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 186, 116, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-orange-300:focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(253, 186, 116, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-gray-500.focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-gray-500:focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-white.focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-white:focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-gray-400.focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-gray-400:focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-red-500.focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-red-500:focus-visible { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); - } - - .focus-visible\:ring-opacity-75.focus-visible { - --tw-ring-opacity: 0.75; - } - - .focus-visible\:ring-opacity-75:focus-visible { - --tw-ring-opacity: 0.75; - } - - .focus-visible\:ring-offset-2.focus-visible { - --tw-ring-offset-width: 2px; - } - - .focus-visible\:ring-offset-2:focus-visible { - --tw-ring-offset-width: 2px; - } - - .focus-visible\:ring-offset-white.focus-visible { - --tw-ring-offset-color: #fff; - } - - .focus-visible\:ring-offset-white:focus-visible { - --tw-ring-offset-color: #fff; - } - - .focus-visible\:ring-offset-violet-500.focus-visible { - --tw-ring-offset-color: #8b5cf6; - } - - .focus-visible\:ring-offset-violet-500:focus-visible { - --tw-ring-offset-color: #8b5cf6; - } - - .active\:cursor-grabbing:active { - cursor: grabbing; - } - - .active\:bg-rose-700:active { - --tw-bg-opacity: 1; - background-color: rgba(190, 18, 60, var(--tw-bg-opacity)); - } - - .active\:bg-emerald-700:active { - --tw-bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--tw-bg-opacity)); - } - - .disabled\:opacity-50:disabled { - opacity: 0.5; - } - - .disabled\:opacity-75:disabled { - opacity: 0.75; - } - - .group:hover .group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); - } - - .group:hover .group-hover\:text-light-blue-600 { - --tw-text-opacity: 1; - color: rgba(2, 132, 199, var(--tw-text-opacity)); - } - - .group:hover .group-hover\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); - } - - .group:hover .group-hover\:text-light-blue-200 { - --tw-text-opacity: 1; - color: rgba(186, 230, 253, var(--tw-text-opacity)); - } - - .group:hover .group-hover\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); - } - - .group:hover .group-hover\:opacity-100 { - opacity: 1; - } - - .group:focus .group-focus\:text-amber-300 { - --tw-text-opacity: 1; - color: rgba(252, 211, 77, var(--tw-text-opacity)); - } - - @media (prefers-reduced-motion: no-preference) { - .motion-safe\:hover\:scale-110:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; - } - } - - @media (prefers-reduced-motion: reduce) { - .motion-reduce\:transform-none { - transform: none; - } - } - - .dark .dark\:border-gray-600 { - --tw-border-opacity: 1; - border-color: rgba(75, 85, 99, var(--tw-border-opacity)); - } - - .dark .dark\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgba(31, 41, 55, var(--tw-bg-opacity)); - } - - .dark .dark\:bg-black { - --tw-bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); - } - - .dark .dark\:bg-lime-400 { - --tw-bg-opacity: 1; - background-color: rgba(163, 230, 53, var(--tw-bg-opacity)); - } - - .dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); - } - - .dark .dark\:text-lime-400 { - --tw-text-opacity: 1; - color: rgba(163, 230, 53, var(--tw-text-opacity)); - } - - .dark .dark\:text-white { - --tw-text-opacity: 1; - color: rgba(255, 255, 255, var(--tw-text-opacity)); - } - - .dark .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgba(156, 163, 175, var(--tw-text-opacity)); - } - - .dark .dark\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); - } - - @media (min-width: 640px) { - .sm\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .sm\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; - } - - .sm\:top-6 { - top: 1.5rem; - } - - .sm\:left-6 { - left: 1.5rem; - } - - .sm\:order-2 { - order: 2; - } - - .sm\:order-3 { - order: 3; - } - - .sm\:col-end-3 { - grid-column-end: 3; - } - - .sm\:col-start-2 { - grid-column-start: 2; - } - - .sm\:m-0 { - margin: 0; - } - - .sm\:mx-0 { - margin-left: 0; - margin-right: 0; - } - - .sm\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; - } - - .sm\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; - } - - .sm\:ml-0 { - margin-left: 0; - } - - .sm\:mr-0 { - margin-right: 0; - } - - .sm\:mt-2 { - margin-top: 0.5rem; - } - - .sm\:mt-0 { - margin-top: 0; - } - - .sm\:ml-2 { - margin-left: 0.5rem; - } - - .sm\:ml-6 { - margin-left: 1.5rem; - } - - .sm\:mb-20 { - margin-bottom: 5rem; - } - - .sm\:ml-10 { - margin-left: 2.5rem; - } - - .sm\:mt-14 { - margin-top: 3.5rem; - } - - .sm\:mb-10 { - margin-bottom: 2.5rem; - } - - .sm\:mb-11 { - margin-bottom: 2.75rem; - } - - .sm\:mb-16 { - margin-bottom: 4rem; - } - - .sm\:mt-24 { - margin-top: 6rem; - } - - .sm\:ml-0\.5 { - margin-left: 0.125rem; - } - - .sm\:-mt-10 { - margin-top: -2.5rem; - } - - .sm\:mt-6 { - margin-top: 1.5rem; - } - - .sm\:mb-4 { - margin-bottom: 1rem; - } - - .sm\:block { - display: block; - } - - .sm\:inline { - display: inline; - } - - .sm\:flex { - display: flex; - } - - .sm\:table-cell { - display: table-cell; - } - - .sm\:hidden { - display: none; - } - - .sm\:h-8 { - height: 2rem; - } - - .sm\:h-56 { - height: 14rem; - } - - .sm\:h-16 { - height: 4rem; - } - - .sm\:w-auto { - width: auto; - } - - .sm\:w-1\/3 { - width: 33.333333%; - } - - .sm\:w-48 { - width: 12rem; - } - - .sm\:w-11 { - width: 2.75rem; - } - - .sm\:w-16 { - width: 4rem; - } - - .sm\:max-w-sm { - max-width: 24rem; - } - - .sm\:flex-none { - flex: none; - } - - .sm\:flex-shrink-0 { - flex-shrink: 0; - } - - .sm\:-rotate-2 { - --tw-rotate: -2deg; - } - - .sm\:rotate-2 { - --tw-rotate: 2deg; - } - - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .sm\:flex-row { - flex-direction: row; - } - - .sm\:flex-nowrap { - flex-wrap: nowrap; - } - - .sm\:items-start { - align-items: flex-start; - } - - .sm\:items-center { - align-items: center; - } - - .sm\:justify-end { - justify-content: flex-end; - } - - .sm\:justify-start { - justify-content: flex-start; - } - - .sm\:gap-6 { - gap: 1.5rem; - } - - .sm\:gap-12 { - gap: 3rem; - } - - .sm\:gap-x-6 { - column-gap: 1.5rem; - } - - .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); - } - - .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse))); - } - - .sm\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * (1 - var(--tw-space-x-reverse))); - } - - .sm\:space-y-32 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(8rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(8rem * var(--tw-space-y-reverse)); - } - - .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * (1 - var(--tw-space-x-reverse))); - } - - .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2rem * var(--tw-space-y-reverse)); - } - - .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); - } - - .sm\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); - } - - .sm\:rounded-xl { - border-radius: 0.75rem; - } - - .sm\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-tr-none { - border-top-right-radius: 0; - } - - .sm\:rounded-tl-xl { - border-top-left-radius: 0.75rem; - } - - .sm\:rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .sm\:p-3 { - padding: 0.75rem; - } - - .sm\:p-8 { - padding: 2rem; - } - - .sm\:p-6 { - padding: 1.5rem; - } - - .sm\:p-5 { - padding: 1.25rem; - } - - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .sm\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } - - .sm\:px-0 { - padding-left: 0; - padding-right: 0; - } - - .sm\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; - } - - .sm\:py-0 { - padding-top: 0; - padding-bottom: 0; - } - - .sm\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .sm\:pr-2 { - padding-right: 0.5rem; - } - - .sm\:pr-0 { - padding-right: 0; - } - - .sm\:pl-0 { - padding-left: 0; - } - - .sm\:pl-6 { - padding-left: 1.5rem; - } - - .sm\:pb-5 { - padding-bottom: 1.25rem; - } - - .sm\:pr-20 { - padding-right: 5rem; - } - - .sm\:pt-20 { - padding-top: 5rem; - } - - .sm\:pb-20 { - padding-bottom: 5rem; - } - - .sm\:pt-12 { - padding-top: 3rem; - } - - .sm\:pb-0 { - padding-bottom: 0; - } - - .sm\:pl-20 { - padding-left: 5rem; - } - - .sm\:pb-6 { - padding-bottom: 1.5rem; - } - - .sm\:text-center { - text-align: center; - } - - .sm\:text-left { - text-align: left; - } - - .sm\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - - .sm\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } - - .sm\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - - .sm\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .sm\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .sm\:text-5xl { - font-size: 3rem; - line-height: 1; - } - - .sm\:leading-10 { - line-height: 2.5rem; - } - - .sm\:leading-6 { - line-height: 1.5rem; - } - - .sm\:leading-snug { - line-height: 1.375; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:hover\:active\:disabled\:opacity-75:hover:active:disabled { - opacity: 0.75; - } - } - - @media (min-width: 768px) { - .md\:container { - width: 100%; - } - - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .md\:container { - max-width: 1536px; - } - } - - .md\:invisible { - visibility: hidden; - } - - .md\:static { - position: static; - } - - .md\:absolute { - position: absolute; - } - - .md\:inset-y-0 { - top: 0; - bottom: 0; - } - - .md\:left-0 { - left: 0; - } - - .md\:right-auto { - right: auto; - } - - .md\:top-\[-113px\] { - top: -113px; - } - - .md\:top-\[-400px\] { - top: -400px; - } - - .md\:right-\[80px\] { - right: 80px; - } - - .md\:isolation-auto { - isolation: auto; - } - - .md\:z-50 { - z-index: 50; - } - - .md\:order-last { - order: 9999; - } - - .md\:col-span-6 { - grid-column: span 6 / span 6; - } - - .md\:col-span-3 { - grid-column: span 3 / span 3; - } - - .md\:col-span-2 { - grid-column: span 2 / span 2; - } - - .md\:col-start-3 { - grid-column-start: 3; - } - - .md\:col-start-1 { - grid-column-start: 1; - } - - .md\:row-span-3 { - grid-row: span 3 / span 3; - } - - .md\:row-end-3 { - grid-row-end: 3; - } - - .md\:float-left { - float: left; - } - - .md\:clear-left { - clear: left; - } - - .md\:-m-8 { - margin: -2rem; - } - - .md\:mx-0 { - margin-left: 0; - margin-right: 0; - } - - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; - } - - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; - } - - .md\:mr-6 { - margin-right: 1.5rem; - } - - .md\:mb-20 { - margin-bottom: 5rem; - } - - .md\:mt-32 { - margin-top: 8rem; - } - - .md\:mr-1 { - margin-right: 0.25rem; - } - - .md\:mr-8 { - margin-right: 2rem; - } - - .md\:-mt-16 { - margin-top: -4rem; - } - - .md\:ml-0 { - margin-left: 0; - } - - .md\:mb-0 { - margin-bottom: 0; - } - - .md\:mt-0 { - margin-top: 0; - } - - .md\:ml-6 { - margin-left: 1.5rem; - } - - .md\:box-content { - box-sizing: content-box; - } - - .md\:block { - display: block; - } - - .md\:flex { - display: flex; - } - - .md\:inline-flex { - display: inline-flex; - } - - .md\:h-24 { - height: 6rem; - } - - .md\:h-3 { - height: 0.75rem; - } - - .md\:h-auto { - height: auto; - } - - .md\:h-full { - height: 100%; - } - - .md\:w-88 { - width: 22rem; - } - - .md\:w-auto { - width: auto; - } - - .md\:w-xl { - width: 36rem; - } - - .md\:w-24 { - width: 6rem; - } - - .md\:w-3 { - width: 0.75rem; - } - - .md\:w-48 { - width: 12rem; - } - - .md\:w-56 { - width: 14rem; - } - - .md\:w-2\/3 { - width: 66.666667%; - } - - .md\:w-full { - width: 100%; - } - - .md\:max-w-2xl { - max-width: 42rem; - } - - .md\:flex-1 { - flex: 1 1 0%; - } - - .md\:flex-auto { - flex: 1 1 auto; - } - - .md\:flex-shrink-0 { - flex-shrink: 0; - } - - .md\:flex-grow-0 { - flex-grow: 0; - } - - .md\:transform { - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - transform: translateX(var(--tw-translate-x)) - translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) - skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) - scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - } - - .md\:origin-top { - transform-origin: top; - } - - .md\:translate-x-8 { - --tw-translate-x: 2rem; - } - - .md\:rotate-90 { - --tw-rotate: 90deg; - } - - .md\:scale-75 { - --tw-scale-x: 0.75; - --tw-scale-y: 0.75; - } - - .md\:animate-none { - animation: none; - } - - .md\:list-inside { - list-style-position: inside; - } - - .md\:list-disc { - list-style-type: disc; - } - - .md\:auto-cols-min { - grid-auto-columns: min-content; - } - - .md\:grid-flow-col { - grid-auto-flow: column; - } - - .md\:auto-rows-min { - grid-auto-rows: min-content; - } - - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); - } - - .md\:flex-row { - flex-direction: row; - } - - .md\:flex-col { - flex-direction: column; - } - - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; - } - - .md\:flex-nowrap { - flex-wrap: nowrap; - } - - .md\:place-content-center { - place-content: center; - } - - .md\:place-items-center { - place-items: center; - } - - .md\:content-around { - align-content: space-around; - } - - .md\:items-center { - align-items: center; - } - - .md\:justify-between { - justify-content: space-between; - } - - .md\:justify-items-center { - justify-items: center; - } - - .md\:gap-6 { - gap: 1.5rem; - } - - .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse))); - } - - .md\:space-y-40 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(10rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(10rem * var(--tw-space-y-reverse)); - } - - .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - - .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2rem * var(--tw-space-x-reverse)); - margin-left: calc(2rem * (1 - var(--tw-space-x-reverse))); - } - - .md\:space-x-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(3rem * var(--tw-space-x-reverse)); - margin-left: calc(3rem * (1 - var(--tw-space-x-reverse))); - } - - .md\:divide-x-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-x-reverse: 0; - border-right-width: calc(8px * var(--tw-divide-x-reverse)); - border-left-width: calc(8px * (1 - var(--tw-divide-x-reverse))); - } - - .md\:divide-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(8px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(8px * var(--tw-divide-y-reverse)); - } - - .md\:divide-dashed > :not([hidden]) ~ :not([hidden]) { - border-style: dashed; - } - - .md\:divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 0.5; - } - - .md\:place-self-end { - place-self: end; - } - - .md\:self-end { - align-self: flex-end; - } - - .md\:justify-self-end { - justify-self: end; - } - - .md\:overflow-scroll { - overflow: scroll; - } - - .md\:overscroll-contain { - overscroll-behavior: contain; - } - - .md\:overflow-clip { - text-overflow: clip; - } - - .md\:whitespace-pre { - white-space: pre; - } - - .md\:break-all { - word-break: break-all; - } - - .md\:rounded-xl { - border-radius: 0.75rem; - } - - .md\:rounded-none { - border-radius: 0; - } - - .md\:rounded-lg { - border-radius: 0.5rem; - } - - .md\:border-t-4 { - border-top-width: 4px; - } - - .md\:border-dotted { - border-style: dotted; - } - - .md\:border-green-500 { - --tw-border-opacity: 1; - border-color: rgba(34, 197, 94, var(--tw-border-opacity)); - } - - .md\:border-blue-500 { - --tw-border-opacity: 1; - border-color: rgba(59, 130, 246, var(--tw-border-opacity)); - } - - .md\:border-gray-200 { - --tw-border-opacity: 1; - border-color: rgba(229, 231, 235, var(--tw-border-opacity)); - } - - .md\:border-opacity-50 { - --tw-border-opacity: 0.5; - } - - .md\:bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgba(34, 197, 94, var(--tw-bg-opacity)); - } - - .md\:bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--tw-bg-opacity)); - } - - .md\:bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); - } - - .md\:bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); - } - - .md\:bg-opacity-50 { - --tw-bg-opacity: 0.5; - } - - .md\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); - } - - .md\:from-green-500 { - --tw-gradient-from: #22c55e; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(34, 197, 94, 0)); - } - - .md\:from-blue-500 { - --tw-gradient-from: #3b82f6; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(59, 130, 246, 0)); - } - - .md\:decoration-slice { - -webkit-box-decoration-break: slice; - box-decoration-break: slice; - } - - .md\:bg-contain { - background-size: contain; - } - - .md\:bg-fixed { - background-attachment: fixed; - } - - .md\:bg-clip-padding { - background-clip: padding-box; - } - - .md\:bg-top { - background-position: top; - } - - .md\:bg-repeat-x { - background-repeat: repeat-x; - } - - .md\:stroke-2 { - stroke-width: 2; - } - - .md\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; - } - - .md\:object-top { - -o-object-position: top; - object-position: top; - } - - .md\:p-10 { - padding: 2.5rem; - } - - .md\:p-0 { - padding: 0; - } - - .md\:p-8 { - padding: 2rem; - } - - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } - - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .md\:py-8 { - padding-bottom: 2rem; - } - - .md\:pt-8, - .md\:py-8 { - padding-top: 2rem; - } - - .md\:pt-24 { - padding-top: 6rem; - } - - .md\:pb-0 { - padding-bottom: 0; - } - - .md\:pb-8 { - padding-bottom: 2rem; - } - - .md\:pl-6 { - padding-left: 1.5rem; - } - - .md\:pr-5 { - padding-right: 1.25rem; - } - - .md\:text-left { - text-align: left; - } - - .md\:text-center { - text-align: center; - } - - .md\:align-top { - vertical-align: top; - } - - .md\:font-serif { - font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif; - } - - .md\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .md\:font-bold { - font-weight: 700; - } - - .md\:uppercase { - text-transform: uppercase; - } - - .md\:not-italic { - font-style: normal; - } - - .md\:diagonal-fractions, - .md\:lining-nums, - .md\:oldstyle-nums, - .md\:ordinal, - .md\:proportional-nums, - .md\:slashed-zero, - .md\:stacked-fractions, - .md\:tabular-nums { - --tw-ordinal: var(--tw-empty, /*!*/ /*!*/); - --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/); - --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/); - --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/); - --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/); - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) - var(--tw-numeric-figure) var(--tw-numeric-spacing) - var(--tw-numeric-fraction); - } - - .md\:tabular-nums { - --tw-numeric-spacing: tabular-nums; - } - - .md\:leading-8 { - line-height: 2rem; - } - - .md\:leading-loose { - line-height: 2; - } - - .md\:tracking-wide { - letter-spacing: 0.025em; - } - - .md\:text-green-600 { - --tw-text-opacity: 1; - color: rgba(22, 163, 74, var(--tw-text-opacity)); - } - - .md\:text-blue-500 { - --tw-text-opacity: 1; - color: rgba(59, 130, 246, var(--tw-text-opacity)); - } - - .md\:text-gray-900 { - --tw-text-opacity: 1; - color: rgba(17, 24, 39, var(--tw-text-opacity)); - } - - .md\:text-opacity-50 { - --tw-text-opacity: 0.5; - } - - .md\:underline { - text-decoration: underline; - } - - .md\:no-underline { - text-decoration: none; - } - - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .md\:placeholder-green-500::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(34, 197, 94, var(--tw-placeholder-opacity)); - } - - .md\:placeholder-gray-900::placeholder { - --tw-placeholder-opacity: 1; - color: rgba(17, 24, 39, var(--tw-placeholder-opacity)); - } - - .md\:placeholder-opacity-50::placeholder { - --tw-placeholder-opacity: 0.5; - } - - .md\:opacity-50 { - opacity: 0.5; - } - - .md\:bg-blend-darken { - background-blend-mode: darken; - } - - .md\:mix-blend-overlay { - mix-blend-mode: overlay; - } - - .md\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), - 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), - var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow); - } - - .md\:ring-4 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 - var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 - calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), - var(--tw-shadow, 0 0 transparent); - } - - .md\:ring-blue-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); - } - - .md\:ring-opacity-50 { - --tw-ring-opacity: 0.5; - } - - .md\:ring-offset-4 { - --tw-ring-offset-width: 4px; - } - - .md\:ring-offset-blue-500 { - --tw-ring-offset-color: #3b82f6; - } - - .md\:filter-none { - filter: none; - } - - .md\:blur-lg { - --tw-blur: blur(16px); - } - - .md\:brightness-150 { - --tw-brightness: brightness(1.5); - } - - .md\:contrast-150 { - --tw-contrast: contrast(1.5); - } - - .md\:drop-shadow-xl { - --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) - drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); - } - - .md\:grayscale-0 { - --tw-grayscale: grayscale(0); - } - - .md\:hue-rotate-60 { - --tw-hue-rotate: hue-rotate(60deg); - } - - .md\:invert-0 { - --tw-invert: invert(0); - } - - .md\:saturate-150 { - --tw-saturate: saturate(1.5); - } - - .md\:sepia-0 { - --tw-sepia: sepia(0); - } - - .md\:backdrop-filter-none { - -webkit-backdrop-filter: none; - backdrop-filter: none; - } - - .md\:backdrop-blur-lg { - --tw-backdrop-blur: blur(16px); - } - - .md\:backdrop-brightness-150 { - --tw-backdrop-brightness: brightness(1.5); - } - - .md\:backdrop-contrast-150 { - --tw-backdrop-contrast: contrast(1.5); - } - - .md\:backdrop-grayscale-0 { - --tw-backdrop-grayscale: grayscale(0); - } - - .md\:backdrop-hue-rotate-60 { - --tw-backdrop-hue-rotate: hue-rotate(60deg); - } - - .md\:backdrop-invert-0 { - --tw-backdrop-invert: invert(0); - } - - .md\:backdrop-saturate-150 { - --tw-backdrop-saturate: saturate(1.5); - } - - .md\:backdrop-sepia-0 { - --tw-backdrop-sepia: sepia(0); - } - - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 0.15s; - } - - .md\:delay-500 { - transition-delay: 0.5s; - } - - .md\:duration-500 { - transition-duration: 0.5s; - } - - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - - .md\:hover\:border-blue-700:hover { - --tw-border-opacity: 1; - border-color: rgba(29, 78, 216, var(--tw-border-opacity)); - } - - .md\:focus\:border-white:focus { - --tw-border-opacity: 1; - border-color: rgba(255, 255, 255, var(--tw-border-opacity)); - } - - .md\:focus\:from-blue-700:focus { - --tw-gradient-from: #1d4ed8; - --tw-gradient-stops: var(--tw-gradient-from), - var(--tw-gradient-to, rgba(29, 78, 216, 0)); - } - - .dark .md\:dark\:disabled\:focus\:hover\:bg-gray-400:disabled:focus:hover { - --tw-bg-opacity: 1; - background-color: rgba(156, 163, 175, var(--tw-bg-opacity)); - } - } - - @media (min-width: 1024px) { - .lg\:prose-xl > :last-child { - margin-bottom: 0; - } - - .lg\:prose-xl > :first-child { - margin-top: 0; - } - - .lg\:prose-xl tbody td:last-child { - padding-right: 0; - } - - .lg\:prose-xl tbody td:first-child { - padding-left: 0; - } - - .lg\:prose-xl tbody td { - padding: 0.8888889em 0.6666667em; - } - - .lg\:prose-xl thead th:last-child { - padding-right: 0; - } - - .lg\:prose-xl thead th:first-child { - padding-left: 0; - } - - .lg\:prose-xl thead th { - padding-right: 0.6666667em; - padding-bottom: 0.8888889em; - padding-left: 0.6666667em; - } - - .lg\:prose-xl table { - font-size: 0.9em; - line-height: 1.5555556; - } - - .lg\:prose-xl h4 + * { - margin-top: 0; - } - - .lg\:prose-xl h3 + * { - margin-top: 0; - } - - .lg\:prose-xl h2 + * { - margin-top: 0; - } - - .lg\:prose-xl hr + * { - margin-top: 0; - } - - .lg\:prose-xl hr { - margin-top: 2.8em; - margin-bottom: 2.8em; - } - - .lg\:prose-xl ol ol, - .lg\:prose-xl ol ul, - .lg\:prose-xl ul ol, - .lg\:prose-xl ul ul { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - - .lg\:prose-xl > ol > li > :last-child { - margin-bottom: 1.2em; - } - - .lg\:prose-xl > ol > li > :first-child { - margin-top: 1.2em; - } - - .lg\:prose-xl > ul > li > :last-child { - margin-bottom: 1.2em; - } - - .lg\:prose-xl > ul > li > :first-child { - margin-top: 1.2em; - } - - .lg\:prose-xl > ul > li p { - margin-top: 0.8em; - margin-bottom: 0.8em; - } - - .lg\:prose-xl ul > li:before { - width: 0.35em; - height: 0.35em; - top: 0.725em; - left: 0.25em; - } - - .lg\:prose-xl ul > li { - padding-left: 1.8em; - } - - .lg\:prose-xl ol > li:before { - left: 0; - } - - .lg\:prose-xl ol > li { - padding-left: 1.8em; - } - - .lg\:prose-xl li { - margin-top: 0.6em; - margin-bottom: 0.6em; - } - - .lg\:prose-xl ol, - .lg\:prose-xl ul { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .lg\:prose-xl pre { - font-size: 0.9em; - line-height: 1.7777778; - margin-top: 2em; - margin-bottom: 2em; - border-radius: 0.5rem; - padding: 1.1111111em 1.3333333em; - } - - .lg\:prose-xl h3 code { - font-size: 0.9em; - } - - .lg\:prose-xl h2 code { - font-size: 0.8611111em; - } - - .lg\:prose-xl code { - font-size: 0.9em; - } - - .lg\:prose-xl figure figcaption { - font-size: 0.9em; - line-height: 1.5555556; - margin-top: 1em; - } - - .lg\:prose-xl figure > * { - margin-top: 0; - margin-bottom: 0; - } - - .lg\:prose-xl figure, - .lg\:prose-xl img, - .lg\:prose-xl video { - margin-top: 2em; - margin-bottom: 2em; - } - - .lg\:prose-xl h4 { - margin-top: 1.8em; - margin-bottom: 0.6em; - line-height: 1.6; - } - - .lg\:prose-xl h3 { - font-size: 1.5em; - margin-top: 1.6em; - margin-bottom: 0.6666667em; - line-height: 1.3333333; - } - - .lg\:prose-xl h2 { - font-size: 1.8em; - margin-top: 1.5555556em; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - - .lg\:prose-xl h1 { - font-size: 2.8em; - margin-top: 0; - margin-bottom: 0.8571429em; - line-height: 1; - } - - .lg\:prose-xl blockquote { - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-left: 1.0666667em; - } - - .lg\:prose-xl [class~="lead"] { - font-size: 1.2em; - line-height: 1.5; - margin-top: 1em; - margin-bottom: 1em; - } - - .lg\:prose-xl { - font-size: 1.25rem; - line-height: 1.8; - } - - .lg\:prose-xl p { - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .lg\:static { - position: static; - } - - .lg\:relative { - position: relative; - } - - .lg\:sticky { - position: sticky; - } - - .lg\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; - } - - .lg\:top-18 { - top: 4.5rem; - } - - .lg\:z-50 { - z-index: 50; - } - - .lg\:col-span-full { - grid-column: 1/-1; - } - - .lg\:col-end-5 { - grid-column-end: 5; - } - - .lg\:col-end-4 { - grid-column-end: 4; - } - - .lg\:col-end-3 { - grid-column-end: 3; - } - - .lg\:col-start-1 { - grid-column-start: 1; - } - - .lg\:col-start-2 { - grid-column-start: 2; - } - - .lg\:col-start-3 { - grid-column-start: 3; - } - - .lg\:row-end-5 { - grid-row-end: 5; - } - - .lg\:row-end-4 { - grid-row-end: 4; - } - - .lg\:row-start-3 { - grid-row-start: 3; - } - - .lg\:row-start-2 { - grid-row-start: 2; - } - - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; - } - - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } - - .lg\:-mr-8 { - margin-right: -2rem; - } - - .lg\:ml-0 { - margin-left: 0; - } - - .lg\:mr-auto { - margin-right: auto; - } - - .lg\:mb-3 { - margin-bottom: 0.75rem; - } - - .lg\:mr-0 { - margin-right: 0; - } - - .lg\:mb-8 { - margin-bottom: 2rem; - } - - .lg\:-mt-32 { - margin-top: -8rem; - } - - .lg\:mr-6 { - margin-right: 1.5rem; - } - - .lg\:mb-0 { - margin-bottom: 0; - } - - .lg\:block { - display: block; - } - - .lg\:inline { - display: inline; - } - - .lg\:flex { - display: flex; - } - - .lg\:grid { - display: grid; - } - - .lg\:hidden { - display: none; - } - - .lg\:h-auto { - height: auto; - } - - .lg\:max-h-sm { - max-height: 30rem; - } - - .lg\:max-h-full { - max-height: 100%; - } - - .lg\:w-auto { - width: auto; - } - - .lg\:w-60 { - width: 15rem; - } - - .lg\:w-64 { - width: 16rem; - } - - .lg\:w-full { - width: 100%; - } - - .lg\:w-1\/2 { - width: 50%; - } - - .lg\:max-w-2xl { - max-width: 42rem; - } - - .lg\:max-w-3xl { - max-width: 48rem; - } - - .lg\:max-w-4xl { - max-width: 56rem; - } - - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .lg\:flex-col { - flex-direction: column; - } - - .lg\:justify-end { - justify-content: flex-end; - } - - .lg\:space-y-44 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(11rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(11rem * var(--tw-space-y-reverse)); - } - - .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); - } - - .lg\:space-x-3\.5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.875rem * var(--tw-space-x-reverse)); - margin-left: calc(0.875rem * (1 - var(--tw-space-x-reverse))); - } - - .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse))); - } - - .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); - } - - .lg\:overflow-y-visible { - overflow-y: visible; - } - - .lg\:overflow-visible { - overflow: visible; - } - - .lg\:rounded-xl { - border-radius: 0.75rem; - } - - .lg\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; - } - - .lg\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .lg\:rounded-tr-none { - border-top-right-radius: 0; - } - - .lg\:rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .lg\:border-b-0 { - border-bottom-width: 0; - } - - .lg\:bg-white { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); - } - - .lg\:bg-transparent { - background-color: transparent; - } - - .lg\:bg-teal-500 { - --tw-bg-opacity: 1; - background-color: rgba(20, 184, 166, var(--tw-bg-opacity)); - } - - .lg\:p-0 { - padding: 0; - } - - .lg\:p-6 { - padding: 1.5rem; - } - - .lg\:p-4 { - padding: 1rem; - } - - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; - } - - .lg\:px-0 { - padding-left: 0; - padding-right: 0; - } - - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; - } - - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .lg\:pb-11 { - padding-bottom: 2.75rem; - } - - .lg\:pt-0 { - padding-top: 0; - } - - .lg\:pb-0 { - padding-bottom: 0; - } - - .lg\:pt-28 { - padding-top: 7rem; - } - - .lg\:pb-16 { - padding-bottom: 4rem; - } - - .lg\:pt-10 { - padding-top: 2.5rem; - } - - .lg\:pb-14 { - padding-bottom: 3.5rem; - } - - .lg\:pr-0 { - padding-right: 0; - } - - .lg\:pb-6 { - padding-bottom: 1.5rem; - } - - .lg\:pb-4 { - padding-bottom: 1rem; - } - - .lg\:text-xs { - font-size: 0.75rem; - line-height: 1rem; - } - - .lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - - .lg\:text-7xl { - font-size: 4.5rem; - line-height: 1; - } - - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .lg\:text-6xl { - font-size: 3.75rem; - line-height: 1; - } - - .dark .lg\:dark\:hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); - } - } - - @media (min-width: 1280px) { - .xl\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; - } - - .xl\:right-auto { - right: auto; - } - - .xl\:left-0 { - left: 0; - } - - .xl\:bottom-5 { - bottom: 1.25rem; - } - - .xl\:col-span-7 { - grid-column: span 7 / span 7; - } - - .xl\:col-end-3 { - grid-column-end: 3; - } - - .xl\:col-end-5 { - grid-column-end: 5; - } - - .xl\:col-end-4 { - grid-column-end: 4; - } - - .xl\:col-start-1 { - grid-column-start: 1; - } - - .xl\:col-start-2 { - grid-column-start: 2; - } - - .xl\:col-start-3 { - grid-column-start: 3; - } - - .xl\:row-end-3 { - grid-row-end: 3; - } - - .xl\:row-end-5 { - grid-row-end: 5; - } - - .xl\:row-end-4 { - grid-row-end: 4; - } - - .xl\:row-start-2 { - grid-row-start: 2; - } - - .xl\:row-start-3 { - grid-row-start: 3; - } - - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; - } - - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; - } - - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; - } - - .xl\:mb-8 { - margin-bottom: 2rem; - } - - .xl\:-ml-4 { - margin-left: -1rem; - } - - .xl\:mr-0 { - margin-right: 0; - } - - .xl\:mr-4 { - margin-right: 1rem; - } - - .xl\:-mr-8 { - margin-right: -2rem; - } - - .xl\:mt-0 { - margin-top: 0; - } - - .xl\:mb-4 { - margin-bottom: 1rem; - } - - .xl\:block { - display: block; - } - - .xl\:inline { - display: inline; - } - - .xl\:flex { - display: flex; - } - - .xl\:hidden { - display: none; - } - - .xl\:h-64 { - height: 16rem; - } - - .xl\:h-48 { - height: 12rem; - } - - .xl\:w-72 { - width: 18rem; - } - - .xl\:w-3\/4 { - width: 75%; - } - - .xl\:w-48 { - width: 12rem; - } - - .xl\:max-w-screen-xl { - max-width: 1280px; - } - - .xl\:max-w-none { - max-width: none; - } - - .xl\:max-w-5xl { - max-width: 64rem; - } - - .xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - - .xl\:flex-row { - flex-direction: row; - } - - .xl\:justify-start { - justify-content: flex-start; - } - - .xl\:gap-8 { - gap: 2rem; - } - - .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); - margin-bottom: calc(2rem * var(--tw-space-y-reverse)); - } - - .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.25rem * var(--tw-space-x-reverse)); - margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse))); - } - - .xl\:divide-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-y-reverse: 0; - border-top-width: calc(2px * (1 - var(--tw-divide-y-reverse))); - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); - } - - .xl\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .xl\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; - } - - .xl\:rounded-tr-none { - border-top-right-radius: 0; - } - - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; - } - - .xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; - } - - .xl\:p-8 { - padding: 2rem; - } - - .xl\:p-6 { - padding: 1.5rem; - } - - .xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } - - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .xl\:px-0 { - padding-left: 0; - padding-right: 0; - } - - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } - - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .xl\:pb-0 { - padding-bottom: 0; - } - - .xl\:pl-8 { - padding-left: 2rem; - } - - .xl\:pr-20 { - padding-right: 5rem; - } - - .xl\:pt-32 { - padding-top: 8rem; - } - - .xl\:pb-6 { - padding-bottom: 1.5rem; - } - - .xl\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } - - .xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .xl\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - } - - @media (min-width: 1536px) { - .\32xl\:block { - display: block; - } - - .\32xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - .\32xl\:gap-x-2 { - column-gap: 0.5rem; - } - - .\32xl\:space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * (1 - var(--tw-space-x-reverse))); - } - } -} diff --git a/lib/docs/scrapers/tailwindcss.rb b/lib/docs/scrapers/tailwindcss.rb index 035f55a4..48b856c8 100644 --- a/lib/docs/scrapers/tailwindcss.rb +++ b/lib/docs/scrapers/tailwindcss.rb @@ -25,9 +25,8 @@ module Docs #Obtainable from https://github.com/tailwindlabs/tailwindcss/blob/master/LICENSE options[:attribution] = <<-HTML - MIT License
- Copyright (c) Adam Wathan
- Copyright (c) Jonathan Reinink
+ © Adam Wathan, Jonathan Reinink + Licensed under the MIT License. HTML def get_latest_version(opts) diff --git a/public/icons/docs/tailwindcss/SOURCE b/public/icons/docs/tailwindcss/SOURCE new file mode 100644 index 00000000..862d71c3 --- /dev/null +++ b/public/icons/docs/tailwindcss/SOURCE @@ -0,0 +1 @@ +https://tailwindcss.com/_next/static/media/tailwindcss-mark.cb8046c163f77190406dfbf4dec89848.svg \ No newline at end of file