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

.tablist {
    display: flex;
    /*gap: 8px;*/
    padding-bottom: 8px;
}
.tablist button[role="tab"] {
    margin-right: 8px;
}
/*.tablist button[role="tab"] {*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    appearance: none;*/
/*    border: none;*/
/*    background: transparent;*/
/*    color: var(--muted);*/
/*    padding: 12px 16px;*/
/*    border-radius: 10px;*/
/*    font-size: 14px;*/
/*    font-weight: 600;*/
/*    letter-spacing: .2px;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    transition: color .2s ease, background .2s ease, transform .06s ease;*/
/*}*/

.tablist button[role="tab"][aria-selected="true"] {
    background-color: #ffd752;
    color: black;
}

/*.tablist button[role="tab"]:hover {*/
/*    color: #f3f7fd;*/
/*    background: rgba(255, 255, 255, .05);*/
/*}*/

.tablist button[role="tab"]:active {
    transform: translateY(1px);
}

.tablist button[role="tab"][aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -1px;
    height: 3px;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    border-radius: 6px 6px 0 0;
}

[role="tabpanel"] {
    display: none;
}

[role="tabpanel"][data-active="true"] {
    display: block;
}



/* Focus styles for accessibility */
.tablist button[role="tab"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--ring);
}