/**
 * Padded
 */

.has-padded {
    padding: var(--ts-space-gap) !important;
}
.has-padded-tiny {
    padding: var(--ts-space-gap-tiny) !important;
}
.has-padded-small {
    padding: var(--ts-space-gap-small) !important;
}
.has-padded-large {
    padding: var(--ts-space-gap-large) !important;
}
.has-padded-big {
    padding: var(--ts-space-gap-big) !important;
}
.has-padded-huge {
    padding: var(--ts-space-gap-huge) !important;
}

/** Horizontally */
.has-horizontally-padded {
    padding-left: var(--ts-space-gap) !important;
    padding-right: var(--ts-space-gap) !important;
}
.has-horizontally-padded-tiny {
    padding-left: var(--ts-space-gap-tiny) !important;
    padding-right: var(--ts-space-gap-tiny) !important;
}
.has-horizontally-padded-small {
    padding-left: var(--ts-space-gap-small) !important;
    padding-right: var(--ts-space-gap-small) !important;
}
.has-horizontally-padded-large {
    padding-left: var(--ts-space-gap-large) !important;
    padding-right: var(--ts-space-gap-large) !important;
}
.has-horizontally-padded-big {
    padding-left: var(--ts-space-gap-big) !important;
    padding-right: var(--ts-space-gap-big) !important;
}
.has-horizontally-padded-huge {
    padding-left: var(--ts-space-gap-huge) !important;
    padding-right: var(--ts-space-gap-huge) !important;
}

/** Vertically */
.has-vertically-padded {
    padding-top: var(--ts-space-gap) !important;
    padding-bottom: var(--ts-space-gap) !important;
}
.has-vertically-padded-tiny {
    padding-top: var(--ts-space-gap-tiny) !important;
    padding-bottom: var(--ts-space-gap-tiny) !important;
}
.has-vertically-padded-small {
    padding-top: var(--ts-space-gap-small) !important;
    padding-bottom: var(--ts-space-gap-small) !important;
}
.has-vertically-padded-large {
    padding-top: var(--ts-space-gap-large) !important;
    padding-bottom: var(--ts-space-gap-large) !important;
}
.has-vertically-padded-big {
    padding-top: var(--ts-space-gap-big) !important;
    padding-bottom: var(--ts-space-gap-big) !important;
}
.has-vertically-padded-huge {
    padding-top: var(--ts-space-gap-huge) !important;
    padding-bottom: var(--ts-space-gap-huge) !important;
}

/** Bottom */
.has-bottom-padded {
    padding-bottom: var(--ts-space-gap) !important;
}
.has-bottom-padded-tiny {
    padding-bottom: var(--ts-space-gap-tiny) !important;
}
.has-bottom-padded-small {
    padding-bottom: var(--ts-space-gap-small) !important;
}
.has-bottom-padded-large {
    padding-bottom: var(--ts-space-gap-large) !important;
}
.has-bottom-padded-big {
    padding-bottom: var(--ts-space-gap-big) !important;
}
.has-bottom-padded-huge {
    padding-bottom: var(--ts-space-gap-huge) !important;
}

/** Top */
.has-top-padded {
    padding-top: var(--ts-space-gap) !important;
}
.has-top-padded-tiny {
    padding-top: var(--ts-space-gap-tiny) !important;
}
.has-top-padded-small {
    padding-top: var(--ts-space-gap-small) !important;
}
.has-top-padded-large {
    padding-top: var(--ts-space-gap-large) !important;
}
.has-top-padded-big {
    padding-top: var(--ts-space-gap-big) !important;
}
.has-top-padded-huge {
    padding-top: var(--ts-space-gap-huge) !important;
}

/** Start */
.has-start-padded {
    padding-left: var(--ts-space-gap) !important;
}
.has-start-padded-tiny {
    padding-left: var(--ts-space-gap-tiny) !important;
}
.has-start-padded-small {
    padding-left: var(--ts-space-gap-small) !important;
}
.has-start-padded-large {
    padding-left: var(--ts-space-gap-large) !important;
}
.has-start-padded-big {
    padding-left: var(--ts-space-gap-big) !important;
}
.has-start-padded-huge {
    padding-left: var(--ts-space-gap-huge) !important;
}

