/* Utilities used only by UI states created after startup. */
.inset-x-0 { left: 0; right: 0; }
.bottom-0 { bottom: 0; }
.bottom-4 { bottom: 1rem; }
.bottom-6 { bottom: 1.5rem; }
.right-1 { right: .25rem; }
.right-6 { right: 1.5rem; }
.top-1 { top: .25rem; }
.z-\[110\] { z-index: 110; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
.inline-flex { display: inline-flex; }
.flex-wrap { flex-wrap: wrap; }
.h-1\.5 { height: .375rem; }
.w-6 { width: 1.5rem; }
.w-64 { width: 16rem; }
.w-72 { width: 18rem; }
.max-w-md { max-width: 28rem; }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.opacity-80 { opacity: .8; }
.p-2 { padding: .5rem; }
.px-1\.5 { padding-left: .375rem; padding-right: .375rem; }
.py-0\.5 { padding-top: .125rem; padding-bottom: .125rem; }
.rounded-\[2px\] { border-radius: 2px; }
.bg-\[\#1a1a1e\] { background-color: #1a1a1e; }
.bg-\[\#2C2C2E\] { background-color: #2c2c2e; }
.bg-black\/75 { background-color: rgb(0 0 0 / .75); }
.bg-black\/80 { background-color: rgb(0 0 0 / .8); }
.bg-red-900\/50 { background-color: rgb(127 29 29 / .5); }
.bg-red-900\/70 { background-color: rgb(127 29 29 / .7); }
.bg-red-950\/90 { background-color: rgb(69 10 10 / .9); }
.bg-zinc-200 { background-color: rgb(228 228 231); }
.bg-zinc-600 { background-color: rgb(82 82 91); }
.border-\[\#3A3A3C\] { border-color: #3a3a3c; }
.border-red-700\/60 { border-color: rgb(185 28 28 / .6); }
.border-red-700\/70 { border-color: rgb(185 28 28 / .7); }
.text-\[\#8E8E93\] { color: #8e8e93; }
.text-\[8px\] { font-size: 8px; }
.text-\[9px\] { font-size: 9px; }
.text-red-100 { color: rgb(254 226 226); }
.text-red-200 { color: rgb(254 202 202); }
.hover\:bg-red-800\/60:hover { background-color: rgb(153 27 27 / .6); }
.hover\:bg-zinc-600:hover { background-color: rgb(82 82 91); }