.box-container div{align-items:center;display:flex;justify-items:center;padding:8px}.button-overlay{position:relative}.button-overlay:before{background-color:#b8c1cc1f;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.button-text{position:relative;z-index:2}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background-color:#e5e7eb}::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#6b7280}html{font-family:Roboto,sans-serif;tab-size:2}body{margin:0}#root,body,html{height:100%}#root{display:flex}h1,h2{font-weight:600}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.w-12{width:3rem}.w-full{width:100%}.max-w-\[32px\]{max-width:32px}.grow{flex-grow:1}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-x-6{column-gap:1.5rem}.gap-y-3{row-gap:.75rem}.overflow-y-scroll{overflow-y:scroll}.rounded-md{border-radius:.375rem}.border-8{border-width:8px}.border-solid{border-style:solid}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-green-800{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity))}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.flex-center{align-items:center;display:flex;justify-content:center}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:basis-1\/2{flex-basis:50%}}@media (min-width:768px){.md\:basis-1\/3{flex-basis:33.333333%}}@media (min-width:1024px){.lg\:basis-1\/4{flex-basis:25%}}