/******************************/

.z-10 {
    z-index: 10;
}

.size-full{
	height: 100%;
	width: 100%;
}

.dark\:bg-dark-9:where(.dark,.dark *){
	--tw-bg-opacity: 1;
	background-color: rgb(16 17 19/var(--tw-bg-opacity));
}

.max-w-full{
	max-width: 100%;
}

.max-h-full{
	max-height: 100%;
}

.rounded-full{
	border-radius: 9999px !important;
}

.gap-8{
	gap: 2rem;
}

.size-9{
	height: 2.25rem;
	width: 2.25rem;
}

.justify-between{
	justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.normal-case{
	text-transform: none;
}

.min-w-9{
	min-width: 2.25rem;
}

.h-9{
	height: 2.25rem;
}

.items-stretch{
	align-items: stretch;
}

.rounded-xl {
    border-radius: .75rem;
}

.font-semibold {
    font-weight: 600;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.gap-1\.5 {
    gap: .375rem;
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.min-h-0 {
    min-height: 0;
}


.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}

.dark\:opacity-50:where(.dark,.dark *) {
    opacity: .5;
}

.shadow, .shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.border-gray-4 {
    --tw-border-opacity: 1;
    border-color: rgb(206 212 218/var(--tw-border-opacity));
}


.top-2 {
    top: 0.5rem;
}

.right-2 {
	right: 0.5rem;
}


.w-40 {
	width: 10rem;
}

.p-3 {
	background-color: #1a1b1e;
	padding: .75rem;
}

.gap-2 {
	gap: .5rem;
}


.size-full{
	width: 100%;
}

.dark\:bg-dark-7:where(.dark,.dark *){
	--tw-bg-opacity: 1;
	background-color: rgb(26 27 30/var(--tw-bg-opacity));
}

.\@container{
	container-type: inline-size;
}

.bg-gray-0{
	--tw-bg-opacity: 1;
	background-color: rgb(248 249 250/var(--tw-bg-opacity));
}

.relative{
	position: relative;
}

.pl-1{
	padding-left: .25rem;
}

.py-2{
	padding-bottom: .5rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
}

.px-2{
	padding-left: .5rem;
	padding-right: .5rem;
}

.justify-between{
	justify-content: space-between;
}

.items-center{
	align-items: center;
}

.basis-20{
	flex-basis: 5rem;
}

.w-full{
	width: 100%;
}

.h-full{
	height: 100%;
}

.flex{
	display: flex;
}

.flex-1{
	flex: 1 1 0%;
}

.flex-col{
	flex-direction: column;
}

.gap-1{
	gap: .25rem;
}

.gap-2{
	gap: .5rem;
}

.text-sm{
	font-size: .875rem;
	line-height: 1.25rem;
}



body :is(.z-2) {
    z-index: 2;
}
body :is(.z-5) {
    z-index: 5;
}
body :is(.z-15) {
    z-index: 15;
}
body :is(.z-20) {
    z-index: 20;
}
body :is(.top-1\/2) {
    top: 50%;
}
body :is(.left-1\/2) {
    left: 50%;
}
body :is(.left-1\/3) {
    left: 30%;
}
body :is(.left-1\/4) {
    left: 40%;
}
body :is(.cursor-pointer) {
    cursor: pointer;
}
body :is(.absolute) {
    position: absolute;
}
body :is(.pointer-events-auto) {
    pointer-events: auto;
}

body :is(.-translate-y-\[60\%\]) {
    --tw-translate-y: -60%;
    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));
}
body :is(.-translate-x-1\/2) {
    --tw-translate-x: -50%;
    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));
}

body :is(.shadow) {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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);
}
body :is(.shadow-black\/30) {
    --tw-shadow-color: rgba(34,34,34,.3);
    --tw-shadow: var(--tw-shadow-colored);
}
body :is(.shadow-black\/50) {
    --tw-shadow-color: rgba(34,34,34,.5);
    --tw-shadow: var(--tw-shadow-colored);
}
body :is(.text-shadow-sm) {
    text-shadow: 0 1px 2px var(--tw-shadow-color);
}

