@@ -424,6 +424,51 @@ Ensure the default browser behavior of the `hidden` attribute.
424 --tw-backdrop-saturate: ;
424 --tw-backdrop-saturate: ;
425 --tw-backdrop-sepia: ;
425 --tw-backdrop-sepia: ;
430+@media (min-width: 360px) {
436+@media (min-width: 475px) {
442+@media (min-width: 640px) {
448+@media (min-width: 768px) {
454+@media (min-width: 1024px) {
460+@media (min-width: 1280px) {
466+@media (min-width: 1536px) {
427.pointer-events-none {
472.pointer-events-none {
428 pointer-events: none;
473 pointer-events: none;
@@ -433,52 +478,139 @@ Ensure the default browser behavior of the `hidden` attribute.
433.visible {
478.visible {
434 visibility: visible;
479 visibility: visible;
436.absolute {
484.absolute {
437 position: absolute;
485 position: absolute;
439.relative {
487.relative {
440 position: relative;
488 position: relative;
442.right-0 {
508.right-0 {
443 right: 0px;
509 right: 0px;
446 top: 0px;
515 top: 0px;
448−.z-10 {
517+.bottom-0 {
449− z-index: 10;
518+ bottom: 0px;
452 z-index: 20;
560 z-index: 20;
569+ grid-column: span 3 / span 3;
572+ grid-column: span 2 / span 2;
455 margin: 1rem;
575 margin: 1rem;
458 margin: 2rem;
584 margin: 2rem;
461 margin: -0.5rem;
587 margin: -0.5rem;
464− margin-left: 1rem;
590+ margin: auto;
468− margin-left: 2rem;
593+ margin: 0.25rem;
471−.my-1\.5 {
595+.mx-auto {
472− margin-top: 0.375rem;
596+ margin-left: auto;
473− margin-bottom: 0.375rem;
597+ margin-right: auto;
476 margin-top: 0.25rem;
600 margin-top: 0.25rem;
477 margin-bottom: 0.25rem;
601 margin-bottom: 0.25rem;
604+ margin-top: 0.75rem;
605+ margin-bottom: 0.75rem;
479−.mx-auto {
611+.mx-8 {
480− margin-left: auto;
612+ margin-left: 2rem;
481− margin-right: auto;
613+ margin-right: 2rem;
484 margin-top: 1rem;
616 margin-top: 1rem;
@@ -492,23 +624,43 @@ Ensure the default browser behavior of the `hidden` attribute.
492 margin-top: 1.25rem;
624 margin-top: 1.25rem;
493 margin-bottom: 1.25rem;
625 margin-bottom: 1.25rem;
633+ margin-bottom: auto;
636+ margin-left: -0.25rem;
637+ margin-right: -0.25rem;
640+ margin-left: 0.25rem;
641+ margin-right: 0.25rem;
644+ margin-top: 0.375rem;
645+ margin-bottom: 0.375rem;
496 margin-top: 0.5rem;
648 margin-top: 0.5rem;
498.ml-\[22px\] {
650.ml-\[22px\] {
499 margin-left: 22px;
651 margin-left: 22px;
502− margin-left: 0.25rem;
654+ margin-right: 0.25rem;
505− margin-top: -0.5rem;
657+ margin-left: 2rem;
508 margin-right: 1rem;
660 margin-right: 1rem;
511− margin-left: 1rem;
663+ margin-left: 0.25rem;
514 margin-top: 1rem;
666 margin-top: 1rem;
@@ -516,6 +668,12 @@ Ensure the default browser behavior of the `hidden` attribute.
517 margin-top: 1.25rem;
669 margin-top: 1.25rem;
675+ margin-top: -0.5rem;
520 margin-top: -0.25rem;
678 margin-top: -0.25rem;
@@ -537,15 +695,45 @@ Ensure the default browser behavior of the `hidden` attribute.
538 margin-top: 0.75rem;
696 margin-top: 0.75rem;
541− margin-top: -0.125rem;
544 margin-top: 2.5rem;
699 margin-top: 2.5rem;
547 margin-top: 5rem;
702 margin-top: 5rem;
705+ margin-left: -0.25rem;
708+ margin-right: 0.75rem;
714+ margin-bottom: 0.25rem;
717+ margin-right: 0.5rem;
723+ margin-bottom: -6rem;
726+ margin-bottom: -5rem;
729+ margin-bottom: -4rem;
732+ margin-bottom: 0.5rem;
735+ margin-top: -0.125rem;
550 display: block;
738 display: block;
@@ -570,9 +758,29 @@ Ensure the default browser behavior of the `hidden` attribute.
571 display: none;
759 display: none;
762+ aspect-ratio: 1 / 1;
574 height: 100%;
765 height: 100%;
780+ height: -webkit-fit-content;
781+ height: -moz-fit-content;
782+ height: fit-content;
577 height: 2.5rem;
785 height: 2.5rem;
@@ -582,12 +790,6 @@ Ensure the default browser behavior of the `hidden` attribute.
583 height: 2rem;
791 height: 2rem;
592 height: 0.5rem;
794 height: 0.5rem;
@@ -597,29 +799,142 @@ Ensure the default browser behavior of the `hidden` attribute.
598 height: 1.75rem;
800 height: 1.75rem;
830+ height: -webkit-min-content;
831+ height: -moz-min-content;
832+ height: min-content;
601 width: 100%;
853 width: 100%;
604− width: 2.5rem;
856+ width: -webkit-min-content;
857+ width: -moz-min-content;
607− width: 3rem;
864+ width: 128px;
609.w-\[100vw\] {
866.w-\[100vw\] {
610 width: 100vw;
867 width: 100vw;
613 width: 1.75rem;
879 width: 1.75rem;
915+ width: -webkit-fit-content;
916+ width: -moz-fit-content;
920+ width: -webkit-max-content;
921+ width: -moz-max-content;
615.min-w-0 {
927.min-w-0 {
616 min-width: 0px;
928 min-width: 0px;
618.max-w-md {
933.max-w-md {
619 max-width: 28rem;
934 max-width: 28rem;
621−.max-w-\[256px\] {
936+.max-w-xs {
622− max-width: 256px;
937+ max-width: 20rem;
624.max-w-sm {
939.max-w-sm {
625 max-width: 24rem;
940 max-width: 24rem;
@@ -630,8 +945,26 @@ Ensure the default browser behavior of the `hidden` attribute.
630.max-w-2xl {
945.max-w-2xl {
631 max-width: 42rem;
946 max-width: 42rem;
633−.max-w-xs {
948+.max-w-xl {
634− max-width: 20rem;
967+ max-width: 15rem;
636.flex-shrink-0 {
969.flex-shrink-0 {
637 flex-shrink: 0;
970 flex-shrink: 0;
@@ -642,15 +975,67 @@ Ensure the default browser behavior of the `hidden` attribute.
643 flex-shrink: 1;
976 flex-shrink: 1;
645.flex-grow {
981.flex-grow {
646 flex-grow: 1;
982 flex-grow: 1;
649 flex-grow: 1;
985 flex-grow: 1;
651.border-collapse {
990.border-collapse {
652 border-collapse: collapse;
991 border-collapse: collapse;
993+.origin-bottom-right {
994+ transform-origin: bottom right;
997+ transform-origin: left;
1000+ transform-origin: right;
1003+ transform-origin: top left;
1006+ transform-origin: top right;
1008+.origin-bottom-left {
1009+ transform-origin: bottom left;
1012+ --tw-translate-x: 0px;
1013+ 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));
1016+ --tw-translate-y: 0px;
1017+ 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));
1020+ --tw-translate-x: 25%;
1021+ 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));
1024+ --tw-translate-y: 25%;
1025+ 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));
1027+.-translate-x-1\/4 {
1028+ --tw-translate-x: -25%;
1029+ 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));
1031+.-translate-y-1\/4 {
1032+ --tw-translate-y: -25%;
1033+ 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));
1036+ --tw-rotate: 90deg;
1037+ 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));
654.rotate-45 {
1039.rotate-45 {
655 --tw-rotate: 45deg;
1040 --tw-rotate: 45deg;
656 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));
1041 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));
@@ -659,42 +1044,172 @@ Ensure the default browser behavior of the `hidden` attribute.
659 --tw-rotate: -45deg;
1044 --tw-rotate: -45deg;
660 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));
1045 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));
1050+ 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));
1055+ 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));
662.transform {
1057.transform {
663 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));
1058 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));
1060+@-webkit-keyframes spin {
1063+ transform: rotate(360deg);
1069+ transform: rotate(360deg);
1073+ -webkit-animation: spin 1s linear infinite;
1074+ animation: spin 1s linear infinite;
665.cursor-pointer {
1076.cursor-pointer {
666 cursor: pointer;
1077 cursor: pointer;
668.resize {
1079.resize {
669 resize: both;
1080 resize: both;
1083+ grid-auto-columns: -webkit-min-content;
1084+ grid-auto-columns: min-content;
1087+ grid-auto-columns: minmax(0, 1fr);
1090+ grid-auto-columns: -webkit-max-content;
1091+ grid-auto-columns: max-content;
1094+ grid-auto-flow: row;
1097+ grid-auto-flow: column;
1099+.grid-flow-row-dense {
1100+ grid-auto-flow: row dense;
1102+.grid-flow-col-dense {
1103+ grid-auto-flow: column dense;
1106+ grid-auto-rows: -webkit-min-content;
1107+ grid-auto-rows: min-content;
1110+ grid-auto-rows: auto;
1113+ grid-auto-rows: -webkit-max-content;
1114+ grid-auto-rows: max-content;
671.grid-cols-3 {
1116.grid-cols-3 {
672 grid-template-columns: repeat(3, minmax(0, 1fr));
1117 grid-template-columns: repeat(3, minmax(0, 1fr));
1120+ grid-template-columns: repeat(2, minmax(0, 1fr));
1123+ grid-template-columns: repeat(1, minmax(0, 1fr));
1126+ grid-template-columns: repeat(4, minmax(0, 1fr));
1129+ grid-template-columns: repeat(6, minmax(0, 1fr));
1132+ grid-template-rows: repeat(2, minmax(0, 1fr));
1135+ grid-template-rows: none;
1138+ grid-template-rows: repeat(3, minmax(0, 1fr));
674.flex-col {
1140.flex-col {
675 flex-direction: column;
1141 flex-direction: column;
677.flex-wrap {
1143.flex-wrap {
678 flex-wrap: wrap;
1144 flex-wrap: wrap;
1146+.place-content-center {
1147+ place-content: center;
1149+.place-items-stretch {
1150+ place-items: stretch;
680.content-center {
1152.content-center {
681 align-content: center;
1153 align-content: center;
1156+ align-items: flex-start;
683.items-center {
1158.items-center {
684 align-items: center;
1159 align-items: center;
1162+ justify-content: flex-end;
686.justify-center {
1164.justify-center {
687 justify-content: center;
1165 justify-content: center;
689−.gap-1\.5 {
1167+.justify-between {
690− gap: 0.375rem;
1168+ justify-content: space-between;
692−.gap-1 {
1170+.justify-evenly {
693− gap: 0.25rem;
1171+ justify-content: space-evenly;
1173+.justify-items-center {
1174+ justify-items: center;
1176+.justify-items-stretch {
1177+ justify-items: stretch;
696 gap: 1.25rem;
1180 gap: 1.25rem;
1198+ -moz-column-gap: 1rem;
1202+ -moz-column-gap: 0.25rem;
1203+ column-gap: 0.25rem;
1206+ -moz-column-gap: 0.5rem;
1207+ column-gap: 0.5rem;
1210+ -moz-column-gap: 0.75rem;
1211+ column-gap: 0.75rem;
698.space-y-4 > :not([hidden]) ~ :not([hidden]) {
1213.space-y-4 > :not([hidden]) ~ :not([hidden]) {
699 --tw-space-y-reverse: 0;
1214 --tw-space-y-reverse: 0;
700 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1215 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -720,6 +1235,61 @@ Ensure the default browser behavior of the `hidden` attribute.
720 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1235 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
721 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1236 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1238+.divide-y > :not([hidden]) ~ :not([hidden]) {
1239+ --tw-divide-y-reverse: 0;
1240+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1241+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1243+.divide-x > :not([hidden]) ~ :not([hidden]) {
1244+ --tw-divide-x-reverse: 0;
1245+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
1246+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1248+.divide-gold > :not([hidden]) ~ :not([hidden]) {
1249+ --tw-divide-opacity: 1;
1250+ border-color: rgb(252 211 77 / var(--tw-divide-opacity));
1252+.divide-black > :not([hidden]) ~ :not([hidden]) {
1253+ --tw-divide-opacity: 1;
1254+ border-color: rgb(0 0 0 / var(--tw-divide-opacity));
1256+.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
1257+ --tw-divide-opacity: 1;
1258+ border-color: rgb(31 41 55 / var(--tw-divide-opacity));
1260+.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
1261+ --tw-divide-opacity: 1;
1262+ border-color: rgb(75 85 99 / var(--tw-divide-opacity));
1264+.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
1265+ --tw-divide-opacity: 1;
1266+ border-color: rgb(220 38 38 / var(--tw-divide-opacity));
1268+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
1269+ --tw-divide-opacity: 1;
1270+ border-color: rgb(229 231 235 / var(--tw-divide-opacity));
1272+.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
1273+ --tw-divide-opacity: 1;
1274+ border-color: rgb(156 163 175 / var(--tw-divide-opacity));
1276+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
1277+ --tw-divide-opacity: 1;
1278+ border-color: rgb(209 213 219 / var(--tw-divide-opacity));
1280+.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
1281+ --tw-divide-opacity: 1;
1282+ border-color: rgb(107 114 128 / var(--tw-divide-opacity));
1284+.place-self-center {
1285+ place-self: center;
1288+ align-self: flex-start;
1291+ align-self: center;
723.justify-self-start {
1293.justify-self-start {
724 justify-self: start;
1294 justify-self: start;
@@ -729,12 +1299,22 @@ Ensure the default browser behavior of the `hidden` attribute.
729.overflow-auto {
1299.overflow-auto {
730 overflow: auto;
1300 overflow: auto;
732.overflow-scroll {
1305.overflow-scroll {
733 overflow: scroll;
1306 overflow: scroll;
735.overflow-y-auto {
1308.overflow-y-auto {
736 overflow-y: auto;
1309 overflow-y: auto;
1311+.whitespace-pre-line {
1312+ white-space: pre-line;
1315+ overflow-wrap: normal;
1316+ word-break: normal;
738.break-words {
1318.break-words {
739 overflow-wrap: break-word;
1319 overflow-wrap: break-word;
@@ -744,70 +1324,190 @@ Ensure the default browser behavior of the `hidden` attribute.
744.rounded-md {
1324.rounded-md {
745 border-radius: 0.375rem;
1325 border-radius: 0.375rem;
748− border-radius: 9999px;
750.rounded-lg {
1327.rounded-lg {
751 border-radius: 0.5rem;
1328 border-radius: 0.5rem;
1331+ border-radius: 9999px;
753.rounded {
1333.rounded {
754 border-radius: 0.25rem;
1334 border-radius: 0.25rem;
756.rounded-xl {
1336.rounded-xl {
757 border-radius: 0.75rem;
1337 border-radius: 0.75rem;
1340+ border-radius: 0.125rem;
1343+ border-radius: 1rem;
1346+ border-radius: 1.5rem;
1349+ border-bottom-right-radius: 1rem;
1350+ border-bottom-left-radius: 1rem;
1353+ border-top-left-radius: 1rem;
1354+ border-top-right-radius: 1rem;
1357+ border-top-left-radius: 0.375rem;
1358+ border-top-right-radius: 0.375rem;
1361+ border-bottom-right-radius: 1rem;
1364+ border-bottom-left-radius: 0px;
1367+ border-top-left-radius: 0.5rem;
1370+ border-bottom-right-radius: 0.5rem;
759.border {
1372.border {
760 border-width: 1px;
1373 border-width: 1px;
762.border-4 {
1375.border-4 {
763 border-width: 4px;
1376 border-width: 4px;
1387+.border-\[1\.5px\] {
1388+ border-width: 1.5px;
1391+ border-left-width: 8px;
1394+ border-right-width: 1px;
765.border-b {
1396.border-b {
766 border-bottom-width: 1px;
1397 border-bottom-width: 1px;
1400+ border-left-width: 1px;
768.border-t {
1402.border-t {
769 border-top-width: 1px;
1403 border-top-width: 1px;
1406+ border-bottom-width: 0px;
1409+ border-style: none;
1412+ --tw-border-opacity: 1;
1413+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
1416+ --tw-border-opacity: 1;
1417+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
1420+ --tw-border-opacity: 1;
1421+ border-color: rgb(252 211 77 / var(--tw-border-opacity));
1424+ --tw-border-opacity: 1;
1425+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1428+ --tw-border-opacity: 1;
1429+ border-color: rgb(31 36 60 / var(--tw-border-opacity));
771.border-white {
1431.border-white {
772 --tw-border-opacity: 1;
1432 --tw-border-opacity: 1;
773− border-color: rgb(255 255 255 / var(--tw-border-opacity));
1433+ border-color: rgb(255 255 255 / var(--tw-border-opacity));
1436+ --tw-border-opacity: 1;
1437+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
1440+ --tw-border-opacity: 1;
1441+ border-color: rgb(239 68 68 / var(--tw-border-opacity));
1444+ --tw-border-opacity: 1;
1445+ border-color: rgb(126 106 39 / var(--tw-border-opacity));
1448+ --tw-border-opacity: 1;
1449+ border-color: rgb(202 169 62 / var(--tw-border-opacity));
1452+ --tw-border-opacity: 1;
1453+ border-color: rgb(227 190 69 / var(--tw-border-opacity));
775−.border-black {
1455+.border-gray-800 {
776 --tw-border-opacity: 1;
1456 --tw-border-opacity: 1;
777− border-color: rgb(0 0 0 / var(--tw-border-opacity));
1457+ border-color: rgb(31 41 55 / var(--tw-border-opacity));
779−.border-navy {
1459+.border-gray-600 {
780 --tw-border-opacity: 1;
1460 --tw-border-opacity: 1;
781− border-color: rgb(31 36 60 / var(--tw-border-opacity));
1461+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
783−.border-gold {
1463+.border-gray-200 {
784 --tw-border-opacity: 1;
1464 --tw-border-opacity: 1;
785− border-color: rgb(252 211 77 / var(--tw-border-opacity));
1465+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
787−.bg-gold {
1467+.bg-gray-400 {
788 --tw-bg-opacity: 1;
1468 --tw-bg-opacity: 1;
789− background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1469+ background-color: rgb(156 163 175 / var(--tw-bg-opacity));
1472+ --tw-bg-opacity: 1;
1473+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
791.bg-navy {
1475.bg-navy {
792 --tw-bg-opacity: 1;
1476 --tw-bg-opacity: 1;
793 background-color: rgb(31 36 60 / var(--tw-bg-opacity));
1477 background-color: rgb(31 36 60 / var(--tw-bg-opacity));
795−.bg-black {
1479+.bg-gold {
796 --tw-bg-opacity: 1;
1480 --tw-bg-opacity: 1;
797− background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1481+ background-color: rgb(252 211 77 / var(--tw-bg-opacity));
799−.bg-gray-300 {
1483+.bg-l1-blue {
800 --tw-bg-opacity: 1;
1484 --tw-bg-opacity: 1;
801− background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1485+ background-color: rgb(23 146 199 / var(--tw-bg-opacity));
803−.bg-white {
1487+.bg-l2-green {
804 --tw-bg-opacity: 1;
1488 --tw-bg-opacity: 1;
805− background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1489+ background-color: rgb(23 199 106 / var(--tw-bg-opacity));
1492+ --tw-bg-opacity: 1;
1493+ background-color: rgb(187 0 17 / var(--tw-bg-opacity));
807.bg-orange-gold {
1495.bg-orange-gold {
808 --tw-bg-opacity: 1;
1496 --tw-bg-opacity: 1;
809 background-color: rgb(247 211 146 / var(--tw-bg-opacity));
1497 background-color: rgb(247 211 146 / var(--tw-bg-opacity));
1500+ --tw-bg-opacity: 1;
1501+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1504+ --tw-bg-opacity: 1;
1505+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1508+ --tw-bg-opacity: 1;
1509+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
811.bg-amber-300 {
1511.bg-amber-300 {
812 --tw-bg-opacity: 1;
1512 --tw-bg-opacity: 1;
813 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1513 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
@@ -816,10 +1516,6 @@ Ensure the default browser behavior of the `hidden` attribute.
816 --tw-bg-opacity: 1;
1516 --tw-bg-opacity: 1;
817 background-color: rgb(253 224 71 / var(--tw-bg-opacity));
1517 background-color: rgb(253 224 71 / var(--tw-bg-opacity));
821− background-color: rgb(156 163 175 / var(--tw-bg-opacity));
823.bg-orange-300 {
1519.bg-orange-300 {
824 --tw-bg-opacity: 1;
1520 --tw-bg-opacity: 1;
825 background-color: rgb(253 186 116 / var(--tw-bg-opacity));
1521 background-color: rgb(253 186 116 / var(--tw-bg-opacity));
@@ -844,24 +1540,72 @@ Ensure the default browser behavior of the `hidden` attribute.
844 --tw-bg-opacity: 1;
1540 --tw-bg-opacity: 1;
845 background-color: rgb(253 230 138 / var(--tw-bg-opacity));
1541 background-color: rgb(253 230 138 / var(--tw-bg-opacity));
847−.bg-gray-200 {
1543+.bg-gold-t8 {
848 --tw-bg-opacity: 1;
1544 --tw-bg-opacity: 1;
849− background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1545+ background-color: rgb(254 246 219 / var(--tw-bg-opacity));
851−.p-4 {
1547+.bg-gold-s8 {
852− padding: 1rem;
1548+ --tw-bg-opacity: 1;
1549+ background-color: rgb(50 42 15 / var(--tw-bg-opacity));
854−.p-2 {
1551+.bg-gold-s4 {
855− padding: 0.5rem;
1552+ --tw-bg-opacity: 1;
1553+ background-color: rgb(151 127 46 / var(--tw-bg-opacity));
857−.p-6 {
1555+.bg-gold-t1 {
858− padding: 1.5rem;
1556+ --tw-bg-opacity: 1;
1557+ background-color: rgb(252 215 95 / var(--tw-bg-opacity));
860−.p-8 {
1559+.bg-gold-t2 {
861− padding: 2rem;
1560+ --tw-bg-opacity: 1;
1561+ background-color: rgb(253 220 113 / var(--tw-bg-opacity));
863−.p-3 {
1563+.bg-gold-s2 {
864− padding: 0.75rem;
1564+ --tw-bg-opacity: 1;
1565+ background-color: rgb(202 169 62 / var(--tw-bg-opacity));
1568+ --tw-bg-opacity: 1;
1569+ background-color: rgb(227 190 69 / var(--tw-bg-opacity));
1572+ --tw-bg-opacity: 1;
1573+ background-color: rgb(30 64 175 / var(--tw-bg-opacity));
1576+ --tw-bg-opacity: 1;
1577+ background-color: rgb(20 83 45 / var(--tw-bg-opacity));
1580+ --tw-bg-opacity: 1;
1581+ background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1584+ --tw-bg-opacity: 1;
1585+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
1588+ --tw-bg-opacity: 1;
1589+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
1592+ --tw-bg-opacity: 1;
1593+ background-color: rgb(254 202 202 / var(--tw-bg-opacity));
1596+ --tw-bg-opacity: 1;
1597+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1600+ --tw-bg-opacity: 1;
1601+ background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1607+ -o-object-fit: cover;
867 padding: 0.25rem;
1611 padding: 0.25rem;
@@ -869,14 +1613,50 @@ Ensure the default browser behavior of the `hidden` attribute.
870 padding: 1.25rem;
1614 padding: 1.25rem;
872−.py-0\.5 {
1616+.p-4 {
873− padding-top: 0.125rem;
1620+ padding: 2rem;
874− padding-bottom: 0.125rem;
1626+ padding: 0.5rem;
877 padding-left: 0.5rem;
1641 padding-left: 0.5rem;
878 padding-right: 0.5rem;
1642 padding-right: 0.5rem;
1645+ padding-top: 0.25rem;
1646+ padding-bottom: 0.25rem;
1649+ padding-left: 1rem;
1650+ padding-right: 1rem;
1653+ padding-left: 0.125rem;
1654+ padding-right: 0.125rem;
1658+ padding-right: 0px;
881 padding-top: 0px;
1661 padding-top: 0px;
882 padding-bottom: 0px;
1662 padding-bottom: 0px;
@@ -889,26 +1669,37 @@ Ensure the default browser behavior of the `hidden` attribute.
889 padding-top: 0.5rem;
1669 padding-top: 0.5rem;
890 padding-bottom: 0.5rem;
1670 padding-bottom: 0.5rem;
892−.px-0\.5 {
1672+.px-6 {
893− padding-left: 0.125rem;
1673+ padding-left: 1.5rem;
894− padding-right: 0.125rem;
1674+ padding-right: 1.5rem;
1678+ padding-bottom: 2rem;
897− padding-left: 0px;
1681+ padding-left: 2rem;
898− padding-right: 0px;
1682+ padding-right: 2rem;
901 padding-left: 0.75rem;
1685 padding-left: 0.75rem;
902 padding-right: 0.75rem;
1686 padding-right: 0.75rem;
905− padding-top: 0.25rem;
906− padding-bottom: 0.25rem;
909 padding-left: 0.25rem;
1689 padding-left: 0.25rem;
910 padding-right: 0.25rem;
1690 padding-right: 0.25rem;
1693+ padding-left: 0.375rem;
1694+ padding-right: 0.375rem;
1697+ padding-top: 0.125rem;
1698+ padding-bottom: 0.125rem;
1701+ padding-top: 2.5rem;
913 padding-bottom: 2rem;
1704 padding-bottom: 2rem;
@@ -930,9 +1721,6 @@ Ensure the default browser behavior of the `hidden` attribute.
931 padding-top: 5rem;
1722 padding-top: 5rem;
934− padding-top: 2.5rem;
936.text-center {
1724.text-center {
937 text-align: center;
1725 text-align: center;
@@ -957,9 +1745,13 @@ Ensure the default browser behavior of the `hidden` attribute.
957.font-mono {
1745.font-mono {
958 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1746 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
960−.text-3xl {
1748+.text-sm {
961− font-size: 1.875rem;
1749+ font-size: 0.875rem;
962− line-height: 2.25rem;
1750+ line-height: 1.25rem;
1753+ font-size: 1.25rem;
1754+ line-height: 1.75rem;
964.text-2xl {
1756.text-2xl {
965 font-size: 1.5rem;
1757 font-size: 1.5rem;
@@ -969,13 +1761,9 @@ Ensure the default browser behavior of the `hidden` attribute.
969 font-size: 1.125rem;
1761 font-size: 1.125rem;
970 line-height: 1.75rem;
1762 line-height: 1.75rem;
972−.text-sm {
1764+.text-3xl {
973− font-size: 0.875rem;
1765+ font-size: 1.875rem;
974− line-height: 1.25rem;
1766+ line-height: 2.25rem;
978− line-height: 1.75rem;
980.text-base {
1768.text-base {
981 font-size: 1rem;
1769 font-size: 1rem;
@@ -984,6 +1772,9 @@ Ensure the default browser behavior of the `hidden` attribute.
984.font-bold {
1772.font-bold {
985 font-weight: 700;
1773 font-weight: 700;
1776+ text-transform: capitalize;
987.leading-4 {
1778.leading-4 {
988 line-height: 1rem;
1779 line-height: 1rem;
@@ -993,25 +1784,39 @@ Ensure the default browser behavior of the `hidden` attribute.
993.leading-3 {
1784.leading-3 {
994 line-height: .75rem;
1785 line-height: .75rem;
1788+ line-height: 1.25rem;
996−.text-gray-700 {
1793+.text-gray-600 {
997 --tw-text-opacity: 1;
1794 --tw-text-opacity: 1;
998− color: rgb(55 65 81 / var(--tw-text-opacity));
1795+ color: rgb(75 85 99 / var(--tw-text-opacity));
1000−.text-green-600 {
1797+.text-white {
1001 --tw-text-opacity: 1;
1798 --tw-text-opacity: 1;
1002− color: rgb(22 163 74 / var(--tw-text-opacity));
1799+ color: rgb(255 255 255 / var(--tw-text-opacity));
1004.text-gray-800 {
1801.text-gray-800 {
1005 --tw-text-opacity: 1;
1802 --tw-text-opacity: 1;
1006 color: rgb(31 41 55 / var(--tw-text-opacity));
1803 color: rgb(31 41 55 / var(--tw-text-opacity));
1008−.text-gray-500 {
1805+.text-gray-700 {
1009 --tw-text-opacity: 1;
1806 --tw-text-opacity: 1;
1010− color: rgb(107 114 128 / var(--tw-text-opacity));
1807+ color: rgb(55 65 81 / var(--tw-text-opacity));
1012−.text-gray-600 {
1809+.text-black {
1013 --tw-text-opacity: 1;
1810 --tw-text-opacity: 1;
1811+ color: rgb(0 0 0 / var(--tw-text-opacity));
1814+ --tw-text-opacity: 1;
1815+ color: rgb(22 163 74 / var(--tw-text-opacity));
1818+ --tw-text-opacity: 1;
1014− color: rgb(75 85 99 / var(--tw-text-opacity));
1819+ color: rgb(107 114 128 / var(--tw-text-opacity));
1016.text-green-500 {
1821.text-green-500 {
1017 --tw-text-opacity: 1;
1822 --tw-text-opacity: 1;
@@ -1021,10 +1826,6 @@ Ensure the default browser behavior of the `hidden` attribute.
1021 --tw-text-opacity: 1;
1826 --tw-text-opacity: 1;
1022 color: rgb(21 128 61 / var(--tw-text-opacity));
1827 color: rgb(21 128 61 / var(--tw-text-opacity));
1025− --tw-text-opacity: 1;
1026− color: rgb(255 255 255 / var(--tw-text-opacity));
1028.text-gray-400 {
1829.text-gray-400 {
1029 --tw-text-opacity: 1;
1830 --tw-text-opacity: 1;
1030 color: rgb(156 163 175 / var(--tw-text-opacity));
1831 color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -1033,6 +1834,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1033 --tw-text-opacity: 1;
1834 --tw-text-opacity: 1;
1034 color: rgb(252 211 77 / var(--tw-text-opacity));
1835 color: rgb(252 211 77 / var(--tw-text-opacity));
1838+ --tw-text-opacity: 1;
1839+ color: rgb(209 213 219 / var(--tw-text-opacity));
1036.underline {
1841.underline {
1037 -webkit-text-decoration-line: underline;
1842 -webkit-text-decoration-line: underline;
1038 text-decoration-line: underline;
1843 text-decoration-line: underline;
@@ -1044,35 +1849,95 @@ Ensure the default browser behavior of the `hidden` attribute.
1044.underline-offset-2 {
1849.underline-offset-2 {
1045 text-underline-offset: 2px;
1850 text-underline-offset: 2px;
1047.opacity-50 {
1858.opacity-50 {
1048 opacity: 0.5;
1859 opacity: 0.5;
1050.opacity-10 {
1861.opacity-10 {
1051 opacity: 0.1;
1862 opacity: 0.1;
1053.outline {
1876.outline {
1054 outline-style: solid;
1877 outline-style: solid;
1880+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1881+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1882+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1885+ --tw-blur: blur(8px);
1886+ 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);
1889+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
1890+ 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);
1893+ --tw-sepia: sepia(100%);
1894+ 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);
1056.filter {
1896.filter {
1057 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);
1897 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);
1900+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1901+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1902+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1903+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1904+ transition-duration: 150ms;
1059.transition-opacity {
1906.transition-opacity {
1060 transition-property: opacity;
1907 transition-property: opacity;
1061 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1908 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1062 transition-duration: 150ms;
1909 transition-duration: 150ms;
1064−.last\:border-none:last-child {
1911+.transition-transform {
1065− border-style: none;
1912+ transition-property: transform;
1913+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1914+ transition-duration: 150ms;
1917+ transition-property: all;
1918+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1919+ transition-duration: 150ms;
1922+ transition-duration: 150ms;
1067−.hover\:bg-gray-300:hover {
1924+.hover\:bg-gray-200:hover {
1068 --tw-bg-opacity: 1;
1925 --tw-bg-opacity: 1;
1069− background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1926+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1071−.hover\:opacity-40:hover {
1928+.hover\:opacity-80:hover {
1072− opacity: 0.4;
1929+ opacity: 0.8;
1074@media (min-width: 360px) {
1931@media (min-width: 360px) {
1933+ .\32xs\:-bottom-3\.5 {
1937+ .\32xs\:-bottom-3 {
1076 .\32xs\:m-8 {
1941 .\32xs\:m-8 {
1077 margin: 2rem;
1942 margin: 2rem;
@@ -1082,11 +1947,75 @@ Ensure the default browser behavior of the `hidden` attribute.
1082 margin-right: 2rem;
1947 margin-right: 2rem;
1950+ .\32xs\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
1951+ --tw-space-y-reverse: 0;
1952+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1953+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1085 .\32xs\:py-8 {
1960 .\32xs\:py-8 {
1086 padding-top: 2rem;
1961 padding-top: 2rem;
1087 padding-bottom: 2rem;
1962 padding-bottom: 2rem;
1965+@media (min-width: 475px) {
1976+ margin-bottom: 0.25rem;
1979+ .xs\:max-w-\[18rem\] {
1983+ .xs\:max-w-\[8rem\] {
1988+ flex-direction: row;
1992+ flex-direction: column;
1995+ .xs\:items-center {
1996+ align-items: center;
1999+ .xs\:self-stretch {
2000+ align-self: stretch;
2003+ .xs\:rounded-bl-2xl {
2004+ border-bottom-left-radius: 1rem;
2007+ .xs\:rounded-bl-none {
2008+ border-bottom-left-radius: 0px;
2012+ border-left-width: 1px;
2016+ border-top-width: 0px;
1090@media (min-width: 768px) {
2019@media (min-width: 768px) {
1092 .md\:mx-auto {
2021 .md\:mx-auto {
@@ -1094,6 +2023,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1094 margin-right: auto;
2023 margin-right: auto;
1097 .md\:min-w-\[256px\] {
2030 .md\:min-w-\[256px\] {
1098 min-width: 256px;
2031 min-width: 256px;
@@ -1110,6 +2043,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1110 flex-direction: row;
2043 flex-direction: row;
1113 .md\:items-start {
2050 .md\:items-start {
1114 align-items: flex-start;
2051 align-items: flex-start;