.arial { font-family: Arial; }

.grotesk { font-family: 'Overused Grotesk'; }

.center { text-align: center; }

.right { text-align: right; }

.left { text-align: left; }

.align-right { text-align: right; }

.thin { font-weight: 300;}

.weight-400 { font-weight: 400; }

.weight-500 { font-weight: 500;}

.bold-300 { font-weight: 300; }

.bold-400 { font-weight: 400; }

.bold-500 { font-weight: 500; }

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

.bold-700 { font-weight: 700; }

.bold { font-weight: bold; }

.underline { text-decoration: underline; }

.italics { font-style: italic; }

.text-1rem { font-size: 1rem; }

.text-1p2rem { font-size: 1.2rem; }

.text-1p25rem { font-size: 1.25rem; }

.text-1p3rem { font-size: 1.3rem; }

.text-1p4rem { font-size: 1.4rem; }

.text-1p5rem { font-size: 1.5rem; }

.text-1p6rem { font-size: 1.6rem; }

.text-1p7rem { font-size: 1.7rem; }

.text-1p8rem { font-size: 1.8rem; }

.text-2rem { font-size: 2rem; }

.text-2p3rem { font-size: 2.3rem; }

.text-2p5rem { font-size: 2.5rem; }

.text-3rem { font-size: 3rem; }

.text-4rem { font-size: 4rem; }

.text-5rem { font-size: 5rem; }

.font-8rem { font-size: 8rem; }

.font-10rem { font-size: 10rem; }

.font-12rem { font-size: 12rem; }

.font-16rem { font-size: 16rem; }

.font-18rem { font-size: 18rem; }

.font-20rem { font-size: 20rem; }

.font-22rem { font-size: 22rem; }

.font-24rem { font-size: 24rem; }

.font-26rem { font-size: 26rem; }

.font-28rem { font-size: 28rem; }

.font-30rem { font-size: 30rem; }

.font-32rem { font-size: 32rem; }

.font-36rem { font-size: 36rem; }

.font-40rem { font-size: 40rem; }

.font-42rem { font-size: 42rem; }

.font-48rem { font-size: 48rem; }

.font-60rem { font-size: 60rem; }

.font-70rem { font-size: 70rem; }

.font-72rem { font-size: 72rem; }

.lh-07 { line-height: 0.7; }

.lh-09 { line-height: 0.9; }

.lh-1 { line-height: 1; }

.lh-11 { line-height: 1.1; }

.lh-12 { line-height: 1.2; }

.lh-15 { line-height: 1.5; }

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

.p-0p5rem { padding: 0.5rem; }

.p-1rem { padding: 1rem; }

.p-2rem { padding: 2rem; }

.p-3rem { padding: 3rem; }

.pt-0 { padding-top: 0; }

.pt-1rem { padding-top: 1rem; }

.pt-2rem { padding-top: 2rem; }

.pt-3rem { padding-top: 3rem; }

.pt-4rem { padding-top: 4rem; }

.pt-5rem { padding-top: 5rem; }

.pt-8rem { padding-top: 8rem; }

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

.pl-1p5rem { padding-left: 1.5rem; }

.pl-2rem { padding-left: 2rem; }

.pl-8rem { padding-left: 8rem; }

.pl-16rem { padding-left: 16rem; }

.pl-36rem { padding-left: 36rem; }

.pr-0p5rem { padding-right: 0.5rem; }

.pr-1rem { padding-right: 1rem; }

.pr-2rem { padding-right: 2rem; }

.pr-8rem { padding-right: 8rem; }

.pr-12rem { padding-right: 12rem; }

.pr-16rem { padding-right: 16rem; }

.pt-8rem { padding-bottom: 8rem; }

.pb-0p5rem { padding-bottom: 0.5rem; }

.pb-2rem { padding-bottom: 2rem; }

.pb-8rem { padding-bottom: 8rem; }

.pb-25rem { padding-bottom: 25rem; }

