/* class names use tailwinds naming conventions. example, padding: https://tailwindcss.com/docs/padding */

@import "gwTheme.css";

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.no-events {
    pointer-events: none;
}

.br-xxsm, .br-t-xxsm, .br-tr-xxsm, .br-r-xxsm {
    border-top-right-radius: var(--br-xxsm)
}

.br-xxsm, .br-t-xxsm, .br-tl-xxsm, .br-l-xxsm {
    border-top-left-radius: var(--br-xxsm);
}

.br-xxsm, .br-b-xxsm, .br-br-xxsm, .br-r-xxsm {
    border-bottom-right-radius: var(--br-xxsm);
}

.br-xxsm, .br-b-xxsm, .br-bl-xxsm, .br-l-xxsm {
    border-bottom-left-radius: var(--br-xxsm);
}

.br-xsm, .br-t-xsm, .br-tr-xsm, .br-r-xsm {
    border-top-right-radius: var(--br-xsm)
}

.br-xsm, .br-t-xsm, .br-tl-xsm, .br-l-xsm {
    border-top-left-radius: var(--br-xsm);
}

.br-xsm, .br-b-xsm, .br-br-xsm, .br-r-xsm {
    border-bottom-right-radius: var(--br-xsm);
}

.br-xsm, .br-b-xsm, .br-bl-xsm, .br-l-xsm {
    border-bottom-left-radius: var(--br-xsm);
}

.br-sm, .br-t-sm, .br-tr-sm, .br-r-sm {
    border-top-right-radius: var(--br-sm)
}

.br-sm, .br-t-sm, .br-tl-sm, .br-l-sm {
    border-top-left-radius: var(--br-sm);
}

.br-sm, .br-b-sm, .br-br-sm, .br-r-sm {
    border-bottom-right-radius: var(--br-sm);
}

.br-sm, .br-b-sm, .br-bl-sm, .br-l-sm {
    border-bottom-left-radius: var(--br-sm);
}

.br-md, .br-t-md, .br-tr-md, .br-r-md {
    border-top-right-radius: var(--br-md)
}

.br-md, .br-t-md, .br-tl-md, .br-l-md {
    border-top-left-radius: var(--br-md);
}

.br-md, .br-b-md, .br-br-md, .br-r-md {
    border-bottom-right-radius: var(--br-md);
}

.br-md, .br-b-md, .br-bl-md, .br-l-md {
    border-bottom-left-radius: var(--br-md);
}

.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.background-clr-primary-5 {
    background: var(--clr-primary-5);
}

.background-clr-white {
    background: white;
}

.background-clr-0 {
    background: var(--clr-background-0);
}

.background-clr-10 {
    background: var(--clr-background-10);
}

.background-clr-20 {
    background: var(--clr-background-20);
}

.background-clr-40 {
    background: var(--clr-background-40);
}

.clr-white {
    color: var(--clr-white);
}

.clr-primary-5 {
    color: var(--clr-primary-5);
}

.clr-primary-100 {
    color: var(--clr-primary-100);
}

.clr-primary-95 {
    color: var(--clr-primary-95);
}

.clr-primary-50 {
    color: var(--clr-primary-50);
}

.clr-secondary-65 {
    color: var(--clr-secondary-65);
}

.clr-secondary-95 {
    color: var(--clr-secondary-95);
}

.clr-neutral-70 {
    color: var(--clr-neutral-70);
}

.clr-neutral-80 {
    color: var(--clr-neutral-80);
}

.clr-neutral-0 {
    color: var(--clr-neutral-0);
}

.clr-neutral-10 {
    color: var(--clr-neutral-10);
}

.clr-neutral-90 {
    color: var(--clr-neutral-90);
}

.clr-neutral-100 {
    color: var(--clr-neutral-100);
}

.clr-warning-100 {
    color: var(--clr-warning-100);
}

.clr-warning-60 {
    color: var(--clr-warning-60);
}

.clr-sanitize-green {
    color: var(--clr-sanitize-green);
}

.clr-error-80{
    color: var(--clr-error-80);
}

.clr-shade-100 {
    color: var(--clr-shade-100);
}

.clr-detail-title {
    color: var(--clr-detail-title);
}

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

.lh-100 {
    line-height: 100%
}

.lh-110 {
    line-height: 110%
}

.lh-120 {
    line-height: 120%
}

.lh-140{
    line-height: 140%
}

.lh-160{
    line-height: 160%;
}

.lh-170{
    line-height: 170%;
}

.lh-180{
    line-height: 180%;
}