body :is(.min-w-\[32px\]) {
    min-width: 32px;
}

body :is(.scrollbar-none) {
    scrollbar-width: none;
}
body :is(.overflow-x-auto) {
    overflow-x: auto;
}
body :is(.overflow-hidden) {
    overflow: hidden;
}
body :is(.gap-1) {
    gap: 0.25rem;
}



body :is(.right-0){
	right: 0rem;
}
body :is(.right-0\.5) {
    right: .125rem;
}
body :is(.right-1){
	right: .25rem;
}
body :is(.bottom-0){
	bottom: 0rem;
}
body :is(.bottom-0\.5) {
    bottom: .125rem;
}
body :is(.bottom-1){
	bottom: .25rem;
}
body :is(.left-0){
	left: 0rem;
}
body :is(.left-1){
	left: .25rem;
}


body :is(.rounded-md) {
    border-radius: .375rem;
}
body :is(.inset-y-0) {
    bottom: 0px;
    top: 0px;
}

body :is(.absolute){
	position: absolute;
}



body :is(.p-3) {
    padding: .75rem;
}
body :is(.gap-3) {
    gap: .75rem;
}


/********************/
body :is(.from-black) {
    --tw-gradient-from: #222 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(34, 34, 34, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

body :is(.gap-3) {
    gap: .75rem;
}
body :is(.min-w-0) {
    min-width: 0;
}

body :is(.relative) {
    position: relative;
}
body :is(.overflow-hidden) {
    overflow: hidden;
}
body :is(.opacity-25) {
    opacity: .25;
}

body :is(.h-12) {
    height: 3rem;
}
body :is(.z-10) {
    z-index: 10;
}
body :is(.top-0) {
    top: 0;
}




body :is(.max-w-sm) {
    max-width: 768px;
}


/************** flex ******************/
.flex {
	display: flex;
}

.flex-1 {
	flex: 1 1 0%;
}

.flex-col {
	flex-direction: column;
}

body :is(.flex) {
    display: flex;
}
body :is(.flex-col) {
    flex-direction: column;
}
body :is(.flex-1) {
    flex: 1 1 0%;
}
body :is(.justify-between) {
    justify-content: space-between;
}
body :is(.items-center) {
    align-items: center;
}

/************** border ******************/
body :is(.border) {
    border-width: 1px;
}
body :is(.rounded) {
    border-radius: .25rem;
}
body :is(.rounded-lg) {
    border-radius: .5rem;
}
body :is(.border-gray-4) {
    --tw-border-opacity: 1;
    border-color: rgb(206 212 218 / var(--tw-border-opacity));
}
body :is(.border-solid) {
    border-style: solid;
}

body :is(.dark\:\*\:border-dark-4>:where(.dark,.dark *)) {
    --tw-border-opacity: 1;
    border-color: rgb(55 58 64 / var(--tw-border-opacity));
}
body :is(.dark\:border-dark-5:where(.dark,.dark *)) {
    --tw-border-opacity: 1;
    border-color: rgb(44 46 51/var(--tw-border-opacity));
}
body :is(.dark\:border-dark-6:where(.dark,.dark *)) {
    --tw-border-opacity: 1;
    border-color: rgb(37 38 43 / var(--tw-border-opacity));
}
body :is(.border-gray-1) {
    --tw-border-opacity: 1;
    border-color: rgb(241 243 245 / var(--tw-border-opacity));
}

/************** background-color ******************/
body :is(.dark\:bg-dark-8:where(.dark,.dark *)) {
    --tw-bg-opacity: 1;
    background-color: rgb(20 21 23 / var(--tw-bg-opacity));
}
body :is(.bg-gray-0) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
body :is(.bg-gradient-to-b) {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

body :is(.dark\:text-gray-0:where(.dark,.dark *)) {
    --tw-text-opacity: 1;
    color: rgb(248 249 250 / var(--tw-text-opacity));
}