diff --git a/dist/tailshape.css b/dist/tailshape.css index 8952e61..cd0c161 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -518,6 +518,10 @@ Ensure the default browser behavior of the `hidden` attribute. pointer-events: none; } +.fixed { + position: fixed; +} + .absolute { position: absolute; } @@ -543,18 +547,6 @@ Ensure the default browser behavior of the `hidden` attribute. right: 0px; } -.bottom-0 { - bottom: 0px; -} - -.right-0 { - right: 0px; -} - -.top-0 { - top: 0px; -} - .top-1\/2 { top: 50%; } @@ -567,6 +559,14 @@ Ensure the default browser behavior of the `hidden` attribute. right: 0.25rem; } +.top-0 { + top: 0px; +} + +.right-4 { + right: 1rem; +} + .bottom-auto { bottom: auto; } @@ -575,8 +575,12 @@ Ensure the default browser behavior of the `hidden` attribute. left: 0px; } -.right-4 { - right: 1rem; +.right-0 { + right: 0px; +} + +.bottom-0 { + bottom: 0px; } .-left-8 { @@ -615,14 +619,18 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 20; } -.z-\[-1\] { - z-index: -1; +.z-10 { + z-index: 10; } .z-0 { z-index: 0; } +.z-50 { + z-index: 50; +} + .z-40 { z-index: 40; } @@ -631,12 +639,8 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 30; } -.z-10 { - z-index: 10; -} - -.z-50 { - z-index: 50; +.z-\[-1\] { + z-index: -1; } .order-1 { @@ -671,14 +675,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 6 / span 6; } -.col-span-8 { - grid-column: span 8 / span 8; -} - .col-auto { grid-column: auto; } +.col-span-8 { + grid-column: span 8 / span 8; +} + .float-right { float: right; } @@ -687,22 +691,22 @@ Ensure the default browser behavior of the `hidden` attribute. float: left; } -.m-8 { - margin: 2rem; -} - .m-1 { margin: 0.25rem; } -.m-auto { - margin: auto; -} - .m-2 { margin: 0.5rem; } +.m-10 { + margin: 2.5rem; +} + +.m-auto { + margin: auto; +} + .m-3 { margin: 0.75rem; } @@ -711,22 +715,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 1rem; } -.m-10 { - margin: 2.5rem; -} - .-m-4 { margin: -1rem; } -.mx-20 { - margin-left: 5rem; - margin-right: 5rem; -} - -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; +.m-8 { + margin: 2rem; } .mx-auto { @@ -734,26 +728,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: auto; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} - -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - .my-4 { margin-top: 1rem; margin-bottom: 1rem; @@ -784,14 +758,24 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; +} + .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; +} + +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; } .my-8 { @@ -799,6 +783,31 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2rem; } +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} + +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} + +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + .my-auto { margin-top: auto; margin-bottom: auto; @@ -819,16 +828,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } -.mx-16 { - margin-left: 4rem; - margin-right: 4rem; -} - -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; -} - .mx-0 { margin-left: 0px; margin-right: 0px; @@ -839,6 +838,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.375rem; } +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; @@ -864,58 +868,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 5rem; } -.mb-\[60px\] { - margin-bottom: 60px; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.mb-4 { - margin-bottom: 1rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - -.mr-5 { - margin-right: 1.25rem; -} - -.mt-6 { - margin-top: 1.5rem; -} - -.mb-10 { - margin-bottom: 2.5rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.ml-9 { - margin-left: 2.25rem; -} - -.mb-auto { - margin-bottom: auto; -} - -.ml-auto { - margin-left: auto; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mr-2 { - margin-right: 0.5rem; -} - .mt-12 { margin-top: 3rem; } @@ -924,14 +876,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 0.25rem; } +.mt-2 { + margin-top: 0.5rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + .mt-4 { margin-top: 1rem; } +.mb-3 { + margin-bottom: 0.75rem; +} + .ml-2 { margin-left: 0.5rem; } +.mt-6 { + margin-top: 1.5rem; +} + .mr-1 { margin-right: 0.25rem; } @@ -948,6 +916,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.75rem; } +.mb-2 { + margin-bottom: 0.5rem; +} + .mt-10 { margin-top: 2.5rem; } @@ -968,10 +940,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: -2.5rem; } +.mb-10 { + margin-bottom: 2.5rem; +} + .mt-3 { margin-top: 0.75rem; } +.mb-4 { + margin-bottom: 1rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-32 { + margin-top: 8rem; +} + .mt-0 { margin-top: 0px; } @@ -988,6 +976,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.25rem; } +.mr-2 { + margin-right: 0.5rem; +} + .ml-6 { margin-left: 1.5rem; } @@ -1000,58 +992,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -5rem; } -.mt-8 { - margin-top: 2rem; -} - -.mt-28 { - margin-top: 7rem; -} - -.mt-24 { - margin-top: 6rem; -} - -.-mt-4 { - margin-top: -1rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.mt-32 { - margin-top: 8rem; +.ml-4 { + margin-left: 1rem; } .mb-16 { margin-bottom: 4rem; } -.ml-4 { - margin-left: 1rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - .mt-5 { margin-top: 1.25rem; } -.mb-5 { - margin-bottom: 1.25rem; -} - -.mt-20 { - margin-top: 5rem; -} - -.mr-10 { - margin-right: 2.5rem; -} - .ml-5 { margin-left: 1.25rem; } @@ -1060,10 +1012,118 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -3rem; } +.mr-4 { + margin-right: 1rem; +} + .-ml-1 { margin-left: -0.25rem; } +.mb-5 { + margin-bottom: 1.25rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.ml-0 { + margin-left: 0px; +} + +.mr-0 { + margin-right: 0px; +} + +.mt-48 { + margin-top: 12rem; +} + +.-mt-64 { + margin-top: -16rem; +} + +.-ml-12 { + margin-left: -3rem; +} + +.mr-10 { + margin-right: 2.5rem; +} + +.-mt-32 { + margin-top: -8rem; +} + +.-ml-64 { + margin-left: -16rem; +} + +.mb-20 { + margin-bottom: 5rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.-ml-2 { + margin-left: -0.5rem; +} + +.-mb-2 { + margin-bottom: -0.5rem; +} + +.-mt-24 { + margin-top: -6rem; +} + +.-mt-16 { + margin-top: -4rem; +} + +.-mr-10 { + margin-right: -2.5rem; +} + +.-mr-0 { + margin-right: -0px; +} + +.-mt-1 { + margin-top: -0.25rem; +} + +.ml-10 { + margin-left: 2.5rem; +} + +.mb-\[60px\] { + margin-bottom: 60px; +} + +.mt-28 { + margin-top: 7rem; +} + +.ml-auto { + margin-left: auto; +} + +.-mt-4 { + margin-top: -1rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + .-ml-0 { margin-left: -0px; } @@ -1096,10 +1156,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -0.75rem; } -.-mb-2 { - margin-bottom: -0.5rem; -} - .-mt-48 { margin-top: -12rem; } @@ -1108,10 +1164,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -1.5rem; } -.-mt-1 { - margin-top: -0.25rem; -} - .mr-11 { margin-right: 2.75rem; } @@ -1120,60 +1172,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -4rem; } -.-ml-2 { - margin-left: -0.5rem; +.ml-9 { + margin-left: 2.25rem; } -.-mt-16 { - margin-top: -4rem; -} - -.ml-0 { - margin-left: 0px; -} - -.mr-0 { - margin-right: 0px; -} - -.mt-48 { - margin-top: 12rem; -} - -.-mt-64 { - margin-top: -16rem; -} - -.-ml-12 { - margin-left: -3rem; -} - -.-mt-32 { - margin-top: -8rem; -} - -.-ml-64 { - margin-left: -16rem; -} - -.mb-20 { - margin-bottom: 5rem; -} - -.-mt-24 { - margin-top: -6rem; -} - -.-mr-10 { - margin-right: -2.5rem; -} - -.-mr-0 { - margin-right: -0px; -} - -.ml-10 { - margin-left: 2.5rem; +.mb-auto { + margin-bottom: auto; } .block { @@ -1204,42 +1208,18 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } +.h-8 { + height: 2rem; +} + .h-10 { height: 2.5rem; } -.h-6 { - height: 1.5rem; -} - -.h-screen { - height: 100vh; -} - -.h-full { - height: 100%; -} - -.h-7 { - height: 1.75rem; -} - -.h-0 { - height: 0px; -} - .h-1 { height: 0.25rem; } -.h-16 { - height: 4rem; -} - -.h-8 { - height: 2rem; -} - .h-4 { height: 1rem; } @@ -1252,6 +1232,18 @@ Ensure the default browser behavior of the `hidden` attribute. height: 1.25rem; } +.h-6 { + height: 1.5rem; +} + +.h-full { + height: 100%; +} + +.h-3 { + height: 0.75rem; +} + .h-px { height: 1px; } @@ -1260,14 +1252,26 @@ Ensure the default browser behavior of the `hidden` attribute. height: auto; } -.h-3 { - height: 0.75rem; +.h-20 { + height: 5rem; +} + +.h-screen { + height: 100vh; } .h-64 { height: 16rem; } +.h-24 { + height: 6rem; +} + +.h-0 { + height: 0px; +} + .h-96 { height: 24rem; } @@ -1280,10 +1284,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2.75rem; } -.h-20 { - height: 5rem; -} - .h-56 { height: 14rem; } @@ -1292,18 +1292,26 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.125rem; } +.h-16 { + height: 4rem; +} + +.h-7 { + height: 1.75rem; +} + .h-2 { height: 0.5rem; } -.h-24 { - height: 6rem; -} - .h-48 { height: 12rem; } +.h-28 { + height: 7rem; +} + .max-h-0 { max-height: 0px; } @@ -1316,22 +1324,6 @@ Ensure the default browser behavior of the `hidden` attribute. min-height: 100%; } -.w-full { - width: 100%; -} - -.w-6 { - width: 1.5rem; -} - -.w-7 { - width: 1.75rem; -} - -.w-6\/12 { - width: 50%; -} - .w-8 { width: 2rem; } @@ -1344,6 +1336,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2.5rem; } +.w-full { + width: 100%; +} + .w-4 { width: 1rem; } @@ -1368,14 +1364,42 @@ Ensure the default browser behavior of the `hidden` attribute. width: 3rem; } +.w-6 { + width: 1.5rem; +} + +.w-3 { + width: 0.75rem; +} + .w-40 { width: 10rem; } +.w-5\/6 { + width: 83.333333%; +} + +.w-11\/12 { + width: 91.666667%; +} + +.w-20 { + width: 5rem; +} + +.w-1\/2 { + width: 50%; +} + .w-2\/3 { width: 66.666667%; } +.w-screen { + width: 100vw; +} + .w-1\/3 { width: 33.333333%; } @@ -1384,6 +1408,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 13rem; } +.w-7 { + width: 1.75rem; +} + .w-44 { width: 11rem; } @@ -1392,22 +1420,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } -.w-1\/2 { - width: 50%; -} - -.w-3 { - width: 0.75rem; -} - .w-36 { width: 9rem; } -.w-5\/6 { - width: 83.333333%; -} - .w-3\/6 { width: 50%; } @@ -1416,14 +1432,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 50%; } -.w-20 { - width: 5rem; -} - -.w-11\/12 { - width: 91.666667%; -} - .w-48 { width: 12rem; } @@ -1432,10 +1440,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 58.333333%; } -.w-screen { - width: 100vw; -} - .w-1\/5 { width: 20%; } @@ -1472,34 +1476,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 18rem; } +.w-6\/12 { + width: 50%; +} + .min-w-0 { min-width: 0px; } -.max-w-\[520px\] { - max-width: 520px; -} - -.max-w-\[40px\] { - max-width: 40px; -} - -.max-w-2xl { - max-width: 42rem; -} - -.max-w-lg { - max-width: 32rem; -} - -.max-w-sm { - max-width: 24rem; -} - -.max-w-md { - max-width: 28rem; -} - .max-w-screen-xl { max-width: 1280px; } @@ -1508,6 +1492,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 48rem; } +.max-w-lg { + max-width: 32rem; +} + .max-w-xs { max-width: 20rem; } @@ -1516,10 +1504,42 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 80rem; } +.max-w-sm { + max-width: 24rem; +} + +.max-w-md { + max-width: 28rem; +} + .max-w-full { max-width: 100%; } +.max-w-6xl { + max-width: 72rem; +} + +.max-w-xl { + max-width: 36rem; +} + +.max-w-4xl { + max-width: 56rem; +} + +.max-w-2xl { + max-width: 42rem; +} + +.max-w-\[520px\] { + max-width: 520px; +} + +.max-w-\[40px\] { + max-width: 40px; +} + .max-w-screen-lg { max-width: 1024px; } @@ -1532,14 +1552,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 480px; } -.max-w-xl { - max-width: 36rem; -} - -.max-w-6xl { - max-width: 72rem; -} - .max-w-5xl { max-width: 64rem; } @@ -1548,10 +1560,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 1340px; } -.max-w-4xl { - max-width: 56rem; -} - .flex-auto { flex: 1 1 auto; } @@ -1609,11 +1617,26 @@ Ensure the default browser behavior of the `hidden` attribute. transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.rotate-45 { + --tw-rotate: 45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.rotate-90 { + --tw-rotate: 90deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.-rotate-180 { + --tw-rotate: -180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1624,21 +1647,6 @@ Ensure the default browser behavior of the `hidden` attribute. transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.rotate-45 { - --tw-rotate: 45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-rotate-180 { - --tw-rotate: -180deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.rotate-90 { - --tw-rotate: 90deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-skew-x-3 { --tw-skew-x: -3deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1683,14 +1691,14 @@ Ensure the default browser behavior of the `hidden` attribute. user-select: none; } -.list-disc { - list-style-type: disc; -} - .list-none { list-style-type: none; } +.list-disc { + list-style-type: disc; +} + .appearance-none { -webkit-appearance: none; -moz-appearance: none; @@ -1781,6 +1789,10 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-evenly; } +.justify-items-end { + justify-items: end; +} + .gap-4 { gap: 1rem; } @@ -1840,18 +1852,6 @@ Ensure the default browser behavior of the `hidden` attribute. column-gap: 4rem; } -.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 * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); -} - .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -1864,6 +1864,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } +.space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +} + .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); @@ -1888,6 +1894,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } +.space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); +} + +.space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); @@ -1900,10 +1918,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } -.space-x-2 > :not([hidden]) ~ :not([hidden]) { +.space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]) { @@ -1912,24 +1930,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } -.space-y-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3rem * var(--tw-space-y-reverse)); -} - .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } -.space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); -} - .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); @@ -1942,6 +1948,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } +.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 * calc(1 - var(--tw-space-x-reverse))); +} + .space-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); @@ -1970,11 +1982,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } -.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-divide-opacity)); -} - .divide-gray-400 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(156 163 175 / var(--tw-divide-opacity)); @@ -1990,6 +1997,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-divide-opacity)); } +.divide-gray-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-divide-opacity)); +} + .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.5; } @@ -2048,6 +2060,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.25rem; } +.rounded-md { + border-radius: 0.375rem; +} + .rounded-full { border-radius: 9999px; } @@ -2056,10 +2072,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.125rem; } -.rounded-md { - border-radius: 0.375rem; -} - .rounded-xl { border-radius: 0.75rem; } @@ -2072,6 +2084,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0px; } +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; @@ -2092,11 +2109,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-left-radius: 0.25rem; } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -2121,16 +2133,28 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 1px; } -.border-4 { - border-width: 4px; +.border-2 { + border-width: 2px; } .border-0 { border-width: 0px; } -.border-2 { - border-width: 2px; +.border-4 { + border-width: 4px; +} + +.border-b { + border-bottom-width: 1px; +} + +.border-t { + border-top-width: 1px; +} + +.border-b-4 { + border-bottom-width: 4px; } .border-b-0 { @@ -2141,22 +2165,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 0px; } -.border-b { - border-bottom-width: 1px; -} - -.border-l-2 { - border-left-width: 2px; -} - -.border-l-4 { - border-left-width: 4px; -} - -.border-t { - border-top-width: 1px; -} - .border-t-2 { border-top-width: 2px; } @@ -2173,8 +2181,12 @@ Ensure the default browser behavior of the `hidden` attribute. border-right-width: 1px; } -.border-b-4 { - border-bottom-width: 4px; +.border-l-4 { + border-left-width: 4px; +} + +.border-l-2 { + border-left-width: 2px; } .border-solid { @@ -2185,9 +2197,23 @@ Ensure the default browser behavior of the `hidden` attribute. border-style: none; } -.border-\[\#F3F4FE\] { +.border-gray-800 { --tw-border-opacity: 1; - border-color: rgb(243 244 254 / var(--tw-border-opacity)); + border-color: rgb(31 41 55 / var(--tw-border-opacity)); +} + +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.border-gray-100 { + --tw-border-opacity: 1; + border-color: rgb(243 244 246 / var(--tw-border-opacity)); +} + +.border-white\/10 { + border-color: rgb(255 255 255 / 0.1); } .border-gray-200 { @@ -2195,19 +2221,112 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.border-white\/25 { + border-color: rgb(255 255 255 / 0.25); +} + +.border-gray-700 { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity)); +} + .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } +.border-transparent { + border-color: transparent; +} + +.border-pink-500 { + --tw-border-opacity: 1; + border-color: rgb(236 72 153 / var(--tw-border-opacity)); +} + +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +.border-indigo-500 { + --tw-border-opacity: 1; + border-color: rgb(99 102 241 / var(--tw-border-opacity)); +} + +.border-purple-500 { + --tw-border-opacity: 1; + border-color: rgb(168 85 247 / var(--tw-border-opacity)); +} + +.border-blue-400 { + --tw-border-opacity: 1; + border-color: rgb(96 165 250 / var(--tw-border-opacity)); +} + +.border-teal-500 { + --tw-border-opacity: 1; + border-color: rgb(20 184 166 / var(--tw-border-opacity)); +} + +.border-\[\#F3F4FE\] { + --tw-border-opacity: 1; + border-color: rgb(243 244 254 / var(--tw-border-opacity)); +} + +.border-gray-600 { + --tw-border-opacity: 1; + border-color: rgb(75 85 99 / var(--tw-border-opacity)); +} + +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.border-gray-500 { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity)); +} + +.border-indigo-700 { + --tw-border-opacity: 1; + border-color: rgb(67 56 202 / var(--tw-border-opacity)); +} + +.border-blue-700 { + --tw-border-opacity: 1; + border-color: rgb(29 78 216 / var(--tw-border-opacity)); +} + +.border-indigo-400 { + --tw-border-opacity: 1; + border-color: rgb(129 140 248 / var(--tw-border-opacity)); +} + .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.border-purple-600 { +.border-purple-400 { --tw-border-opacity: 1; - border-color: rgb(147 51 234 / var(--tw-border-opacity)); + border-color: rgb(192 132 252 / var(--tw-border-opacity)); +} + +.border-purple-800 { + --tw-border-opacity: 1; + border-color: rgb(107 33 168 / var(--tw-border-opacity)); +} + +.border-purple-200 { + --tw-border-opacity: 1; + border-color: rgb(233 213 255 / var(--tw-border-opacity)); +} + +.border-pink-600 { + --tw-border-opacity: 1; + border-color: rgb(219 39 119 / var(--tw-border-opacity)); } .border-yellow-300 { @@ -2225,116 +2344,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.border-gray-700 { +.border-purple-600 { --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); + border-color: rgb(147 51 234 / var(--tw-border-opacity)); } -.border-gray-300 { +.border-emerald-400 { --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - -.border-gray-800 { - --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); -} - -.border-gray-100 { - --tw-border-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-border-opacity)); -} - -.border-gray-600 { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} - -.border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - -.border-white\/10 { - border-color: rgb(255 255 255 / 0.1); -} - -.border-transparent { - border-color: transparent; -} - -.border-white\/25 { - border-color: rgb(255 255 255 / 0.25); -} - -.border-gray-500 { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} - -.border-indigo-700 { - --tw-border-opacity: 1; - border-color: rgb(67 56 202 / var(--tw-border-opacity)); -} - -.border-pink-500 { - --tw-border-opacity: 1; - border-color: rgb(236 72 153 / var(--tw-border-opacity)); -} - -.border-blue-700 { - --tw-border-opacity: 1; - border-color: rgb(29 78 216 / var(--tw-border-opacity)); -} - -.border-indigo-400 { - --tw-border-opacity: 1; - border-color: rgb(129 140 248 / var(--tw-border-opacity)); -} - -.border-purple-500 { - --tw-border-opacity: 1; - border-color: rgb(168 85 247 / var(--tw-border-opacity)); -} - -.border-purple-400 { - --tw-border-opacity: 1; - border-color: rgb(192 132 252 / var(--tw-border-opacity)); -} - -.border-purple-800 { - --tw-border-opacity: 1; - border-color: rgb(107 33 168 / var(--tw-border-opacity)); -} - -.border-indigo-500 { - --tw-border-opacity: 1; - border-color: rgb(99 102 241 / var(--tw-border-opacity)); -} - -.border-purple-200 { - --tw-border-opacity: 1; - border-color: rgb(233 213 255 / var(--tw-border-opacity)); -} - -.border-pink-600 { - --tw-border-opacity: 1; - border-color: rgb(219 39 119 / var(--tw-border-opacity)); -} - -.border-black { - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); -} - -.border-blue-400 { - --tw-border-opacity: 1; - border-color: rgb(96 165 250 / var(--tw-border-opacity)); -} - -.border-teal-500 { - --tw-border-opacity: 1; - border-color: rgb(20 184 166 / var(--tw-border-opacity)); + border-color: rgb(52 211 153 / var(--tw-border-opacity)); } .border-b-gray-800 { @@ -2351,91 +2368,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-border-opacity: 0.5; } -.bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.bg-cyan-200 { - --tw-bg-opacity: 1; - background-color: rgb(165 243 252 / var(--tw-bg-opacity)); -} - -.bg-green-400 { - --tw-bg-opacity: 1; - background-color: rgb(74 222 128 / var(--tw-bg-opacity)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - -.bg-indigo-600 { - --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); -} - -.bg-indigo-50 { - --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); -} - -.bg-blue-200 { - --tw-bg-opacity: 1; - background-color: rgb(191 219 254 / var(--tw-bg-opacity)); -} - -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); -} - -.bg-blue-100 { - --tw-bg-opacity: 1; - background-color: rgb(219 234 254 / var(--tw-bg-opacity)); -} - -.bg-yellow-100 { - --tw-bg-opacity: 1; - background-color: rgb(254 249 195 / var(--tw-bg-opacity)); -} - -.bg-purple-100 { - --tw-bg-opacity: 1; - background-color: rgb(243 232 255 / var(--tw-bg-opacity)); -} - -.bg-red-100 { - --tw-bg-opacity: 1; - background-color: rgb(254 226 226 / var(--tw-bg-opacity)); -} - .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } -.bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -2446,48 +2388,38 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + .bg-purple-700 { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } -.bg-transparent { - background-color: transparent; -} - .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-cyan-100 { +.bg-gray-300 { --tw-bg-opacity: 1; - background-color: rgb(207 250 254 / var(--tw-bg-opacity)); + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.bg-cyan-300 { - --tw-bg-opacity: 1; - background-color: rgb(103 232 249 / var(--tw-bg-opacity)); -} - -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--tw-bg-opacity)); -} - -.bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgb(249 115 22 / var(--tw-bg-opacity)); -} - -.bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +.bg-transparent { + background-color: transparent; } .bg-red-700 { @@ -2495,19 +2427,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } -.bg-purple-600 { +.bg-gray-50 { --tw-bg-opacity: 1; - background-color: rgb(147 51 234 / var(--tw-bg-opacity)); + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.bg-teal-500 { +.bg-gray-200 { --tw-bg-opacity: 1; - background-color: rgb(20 184 166 / var(--tw-bg-opacity)); -} - -.bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-green-600 { @@ -2515,29 +2442,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.bg-blue-500 { +.bg-yellow-500 { --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); -} - -.bg-blue-900 { - --tw-bg-opacity: 1; - background-color: rgb(30 58 138 / var(--tw-bg-opacity)); -} - -.bg-red-400 { - --tw-bg-opacity: 1; - background-color: rgb(248 113 113 / var(--tw-bg-opacity)); -} - -.bg-indigo-700 { - --tw-bg-opacity: 1; - background-color: rgb(67 56 202 / var(--tw-bg-opacity)); -} - -.bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(220 38 38 / var(--tw-bg-opacity)); + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .bg-purple-500 { @@ -2545,19 +2452,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } -.bg-indigo-200 { +.bg-indigo-600 { --tw-bg-opacity: 1; - background-color: rgb(199 210 254 / var(--tw-bg-opacity)); -} - -.bg-indigo-100 { - --tw-bg-opacity: 1; - background-color: rgb(224 231 255 / var(--tw-bg-opacity)); -} - -.bg-red-200 { - --tw-bg-opacity: 1; - background-color: rgb(254 202 202 / var(--tw-bg-opacity)); + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } .bg-green-500 { @@ -2565,6 +2462,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } +.bg-blue-900 { + --tw-bg-opacity: 1; + background-color: rgb(30 58 138 / var(--tw-bg-opacity)); +} + .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)); @@ -2580,9 +2482,44 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } -.bg-blue-700 { +.bg-orange-500 { --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); + background-color: rgb(249 115 22 / var(--tw-bg-opacity)); +} + +.bg-blue-100 { + --tw-bg-opacity: 1; + background-color: rgb(219 234 254 / var(--tw-bg-opacity)); +} + +.bg-indigo-700 { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.bg-yellow-300 { + --tw-bg-opacity: 1; + background-color: rgb(253 224 71 / var(--tw-bg-opacity)); +} + +.bg-yellow-400 { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + +.bg-blue-400 { + --tw-bg-opacity: 1; + background-color: rgb(96 165 250 / var(--tw-bg-opacity)); +} + +.bg-teal-500 { + --tw-bg-opacity: 1; + background-color: rgb(20 184 166 / var(--tw-bg-opacity)); +} + +.bg-green-400 { + --tw-bg-opacity: 1; + background-color: rgb(74 222 128 / var(--tw-bg-opacity)); } .bg-purple-400 { @@ -2590,6 +2527,76 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(192 132 252 / var(--tw-bg-opacity)); } +.bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + +.bg-indigo-50 { + --tw-bg-opacity: 1; + background-color: rgb(238 242 255 / var(--tw-bg-opacity)); +} + +.bg-cyan-100 { + --tw-bg-opacity: 1; + background-color: rgb(207 250 254 / var(--tw-bg-opacity)); +} + +.bg-cyan-300 { + --tw-bg-opacity: 1; + background-color: rgb(103 232 249 / var(--tw-bg-opacity)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} + +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.bg-purple-600 { + --tw-bg-opacity: 1; + background-color: rgb(147 51 234 / var(--tw-bg-opacity)); +} + +.bg-blue-500 { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + +.bg-red-400 { + --tw-bg-opacity: 1; + background-color: rgb(248 113 113 / var(--tw-bg-opacity)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); +} + +.bg-indigo-200 { + --tw-bg-opacity: 1; + background-color: rgb(199 210 254 / var(--tw-bg-opacity)); +} + +.bg-indigo-100 { + --tw-bg-opacity: 1; + background-color: rgb(224 231 255 / var(--tw-bg-opacity)); +} + +.bg-red-200 { + --tw-bg-opacity: 1; + background-color: rgb(254 202 202 / var(--tw-bg-opacity)); +} + +.bg-blue-700 { + --tw-bg-opacity: 1; + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); +} + .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -2615,28 +2622,39 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(13 148 136 / var(--tw-bg-opacity)); } +.bg-purple-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 232 255 / var(--tw-bg-opacity)); +} + .bg-indigo-300 { --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)); } -.bg-yellow-300 { +.bg-cyan-200 { --tw-bg-opacity: 1; - background-color: rgb(253 224 71 / var(--tw-bg-opacity)); + background-color: rgb(165 243 252 / var(--tw-bg-opacity)); } -.bg-yellow-400 { +.bg-blue-200 { --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); + background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } -.bg-blue-400 { +.bg-yellow-100 { --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); + background-color: rgb(254 249 195 / var(--tw-bg-opacity)); } -.bg-opacity-5 { - --tw-bg-opacity: 0.05; +.bg-red-100 { + --tw-bg-opacity: 1; + background-color: rgb(254 226 226 / var(--tw-bg-opacity)); +} + +.bg-red-800 { + --tw-bg-opacity: 1; + background-color: rgb(153 27 27 / var(--tw-bg-opacity)); } .bg-opacity-50 { @@ -2651,38 +2669,32 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.25; } -.bg-opacity-70 { - --tw-bg-opacity: 0.7; +.bg-opacity-5 { + --tw-bg-opacity: 0.05; } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); +.bg-opacity-70 { + --tw-bg-opacity: 0.7; } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.bg-\[url\(https\:\/\/images\.pexels\.com\/photos\/57690\/pexels-photo-57690\.jpeg\?auto\=compress\&cs\=tinysrgb\&dpr\=2\&h\=650\&w\=940\)\] { - background-image: url(https://images.pexels.com/photos/57690/pexels-photo-57690.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940); -} - .bg-\[url\(https\:\/\/images\.unsplash\.com\/photo-1514525253161-7a46d19cd819\?ixlib\=rb-1\.2\.1\&ixid\=eyJhcHBfaWQiOjEyMDd9\&auto\=format\&fit\=crop\&w\=1267\&q\=80\)\] { background-image: url(https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80); } +.bg-\[url\(https\:\/\/images\.pexels\.com\/photos\/57690\/pexels-photo-57690\.jpeg\?auto\=compress\&cs\=tinysrgb\&dpr\=2\&h\=650\&w\=940\)\] { + background-image: url(https://images.pexels.com/photos/57690/pexels-photo-57690.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940); +} + .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.from-purple-100 { - --tw-gradient-from: #f3e8ff; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); -} - -.from-pink-50 { - --tw-gradient-from: #fdf2f8; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(253 242 248 / 0)); +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .from-pink-500 { @@ -2700,20 +2712,22 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(59 130 246 / 0)); } -.via-red-300 { - --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgb(252 165 165 / 0)); +.from-purple-100 { + --tw-gradient-from: #f3e8ff; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(243 232 255 / 0)); +} + +.from-pink-50 { + --tw-gradient-from: #fdf2f8; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(253 242 248 / 0)); } .via-red-500 { --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to, rgb(239 68 68 / 0)); } -.to-indigo-500 { - --tw-gradient-to: #6366f1; -} - -.to-indigo-100 { - --tw-gradient-to: #e0e7ff; +.via-red-300 { + --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgb(252 165 165 / 0)); } .to-yellow-500 { @@ -2728,6 +2742,14 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #2563eb; } +.to-indigo-500 { + --tw-gradient-to: #6366f1; +} + +.to-indigo-100 { + --tw-gradient-to: #e0e7ff; +} + .bg-cover { background-size: cover; } @@ -2803,38 +2825,22 @@ Ensure the default browser behavior of the `hidden` attribute. object-position: center; } -.p-4 { - padding: 1rem; -} - -.p-16 { - padding: 4rem; -} - -.p-5 { - padding: 1.25rem; -} - -.p-10 { - padding: 2.5rem; +.p-6 { + padding: 1.5rem; } .p-3 { padding: 0.75rem; } -.p-20 { - padding: 5rem; +.p-4 { + padding: 1rem; } .p-2 { padding: 0.5rem; } -.p-6 { - padding: 1.5rem; -} - .p-1 { padding: 0.25rem; } @@ -2843,6 +2849,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2rem; } +.p-5 { + padding: 1.25rem; +} + +.p-10 { + padding: 2.5rem; +} + +.p-20 { + padding: 5rem; +} + +.p-0 { + padding: 0px; +} + +.p-16 { + padding: 4rem; +} + .p-28 { padding: 7rem; } @@ -2851,65 +2877,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 3rem; } -.p-0 { - padding: 0px; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; -} - -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; -} - -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; -} - -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} - -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - .py-12 { padding-top: 3rem; padding-bottom: 3rem; @@ -2920,11 +2892,31 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 4rem; } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} + .py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -2935,6 +2927,31 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.5rem; } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; @@ -2945,16 +2962,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.25rem; } +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} + +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + .px-20 { padding-left: 5rem; padding-right: 5rem; } -.px-12 { - padding-left: 3rem; - padding-right: 3rem; -} - .py-32 { padding-top: 8rem; padding-bottom: 8rem; @@ -2965,19 +2992,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } .py-48 { @@ -3000,42 +3022,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } -.pt-20 { - padding-top: 5rem; -} - -.pb-12 { - padding-bottom: 3rem; -} - -.pl-\[62px\] { - padding-left: 62px; -} - -.pl-5 { - padding-left: 1.25rem; -} - -.pl-8 { - padding-left: 2rem; -} - -.pr-8 { - padding-right: 2rem; -} - -.pt-0 { - padding-top: 0px; -} - -.pl-9 { - padding-left: 2.25rem; -} - -.pr-10 { - padding-right: 2.5rem; -} - .pl-3 { padding-left: 0.75rem; } @@ -3084,30 +3070,38 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 2rem; } -.pb-4 { - padding-bottom: 1rem; -} - -.pb-2 { - padding-bottom: 0.5rem; -} - -.pb-8 { - padding-bottom: 2rem; -} - -.pb-3 { - padding-bottom: 0.75rem; -} - .pt-32 { padding-top: 8rem; } +.pb-12 { + padding-bottom: 3rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pr-12 { + padding-right: 3rem; +} + .pl-10 { padding-left: 2.5rem; } +.pr-5 { + padding-right: 1.25rem; +} + +.pr-10 { + padding-right: 2.5rem; +} + +.pb-0 { + padding-bottom: 0px; +} + .pt-2 { padding-top: 0.5rem; } @@ -3116,6 +3110,66 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } +.pb-8 { + padding-bottom: 2rem; +} + +.pt-48 { + padding-top: 12rem; +} + +.pl-12 { + padding-left: 3rem; +} + +.pl-2 { + padding-left: 0.5rem; +} + +.pr-8 { + padding-right: 2rem; +} + +.pl-4 { + padding-left: 1rem; +} + +.pl-0 { + padding-left: 0px; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pt-24 { + padding-top: 6rem; +} + +.pb-56 { + padding-bottom: 14rem; +} + +.pt-20 { + padding-top: 5rem; +} + +.pl-\[62px\] { + padding-left: 62px; +} + +.pl-5 { + padding-left: 1.25rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + .pb-5 { padding-bottom: 1.25rem; } @@ -3124,10 +3178,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 6rem; } -.pb-20 { - padding-bottom: 5rem; -} - .pt-\[120px\] { padding-top: 120px; } @@ -3140,26 +3190,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 2.75rem; } -.pt-24 { - padding-top: 6rem; -} - -.pl-4 { - padding-left: 1rem; -} - .pr-4 { padding-right: 1rem; } -.pr-12 { - padding-right: 3rem; -} - -.pr-5 { - padding-right: 1.25rem; -} - .pl-6 { padding-left: 1.5rem; } @@ -3168,14 +3202,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 6rem; } -.pl-2 { - padding-left: 0.5rem; -} - .pt-0\.5 { padding-top: 0.125rem; } +.pt-0 { + padding-top: 0px; +} + .pt-1 { padding-top: 0.25rem; } @@ -3184,32 +3218,24 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 16rem; } -.pb-0 { - padding-bottom: 0px; -} - -.pl-12 { - padding-left: 3rem; -} - .pl-11 { padding-left: 2.75rem; } +.pl-8 { + padding-left: 2rem; +} + .pr-2 { padding-right: 0.5rem; } -.pt-48 { - padding-top: 12rem; +.pl-9 { + padding-left: 2.25rem; } -.pl-0 { - padding-left: 0px; -} - -.pb-56 { - padding-bottom: 14rem; +.pl-1 { + padding-left: 0.25rem; } .text-left { @@ -3232,6 +3258,10 @@ Ensure the default browser behavior of the `hidden` attribute. vertical-align: middle; } +.align-bottom { + vertical-align: bottom; +} + .font-sans { font-family: 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"; } @@ -3244,26 +3274,6 @@ Ensure the default browser behavior of the `hidden` attribute. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - .text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -3279,9 +3289,19 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } -.text-7xl { - font-size: 4.5rem; - line-height: 1; +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } .text-4xl { @@ -3289,6 +3309,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + .text-5xl { font-size: 3rem; line-height: 1; @@ -3299,24 +3324,21 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } -.font-semibold { - font-weight: 600; -} - -.font-bold { - font-weight: 700; +.text-7xl { + font-size: 4.5rem; + line-height: 1; } .font-medium { font-weight: 500; } -.font-light { - font-weight: 300; +.font-bold { + font-weight: 700; } -.font-black { - font-weight: 900; +.font-semibold { + font-weight: 600; } .font-extrabold { @@ -3327,6 +3349,14 @@ Ensure the default browser behavior of the `hidden` attribute. font-weight: 400; } +.font-light { + font-weight: 300; +} + +.font-black { + font-weight: 900; +} + .font-thin { font-weight: 100; } @@ -3343,18 +3373,6 @@ Ensure the default browser behavior of the `hidden` attribute. font-style: italic; } -.leading-relaxed { - line-height: 1.625; -} - -.leading-loose { - line-height: 2; -} - -.leading-6 { - line-height: 1.5rem; -} - .leading-normal { line-height: 1.5; } @@ -3367,18 +3385,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } +.leading-relaxed { + line-height: 1.625; +} + .leading-none { line-height: 1; } -.leading-4 { - line-height: 1rem; -} - -.leading-5 { - line-height: 1.25rem; -} - .leading-tight { line-height: 1.25; } @@ -3391,8 +3405,20 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } -.tracking-tight { - letter-spacing: -0.025em; +.leading-5 { + line-height: 1.25rem; +} + +.leading-4 { + line-height: 1rem; +} + +.leading-6 { + line-height: 1.5rem; +} + +.leading-loose { + line-height: 2; } .tracking-wide { @@ -3407,78 +3433,62 @@ Ensure the default browser behavior of the `hidden` attribute. letter-spacing: 0.1em; } +.tracking-tight { + letter-spacing: -0.025em; +} + .tracking-normal { letter-spacing: 0em; } -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.text-gray-500 { - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-blue-600 { - --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); -} - -.text-gray-800 { - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-purple-700 { - --tw-text-opacity: 1; - color: rgb(126 34 206 / var(--tw-text-opacity)); -} - -.text-gray-400 { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } +.text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + .text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity)); } +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } -.text-purple-400 { +.text-gray-800 { --tw-text-opacity: 1; - color: rgb(192 132 252 / var(--tw-text-opacity)); + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.text-purple-700 { + --tw-text-opacity: 1; + color: rgb(126 34 206 / var(--tw-text-opacity)); } .text-teal-400 { @@ -3506,9 +3516,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(243 232 255 / var(--tw-text-opacity)); } -.text-blue-900 { +.text-gray-700 { --tw-text-opacity: 1; - color: rgb(30 58 138 / var(--tw-text-opacity)); + color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-purple-600 { @@ -3521,6 +3531,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(167 139 250 / var(--tw-text-opacity)); } +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.text-blue-900 { + --tw-text-opacity: 1; + color: rgb(30 58 138 / var(--tw-text-opacity)); +} + +.text-purple-400 { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)); @@ -3531,14 +3556,53 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(249 250 251 / var(--tw-text-opacity)); } +.text-purple-500 { + --tw-text-opacity: 1; + color: rgb(168 85 247 / var(--tw-text-opacity)); +} + +.text-indigo-500 { + --tw-text-opacity: 1; + color: rgb(99 102 241 / var(--tw-text-opacity)); +} + +.text-indigo-600 { + --tw-text-opacity: 1; + color: rgb(79 70 229 / var(--tw-text-opacity)); +} + .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } -.text-pink-400 { +.text-black { --tw-text-opacity: 1; - color: rgb(244 114 182 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.text-yellow-400 { + --tw-text-opacity: 1; + color: rgb(250 204 21 / var(--tw-text-opacity)); +} + +.text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + +.text-blue-800 { + --tw-text-opacity: 1; + color: rgb(30 64 175 / var(--tw-text-opacity)); +} + +.text-transparent { + color: transparent; +} + +.text-pink-500 { + --tw-text-opacity: 1; + color: rgb(236 72 153 / var(--tw-text-opacity)); } .text-green-500 { @@ -3546,6 +3610,31 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(34 197 94 / var(--tw-text-opacity)); } +.text-yellow-900 { + --tw-text-opacity: 1; + color: rgb(113 63 18 / var(--tw-text-opacity)); +} + +.text-teal-500 { + --tw-text-opacity: 1; + color: rgb(20 184 166 / var(--tw-text-opacity)); +} + +.text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + +.text-blue-600 { + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); +} + +.text-pink-400 { + --tw-text-opacity: 1; + color: rgb(244 114 182 / var(--tw-text-opacity)); +} + .text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)); @@ -3561,70 +3650,26 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / var(--tw-text-opacity)); } -.text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } -.text-green-400 { - --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); -} - .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); } -.text-green-600 { - --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); -} - -.text-blue-800 { - --tw-text-opacity: 1; - color: rgb(30 64 175 / var(--tw-text-opacity)); -} - -.text-transparent { - color: transparent; -} - .text-indigo-800 { --tw-text-opacity: 1; color: rgb(55 48 163 / var(--tw-text-opacity)); } -.text-purple-500 { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - -.text-indigo-600 { - --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity)); } -.text-indigo-500 { - --tw-text-opacity: 1; - color: rgb(99 102 241 / var(--tw-text-opacity)); -} - -.text-yellow-400 { - --tw-text-opacity: 1; - color: rgb(250 204 21 / var(--tw-text-opacity)); -} - .text-cyan-800 { --tw-text-opacity: 1; color: rgb(21 94 117 / var(--tw-text-opacity)); @@ -3650,11 +3695,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } -.text-teal-500 { - --tw-text-opacity: 1; - color: rgb(20 184 166 / var(--tw-text-opacity)); -} - .text-indigo-100 { --tw-text-opacity: 1; color: rgb(224 231 255 / var(--tw-text-opacity)); @@ -3675,14 +3715,24 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(254 249 195 / var(--tw-text-opacity)); } -.text-pink-500 { +.text-teal-600 { --tw-text-opacity: 1; - color: rgb(236 72 153 / var(--tw-text-opacity)); + color: rgb(13 148 136 / var(--tw-text-opacity)); } -.text-yellow-900 { +.text-cyan-500 { --tw-text-opacity: 1; - color: rgb(113 63 18 / var(--tw-text-opacity)); + color: rgb(6 182 212 / var(--tw-text-opacity)); +} + +.text-emerald-500 { + --tw-text-opacity: 1; + color: rgb(16 185 129 / var(--tw-text-opacity)); +} + +.text-emerald-300 { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity)); } .text-opacity-50 { @@ -3704,21 +3754,6 @@ Ensure the default browser behavior of the `hidden` attribute. -moz-osx-font-smoothing: grayscale; } -.placeholder-gray-50::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(249 250 251 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-50:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(249 250 251 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-50::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(249 250 251 / var(--tw-placeholder-opacity)); -} - .placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity)); @@ -3734,6 +3769,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(156 163 175 / var(--tw-placeholder-opacity)); } +.placeholder-gray-50::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-50::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(249 250 251 / var(--tw-placeholder-opacity)); +} + .placeholder-gray-800::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(31 41 55 / var(--tw-placeholder-opacity)); @@ -3784,24 +3834,18 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 1; } -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-xl { - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -3820,6 +3864,12 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-xl { + --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); @@ -3867,8 +3917,10 @@ Ensure the default browser behavior of the `hidden` attribute. 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); } -.transition-all { - transition-property: all; +.transition-colors { + transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3881,16 +3933,8 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } -.transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -.transition-colors { - transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; +.transition-all { + transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3901,16 +3945,26 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 150ms; } +.transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .duration-300 { transition-duration: 300ms; } +.duration-200 { + transition-duration: 200ms; +} + .duration-700 { transition-duration: 700ms; } -.duration-200 { - transition-duration: 200ms; +.duration-150 { + transition-duration: 150ms; } .duration-500 { @@ -3921,10 +3975,6 @@ Ensure the default browser behavior of the `hidden` attribute. transition-duration: 100ms; } -.duration-150 { - transition-duration: 150ms; -} - .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -4007,13 +4057,13 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-opacity: 0.4; } -.hover\:translate-x-1:hover { - --tw-translate-x: 0.25rem; +.hover\:translate-y-2:hover { + --tw-translate-y: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.hover\:translate-y-2:hover { - --tw-translate-y: 0.5rem; +.hover\:translate-x-1:hover { + --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -4042,16 +4092,21 @@ Ensure the default browser behavior of the `hidden` attribute. border-top-width: 0px; } -.hover\:border-indigo-800:hover { - --tw-border-opacity: 1; - border-color: rgb(55 48 163 / var(--tw-border-opacity)); -} - .hover\:border-green-700:hover { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity)); } +.hover\:border-white:hover { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.hover\:border-indigo-800:hover { + --tw-border-opacity: 1; + border-color: rgb(55 48 163 / var(--tw-border-opacity)); +} + .hover\:border-blue-500:hover { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); @@ -4062,29 +4117,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity)); } -.hover\:bg-gray-100:hover { +.hover\:bg-blue-700:hover { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } -.hover\:bg-gray-300:hover { +.hover\:bg-white:hover { --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(238 242 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-red-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .hover\:bg-gray-50:hover { @@ -4107,39 +4147,9 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.hover\:bg-purple-700:hover { +.hover\:bg-gray-200:hover { --tw-bg-opacity: 1; - background-color: rgb(126 34 206 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(29 78 216 / var(--tw-bg-opacity)); -} - -.hover\:bg-white:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-400:hover { - --tw-bg-opacity: 1; - background-color: rgb(96 165 250 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(30 64 175 / var(--tw-bg-opacity)); -} - -.hover\:bg-green-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(22 101 52 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .hover\:bg-purple-600:hover { @@ -4147,21 +4157,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } -.hover\:bg-indigo-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(55 48 163 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(67 56 202 / var(--tw-bg-opacity)); -} - -.hover\:bg-indigo-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(199 210 254 / var(--tw-bg-opacity)); -} - .hover\:bg-indigo-500:hover { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); @@ -4191,6 +4186,66 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } +.hover\:bg-blue-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(30 64 175 / var(--tw-bg-opacity)); +} + +.hover\:bg-yellow-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(250 204 21 / var(--tw-bg-opacity)); +} + +.hover\:bg-yellow-500:hover { + --tw-bg-opacity: 1; + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-100:hover { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} + +.hover\:bg-purple-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(126 34 206 / var(--tw-bg-opacity)); +} + +.hover\:bg-blue-400:hover { + --tw-bg-opacity: 1; + background-color: rgb(96 165 250 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.hover\:bg-green-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(22 101 52 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(55 48 163 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(199 210 254 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-300:hover { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); @@ -4216,14 +4271,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } -.hover\:bg-yellow-400:hover { +.hover\:bg-indigo-50:hover { --tw-bg-opacity: 1; - background-color: rgb(250 204 21 / var(--tw-bg-opacity)); + background-color: rgb(238 242 255 / var(--tw-bg-opacity)); } -.hover\:bg-yellow-500:hover { +.hover\:bg-red-700:hover { --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .hover\:bg-opacity-90:hover { @@ -4234,19 +4289,9 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 1; } -.hover\:text-purple-200:hover { +.hover\:text-purple-800:hover { --tw-text-opacity: 1; - color: rgb(233 213 255 / var(--tw-text-opacity)); -} - -.hover\:text-purple-400:hover { - --tw-text-opacity: 1; - color: rgb(192 132 252 / var(--tw-text-opacity)); -} - -.hover\:text-purple-300:hover { - --tw-text-opacity: 1; - color: rgb(216 180 254 / var(--tw-text-opacity)); + color: rgb(107 33 168 / var(--tw-text-opacity)); } .hover\:text-teal-400:hover { @@ -4269,9 +4314,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(147 51 234 / var(--tw-text-opacity)); } -.hover\:text-purple-800:hover { +.hover\:text-red-500:hover { --tw-text-opacity: 1; - color: rgb(107 33 168 / var(--tw-text-opacity)); + color: rgb(239 68 68 / var(--tw-text-opacity)); } .hover\:text-blue-700:hover { @@ -4279,6 +4324,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(29 78 216 / var(--tw-text-opacity)); } +.hover\:text-purple-200:hover { + --tw-text-opacity: 1; + color: rgb(233 213 255 / var(--tw-text-opacity)); +} + +.hover\:text-purple-400:hover { + --tw-text-opacity: 1; + color: rgb(192 132 252 / var(--tw-text-opacity)); +} + .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); @@ -4289,11 +4344,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } -.hover\:text-red-500:hover { - --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); -} - .hover\:text-blue-400:hover { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity)); @@ -4304,14 +4354,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(244 114 182 / var(--tw-text-opacity)); } -.hover\:text-indigo-600:hover { +.hover\:text-purple-500:hover { --tw-text-opacity: 1; - color: rgb(79 70 229 / var(--tw-text-opacity)); -} - -.hover\:text-gray-400:hover { - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); + color: rgb(168 85 247 / var(--tw-text-opacity)); } .hover\:text-white:hover { @@ -4319,6 +4364,31 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.hover\:text-gray-300:hover { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.hover\:text-indigo-600:hover { + --tw-text-opacity: 1; + color: rgb(79 70 229 / var(--tw-text-opacity)); +} + +.hover\:text-gray-600:hover { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.hover\:text-purple-300:hover { + --tw-text-opacity: 1; + color: rgb(216 180 254 / var(--tw-text-opacity)); +} + +.hover\:text-gray-400:hover { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + .hover\:text-orange-500:hover { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity)); @@ -4344,6 +4414,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(234 179 8 / var(--tw-text-opacity)); } +.hover\:text-red-400:hover { + --tw-text-opacity: 1; + color: rgb(248 113 113 / var(--tw-text-opacity)); +} + .hover\:text-blue-500:hover { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); @@ -4359,34 +4434,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(219 39 119 / var(--tw-text-opacity)); } -.hover\:text-red-400:hover { - --tw-text-opacity: 1; - color: rgb(248 113 113 / var(--tw-text-opacity)); -} - -.hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - -.hover\:text-blue-300:hover { - --tw-text-opacity: 1; - color: rgb(147 197 253 / var(--tw-text-opacity)); -} - -.hover\:text-purple-500:hover { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - .hover\:text-yellow-600:hover { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity)); } -.hover\:text-gray-600:hover { +.hover\:text-blue-300:hover { --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + color: rgb(147 197 253 / var(--tw-text-opacity)); } .hover\:text-gray-100:hover { @@ -4423,15 +4478,9 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.hover\:shadow-2xl:hover { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); +.hover\:shadow-xl:hover { + --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -4441,9 +4490,15 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); +.hover\:shadow-md:hover { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.hover\:shadow-2xl:hover { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -4468,30 +4523,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } -.focus\:border-blue-600:focus { - --tw-border-opacity: 1; - border-color: rgb(37 99 235 / var(--tw-border-opacity)); -} - .focus\:border-indigo-500:focus { --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity)); } -.focus\:border-gray-500:focus { - --tw-border-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-border-opacity)); -} - -.focus\:border-transparent:focus { - border-color: transparent; -} - -.focus\:border-blue-400:focus { - --tw-border-opacity: 1; - border-color: rgb(96 165 250 / var(--tw-border-opacity)); -} - .focus\:border-purple-600:focus { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity)); @@ -4512,6 +4548,20 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(202 138 4 / var(--tw-border-opacity)); } +.focus\:border-gray-500:focus { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity)); +} + +.focus\:border-transparent:focus { + border-color: transparent; +} + +.focus\:border-blue-400:focus { + --tw-border-opacity: 1; + border-color: rgb(96 165 250 / var(--tw-border-opacity)); +} + .focus\:border-gray-600:focus { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); @@ -4522,9 +4572,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.focus\:bg-red-700:focus { - --tw-bg-opacity: 1; - background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +.focus\:border-blue-600:focus { + --tw-border-opacity: 1; + border-color: rgb(37 99 235 / var(--tw-border-opacity)); } .focus\:bg-transparent:focus { @@ -4536,6 +4586,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } +.focus\:bg-purple-600:focus { + --tw-bg-opacity: 1; + background-color: rgb(147 51 234 / var(--tw-bg-opacity)); +} + .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -4556,11 +4611,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -.focus\:bg-purple-600:focus { - --tw-bg-opacity: 1; - background-color: rgb(147 51 234 / var(--tw-bg-opacity)); -} - .focus\:bg-gray-300:focus { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); @@ -4576,6 +4626,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(107 33 168 / var(--tw-bg-opacity)); } +.focus\:bg-red-700:focus { + --tw-bg-opacity: 1; + background-color: rgb(185 28 28 / var(--tw-bg-opacity)); +} + .focus\:text-white:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -4623,12 +4678,6 @@ Ensure the default browser behavior of the `hidden` attribute. outline-color: #000; } -.focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - .focus\:ring: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); @@ -4641,17 +4690,18 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.focus\:ring-gray-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); -} - .focus\:ring-gray-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); @@ -4667,6 +4717,11 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)); } +.focus\:ring-gray-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); +} + .focus\:ring-purple-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity)); @@ -4677,6 +4732,11 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity)); } +.focus\:ring-gray-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); +} + .focus\:ring-teal-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity)); @@ -4687,11 +4747,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); } -.focus\:ring-gray-500:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); -} - .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); @@ -4717,6 +4772,11 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-offset-color: #e9d5ff; } +.active\:bg-blue-500:active { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + .active\:bg-yellow-400:active { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); @@ -4727,11 +4787,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(45 212 191 / var(--tw-bg-opacity)); } -.active\:bg-blue-500:active { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); -} - .active\:bg-teal-600:active { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)); @@ -4822,6 +4877,34 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.dark .dark\:mt-0 { + margin-top: 0px; +} + +.dark .dark\:ml-0 { + margin-left: 0px; +} + +.dark .dark\:mt-2 { + margin-top: 0.5rem; +} + +.dark .dark\:ml-2 { + margin-left: 0.5rem; +} + +.dark .dark\:-mt-2 { + margin-top: -0.5rem; +} + +.dark .dark\:-mt-4 { + margin-top: -1rem; +} + +.dark .dark\:-mt-5 { + margin-top: -1.25rem; +} + .dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(75 85 99 / var(--tw-divide-opacity)); @@ -4857,9 +4940,8 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 0px; } -.dark .dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); +.dark .dark\:border-b-2 { + border-bottom-width: 2px; } .dark .dark\:border-gray-400 { @@ -4867,21 +4949,26 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(156 163 175 / var(--tw-border-opacity)); } +.dark .dark\:border-gray-700 { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity)); +} + .dark .dark\:border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.dark .dark\:border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - .dark .dark\:border-gray-50 { --tw-border-opacity: 1; border-color: rgb(249 250 251 / var(--tw-border-opacity)); } +.dark .dark\:border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + .dark .dark\:border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity)); @@ -4896,14 +4983,34 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(99 102 241 / var(--tw-border-opacity)); } -.dark .dark\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +.dark .dark\:border-emerald-600 { + --tw-border-opacity: 1; + border-color: rgb(5 150 105 / var(--tw-border-opacity)); } -.dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +.dark .dark\:border-teal-600 { + --tw-border-opacity: 1; + border-color: rgb(13 148 136 / var(--tw-border-opacity)); +} + +.dark .dark\:border-cyan-500 { + --tw-border-opacity: 1; + border-color: rgb(6 182 212 / var(--tw-border-opacity)); +} + +.dark .dark\:border-emerald-500 { + --tw-border-opacity: 1; + border-color: rgb(16 185 129 / var(--tw-border-opacity)); +} + +.dark .dark\:border-emerald-400 { + --tw-border-opacity: 1; + border-color: rgb(52 211 153 / var(--tw-border-opacity)); +} + +.dark .dark\:border-emerald-300 { + --tw-border-opacity: 1; + border-color: rgb(110 231 183 / var(--tw-border-opacity)); } .dark .dark\:bg-emerald-900 { @@ -4911,6 +5018,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(6 78 59 / var(--tw-bg-opacity)); } +.dark .dark\:bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-violet-400 { + --tw-bg-opacity: 1; + background-color: rgb(167 139 250 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)); @@ -4926,11 +5043,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.dark .dark\:bg-violet-400 { - --tw-bg-opacity: 1; - background-color: rgb(167 139 250 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)); @@ -4946,6 +5058,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(125 211 252 / var(--tw-bg-opacity)); } +.dark .dark\:bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)); @@ -4956,6 +5078,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(19 78 74 / var(--tw-bg-opacity)); } +.dark .dark\:bg-cyan-400 { + --tw-bg-opacity: 1; + background-color: rgb(34 211 238 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-amber-50 { + --tw-bg-opacity: 1; + background-color: rgb(255 251 235 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); @@ -4981,34 +5113,34 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } -.dark .dark\:bg-cyan-400 { - --tw-bg-opacity: 1; - background-color: rgb(34 211 238 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.dark .dark\:bg-amber-50 { - --tw-bg-opacity: 1; - background-color: rgb(255 251 235 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-400 { +.dark .dark\:bg-emerald-500 { --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); + background-color: rgb(16 185 129 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-100 { +.dark .dark\:bg-emerald-800 { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + background-color: rgb(6 95 70 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .dark .dark\:bg-opacity-40 { @@ -5023,11 +5155,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.dark .dark\:from-black { - --tw-gradient-from: #000; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0)); -} - .dark .dark\:from-emerald-800 { --tw-gradient-from: #065f46; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(6 95 70 / 0)); @@ -5043,12 +5170,13 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(103 232 249 / 0)); } -.dark .dark\:via-emerald-500 { - --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgb(16 185 129 / 0)); +.dark .dark\:from-black { + --tw-gradient-from: #000; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(0 0 0 / 0)); } -.dark .dark\:to-green-800 { - --tw-gradient-to: #166534; +.dark .dark\:via-emerald-500 { + --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to, rgb(16 185 129 / 0)); } .dark .dark\:to-cyan-800 { @@ -5063,6 +5191,10 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #10b981; } +.dark .dark\:to-green-800 { + --tw-gradient-to: #166534; +} + .dark .dark\:fill-white { fill: #fff; } @@ -5095,6 +5227,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0.5rem; } +.dark .dark\:text-center { + text-align: center; +} + .dark .dark\:font-bold { font-weight: 700; } @@ -5104,19 +5240,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-400 { +.dark .dark\:text-gray-50 { --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); + color: rgb(249 250 251 / var(--tw-text-opacity)); } -.dark .dark\:text-blue-500 { +.dark .dark\:text-gray-900 { --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } .dark .dark\:text-purple-400 { @@ -5139,24 +5270,19 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(229 231 235 / var(--tw-text-opacity)); } +.dark .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + .dark .dark\:text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); } -.dark .dark\:text-sky-400 { +.dark .dark\:text-gray-400 { --tw-text-opacity: 1; - color: rgb(56 189 248 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-50 { - --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-900 { - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity)); } .dark .dark\:text-gray-100 { @@ -5169,6 +5295,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-text-opacity)); } +.dark .dark\:text-violet-400 { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + +.dark .dark\:text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + +.dark .dark\:text-sky-400 { + --tw-text-opacity: 1; + color: rgb(56 189 248 / var(--tw-text-opacity)); +} + .dark .dark\:text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity)); @@ -5179,6 +5320,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(103 232 249 / var(--tw-text-opacity)); } +.dark .dark\:text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.dark .dark\:text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + .dark .dark\:text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity)); @@ -5209,26 +5360,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(34 211 238 / var(--tw-text-opacity)); } -.dark .dark\:text-violet-400 { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); -} - .dark .dark\:text-indigo-400 { --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-700 { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - .dark .dark\:text-cyan-600 { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity)); @@ -5244,16 +5380,41 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(248 113 113 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - .dark .dark\:text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); } +.dark .dark\:text-emerald-500 { + --tw-text-opacity: 1; + color: rgb(16 185 129 / var(--tw-text-opacity)); +} + +.dark .dark\:text-teal-500 { + --tw-text-opacity: 1; + color: rgb(20 184 166 / var(--tw-text-opacity)); +} + +.dark .dark\:text-emerald-50 { + --tw-text-opacity: 1; + color: rgb(236 253 245 / var(--tw-text-opacity)); +} + +.dark .dark\:text-emerald-400 { + --tw-text-opacity: 1; + color: rgb(52 211 153 / var(--tw-text-opacity)); +} + +.dark .dark\:text-cyan-800 { + --tw-text-opacity: 1; + color: rgb(21 94 117 / var(--tw-text-opacity)); +} + +.dark .dark\:text-emerald-200 { + --tw-text-opacity: 1; + color: rgb(167 243 208 / var(--tw-text-opacity)); +} + .dark .dark\:placeholder-white::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(255 255 255 / var(--tw-placeholder-opacity)); @@ -5303,6 +5464,49 @@ Ensure the default browser behavior of the `hidden` attribute. opacity: 0.2; } +.dark .dark\:opacity-5 { + opacity: 0.05; +} + +.dark .dark\:opacity-25 { + opacity: 0.25; +} + +.dark .dark\:shadow-sm { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.dark .dark\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.dark .dark\:shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.dark .dark\:shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.dark .dark\:shadow-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.dark .dark\:shadow-white { + --tw-shadow-color: #fff; + --tw-shadow: var(--tw-shadow-colored); +} + .dark .dark\: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); @@ -5388,23 +5592,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(31 41 55 / var(--tw-border-opacity)); } -.dark .dark\:hover\:bg-gray-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - .dark .dark\:hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-cyan-300:hover { +.dark .dark\:hover\:bg-gray-800:hover { --tw-bg-opacity: 1; - background-color: rgb(103 232 249 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-transparent:hover { - background-color: transparent; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } .dark .dark\:hover\:bg-cyan-400:hover { @@ -5417,6 +5612,15 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } +.dark .dark\:hover\:bg-cyan-300:hover { + --tw-bg-opacity: 1; + background-color: rgb(103 232 249 / var(--tw-bg-opacity)); +} + +.dark .dark\:hover\:bg-transparent:hover { + background-color: transparent; +} + .dark .dark\:hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -5426,6 +5630,11 @@ Ensure the default browser behavior of the `hidden` attribute. stroke: #22d3ee; } +.dark .hover\:dark\:text-violet-400:hover { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-purple-500:hover { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); @@ -5446,16 +5655,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-sky-800:hover { - --tw-text-opacity: 1; - color: rgb(7 89 133 / var(--tw-text-opacity)); -} - -.dark .hover\:dark\:text-violet-400:hover { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-gray-300:hover { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -5466,6 +5665,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.dark .dark\:hover\:text-sky-800:hover { + --tw-text-opacity: 1; + color: rgb(7 89 133 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-sky-300:hover { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity)); @@ -5612,16 +5816,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(8 145 178 / var(--tw-text-opacity)); } -.dark .dark\:focus\:ring-gray-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); -} - .dark .dark\:focus\:ring-indigo-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity)); } +.dark .dark\:focus\:ring-gray-800:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); +} + .dark .dark\:focus\:ring-gray-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); @@ -5649,16 +5853,21 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; - } - .sm\:mx-0 { margin-left: 0px; margin-right: 0px; } + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .sm\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; @@ -5669,11 +5878,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; - } - .sm\:mt-0 { margin-top: 0px; } @@ -5686,22 +5890,50 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: auto; } - .sm\:mr-4 { - margin-right: 1rem; - } - .sm\:ml-4 { margin-left: 1rem; } - .sm\:ml-0 { - margin-left: 0px; + .sm\:mr-4 { + margin-right: 1rem; + } + + .sm\:-mr-20 { + margin-right: -5rem; + } + + .sm\:mt-6 { + margin-top: 1.5rem; } .sm\:mb-0 { margin-bottom: 0px; } + .sm\:mr-3 { + margin-right: 0.75rem; + } + + .sm\:mt-10 { + margin-top: 2.5rem; + } + + .sm\:mt-1 { + margin-top: 0.25rem; + } + + .sm\:mb-16 { + margin-bottom: 4rem; + } + + .sm\:mr-10 { + margin-right: 2.5rem; + } + + .sm\:ml-0 { + margin-left: 0px; + } + .sm\:mb-12 { margin-bottom: 3rem; } @@ -5722,18 +5954,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.75rem; } - .sm\:-mr-20 { - margin-right: -5rem; - } - - .sm\:mt-6 { - margin-top: 1.5rem; - } - - .sm\:mt-1 { - margin-top: 0.25rem; - } - .sm\:ml-5 { margin-left: 1.25rem; } @@ -5742,22 +5962,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: auto; } - .sm\:mr-3 { - margin-right: 0.75rem; - } - - .sm\:mt-10 { - margin-top: 2.5rem; - } - - .sm\:mb-16 { - margin-bottom: 4rem; - } - - .sm\:mr-10 { - margin-right: 2.5rem; - } - .sm\:block { display: block; } @@ -5782,8 +5986,8 @@ Ensure the default browser behavior of the `hidden` attribute. height: 18rem; } - .sm\:w-10\/12 { - width: 83.333333%; + .sm\:h-20 { + height: 5rem; } .sm\:w-10 { @@ -5798,16 +6002,32 @@ Ensure the default browser behavior of the `hidden` attribute. width: 16rem; } - .sm\:w-1\/4 { - width: 25%; + .sm\:w-full { + width: 100%; + } + + .sm\:w-3\/5 { + width: 60%; + } + + .sm\:w-2\/3 { + width: 66.666667%; } .sm\:w-1\/2 { width: 50%; } - .sm\:w-full { - width: 100%; + .sm\:w-5\/6 { + width: 83.333333%; + } + + .sm\:w-1\/3 { + width: 33.333333%; + } + + .sm\:w-1\/4 { + width: 25%; } .sm\:w-7\/12 { @@ -5822,20 +6042,12 @@ Ensure the default browser behavior of the `hidden` attribute. width: 4rem; } - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:w-2\/3 { - width: 66.666667%; - } - - .sm\:w-5\/6 { + .sm\:w-10\/12 { width: 83.333333%; } - .sm\:w-1\/3 { - width: 33.333333%; + .sm\:w-20 { + width: 5rem; } .sm\:max-w-xl { @@ -5878,6 +6090,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: row; } + .sm\:flex-col { + flex-direction: column; + } + .sm\:items-start { align-items: flex-start; } @@ -5940,6 +6156,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.5rem; } + .sm\:rounded-none { + border-radius: 0px; + } + + .sm\:rounded-full { + border-radius: 9999px; + } + .sm\:border-none { border-style: none; } @@ -5948,12 +6172,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } + .sm\:p-10 { + padding: 2.5rem; + } + .sm\:p-8 { padding: 2rem; } - .sm\:p-10 { - padding: 2.5rem; + .sm\:p-6 { + padding: 1.5rem; } .sm\:px-6 { @@ -5961,9 +6189,9 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.5rem; } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; } .sm\:px-10 { @@ -5971,26 +6199,36 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } - .sm\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } + .sm\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } + + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; @@ -6006,28 +6244,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 6rem; } - .sm\:py-0 { - padding-top: 0px; - padding-bottom: 0px; - } - - .sm\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } - - .sm\:pt-12 { - padding-top: 3rem; - } - - .sm\:pb-16 { - padding-bottom: 4rem; - } - - .sm\:pl-6 { - padding-left: 1.5rem; - } - .sm\:pl-0 { padding-left: 0px; } @@ -6048,6 +6264,22 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } + .sm\:pt-12 { + padding-top: 3rem; + } + + .sm\:pb-16 { + padding-bottom: 4rem; + } + + .sm\:pl-6 { + padding-left: 1.5rem; + } + + .sm\:pt-0 { + padding-top: 0px; + } + .sm\:text-left { text-align: left; } @@ -6056,11 +6288,6 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: center; } - .sm\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - .sm\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -6071,18 +6298,9 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.25rem; } - .sm\:text-5xl { - font-size: 3rem; - line-height: 1; - } - - .sm\:text-\[42px\] { - font-size: 42px; - } - - .sm\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } .sm\:text-base { @@ -6090,11 +6308,25 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.5rem; } + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } + .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .sm\:text-\[42px\] { + font-size: 42px; + } + .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -6104,17 +6336,17 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } - .sm\:shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - } - .sm\:shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } + + .sm\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } } @media (min-width: 768px) { @@ -6183,6 +6415,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } + .md\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + .md\:-mx-8 { margin-left: -2rem; margin-right: -2rem; @@ -6208,11 +6445,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - .md\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; @@ -6267,6 +6499,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 6rem; } + .md\:mr-8 { + margin-right: 2rem; + } + + .md\:mt-10 { + margin-top: 2.5rem; + } + .md\:mb-4 { margin-bottom: 1rem; } @@ -6275,6 +6515,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2rem; } + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:mr-3 { + margin-right: 0.75rem; + } + + .md\:-mr-4 { + margin-right: -1rem; + } + + .md\:-ml-4 { + margin-left: -1rem; + } + + .md\:mr-10 { + margin-right: 2.5rem; + } + .md\:ml-0 { margin-left: 0px; } @@ -6295,14 +6555,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 1.25rem; } - .md\:mr-8 { - margin-right: 2rem; - } - - .md\:mt-10 { - margin-top: 2.5rem; - } - .md\:-ml-5 { margin-left: -1.25rem; } @@ -6343,26 +6595,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 6rem; } - .md\:ml-12 { - margin-left: 3rem; - } - - .md\:mr-3 { - margin-right: 0.75rem; - } - - .md\:-mr-4 { - margin-right: -1rem; - } - - .md\:-ml-4 { - margin-left: -1rem; - } - - .md\:mr-10 { - margin-right: 2.5rem; - } - .md\:block { display: block; } @@ -6383,16 +6615,20 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } - .md\:h-auto { - height: auto; + .md\:h-10 { + height: 2.5rem; } .md\:h-full { height: 100%; } - .md\:h-10 { - height: 2.5rem; + .md\:h-24 { + height: 6rem; + } + + .md\:h-auto { + height: auto; } .md\:h-96 { @@ -6415,18 +6651,14 @@ Ensure the default browser behavior of the `hidden` attribute. height: 4rem; } - .md\:h-24 { - height: 6rem; + .md\:w-1\/4 { + width: 25%; } .md\:w-1\/2 { width: 50%; } - .md\:w-1\/4 { - width: 25%; - } - .md\:w-auto { width: auto; } @@ -6439,30 +6671,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } - .md\:w-8 { - width: 2rem; + .md\:w-3\/6 { + width: 50%; + } + + .md\:w-10 { + width: 2.5rem; } .md\:w-2\/3 { width: 66.666667%; } - .md\:w-1\/3 { - width: 33.333333%; - } - .md\:w-full { width: 100%; } - .md\:w-5\/12 { - width: 41.666667%; - } - - .md\:w-2\/12 { - width: 16.666667%; - } - .md\:w-11\/12 { width: 91.666667%; } @@ -6471,12 +6695,20 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } - .md\:w-3\/6 { - width: 50%; + .md\:w-1\/3 { + width: 33.333333%; } - .md\:w-10 { - width: 2.5rem; + .md\:w-8 { + width: 2rem; + } + + .md\:w-5\/12 { + width: 41.666667%; + } + + .md\:w-2\/12 { + width: 16.666667%; } .md\:w-7\/12 { @@ -6523,10 +6755,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 28rem; } - .md\:max-w-screen-lg { - max-width: 1024px; - } - .md\:max-w-lg { max-width: 32rem; } @@ -6535,14 +6763,18 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 24rem; } - .md\:max-w-3xl { - max-width: 48rem; - } - .md\:max-w-6xl { max-width: 72rem; } + .md\:max-w-screen-lg { + max-width: 1024px; + } + + .md\:max-w-3xl { + max-width: 48rem; + } + .md\:flex-shrink { flex-shrink: 1; } @@ -6564,14 +6796,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } @@ -6636,6 +6868,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } + .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 * calc(1 - var(--tw-space-x-reverse))); + } + .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); @@ -6648,12 +6886,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(0px * var(--tw-space-y-reverse)); } - .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 * calc(1 - var(--tw-space-x-reverse))); - } - .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); @@ -6720,16 +6952,16 @@ Ensure the default browser behavior of the `hidden` attribute. border-left-width: 1px; } - .md\:border-t { - border-top-width: 1px; + .md\:border-l-0 { + border-left-width: 0px; } .md\:border-r-0 { border-right-width: 0px; } - .md\:border-l-0 { - border-left-width: 0px; + .md\:border-t { + border-top-width: 1px; } .md\:border-solid { @@ -6752,14 +6984,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2rem; } - .md\:p-6 { - padding: 1.5rem; - } - .md\:p-0 { padding: 0px; } + .md\:p-6 { + padding: 1.5rem; + } + .md\:p-10 { padding: 2.5rem; } @@ -6769,16 +7001,51 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 6rem; } + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } + .md\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + .md\:py-0 { padding-top: 0px; padding-bottom: 0px; } + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } + .md\:px-4 { padding-left: 1rem; padding-right: 1rem; @@ -6789,41 +7056,16 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0.75rem; } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; - } - - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - .md\:px-16 { padding-left: 4rem; padding-right: 4rem; } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; - } - - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } - .md\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - .md\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -6834,11 +7076,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.5rem; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - .md\:px-12 { padding-left: 3rem; padding-right: 3rem; @@ -6864,11 +7101,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 2.5rem; } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; - } - .md\:pl-20 { padding-left: 5rem; } @@ -6885,6 +7117,22 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 3rem; } + .md\:pl-16 { + padding-left: 4rem; + } + + .md\:pr-10 { + padding-right: 2.5rem; + } + + .md\:pt-40 { + padding-top: 10rem; + } + + .md\:pb-64 { + padding-bottom: 16rem; + } + .md\:pt-0 { padding-top: 0px; } @@ -6913,14 +7161,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 2rem; } - .md\:pl-16 { - padding-left: 4rem; - } - - .md\:pr-10 { - padding-right: 2.5rem; - } - .md\:pb-20 { padding-bottom: 5rem; } @@ -6937,14 +7177,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 3.5rem; } - .md\:pt-40 { - padding-top: 10rem; - } - - .md\:pb-64 { - padding-bottom: 16rem; - } - .md\:text-left { text-align: left; } @@ -6957,40 +7189,40 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: right; } - .md\:text-\[40px\] { - font-size: 40px; - } - .md\:text-5xl { font-size: 3rem; line-height: 1; } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .md\:text-6xl { font-size: 3.75rem; line-height: 1; } + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .md\:text-\[40px\] { + font-size: 40px; + } + + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -7018,14 +7250,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.375; } - .md\:leading-none { - line-height: 1; - } - .md\:leading-tight { line-height: 1.25; } + .md\:leading-none { + line-height: 1; + } + .md\:tracking-tight { letter-spacing: -0.025em; } @@ -7150,16 +7382,6 @@ Ensure the default browser behavior of the `hidden` attribute. grid-row: span 4 / span 4; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; - } - - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } - .lg\:mx-0 { margin-left: 0px; margin-right: 0px; @@ -7185,17 +7407,19 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + .lg\:mx-8 { margin-left: 2rem; margin-right: 2rem; } - .lg\:mb-20 { - margin-bottom: 5rem; - } - - .lg\:mt-16 { - margin-top: 4rem; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } .lg\:mt-0 { @@ -7230,6 +7454,34 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2rem; } + .lg\:mr-12 { + margin-right: 3rem; + } + + .lg\:mr-8 { + margin-right: 2rem; + } + + .lg\:mt-24 { + margin-top: 6rem; + } + + .lg\:-ml-12 { + margin-left: -3rem; + } + + .lg\:mt-20 { + margin-top: 5rem; + } + + .lg\:mt-10 { + margin-top: 2.5rem; + } + + .lg\:mb-20 { + margin-bottom: 5rem; + } + .lg\:mb-16 { margin-bottom: 4rem; } @@ -7242,18 +7494,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 1rem; } - .lg\:mt-20 { - margin-top: 5rem; - } - .lg\:mt-5 { margin-top: 1.25rem; } - .lg\:mr-12 { - margin-right: 3rem; - } - .lg\:ml-0 { margin-left: 0px; } @@ -7318,20 +7562,8 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } - .lg\:mr-8 { - margin-right: 2rem; - } - - .lg\:mt-24 { - margin-top: 6rem; - } - - .lg\:-ml-12 { - margin-left: -3rem; - } - - .lg\:mt-10 { - margin-top: 2.5rem; + .lg\:mt-16 { + margin-top: 4rem; } .lg\:block { @@ -7358,16 +7590,16 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } - .lg\:h-\[32rem\] { - height: 32rem; + .lg\:h-screen { + height: 100vh; } .lg\:h-full { height: 100%; } - .lg\:h-screen { - height: 100vh; + .lg\:h-\[32rem\] { + height: 32rem; } .lg\:h-10 { @@ -7382,10 +7614,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 3rem; } - .lg\:w-1\/2 { - width: 50%; - } - .lg\:w-1\/4 { width: 25%; } @@ -7414,12 +7642,24 @@ Ensure the default browser behavior of the `hidden` attribute. width: 33.333333%; } + .lg\:w-2\/6 { + width: 33.333333%; + } + + .lg\:w-1\/2 { + width: 50%; + } + .lg\:w-8\/12 { width: 66.666667%; } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:w-screen { + width: 100vw; + } + + .lg\:w-3\/4 { + width: 75%; } .lg\:w-full { @@ -7466,22 +7706,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 3rem; } - .lg\:w-3\/4 { - width: 75%; - } - .lg\:w-4\/6 { width: 66.666667%; } - .lg\:w-screen { - width: 100vw; - } - - .lg\:max-w-4xl { - max-width: 56rem; - } - .lg\:max-w-screen-xl { max-width: 1280px; } @@ -7494,16 +7722,20 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } - .lg\:max-w-lg { - max-width: 32rem; + .lg\:max-w-6xl { + max-width: 72rem; } .lg\:max-w-2xl { max-width: 42rem; } - .lg\:max-w-6xl { - max-width: 72rem; + .lg\:max-w-4xl { + max-width: 56rem; + } + + .lg\:max-w-lg { + max-width: 32rem; } .lg\:max-w-5xl { @@ -7555,18 +7787,22 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .lg\:flex-row { flex-direction: row; } + .lg\:flex-col { + flex-direction: column; + } + .lg\:flex-wrap { flex-wrap: wrap; } @@ -7635,6 +7871,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } + .lg\:rounded-none { + border-radius: 0px; + } + .lg\:border-transparent { border-color: transparent; } @@ -7661,21 +7901,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2rem; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -7691,6 +7921,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 8rem; } + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; @@ -7701,11 +7951,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; - } - .lg\:py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; @@ -7741,11 +7986,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.75rem; } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; - } - .lg\:px-0 { padding-left: 0px; padding-right: 0px; @@ -7756,14 +7996,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } - .lg\:pt-\[120px\] { - padding-top: 120px; - } - - .lg\:pb-\[90px\] { - padding-bottom: 90px; - } - .lg\:pl-12 { padding-left: 3rem; } @@ -7776,10 +8008,38 @@ Ensure the default browser behavior of the `hidden` attribute. padding-top: 0px; } + .lg\:pl-32 { + padding-left: 8rem; + } + .lg\:pr-16 { padding-right: 4rem; } + .lg\:pt-40 { + padding-top: 10rem; + } + + .lg\:pb-40 { + padding-bottom: 10rem; + } + + .lg\:pt-20 { + padding-top: 5rem; + } + + .lg\:pr-20 { + padding-right: 5rem; + } + + .lg\:pt-\[120px\] { + padding-top: 120px; + } + + .lg\:pb-\[90px\] { + padding-bottom: 90px; + } + .lg\:pb-56 { padding-bottom: 14rem; } @@ -7796,10 +8056,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 7rem; } - .lg\:pl-32 { - padding-left: 8rem; - } - .lg\:pl-16 { padding-left: 4rem; } @@ -7856,22 +8112,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 0px; } - .lg\:pt-40 { - padding-top: 10rem; - } - - .lg\:pb-40 { - padding-bottom: 10rem; - } - - .lg\:pt-20 { - padding-top: 5rem; - } - - .lg\:pr-20 { - padding-right: 5rem; - } - .lg\:text-left { text-align: left; } @@ -7880,14 +8120,19 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: right; } + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .lg\:text-5xl { font-size: 3rem; line-height: 1; } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } .lg\:text-sm { @@ -7909,11 +8154,6 @@ Ensure the default browser behavior of the `hidden` attribute. font-size: 40px; } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - .lg\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -7954,22 +8194,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin: auto; } - .xl\:mt-28 { - margin-top: 7rem; - } - - .xl\:ml-1 { - margin-left: 0.25rem; - } - - .xl\:mt-0 { - margin-top: 0px; - } - - .xl\:mb-6 { - margin-bottom: 1.5rem; - } - .xl\:mb-8 { margin-bottom: 2rem; } @@ -7990,6 +8214,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -3rem; } + .xl\:mt-28 { + margin-top: 7rem; + } + + .xl\:ml-1 { + margin-left: 0.25rem; + } + + .xl\:mt-0 { + margin-top: 0px; + } + + .xl\:mb-6 { + margin-bottom: 1.5rem; + } + .xl\:inline { display: inline; } @@ -8022,22 +8262,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 6rem; } - .xl\:max-w-screen-xl { - max-width: 1280px; - } - .xl\:max-w-3xl { max-width: 48rem; } - .xl\:max-w-7xl { - max-width: 80rem; - } - - .xl\:max-w-screen-lg { - max-width: 1024px; - } - .xl\:max-w-6xl { max-width: 72rem; } @@ -8046,6 +8274,18 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 100%; } + .xl\:max-w-screen-xl { + max-width: 1280px; + } + + .xl\:max-w-7xl { + max-width: 80rem; + } + + .xl\:max-w-screen-lg { + max-width: 1024px; + } + .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -8083,26 +8323,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 5rem; } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; - } - - .xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; - } - - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - .xl\:px-0 { padding-left: 0px; padding-right: 0px; @@ -8113,12 +8333,24 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 10rem; } - .xl\:pt-8 { - padding-top: 2rem; + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .xl\:pb-32 { - padding-bottom: 8rem; + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } .xl\:pt-40 { @@ -8145,6 +8377,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } + .xl\:pt-8 { + padding-top: 2rem; + } + + .xl\:pb-32 { + padding-bottom: 8rem; + } + .xl\:text-left { text-align: left; } @@ -8153,10 +8393,6 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: center; } - .xl\:text-\[42px\] { - font-size: 42px; - } - .xl\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -8167,26 +8403,30 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.75rem; } - .xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - .xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } + .xl\:text-\[42px\] { + font-size: 42px; + } + + .xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + .xl\:text-transparent { color: transparent; } diff --git a/public/componets/testimonial/10_testimonial.html b/public/componets/testimonial/10_testimonial.html new file mode 100644 index 0000000..568d550 --- /dev/null +++ b/public/componets/testimonial/10_testimonial.html @@ -0,0 +1,214 @@ + + +
+ + + + + + ++ Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur + praesentium natus sapiente commodi. Aliquid sunt tempore iste + repellendus explicabo dignissimos placeat, autem harum dolore + reprehenderit quis! Quo totam dignissimos earum. +
+++ ++ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ + +
++ ++ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ + +
++ ++ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ + +
++ ++ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ + +
+ ++ ++ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ + +
+++ "Lorem ipsum dolor sit amet consectetur adipisicing elit" +
+ + +