:root {
    --tab-font-size: 0.75rem; /* text-sm */
    --tab-padding-y: 1rem;    /* py-4 */
    --tab-font-weight: 900;   /* font-black */
    --tab-tracking: 0.1em;    /* tracking-widest */
    --tab-active-color: #FC5200;
}

.profile-tab {
    position: relative;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: var(--tab-font-size);
    padding-top: var(--tab-padding-y);
    padding-bottom: var(--tab-padding-y);
    font-weight: var(--tab-font-weight);
    text-transform: uppercase;
    letter-spacing: var(--tab-tracking);
}

.profile-tab.active {
    color: var(--tab-active-color);
}

.profile-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--tab-active-color);
    border-radius: 3px 3px 0 0;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}