.px-0p5rem { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-1rem { padding-left: 1rem; padding-right: 1rem; }

.px-1p5rem { padding-left: 1.5rem; padding-right: 1.5rem; }

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

.px-3rem { padding-left: 3rem; padding-right: 3rem; }

.px-16rem { padding-left: 16rem; padding-right: 16rem; }

.py-0p25rem { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.py-0p5rem { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.py-1rem { padding-top: 1rem; padding-bottom: 1rem; }

.py-1p5rem { padding-top: 1.5rem; padding-bottom: 1.5rem; }

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

.py-8rem { padding-top: 8rem; padding-bottom: 8rem; }

.m-1rem { margin: 1rem; }

.m-2rem { margin: 2rem; }

.m-3rem { margin: 3rem; }

.m-4rem { margin: 4rem; }

.m-5rem { margin: 5rem; }

.mt-0p5rem { margin-top: 0.5rem; }

.mt-0p75rem { margin-top: 0.75rem; }

.mt-1rem { margin-top: 1rem; }

.mt-1p5rem { margin-top: 1.5rem; }

.mt-2rem { margin-top: 2rem; }

.mt-3rem { margin-top: 3rem; }

.mt-4rem { margin-top: 4rem; }

.mt-5rem { margin-top: 5rem; }

.mt-8rem { margin-top: 8rem; }

.mt-16rem { margin-top: 16rem; }

.mb-0p25rem { margin-bottom: 0.25rem; }

.mb-0p5rem { margin-bottom: 0.5rem; }

.mb-1rem { margin-bottom: 1rem; }

.mb-2rem { margin-bottom: 2rem; }

.mb-3rem { margin-bottom: 3rem; }

.mb-5rem { margin-bottom: 5rem; }

.mb-8rem { margin-bottom: 8rem; }

.mb-10rem { margin-bottom: 10rem; }

.mb-12rem { margin-bottom: 12rem; }

.mb-16rem { margin-bottom: 16rem;}

.mb-36rem { margin-bottom: 36rem; }

.mr-0 { margin-right: 0; }

.mr-0p5rem { margin-right: 0.5rem; }

.mr-1rem { margin-right: 1rem; }

.mr-1p5rem { margin-right: 1.5rem; }

.mr-2rem { margin-right: 2rem; }

.mr-16rem { margin-right: 16rem; }

.ml-0 { margin-left: 0; }

.ml-0p3rem { margin-left: 0.3rem; }

.ml-0p5rem { margin-left: 0.5rem; }

.ml-1rem { margin-left: 1rem; }

.ml-1p5rem { margin-left: 1.5rem; }

.ml-2rem { margin-left: 2rem; }

.mx-0 { margin-left: 0; margin-right: 0; }

.mx-1rem { margin-left: 1rem; margin-right: 1rem; }

.mx-3rem { margin-left: 3rem; margin-right: 3rem; }

.mx-5rem { margin-left: 5rem; margin-right: 5rem; }

.mx-16rem { margin: 0 16rem; }

.my-0p5rem { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.my-1rem { margin-top: 1rem; margin-bottom: 1rem; }

.my-2rem { margin-top: 2rem; margin-bottom: 2rem; }

.none { display: none; }

.block { display: block; }

.grid { display: grid; }

.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }

.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }

.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }

.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }

.grid-cols-2-auto { grid-template-columns: repeat(2, auto);}

.grid-cols-3-auto { grid-template-columns: repeat(3, auto);}

.cols-2x-1fr { grid-template-columns: repeat(2, 1fr); }

.fixed { position: fixed; }

.absolute { position: absolute;}

.bottom-0 { bottom: 0; }

.top-0 { top: 0; }

.inset-0 { inset: 0; }

.relative { position: relative; }

.flex { display: flex; }

.flex-0 { flex: 0; }

.flex-1 { flex: 1; }

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

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

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

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

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

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

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

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


.gap-0p5rem { gap: 0.5rem; }

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

.gap-1p5rem { gap: 1.5rem; }

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

.gap-3rem { gap: 3rem; }

.gap-8rem { gap: 8rem; }

.gap-16rem { gap: 16rem; }

.gap-36rem { gap: 36rem; } 

.gap-row-8rem { row-gap: 8rem; }

.gap-x-0p5rem { column-gap: 0.5rem; }

.gap-x-1rem { column-gap: 1rem; }

.gap-x-2rem { column-gap: 2rem; }

.gap-x-3rem { column-gap: 3rem; }

.gap-x-4rem { column-gap: 4rem; }

.gap-x-5rem { column-gap: 5rem; }

.gap-y-0p5rem { row-gap: 0.5rem; }

.gap-y-1rem { row-gap: 1rem; }

.no-wrap { text-wrap: nowrap; }

.width-100 { width: 100%; }

.w-half { width: 50%; }

.w-full { width: 100%; }

.w-min { width: min-content; }

.w-max { width: max-content; }

.w-auto { width: auto; }

.w-fit { width: fit-content; }

.h-full { height: 100%; }

.h-100 { height: 100%; }

.h-100vh { height: 100vh; }

.min-content { inline-size: min-content; }

.max-content { inline-size:  max-content; }

.white { color: white; }

.black { color: black; }

.red { color: red; }

.gray545454 { color: #545454 }

.gray777777 { color: #777777 }

.gray818181 { color: #818181; } 

.dimgray { color: dimgray; }

.lime { color: lime; }

.gold { color: gold; }

.bg-white { background-color: white; }

.bg-black { background-color: black; }

.bg-lime { background-color: lime; }

.bg-ckm { background-color: #20cf20; }

.chevron-black {
    color: rgb(178 178 178);
    margin-right: 24rem;
    font-size: 32rem;
}

.chevron-back {
    font-size: 32rem;
    position: absolute;
    left: 16rem;
    color: darkgray;
}

.br-0p5rem { border-radius: 0.5rem; }

.br-1rem { border-radius: 1rem; }

.br-2rem { border-radius: 2rem; }

.br-4rem { border-radius: 4rem; }


.select-none { user-select: none; }

.pointer { cursor: pointer; }