:root {
    --primary-blue: #3fabf3;
}

/* ===== BLOCK SCREEN LIBRARY TAILWIND CLASSES ===== */

/* Padding Classes */
.p-tw-0 {
    padding: 0 !important;
}

/* Responsive Padding Classes */
.sm\:p-tw-0 {
    padding: 0 !important;
}

.sm\:px-tw-16 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Border Classes */
.border-tw-1 {
    border-width: 1px !important;
}

/* Text Size Classes */
.text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.sm\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.lg\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

/* Text Transform Classes */
.text-capitalize {
    text-transform: capitalize !important;
}

/* Text Alignment Classes */
.text-center {
    text-align: center !important;
}

/* Text Color Classes */
.text-white {
    color: #ffffff !important;
}

.text-transparent {
    color: transparent !important;
}

/* Margin Classes */
.mb-0 {
    margin-bottom: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

/* Width & Height Classes */
.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

/* Padding Classes */
.p-0 {
    padding: 0 !important;
}

/* Position Classes */
.position-relative {
    position: relative !important;
}

/* Flexbox Classes */
.justify-content-center {
    justify-content: center !important;
}

.d-flex {
    display: flex !important;
}

/* Max Width/Height Classes */
.max-w-100pc {
    max-width: 100% !important;
}

.max-h-100pc {
    max-height: 100% !important;
}

/* Border Radius Classes */
.rounded {
    border-radius: .25rem !important;
}

.rounded-3xl {
    border-radius: 1.5rem !important;
}

/* Background Classes */
.bg-black {
    background-color: #000000 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

/* Border Style Classes */
.border-solid {
    border-style: solid !important;
}

.border-dark-gray {
    border-color: #333333 !important;
}

.border-primary-blue {
    border-color: var(--primary-blue) !important;
}