@@ -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,76 +478,205 @@ 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: 2rem;
590+ margin: auto;
465− margin-right: 2rem;
593+ margin: 0.25rem;
467.mx-auto {
595.mx-auto {
468 margin-left: auto;
596 margin-left: auto;
469 margin-right: auto;
597 margin-right: auto;
600+ margin-top: 0.25rem;
601+ margin-bottom: 0.25rem;
604+ margin-top: 0.75rem;
605+ margin-bottom: 0.75rem;
472 margin-left: 1rem;
608 margin-left: 1rem;
473 margin-right: 1rem;
609 margin-right: 1rem;
476 margin-top: 1rem;
616 margin-top: 1rem;
477 margin-bottom: 1rem;
617 margin-bottom: 1rem;
621+ margin-bottom: 0.5rem;
624+ margin-top: 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;
480 margin-top: 0.5rem;
648 margin-top: 0.5rem;
482.ml-\[22px\] {
650.ml-\[22px\] {
483 margin-left: 22px;
651 margin-left: 22px;
486− margin-left: 0.25rem;
654+ margin-right: 0.25rem;
489− margin-top: -0.5rem;
657+ margin-left: 2rem;
492 margin-right: 1rem;
660 margin-right: 1rem;
663+ margin-left: 0.25rem;
669+ margin-top: 1.25rem;
495 margin-left: 1rem;
672 margin-left: 1rem;
497−.-mt-1\.5 {
674+.-mt-2 {
498− margin-top: -0.375rem;
675+ margin-top: -0.5rem;
501 margin-top: -0.25rem;
678 margin-top: -0.25rem;
507 margin-left: 0.75rem;
681 margin-left: 0.75rem;
@@ -515,12 +689,51 @@ Ensure the default browser behavior of the `hidden` attribute.
516 margin-left: 0.5rem;
690 margin-left: 0.5rem;
519− margin-top: -0.125rem;
522 margin-top: -0px;
693 margin-top: -0px;
696+ margin-top: 0.75rem;
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;
525 display: block;
738 display: block;
@@ -545,9 +758,29 @@ Ensure the default browser behavior of the `hidden` attribute.
546 display: none;
759 display: none;
762+ aspect-ratio: 1 / 1;
549 height: 100%;
765 height: 100%;
780+ height: -webkit-fit-content;
781+ height: -moz-fit-content;
782+ height: fit-content;
552 height: 2.5rem;
785 height: 2.5rem;
@@ -557,12 +790,6 @@ Ensure the default browser behavior of the `hidden` attribute.
558 height: 2rem;
791 height: 2rem;
567 height: 0.5rem;
794 height: 0.5rem;
@@ -572,29 +799,142 @@ Ensure the default browser behavior of the `hidden` attribute.
573 height: 1.75rem;
800 height: 1.75rem;
576− width: 2.5rem;
809+ height: 5rem;
830+ height: -webkit-min-content;
831+ height: -moz-min-content;
832+ height: min-content;
579 width: 100%;
853 width: 100%;
856+ width: -webkit-min-content;
857+ width: -moz-min-content;
582− width: 3rem;
864+ width: 128px;
584.w-\[100vw\] {
866.w-\[100vw\] {
585 width: 100vw;
867 width: 100vw;
588 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;
590.min-w-0 {
927.min-w-0 {
591 min-width: 0px;
928 min-width: 0px;
593.max-w-md {
933.max-w-md {
594 max-width: 28rem;
934 max-width: 28rem;
596−.max-w-\[256px\] {
936+.max-w-xs {
597− max-width: 256px;
937+ max-width: 20rem;
599.max-w-sm {
939.max-w-sm {
600 max-width: 24rem;
940 max-width: 24rem;
@@ -605,6 +945,27 @@ Ensure the default browser behavior of the `hidden` attribute.
605.max-w-2xl {
945.max-w-2xl {
606 max-width: 42rem;
946 max-width: 42rem;
608.flex-shrink-0 {
969.flex-shrink-0 {
609 flex-shrink: 0;
970 flex-shrink: 0;
@@ -614,15 +975,67 @@ Ensure the default browser behavior of the `hidden` attribute.
615 flex-shrink: 1;
976 flex-shrink: 1;
617.flex-grow {
981.flex-grow {
618 flex-grow: 1;
982 flex-grow: 1;
621 flex-grow: 1;
985 flex-grow: 1;
623.border-collapse {
990.border-collapse {
624 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));
626.rotate-45 {
1039.rotate-45 {
627 --tw-rotate: 45deg;
1040 --tw-rotate: 45deg;
628 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));
@@ -631,53 +1044,187 @@ Ensure the default browser behavior of the `hidden` attribute.
631 --tw-rotate: -45deg;
1044 --tw-rotate: -45deg;
632 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));
634.transform {
1057.transform {
635 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;
637.cursor-pointer {
1076.cursor-pointer {
638 cursor: pointer;
1077 cursor: pointer;
640.resize {
1079.resize {
641 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;
643.grid-cols-3 {
1116.grid-cols-3 {
644 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));
646.flex-col {
1140.flex-col {
647 flex-direction: column;
1141 flex-direction: column;
649.flex-wrap {
1143.flex-wrap {
650 flex-wrap: wrap;
1144 flex-wrap: wrap;
1146+.place-content-center {
1147+ place-content: center;
1149+.place-items-stretch {
1150+ place-items: stretch;
652.content-center {
1152.content-center {
653 align-content: center;
1153 align-content: center;
1156+ align-items: flex-start;
655.items-center {
1158.items-center {
656 align-items: center;
1159 align-items: center;
1162+ justify-content: flex-end;
658.justify-center {
1164.justify-center {
659 justify-content: center;
1165 justify-content: center;
1168+ justify-content: space-between;
1171+ justify-content: space-evenly;
1173+.justify-items-center {
1174+ justify-items: center;
1176+.justify-items-stretch {
1177+ justify-items: stretch;
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;
661.space-y-4 > :not([hidden]) ~ :not([hidden]) {
1213.space-y-4 > :not([hidden]) ~ :not([hidden]) {
662 --tw-space-y-reverse: 0;
1214 --tw-space-y-reverse: 0;
663 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1215 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
664 margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1216 margin-bottom: calc(1rem * var(--tw-space-y-reverse));
666−.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1218+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
667 --tw-space-y-reverse: 0;
1219 --tw-space-y-reverse: 0;
668− margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1220+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
669− margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1221+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
671.space-y-1 > :not([hidden]) ~ :not([hidden]) {
1223.space-y-1 > :not([hidden]) ~ :not([hidden]) {
672 --tw-space-y-reverse: 0;
1224 --tw-space-y-reverse: 0;
673 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1225 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
674 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1226 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
676−.space-y-8 > :not([hidden]) ~ :not([hidden]) {
677− --tw-space-y-reverse: 0;
678− margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
679− margin-bottom: calc(2rem * var(--tw-space-y-reverse));
681.space-x-3 > :not([hidden]) ~ :not([hidden]) {
1228.space-x-3 > :not([hidden]) ~ :not([hidden]) {
682 --tw-space-x-reverse: 0;
1229 --tw-space-x-reverse: 0;
683 margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1230 margin-right: calc(0.75rem * var(--tw-space-x-reverse));
@@ -688,6 +1235,61 @@ Ensure the default browser behavior of the `hidden` attribute.
688 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)));
689 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;
691.justify-self-start {
1293.justify-self-start {
692 justify-self: start;
1294 justify-self: start;
@@ -697,35 +1299,134 @@ Ensure the default browser behavior of the `hidden` attribute.
697.overflow-auto {
1299.overflow-auto {
698 overflow: auto;
1300 overflow: auto;
700.overflow-scroll {
1305.overflow-scroll {
701 overflow: scroll;
1306 overflow: scroll;
703.overflow-y-auto {
1308.overflow-y-auto {
704 overflow-y: auto;
1309 overflow-y: auto;
1311+.whitespace-pre-line {
1312+ white-space: pre-line;
1315+ overflow-wrap: normal;
1316+ word-break: normal;
706.break-words {
1318.break-words {
707 overflow-wrap: break-word;
1319 overflow-wrap: break-word;
709.break-all {
1321.break-all {
710 word-break: break-all;
1322 word-break: break-all;
713− border-radius: 0.5rem;
715.rounded-md {
1324.rounded-md {
716 border-radius: 0.375rem;
1325 border-radius: 0.375rem;
1328+ border-radius: 0.5rem;
718.rounded-full {
1330.rounded-full {
719 border-radius: 9999px;
1331 border-radius: 9999px;
721.rounded {
1333.rounded {
722 border-radius: 0.25rem;
1334 border-radius: 0.25rem;
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;
724−.border {
1372+.border {
725− border-width: 1px;
1373+ border-width: 1px;
1387+.border-\[1\.5px\] {
1388+ border-width: 1.5px;
1391+ border-left-width: 8px;
1394+ border-right-width: 1px;
1397+ border-bottom-width: 1px;
1400+ border-left-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));
727−.border-b {
1427+.border-navy {
728− border-bottom-width: 1px;
1428+ --tw-border-opacity: 1;
1429+ border-color: rgb(31 36 60 / var(--tw-border-opacity));
730.border-white {
1431.border-white {
731 --tw-border-opacity: 1;
1432 --tw-border-opacity: 1;
@@ -735,34 +1436,78 @@ Ensure the default browser behavior of the `hidden` attribute.
735 --tw-border-opacity: 1;
1436 --tw-border-opacity: 1;
736 border-color: rgb(0 0 0 / var(--tw-border-opacity));
1437 border-color: rgb(0 0 0 / var(--tw-border-opacity));
738−.border-navy {
1439+.border-red-500 {
739 --tw-border-opacity: 1;
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));
1456+ --tw-border-opacity: 1;
740− border-color: rgb(31 36 60 / var(--tw-border-opacity));
1457+ border-color: rgb(31 41 55 / var(--tw-border-opacity));
1460+ --tw-border-opacity: 1;
1461+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
1464+ --tw-border-opacity: 1;
1465+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
1468+ --tw-bg-opacity: 1;
1469+ background-color: rgb(156 163 175 / var(--tw-bg-opacity));
742.bg-white {
1471.bg-white {
743 --tw-bg-opacity: 1;
1472 --tw-bg-opacity: 1;
744 background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1473 background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1476+ --tw-bg-opacity: 1;
1477+ background-color: rgb(31 36 60 / var(--tw-bg-opacity));
746.bg-gold {
1479.bg-gold {
747 --tw-bg-opacity: 1;
1480 --tw-bg-opacity: 1;
748 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1481 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
750−.bg-navy {
1483+.bg-l1-blue {
751 --tw-bg-opacity: 1;
1484 --tw-bg-opacity: 1;
752− background-color: rgb(31 36 60 / var(--tw-bg-opacity));
1485+ background-color: rgb(23 146 199 / var(--tw-bg-opacity));
754−.bg-black {
1487+.bg-l2-green {
755 --tw-bg-opacity: 1;
1488 --tw-bg-opacity: 1;
756− background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1489+ background-color: rgb(23 199 106 / var(--tw-bg-opacity));
758−.bg-gray-300 {
1491+.bg-you {
759 --tw-bg-opacity: 1;
1492 --tw-bg-opacity: 1;
760− background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1493+ background-color: rgb(187 0 17 / var(--tw-bg-opacity));
762.bg-orange-gold {
1495.bg-orange-gold {
763 --tw-bg-opacity: 1;
1496 --tw-bg-opacity: 1;
764 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));
766.bg-amber-300 {
1511.bg-amber-300 {
767 --tw-bg-opacity: 1;
1512 --tw-bg-opacity: 1;
768 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
1513 background-color: rgb(252 211 77 / var(--tw-bg-opacity));
@@ -771,10 +1516,6 @@ Ensure the default browser behavior of the `hidden` attribute.
771 --tw-bg-opacity: 1;
1516 --tw-bg-opacity: 1;
772 background-color: rgb(253 224 71 / var(--tw-bg-opacity));
1517 background-color: rgb(253 224 71 / var(--tw-bg-opacity));
776− background-color: rgb(156 163 175 / var(--tw-bg-opacity));
778.bg-orange-300 {
1519.bg-orange-300 {
779 --tw-bg-opacity: 1;
1520 --tw-bg-opacity: 1;
780 background-color: rgb(253 186 116 / var(--tw-bg-opacity));
1521 background-color: rgb(253 186 116 / var(--tw-bg-opacity));
@@ -799,39 +1540,114 @@ Ensure the default browser behavior of the `hidden` attribute.
799 --tw-bg-opacity: 1;
1540 --tw-bg-opacity: 1;
800 background-color: rgb(253 230 138 / var(--tw-bg-opacity));
1541 background-color: rgb(253 230 138 / var(--tw-bg-opacity));
1544+ --tw-bg-opacity: 1;
1545+ background-color: rgb(254 246 219 / var(--tw-bg-opacity));
1548+ --tw-bg-opacity: 1;
1549+ background-color: rgb(50 42 15 / var(--tw-bg-opacity));
1552+ --tw-bg-opacity: 1;
1553+ background-color: rgb(151 127 46 / var(--tw-bg-opacity));
1556+ --tw-bg-opacity: 1;
1557+ background-color: rgb(252 215 95 / var(--tw-bg-opacity));
1560+ --tw-bg-opacity: 1;
1561+ background-color: rgb(253 220 113 / var(--tw-bg-opacity));
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;
803− padding: 2rem;
1611+ padding: 0.25rem;
806 padding: 1rem;
1617 padding: 1rem;
809 padding: 0.5rem;
1626 padding: 0.5rem;
812 padding: 1.5rem;
1629 padding: 1.5rem;
815− padding: 0.75rem;
1632+ padding: 0px;
817−.p-1 {
1634+.p-\[3px\] {
818− padding: 0.25rem;
1635+ padding: 3px;
820−.py-0\.5 {
1637+.p-\[4px\] {
821− padding-top: 0.125rem;
1638+ padding: 4px;
822− padding-bottom: 0.125rem;
825 padding-left: 0.5rem;
1641 padding-left: 0.5rem;
826 padding-right: 0.5rem;
1642 padding-right: 0.5rem;
829− padding-top: 0px;
1645+ padding-top: 0.25rem;
830− padding-bottom: 0px;
1646+ padding-bottom: 0.25rem;
833− padding-top: 0.5rem;
1649+ padding-left: 1rem;
834− padding-bottom: 0.5rem;
1650+ padding-right: 1rem;
836.px-0\.5 {
1652.px-0\.5 {
837 padding-left: 0.125rem;
1653 padding-left: 0.125rem;
@@ -841,21 +1657,48 @@ Ensure the default browser behavior of the `hidden` attribute.
841 padding-left: 0px;
1657 padding-left: 0px;
842 padding-right: 0px;
1658 padding-right: 0px;
1662+ padding-bottom: 0px;
1666+ padding-bottom: 1rem;
1669+ padding-top: 0.5rem;
1670+ padding-bottom: 0.5rem;
1673+ padding-left: 1.5rem;
1674+ padding-right: 1.5rem;
1678+ padding-bottom: 2rem;
1681+ padding-left: 2rem;
1682+ padding-right: 2rem;
845 padding-left: 0.75rem;
1685 padding-left: 0.75rem;
846 padding-right: 0.75rem;
1686 padding-right: 0.75rem;
849− padding-top: 0.25rem;
850− padding-bottom: 0.25rem;
853 padding-left: 0.25rem;
1689 padding-left: 0.25rem;
854 padding-right: 0.25rem;
1690 padding-right: 0.25rem;
1693+ padding-left: 0.375rem;
1694+ padding-right: 0.375rem;
856−.py-4 {
1696+.py-0\.5 {
857− padding-top: 1rem;
1697+ padding-top: 0.125rem;
858− padding-bottom: 1rem;
1698+ padding-bottom: 0.125rem;
1701+ padding-top: 2.5rem;
861 padding-bottom: 2rem;
1704 padding-bottom: 2rem;
@@ -872,6 +1715,12 @@ Ensure the default browser behavior of the `hidden` attribute.
873 padding-top: 0px;
1716 padding-top: 0px;
1719+ padding-left: 1.25rem;
875.text-center {
1724.text-center {
876 text-align: center;
1725 text-align: center;
@@ -896,14 +1745,14 @@ Ensure the default browser behavior of the `hidden` attribute.
896.font-mono {
1745.font-mono {
897 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;
1749+ font-size: 0.875rem;
1750+ line-height: 1.25rem;
899.text-xl {
1752.text-xl {
900 font-size: 1.25rem;
1753 font-size: 1.25rem;
901 line-height: 1.75rem;
1754 line-height: 1.75rem;
904− font-size: 1.875rem;
905− line-height: 2.25rem;
907.text-2xl {
1756.text-2xl {
908 font-size: 1.5rem;
1757 font-size: 1.5rem;
909 line-height: 2rem;
1758 line-height: 2rem;
@@ -912,9 +1761,9 @@ Ensure the default browser behavior of the `hidden` attribute.
912 font-size: 1.125rem;
1761 font-size: 1.125rem;
913 line-height: 1.75rem;
1762 line-height: 1.75rem;
915−.text-sm {
1764+.text-3xl {
916− font-size: 0.875rem;
1765+ font-size: 1.875rem;
917− line-height: 1.25rem;
1766+ line-height: 2.25rem;
919.text-base {
1768.text-base {
920 font-size: 1rem;
1769 font-size: 1rem;
@@ -923,6 +1772,9 @@ Ensure the default browser behavior of the `hidden` attribute.
923.font-bold {
1772.font-bold {
924 font-weight: 700;
1773 font-weight: 700;
1776+ text-transform: capitalize;
926.leading-4 {
1778.leading-4 {
927 line-height: 1rem;
1779 line-height: 1rem;
@@ -932,25 +1784,39 @@ Ensure the default browser behavior of the `hidden` attribute.
932.leading-3 {
1784.leading-3 {
933 line-height: .75rem;
1785 line-height: .75rem;
1788+ line-height: 1.25rem;
935−.text-gray-700 {
1793+.text-gray-600 {
936 --tw-text-opacity: 1;
1794 --tw-text-opacity: 1;
937− color: rgb(55 65 81 / var(--tw-text-opacity));
1795+ color: rgb(75 85 99 / var(--tw-text-opacity));
939−.text-green-600 {
1797+.text-white {
940 --tw-text-opacity: 1;
1798 --tw-text-opacity: 1;
941− color: rgb(22 163 74 / var(--tw-text-opacity));
1799+ color: rgb(255 255 255 / var(--tw-text-opacity));
943.text-gray-800 {
1801.text-gray-800 {
944 --tw-text-opacity: 1;
1802 --tw-text-opacity: 1;
945 color: rgb(31 41 55 / var(--tw-text-opacity));
1803 color: rgb(31 41 55 / var(--tw-text-opacity));
947−.text-gray-500 {
1805+.text-gray-700 {
948 --tw-text-opacity: 1;
1806 --tw-text-opacity: 1;
949− color: rgb(107 114 128 / var(--tw-text-opacity));
1807+ color: rgb(55 65 81 / var(--tw-text-opacity));
951−.text-gray-600 {
1809+.text-black {
952 --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;
953− color: rgb(75 85 99 / var(--tw-text-opacity));
1819+ color: rgb(107 114 128 / var(--tw-text-opacity));
955.text-green-500 {
1821.text-green-500 {
956 --tw-text-opacity: 1;
1822 --tw-text-opacity: 1;
@@ -960,10 +1826,6 @@ Ensure the default browser behavior of the `hidden` attribute.
960 --tw-text-opacity: 1;
1826 --tw-text-opacity: 1;
961 color: rgb(21 128 61 / var(--tw-text-opacity));
1827 color: rgb(21 128 61 / var(--tw-text-opacity));
964− --tw-text-opacity: 1;
965− color: rgb(255 255 255 / var(--tw-text-opacity));
967.text-gray-400 {
1829.text-gray-400 {
968 --tw-text-opacity: 1;
1830 --tw-text-opacity: 1;
969 color: rgb(156 163 175 / var(--tw-text-opacity));
1831 color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -972,35 +1834,110 @@ Ensure the default browser behavior of the `hidden` attribute.
972 --tw-text-opacity: 1;
1834 --tw-text-opacity: 1;
973 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));
975.underline {
1841.underline {
976 -webkit-text-decoration-line: underline;
1842 -webkit-text-decoration-line: underline;
977 text-decoration-line: underline;
1843 text-decoration-line: underline;
1846+ -webkit-text-decoration-line: none;
1847+ text-decoration-line: none;
1849+.underline-offset-2 {
1850+ text-underline-offset: 2px;
979.opacity-50 {
1858.opacity-50 {
980 opacity: 0.5;
1859 opacity: 0.5;
982.opacity-10 {
1861.opacity-10 {
983 opacity: 0.1;
1862 opacity: 0.1;
985.outline {
1876.outline {
986 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);
988.filter {
1896.filter {
989 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;
991.transition-opacity {
1906.transition-opacity {
992 transition-property: opacity;
1907 transition-property: opacity;
993 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1908 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
994 transition-duration: 150ms;
1909 transition-duration: 150ms;
996−.last\:border-none:last-child {
1911+.transition-transform {
997− border-style: none;
1912+ transition-property: transform;
1913+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1914+ transition-duration: 150ms;
999−.hover\:opacity-40:hover {
1916+.transition-all {
1000− opacity: 0.4;
1917+ transition-property: all;
1918+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1919+ transition-duration: 150ms;
1922+ transition-duration: 150ms;
1924+.hover\:bg-gray-200:hover {
1925+ --tw-bg-opacity: 1;
1926+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1928+.hover\:opacity-80:hover {
1002@media (min-width: 360px) {
1931@media (min-width: 360px) {
1933+ .\32xs\:-bottom-3\.5 {
1937+ .\32xs\:-bottom-3 {
1004 .\32xs\:m-8 {
1941 .\32xs\:m-8 {
1005 margin: 2rem;
1942 margin: 2rem;
@@ -1010,9 +1947,14 @@ Ensure the default browser behavior of the `hidden` attribute.
1010 margin-right: 2rem;
1947 margin-right: 2rem;
1013− .\32xs\:my-8 {
1950+ .\32xs\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
1951+ --tw-space-y-reverse: 0;
1014− margin-top: 2rem;
1952+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1015− margin-bottom: 2rem;
1953+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1018 .\32xs\:py-8 {
1960 .\32xs\:py-8 {
@@ -1020,6 +1962,60 @@ Ensure the default browser behavior of the `hidden` attribute.
1020 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;
1023@media (min-width: 768px) {
2019@media (min-width: 768px) {
1025 .md\:mx-auto {
2021 .md\:mx-auto {
@@ -1027,6 +2023,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1027 margin-right: auto;
2023 margin-right: auto;
1030 .md\:min-w-\[256px\] {
2030 .md\:min-w-\[256px\] {
1031 min-width: 256px;
2031 min-width: 256px;
@@ -1043,6 +2043,10 @@ Ensure the default browser behavior of the `hidden` attribute.
1043 flex-direction: row;
2043 flex-direction: row;
1046 .md\:items-start {
2050 .md\:items-start {
1047 align-items: flex-start;
2051 align-items: flex-start;