/** End */
.has-end-padded {
    padding-right: var(--ts-space-gap) !important;
}
.has-end-padded-tiny {
    padding-right: var(--ts-space-gap-tiny) !important;
}
.has-end-padded-small {
    padding-right: var(--ts-space-gap-small) !important;
}
.has-end-padded-large {
    padding-right: var(--ts-space-gap-large) !important;
}
.has-end-padded-big {
    padding-right: var(--ts-space-gap-big) !important;
}
.has-end-padded-huge {
    padding-right: var(--ts-space-gap-huge) !important;
}

/**
 * Fitted
 */

.has-fitted {
    padding: 0 !important;
}
.has-vertically-fitted {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.has-horizontally-fitted {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.has-start-fitted {
    padding-left: 0 !important;
}
.has-end-fitted {
    padding-right: 0 !important;
}
.has-top-fitted {
    padding-top: 0 !important;
}
.has-bottom-fitted {
    padding-bottom: 0 !important;
}

/**
 * Spaced
 */

.has-spaced {
    margin: 1rem !important;
}
.has-spaced-tiny {
    margin: var(--ts-space-gap-tiny) !important;
}
.has-spaced-small {
    margin: var(--ts-space-gap-small) !important;
}
.has-spaced-large {
    margin: var(--ts-space-gap-large) !important;
}
.has-spaced-big {
    margin: var(--ts-space-gap-big) !important;
}
.has-spaced-huge {
    margin: var(--ts-space-gap-huge) !important;
}

/** Horizontally */
.has-horizontally-spaced {
    margin-left: var(--ts-space-gap) !important;
    margin-right: var(--ts-space-gap) !important;
}
.has-horizontally-spaced-tiny {
    margin-left: var(--ts-space-gap-tiny) !important;
    margin-right: var(--ts-space-gap-tiny) !important;
}
.has-horizontally-spaced-small {
    margin-left: var(--ts-space-gap-small) !important;
    margin-right: var(--ts-space-gap-small) !important;
}
.has-horizontally-spaced-large {
    margin-left: var(--ts-space-gap-large) !important;
    margin-right: var(--ts-space-gap-large) !important;
}
.has-horizontally-spaced-big {
    margin-left: var(--ts-space-gap-big) !important;
    margin-right: var(--ts-space-gap-big) !important;
}
.has-horizontally-spaced-huge {
    margin-left: var(--ts-space-gap-huge) !important;
    margin-right: var(--ts-space-gap-huge) !important;
}

/** Vertically */
.has-vertically-spaced {
    margin-top: var(--ts-space-gap) !important;
    margin-bottom: var(--ts-space-gap) !important;
}
.has-vertically-spaced-tiny {
    margin-top: var(--ts-space-gap-tiny) !important;
    margin-bottom: var(--ts-space-gap-tiny) !important;
}
.has-vertically-spaced-small {
    margin-top: var(--ts-space-gap-small) !important;
    margin-bottom: var(--ts-space-gap-small) !important;
}
.has-vertically-spaced-large {
    margin-top: var(--ts-space-gap-large) !important;
    margin-bottom: var(--ts-space-gap-large) !important;
}
.has-vertically-spaced-big {
    margin-top: var(--ts-space-gap-big) !important;
    margin-bottom: var(--ts-space-gap-big) !important;
}
.has-vertically-spaced-huge {
    margin-top: var(--ts-space-gap-huge) !important;
    margin-bottom: var(--ts-space-gap-huge) !important;
}

/** Bottom */
.has-bottom-spaced {
    margin-bottom: var(--ts-space-gap) !important;
}
.has-bottom-spaced-tiny {
    margin-bottom: var(--ts-space-gap-tiny) !important;
}
.has-bottom-spaced-small {
    margin-bottom: var(--ts-space-gap-small) !important;
}
.has-bottom-spaced-large {
    margin-bottom: var(--ts-space-gap-large) !important;
}
.has-bottom-spaced-big {
    margin-bottom: var(--ts-space-gap-big) !important;
}
.has-bottom-spaced-huge {
    margin-bottom: var(--ts-space-gap-huge) !important;
}

/** Top */
.has-top-spaced {
    margin-top: var(--ts-space-gap) !important;
}
.has-top-spaced-tiny {
    margin-top: var(--ts-space-gap-tiny) !important;
}
.has-top-spaced-small {
    margin-top: var(--ts-space-gap-small) !important;
}
.has-top-spaced-large {
    margin-top: var(--ts-space-gap-large) !important;
}
.has-top-spaced-big {
    margin-top: var(--ts-space-gap-big) !important;
}
.has-top-spaced-huge {
    margin-top: var(--ts-space-gap-huge) !important;
}

/** Start */
.has-start-spaced {
    margin-left: var(--ts-space-gap) !important;
}
.has-start-spaced-tiny {
    margin-left: var(--ts-space-gap-tiny) !important;
}
.has-start-spaced-small {
    margin-left: var(--ts-space-gap-small) !important;
}
.has-start-spaced-large {
    margin-left: var(--ts-space-gap-large) !important;
}
.has-start-spaced-big {
    margin-left: var(--ts-space-gap-big) !important;
}
.has-start-spaced-huge {
    margin-left: var(--ts-space-gap-huge) !important;
}

/** End */
.has-end-spaced {
    margin-right: var(--ts-space-gap) !important;
}
.has-end-spaced-tiny {
    margin-right: var(--ts-space-gap-tiny) !important;
}
.has-end-spaced-small {
    margin-right: var(--ts-space-gap-small) !important;
}
.has-end-spaced-large {
    margin-right: var(--ts-space-gap-large) !important;
}
.has-end-spaced-big {
    margin-right: var(--ts-space-gap-big) !important;
}
.has-end-spaced-huge {
    margin-right: var(--ts-space-gap-huge) !important;
}

/** Auto */
.has-top-spaced-auto {
    margin-top: auto !important;
}
.has-bottom-spaced-auto {
    margin-bottom: auto !important;
}
.has-start-spaced-auto {
    margin-left: auto !important;
}
.has-end-spaced-auto {
    margin-right: auto !important;
}
.has-vertically-spaced-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.has-horizontally-spaced-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

/**
 * Hidden
 */

.has-hidden {
    display: none !important;
}
.has-invisible {
    visibility: hidden !important;
}
.has-hidden-last:last-child {
    display: none !important;
}
.has-hidden-first:first-child {
    display: none !important;
}

/**
 * Edged
 */

.has-edged {
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
}

/**
 * Line Height
 */

.has-leading-none {
    line-height: 1 !important;
}
.has-leading-small {
    line-height: 1.4 !important;
}
.has-leading-normal {
    line-height: 1.75 !important;
}
.has-leading-large {
    line-height: 1.9 !important;
}

/**
 * Flex
 */

.has-flex-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}
.has-flex {
    display: flex !important;
}
.has-flex-row {
    display: flex !important;
    flex-direction: row !important;
}
.has-flex-column {
    display: flex !important;
    flex-direction: column !important;
}
.has-flex-1 {
    flex: 1 !important;
}

/**
 * Font Size
 */

.has-text-14px {
    font-size: var(--ts-font-size-14px) !important;
}
.has-text-15px {
    font-size: var(--ts-font-size-15px) !important;
}
.has-text-16px {
    font-size: var(--ts-font-size-16px) !important;
}

/**
 * Text Color
 */

.has-text-white {
    color: white !important;
}
.has-text-black {
    color: black !important;
}

/**
 * Cursor
 */

.has-cursor-auto {
    cursor: auto !important;
}
.has-cursor-default {
    cursor: default !important;
}
.has-cursor-pointer {
    cursor: pointer !important;
}
.has-cursor-not-allowed {
    cursor: not-allowed !important;
}

/**
 * User Select
 */

.has-select-none {
    user-select: none !important;
}
.has-select-all {
    user-select: all !important;
}

/**
 * Pointer Events
 */

.has-pointer-events-none {
    pointer-events: none !important;
}

/**
 * Word Break
 */

.has-break-all {
    word-break: break-all !important;
}
.has-break-words {
    overflow-wrap: break-word !important;
}
.has-break-keep {
    word-break: keep-all !important;
}

/**
 * Overflow
 */

.has-overflow-hidden {
    overflow: hidden !important;
}

/**
 * Sizes
 */

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

.has-full-width {
    width: 100% !important;
}

.has-full-height {
    height: 100% !important;
}

/**
 * Background
 */

.has-background-transparent {
    background-color: transparent !important;
}
.has-gray-background-50 {
    background-color: var(--ts-gray-background-50) !important;
}
.has-gray-background-75 {
    background-color: var(--ts-gray-background-75) !important;
}
.has-gray-background-100 {
    background-color: var(--ts-gray-background-100) !important;
}

/**
 * Vertical Aligns
 */

.has-top-aligned {
    vertical-align: top !important;
}
.has-middle-aligned {
    vertical-align: middle !important;
}
.has-bottom-aligned {
    vertical-align: bottom !important;
}

/**
 * Accent
 */

.is-accent {
    --accent-color: var(--ts-accent-color);
    --accent-foreground-color: var(--ts-accent-foreground-color);
}