.fw-bold {
    font-weight: var(--fw-bold);
}

.fw-regular {
    font-weight: var(--fw-regular);
}

.fw-light {
    font-weight: var(--fw-light);
}

.fw-lighter {
    font-weight: var(--fw-lighter);
}

.fs-xsm {
    font-size: var(--fs-xsm);
}

.fs-sm{
    font-size: var(--fs-sm);
}

.fs-md {
    font-size: var(--fs-md);
}

.fs-lg {
    font-size: var(--fs-lg);
}

.fs-xlg {
    font-size: var(--fs-xlg);
}

.fs-xxlg {
    font-size: var(--fs-xxlg);
}

.fs-header {
    font-size: var(--fs-header);
}

.row-gap-xxsm {
    row-gap: var(--spacing-xxsm)
}

.row-gap-md {
    row-gap: var(--spacing-md)
}

.row-gap-lg {
    row-gap: var(--spacing-lg)
}


.gap-xxsm {
    gap: var(--spacing-xxsm)
}

.gap-xsm {
    gap: var(--spacing-xsm)
}

.gap-sm {
    gap: var(--spacing-sm)
}

.gap-md {
    gap: var(--spacing-md)
}

.gap-lg {
    gap: var(--spacing-lg)
}

.gap-xlg {
    gap: var(--spacing-xlg)
}

.gap-xxlg {
    gap: var(--spacing-xxlg)
}

.col-gap-xxsm {
    column-gap: var(--spacing-xxsm)
}

.col-gap-xsm {
    column-gap: var(--spacing-xsm)
}

.col-gap-sm {
    column-gap: var(--spacing-sm)
}

.col-gap-md {
    column-gap: var(--spacing-md)
}

.col-gap-lg {
    column-gap: var(--spacing-lg)
}

.col-gap-xlg {
    column-gap: var(--spacing-xlg)
}

.col-gap-xxlg {
    column-gap: var(--spacing-xxlg)
}

.justify-self-left {
    justify-self: left;
}

.justify-self-right {
    justify-self: right;
}

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

.justify-self-end {
    justify-self: end;
}


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

.align-self-baseline {
    align-self: baseline;
}

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

.align-self-flex-end {
    align-self: flex-end;
}
.align-self-flex-start {
    align-self: flex-start;
}

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

.circle {
    border-radius: 100%;
}

.grid {
    display: grid;
}

