/* DISPLAY */
.none {
    display: none !important;
}
.block {
    display: block !important;
}
.inline {
    display: inline !important;
}
.inline-block {
    display: inline-block !important;
}
.inline-flex {
    display: inline-flex !important;
}
.flex {
    display: flex !important;
}
.grid {
    display: grid !important;
}
.inherit {
    display: inherit !important;
}
.contents {
    display: contents !important;
}
.is-hidden {
    /* Generic utility class for representing element state. */
    display: none;
}
[hidden], [v-cloak] {
    display: none !important;
}
/* FLEX */
.flex-col {
    flex-direction: column !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-col-reverse {
    flex-direction: column-reverse !important;
}
.flex-auto {
    flex: auto !important;
}
.flex-1 {
    flex: 1 1 0% !important;
}
.shrink-0 {
    flex-shrink: 0 !important;
}
.items-center {
    align-items: center !important;
}
.items-start {
    align-items: flex-start !important;
}
.justify-center {
    justify-content: center !important;
}
.items-end {
    align-items: flex-end !important;
}
.justify-end {
    justify-content: flex-end !important;
}
.self-center {
    align-self: center !important;
}
.self-start {
    align-self: start !important;
}
.self-end {
    align-self: end !important;
}
/* GRID */
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 2fr)) !important;
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 3fr)) !important;
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 4fr)) !important;
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 5fr)) !important;
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 6fr)) !important;
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 7fr)) !important;
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 8fr)) !important;
}
.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 9fr)) !important;
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 10fr)) !important;
}
.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 11fr)) !important;
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 12fr)) !important;
}
.grid-cols-auto {
    grid-template-columns: auto 1fr !important;
}

/* POSITION */
.fixed {
    position: fixed !important;
}
.relative {
    position: relative !important;
}
.absolute {
    position: absolute !important;
}
.sticky {
    position: sticky !important;
}
.static {
    position: static !important;
}
.top-0 {
    top: 0 !important;
}
.top-offset {
    top: var(--top-offset) !important;
}
.right-0 {
    right: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.left-0 {
    left: 0 !important;
}
.z-active {
    z-index: var(--z-active) !important;
}
.z-overlay {
    z-index: var(--z-overlay) !important;
}
.z-hide {
    z-index: var(--z-hide) !important;
}
.z-base {
    z-index: var(--z-base) !important;
}

/* TYPOGRAPHY */
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.no-underline {
    text-decoration: none !important;
}
.underline {
    text-decoration: underline !important;
}
.italic {
    font-style: italic !important;
}
.font-normal {
    font-weight: normal !important;
}
.font-semibold {
    font-weight: 500 !important;
}
.font-bold {
    font-weight: 600 !important;
}
.whitespace-nowrap {
    white-space: nowrap !important;
}
.whitespace-prewrap {
    white-space: pre-wrap !important;
}
.break-word {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.leading-none {
    line-height: 1 !important;
}
.leading-tight {
    line-height: 1.25 !important;
}

/* EFFECTS */
.opacity-50 {
    opacity: 50% !important;
}

/* MISC */
.cursor-pointer {
    cursor: pointer !important;
}
.cursor-default {
    cursor: default !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}

/* BORDERS */
.border-0 {
    border-width: 0 !important;
    border-style: solid !important;
}
.border {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.border-x-0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
}
.border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.border-y-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
}
.border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.border-t-0 {
    border-top-width: 0 !important;
    border-top-style: solid !important;
}
.border-t {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.border-r-0 {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
.border-r {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.border-b-0 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
.border-b {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-color: var(--color-border-default) !important;
}
.border-l-0 {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
.border-l {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color: var(--color-border-default) !important;
}

.last\:border-b-0:last-child {
    border-bottom-width: 0 !important;
}

.rounded-none {
    border-radius: 0;
}
.rounded-full {
    border-radius: 100%;
}