.overflow-auto{
    overflow:auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-scroll{
    overflow-y: scroll;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.order-1{
    order:1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

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

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

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

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

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

.w-full {
    width: 100%;
}

.w-half{
    width: 50%;
}

.w-1\/5{
    width: 20%;
}

.w-2\/5{
    width: 40%;
}

.w-3\/5{
    width: 60%;
}

.w-4\/5{
    width: 80%;
}

.max-w-12\.5 {
    max-width: 12.5rem;
}
.w-12\.5 {
    width: 12.5rem;
}

.w-4\.5 {
    width: 4.5rem;
}

.w-17 {
    width: 17rem;
}

.h-full {
    height: 100%;
}

.h-auto {
    height: auto;
}

.h-half {
    height: 50%;
}

.h-half-screen {
    height: 50vh;
}

.max-h-half-screen {
    max-height: 50vh;
}

.w-screen {
    width: 100vw;
}

.h-screen {
    height: 100vh;
}

.max-h-65vh{
    max-height: 65vh;
}

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

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

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

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

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

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

.p-0, .pt-0, .py-0 {
    padding-top: 0px;
}

.p-0, .pb-0, .py-0 {
    padding-bottom: 0px;
}

.p-0, .pl-0, .px-0 {
    padding-left: 0px;
}

.p-0, .pr-0, .px-0 {
    padding-right: 0px;
}

.p-xxsm, .pt-xxsm, .py-xxsm {
    padding-top: var(--spacing-xxsm)
}

.p-xxsm, .pb-xxsm, .py-xxsm {
    padding-bottom: var(--spacing-xxsm)
}

.p-xxsm, .pl-xxsm, .px-xxsm {
    padding-left: var(--spacing-xxsm)
}

.p-xxsm, .pr-xxsm, .px-xxsm {
    padding-right: var(--spacing-xxsm)
}

.p-xsm, .pt-xsm, .py-xsm {
    padding-top: var(--spacing-xsm)
}

.p-xsm, .pb-xsm, .py-xsm {
    padding-bottom: var(--spacing-xsm)
}

.p-xsm, .pl-xsm, .px-xsm {
    padding-left: var(--spacing-xsm)
}

.p-xsm, .pr-xsm, .px-xsm {
    padding-right: var(--spacing-xsm)
}

.p-sm, .pt-sm, .py-sm {
    padding-top: var(--spacing-sm)
}

.p-sm, .pb-sm, .py-sm {
    padding-bottom: var(--spacing-sm)
}

.p-sm, .pl-sm, .px-sm {
    padding-left: var(--spacing-sm)
}

.p-sm, .pr-sm, .px-sm {
    padding-right: var(--spacing-sm)
}

.p-md, .pt-md, .py-md {
    padding-top: var(--spacing-md)
}

.p-md, .pb-md, .py-md {
    padding-bottom: var(--spacing-md)
}

.p-md, .pl-md, .px-md {
    padding-left: var(--spacing-md)
}

.p-md, .pr-md, .px-md {
    padding-right: var(--spacing-md)
}

.p-lg, .pt-lg, .py-lg {
    padding-top: var(--spacing-lg)
}

.p-lg, .pb-lg, .py-lg {
    padding-bottom: var(--spacing-lg)
}

.p-lg, .pl-lg, .px-lg {
    padding-left: var(--spacing-lg)
}

.p-lg, .pr-lg, .px-lg {
    padding-right: var(--spacing-lg)
}

.p-xlg, .pt-xlg, .py-xlg {
    padding-top: var(--spacing-xlg)
}

.p-xlg, .pb-xlg, .py-xlg {
    padding-bottom: var(--spacing-xlg)
}

.p-xlg, .pl-xlg, .px-xlg {
    padding-left: var(--spacing-xlg)
}

.p-xlg, .pr-xlg, .px-xlg {
    padding-right: var(--spacing-xlg)
}

.p-xxlg, .pt-xxlg, .py-xxlg {
    padding-top: var(--spacing-xxlg)
}

.p-xxlg, .pb-xxlg, .py-xxlg {
    padding-bottom: var(--spacing-xxlg)
}

.p-xxlg, .pl-xxlg, .px-xxlg {
    padding-left: var(--spacing-xxlg)
}

.p-xxlg, .pr-xxlg, .px-xxlg {
    padding-right: var(--spacing-xxlg)
}

.m-xxsm, .mt-xxsm, .my-xxsm {
    margin-top: var(--spacing-xxsm)
}

.m-xxsm, .mb-xxsm, .my-xxsm {
    margin-bottom: var(--spacing-xxsm)
}

.m-xxsm, .ml-xxsm, .mx-xxsm {
    margin-left: var(--spacing-xxsm)
}

.m-xxsm, .mr-xxsm, .mx-xxsm {
    margin-right: var(--spacing-xxsm)
}

.m-xsm, .mt-xsm, .my-xsm {
    margin-top: var(--spacing-xsm)
}

.m-xsm, .mb-xsm, .my-xsm {
    margin-bottom: var(--spacing-xsm)
}

.m-xsm, .ml-xsm, .mx-xsm {
    margin-left: var(--spacing-xsm)
}

.m-xsm, .mr-xsm, .mx-xsm {
    margin-right: var(--spacing-xsm)
}

.m-sm, .mt-sm, .my-sm {
    margin-top: var(--spacing-sm)
}

.m-sm, .mb-sm, .my-sm {
    margin-bottom: var(--spacing-sm)
}

.m-sm, .ml-sm, .mx-sm {
    margin-left: var(--spacing-sm)
}

.m-sm, .mr-sm, .mx-sm {
    margin-right: var(--spacing-sm)
}

.m-md, .mt-md, .my-md {
    margin-top: var(--spacing-md)
}

.m-md, .mb-md, .my-md {
    margin-bottom: var(--spacing-md)
}

.m-md, .ml-md, .mx-md {
    margin-left: var(--spacing-md)
}

.m-md, .mr-md, .mx-md {
    margin-right: var(--spacing-md)
}

.m-lg, .mt-lg, .my-lg {
    margin-top: var(--spacing-lg)
}

.m-lg, .mb-lg, .my-lg {
    margin-bottom: var(--spacing-lg)
}

.m-lg, .ml-lg, .mx-lg {
    margin-left: var(--spacing-lg)
}

.m-lg, .mr-lg, .mx-lg {
    margin-right: var(--spacing-lg)
}

.m-xlg, .mt-xlg, .my-xlg {
    margin-top: var(--spacing-xlg)
}

.m-xlg, .mb-xlg, .my-xlg {
    margin-bottom: var(--spacing-xlg)
}

.m-xlg, .ml-xlg, .mx-xlg {
    margin-left: var(--spacing-xlg)
}

.m-xlg, .mr-xlg, .mx-xlg {
    margin-right: var(--spacing-xlg)
}

.m-xxlg, .mt-xxlg, .my-xxlg {
    margin-top: var(--spacing-xxlg)
}

.m-xxlg, .mb-xxlg, .my-xxlg {
    margin-bottom: var(--spacing-xxlg)
}

.m-xxlg, .ml-xxlg, .mx-xxlg {
    margin-left: var(--spacing-xxlg)
}

.m-xxlg, .mr-xxlg, .mx-xxlg {
    margin-right: var(--spacing-xxlg)
}

.m-auto, .my-auto, .mt-auto {
    margin-top: auto;
}

.m-auto, .my-auto, .mb-auto {
    margin-bottom: auto;
}

.m-auto, .mx-auto, .ml-auto {
    margin-left: auto;
}

.m-auto, .mx-auto, .mr-auto {
    margin-right: auto;
}

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

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

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-wrap{
    flex-wrap:wrap;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-grow-3 {
    flex-grow: 3;
}

.basis-1\/4{
    flex-basis:25%;
}

.basis-7\/10{
    flex-basis:70%;
}

.flex-1 {
    flex: 1;
}

.flex-3 {
    flex: 3;
}

.flex-0-1-5 {
    flex: 0 1 5px;
}


.flex-0-0-175 {
    flex: 0 0 175px;
}

.grid-auto-flow-column{
    grid-auto-flow: column;
}

.grid-auto-flow-row{
    grid-auto-flow: row;
}

.grid-auto-row-1{
    grid-auto-rows: 1fr;
}

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

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

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

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

.col-span-2 {
    grid-column: span 2;
}

.col-start-2 {
    grid-column: 2;
}

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

.grid-rows-25\:75 {
    grid-template-rows: 1fr 3fr;
}

.grid-cols-70\:30 {
    grid-template-columns: 7fr 3fr;
}

.grid-cols-20\:80 {
    grid-template-columns: 2fr 8fr;
}

.grid-cols-10\:90 {
    grid-template-columns: 1fr 9fr;
}

.grid-cols-40\:60 {
    grid-template-columns: 4fr 6fr;
}

.grid-cols-20\:80-percent {
    grid-template-columns: 20% 80%;
}

.component-primary-shade-40{
    --clr-component-primary-20: var(--clr-shade-40)
}

.component-primary-shade-100{
    --clr-component-primary-20: var(--clr-shade-100)
}

.overflow-hidden{
    overflow: hidden;
}

.break-words {
    overflow-wrap: break-word;
}

.break-all {
    word-break: break-all;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-secondary-5{
    background-color: var(--clr-secondary-5);
}

.bg-recommended{
    background-color: var(--clr-recommended);
}

.bg-warning-20{
    background-color: var(--clr-warning-20);
}

.bg-error-40{
    background-color: var(--clr-error-40);
}

.bg-icap-process{
    background-color: var(--clr-icap-process);
}

.bg-icap-block{
    background-color: var(--clr-icap-block);
}

.bg-icap-bypass{
    background-color: var(--clr-icap-bypass);
}


.bg-clr-neutral-0 {
    background-color: var(--clr-neutral-0);
}

.bg-clr-neutral-40 {
    background-color: var(--clr-neutral-40);
}

.bg-clr-neutral-50 {
    background-color: var(--clr-neutral-50);
}

.bg-clr-primary-5 {
    background-color: var(--clr-primary-5);
}

.bg-clr-primary-10 {
    background-color: var(--clr-primary-10);
}

.bg-clr-error-80 {
    background-color: var(--clr-error-80);
}

.bg-clr-shade-30 {
    background-color: var(--clr-shade-30);
}

.bg-dark {
    background-color: var(--dark-background);
}

.bg-mask {
    background-color: var(--clr-mask);
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-w-2px {
    border-width: 2px;
}

.border-w-1px {
    border-width: 1px;
}

.border-w-0 {
    border-width: 0px;
}

.border-1px, .border-x-1px, .border-l-1px {
    border-left-width: 1px;
}

.border-1px, .border-y-1px, .border-b-1px {
    border-bottom-width: 1px;
}

.border-1px, .border-y-1px, .border-t-1px {
    border-top-width: 1px;
}

.border-1px, .border-x-1px, .border-r-1px {
    border-right-width: 1px;
}

.border-clr-secondary-95 {
    border-color: var(--clr-secondary-95);
}

.border-clr-neutral-60 {
    border-color: var(--clr-neutral-60);
}

.border-clr-primary-20 {
    border-color: var(--clr-primary-20);
}

.border-clr-primary-50 {
    border-color: var(--clr-primary-50);
}

.box-shadow-light {
    box-shadow: var(--shadow-box-light);
}

.box-shadow-medium {
    box-shadow: var(--shadow-box-medium);
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.animate-spin-once {
    animation: spin 1s linear 1;
}

.transition-05 {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.transition-05.up {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.active\:scale-50:active {
    transform: scale(0.5);
}

.scale-y-minus-1-ease{
    transition: all 0.2s ease;
    transform: scaleY(-1);
}

.scale-y-1-ease{
    transition: all 0.2s ease;
    transform: scaleY(1);
}

.rounded-full {
    border-radius: 50%;
}

.hover\:text-underline:hover {
    text-decoration: underline;
}

.decoration-none{
    text-decoration:none;
}

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


.h-0\.25 {
    height: 0.25rem;
}

.h-0\.5 {
    height: 0.5rem;
}

.min-h-0\.5 {
    min-height: 0.5rem;
}

.h-0\.75 {
    height: 0.75rem;
}

.h-0\.875 {
    height: 0.875rem;
}


.h-1 {
    height: 1rem;
}

.h-1\.125 {
    height: 1.125rem;
}

.h-1\.25 {
    height: 1.25rem;
}

.h-1\.5 {
    height: 1.5rem;
}

.min-h-1\.75 {
    min-height: 1.75rem;
}

.h-1\.1875 {
    height: 1.1875rem;
}

.h-2 {
    height: 2rem;
}

.h-2\.25 {
    height: 2.25rem;
}

.h-2\.5 {
    height: 2.5rem;
}

.h-2\.75 {
    height: 2.75rem;
}

.h-3\.5 {
    height: 3.5rem;
}

.h-4 {
    height: 4rem;
}

.h-4\.5 {
    height: 4.5rem;
}

.h-5 {
    height: 5rem;
}

.h-6\.25 {
    height: 6.25rem;
}

.h-6\.5 {
    height: 6.5rem;
}

.h-9 {
    height: 9rem;
}

.h-10 {
    height: 10rem;
}

.h-12 {
    height: 12rem;
}

.h-18 {
    height: 18rem;
}

.h-18\.75 {
    height: 18.75rem;
}

.h-31 {
    height: 31rem;
}

.h-37 {
    height: 37rem;
}

.w-0\.5 {
    width: 0.5rem;
}

.min-w-0\.5 {
    min-width: 0.5rem;
}

.min-w-4\.5 {
    min-width: 4.5rem;
}

.w-0\.75 {
    width: 0.75rem;
}

.w-0\.875 {
    width: 0.875rem;
}

.w-1-px {
    width: 1px;
}

.w-1 {
    width: 1rem;
}

.w-1\.25 {
    width: 1.25rem;
}

.w-1\.5 {
    width: 1.5rem;
}

.w-1\.75 {
    width: 1.75rem;
}


.w-1\.1875 {
    width: 1.1875rem;
}

.w-2 {
    width: 2rem;
}

.w-2\.5 {
    width: 2.5rem;
}

.w-3 {
    width: 3rem;
}

.w-4 {
    width: 4rem;
}


.w-5 {
    width: 5rem;
}

.w-6\.5 {
    width: 6.5rem;
}

.w-7 {
    width: 7rem;
}

.w-7\.5 {
    width: 7.5rem;
}

.w-9 {
    width: 9rem;
}

.w-10 {
    width: 10rem;
}

.w-11 {
    width: 11rem;
}

.w-13 {
    width: 13rem;
}

.w-16 {
    width: 16rem;
}

.w-22 {
    width: 22rem;
}

.w-27 {
    width: 27rem;
}

.w-31 {
    width: 31rem;
}

.w-42 {
    width: 42rem;
}

.w-37 {
    width: 37rem;
}

.w-38\.5 {
    width: 38.5rem;
}

.w-67{
    width: 67rem;
}

.min-w-1\.5 {
    min-width: 1.5rem;
}


.min-w-2 {
    min-width: 2rem;
}

.min-w-2\.5 {
    min-width: 2.5rem;
}

.min-w-40 {
    min-width: 40rem;
}

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

.max-w-8\/10 {
    max-width: 80%;
}

.min-w-10{
    min-width: 10rem;
}

.min-w-27 {
    min-width: 27rem;
}

.max-w-190px {
    max-width: 190px;
}

.max-w-16 {
    max-width: 16rem;
}

.max-w-25 {
    max-width: 25rem;
}

.max-w-37 {
    max-width: 37rem;
}

.max-w-41 {
    max-width: 41rem;
}

.max-w-70{
    max-width: 70rem;
}

.max-w-80 {
    max-width: 80rem;
}

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

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

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


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

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

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

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

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

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

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

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

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

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

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

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

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.top-0 {
    top: 0;
}

.shrink-0 {
    flex-shrink: 0;
}

.hidden {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.border-none {
    border: none;
}

.visibility-hidden {
    visibility:hidden;
}

.list-disc {
    list-style-type: disc;
}

.outline-focus:focus, .outline-focus-within:focus-within {
    outline-style: solid;
    outline-width: 2px;
    outline-color: var(--outline-clr, var(--clr-primary-95));
}

.outline-offset-2px {
    outline-offset: -2px;
}

.list-inside {
    list-style-position: inside;
}

.filter-white {
    filter: grayscale(1) brightness(100);
}

.bg-x-center {
    background-position-x: center;
}

.bg-x-off-center-12 {
    background-position-x: calc(50% + 12rem);
}

.bg-y-center {
    background-position-y: center;
}

.align-text-top {
    vertical-align: text-top;
}

.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.align-bottom {
    vertical-align: bottom;
}

.align-middle {
    vertical-align: middle;
}

.grid-col-start-1{
    grid-column-start: 1;
}

.grid-col-end-3{
    grid-column-end: 3;
}

@keyframes show {
    100% {
        height: 100%;
        transform: none;
    }
}

@media (max-width: 1400px) {
    .tablet\:hidden {
        display: none !important;
    }

    .tablet\:block {
        display: block;
    }

    .tablet\:flex {
        display: flex;
    }

    .tablet\:direction-row {
        flex-direction: row;
    }

    .tablet\:direction-column {
        flex-direction: column;
    }

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

    .tablet\:flex-grow-1 {
        flex-grow: 1;
    }

    .tablet\:flex-flow-wrap {
        flex-flow: wrap;
    }

    .tablet\:justify-content-end {
        justify-content: end;
    }

    .tablet\:order-1 {
        order: 1;
    }

    .tablet\:order-2 {
        order: 2;
    }

    .tablet\:order-3 {
        order: 3;
    }

    .tablet\:p-0 {
        padding: 0;
    }

    .tablet\:p-xxsm, .tablet\:pt-xxsm, .tablet\:py-xxsm {
        padding-top: var(--spacing-xxsm)
    }

    .tablet\:p-xxsm, .tablet\:pb-xxsm, .tablet\:py-xxsm {
        padding-bottom: var(--spacing-xxsm)
    }

    .tablet\:p-xxsm, .tablet\:pl-xxsm, .tablet\:px-xxsm {
        padding-left: var(--spacing-xxsm)
    }

    .tablet\:p-xxsm, .tablet\:pr-xxsm, .tablet\:px-xxsm {
        padding-right: var(--spacing-xxsm)
    }

    .tablet\:p-xsm, .tablet\:pt-xsm, .tablet\:py-xsm {
        padding-top: var(--spacing-xsm)
    }

    .tablet\:p-xsm, .tablet\:pb-xsm, .tablet\:py-xsm {
        padding-bottom: var(--spacing-xsm)
    }

    .tablet\:p-xsm, .tablet\:pl-xsm, .tablet\:px-xsm {
        padding-left: var(--spacing-xsm)
    }

    .tablet\:p-xsm, .tablet\:pr-xsm, .tablet\:px-xsm {
        padding-right: var(--spacing-xsm)
    }

    .tablet\:p-sm, .tablet\:pt-sm, .tablet\:py-sm {
        padding-top: var(--spacing-sm)
    }

    .tablet\:p-sm, .tablet\:pb-sm, .tablet\:py-sm {
        padding-bottom: var(--spacing-sm)
    }

    .tablet\:p-sm, .tablet\:pl-sm, .tablet\:px-sm {
        padding-left: var(--spacing-sm)
    }

    .tablet\:p-sm, .tablet\:pr-sm, .tablet\:px-sm {
        padding-right: var(--spacing-sm)
    }

    .tablet\:p-md, .tablet\:pt-md, .tablet\:py-md {
        padding-top: var(--spacing-md)
    }

    .tablet\:p-md, .tablet\:pb-md, .tablet\:py-md {
        padding-bottom: var(--spacing-md)
    }

    .tablet\:p-md, .tablet\:pl-md, .tablet\:px-md {
        padding-left: var(--spacing-md)
    }

    .tablet\:p-md, .tablet\:pr-md, .tablet\:px-md {
        padding-right: var(--spacing-md)
    }

    .tablet\:p-lg, .tablet\:pt-lg, .tablet\:py-lg {
        padding-top: var(--spacing-lg)
    }

    .tablet\:p-lg, .tablet\:pb-lg, .tablet\:py-lg {
        padding-bottom: var(--spacing-lg)
    }

    .tablet\:p-lg, .tablet\:pl-lg, .tablet\:px-lg {
        padding-left: var(--spacing-lg)
    }

    .tablet\:p-lg, .tablet\:pr-lg, .tablet\:px-lg {
        padding-right: var(--spacing-lg)
    }

    .tablet\:p-xlg, .tablet\:pt-xlg, .tablet\:py-xlg {
        padding-top: var(--spacing-xlg)
    }

    .tablet\:p-xlg, .tablet\:pb-xlg, .tablet\:py-xlg {
        padding-bottom: var(--spacing-xlg)
    }

    .tablet\:p-xlg, .tablet\:pl-xlg, .tablet\:px-xlg {
        padding-left: var(--spacing-xlg)
    }

    .tablet\:p-xlg, .tablet\:pr-xlg, .tablet\:px-xlg {
        padding-right: var(--spacing-xlg)
    }

    .tablet\:p-xxlg, .tablet\:pt-xxlg, .tablet\:py-xxlg {
        padding-top: var(--spacing-xxlg)
    }

    .tablet\:p-xxlg, .tablet\:pb-xxlg, .tablet\:py-xxlg {
        padding-bottom: var(--spacing-xxlg)
    }

    .tablet\:p-xxlg, .tablet\:pl-xxlg, .tablet\:px-xxlg {
        padding-left: var(--spacing-xxlg)
    }

    .tablet\:p-xxlg, .tablet\:pr-xxlg, .tablet\:px-xxlg {
        padding-right: var(--spacing-xxlg)
    }

    .tablet\:m-xxsm, .tablet\:mt-xxsm, .tablet\:my-xxsm {
        margin-top: var(--spacing-xxsm)
    }

    .tablet\:m-xxsm, .tablet\:mb-xxsm, .tablet\:my-xxsm {
        margin-bottom: var(--spacing-xxsm)
    }

    .tablet\:m-xxsm, .tablet\:ml-xxsm, .tablet\:mx-xxsm {
        margin-left: var(--spacing-xxsm)
    }

    .tablet\:m-xxsm, .tablet\:mr-xxsm, .tablet\:mx-xxsm {
        margin-right: var(--spacing-xxsm)
    }

    .tablet\:m-xsm, .tablet\:mt-xsm, .tablet\:my-xsm {
        margin-top: var(--spacing-xsm)
    }

    .tablet\:m-xsm, .tablet\:mb-xsm, .tablet\:my-xsm {
        margin-bottom: var(--spacing-xsm)
    }

    .tablet\:m-xsm, .tablet\:ml-xsm, .tablet\:mx-xsm {
        margin-left: var(--spacing-xsm)
    }

    .tablet\:m-xsm, .tablet\:mr-xsm, .tablet\:mx-xsm {
        margin-right: var(--spacing-xsm)
    }

    .tablet\:m-sm, .tablet\:mt-sm, .tablet\:my-sm {
        margin-top: var(--spacing-sm)
    }

    .tablet\:m-sm, .tablet\:mb-sm, .tablet\:my-sm {
        margin-bottom: var(--spacing-sm)
    }

    .tablet\:m-sm, .tablet\:ml-sm, .tablet\:mx-sm {
        margin-left: var(--spacing-sm)
    }

    .tablet\:m-sm, .tablet\:mr-sm, .tablet\:mx-sm {
        margin-right: var(--spacing-sm)
    }

    .tablet\:m-md, .tablet\:mt-md, .tablet\:my-md {
        margin-top: var(--spacing-md)
    }

    .tablet\:m-md, .tablet\:mb-md, .tablet\:my-md {
        margin-bottom: var(--spacing-md)
    }

    .tablet\:m-md, .tablet\:ml-md, .tablet\:mx-md {
        margin-left: var(--spacing-md)
    }

    .tablet\:m-md, .tablet\:mr-md, .tablet\:mx-md {
        margin-right: var(--spacing-md)
    }

    .tablet\:m-lg, .tablet\:mt-lg, .tablet\:my-lg {
        margin-top: var(--spacing-lg)
    }

    .tablet\:m-lg, .tablet\:mb-lg, .tablet\:my-lg {
        margin-bottom: var(--spacing-lg)
    }

    .tablet\:m-lg, .tablet\:ml-lg, .tablet\:mx-lg {
        margin-left: var(--spacing-lg)
    }

    .tablet\:m-lg, .tablet\:mr-lg, .tablet\:mx-lg {
        margin-right: var(--spacing-lg)
    }

    .tablet\:m-xlg, .tablet\:mt-xlg, .tablet\:my-xlg {
        margin-top: var(--spacing-xlg)
    }

    .tablet\:m-xlg, .tablet\:mb-xlg, .tablet\:my-xlg {
        margin-bottom: var(--spacing-xlg)
    }

    .tablet\:m-xlg, .tablet\:ml-xlg, .tablet\:mx-xlg {
        margin-left: var(--spacing-xlg)
    }

    .tablet\:m-xlg, .tablet\:mr-xlg, .tablet\:mx-xlg {
        margin-right: var(--spacing-xlg)
    }

    .tablet\:m-xxlg, .tablet\:mt-xxlg, .tablet\:my-xxlg {
        margin-top: var(--spacing-xxlg)
    }

    .tablet\:m-xxlg, .tablet\:mb-xxlg, .tablet\:my-xxlg {
        margin-bottom: var(--spacing-xxlg)
    }

    .tablet\:m-xxlg, .tablet\:ml-xxlg, .tablet\:mx-xxlg {
        margin-left: var(--spacing-xxlg)
    }

    .tablet\:m-xxlg, .tablet\:mr-xxlg, .tablet\:mx-xxlg {
        margin-right: var(--spacing-xxlg)
    }

    .tablet\:w-1\.5 {
        width: 1.5rem;
    }


    .tablet\:w-10 {
        width: 10rem;
    }

    .tablet\:w-2\/5 {
        width: 40%;
    }

    .tablet\:w-half {
        width: 50%;
    }

    .tablet\:w-3\/5 {
        width: 60%;
    }

    .tablet\:w-full {
        width: 100%;
    }

    .tablet\:border-solid {
        border-style: solid;
    }

    .tablet\:border-w-1px {
        border-width: 1px;
    }

    .tablet\:border-w-0 {
        border-width: 0px;
    }

    .tablet\:border-l-1px {
        border-left-width: 1px;
    }

    .tablet\:border-b-1px, .tablet\:border-y-1px {
        border-bottom-width: 1px;
    }

    .tablet\:border-clr-secondary-95 {
        border-color: var(--clr-secondary-95);
    }

    .tablet\:border-clr-component-primary-20 {
        border-color: var(--clr-component-primary-20, var(--clr-primary-20));
    }

    .tablet\:border-clr-neutral-60 {
        border-color: var(--clr-neutral-60);
    }

    .tablet\:m-0 {
        margin: 0;
    }

    .tablet\:gap-0 {
        gap: 0;
    }
    
    .tablet\:gap-xxsm {
        gap: var(--spacing-xxsm)
    }

    .tablet\:gap-xsm {
        gap: var(--spacing-xsm)
    }

    .tablet\:gap-sm {
        gap: var(--spacing-sm)
    }

    .tablet\:gap-md {
        gap: var(--spacing-md)
    }

    .tablet\:gap-lg {
        gap: var(--spacing-lg)
    }

    .tablet\:gap-xlg {
        gap: var(--spacing-xlg)
    }

    .tablet\:gap-xxlg {
        gap: var(--spacing-xxlg)
    }

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

    .tablet\:text-center {
        text-align: center;
    }

    .tablet\:h-auto {
        height: auto;
    }

    .tablet\:h-screen {
        height: 100dvh;
    }

    .tablet\:h-min {
        height: min-content;
    }

    .tablet\:h-9 {
        height: 9rem;
    }

    .tablet\:relative {
        position: relative;
    }

    .tablet\:initial {
        position: initial;
    }

    .tablet\:overflow-unset {
        overflow: unset;
    }

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

    .tablet\:grid-cols-4 {
        grid-template-columns: repeat(4, 25%);
    }

    .tablet\:grid-auto-rows-auto{
        grid-auto-rows: auto;
    }


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

    .tablet\:flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media (max-width: 700px) {


    .mobile\:flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .mobile\:direction-column{
        flex-direction: column;
    }

    .mobile\:w-3\/5 {
        width: 60%;
    }

    .mobile\:h-5 {
        height: 5rem;
    }
    
    .mobile\:hidden{
        display: none;
    }
}


@media not (pointer: fine) {
    .touch\:hidden {
        display: none;
    }
}