/* Original video archive rules; source SHA256 3eec5f8ccfcfc5fa449f6fc7f3276e4b53665aca6e4f19a0e23365278f5c517d */

.video-detail-tab-icon {

    display: none;

}

.search-rich-strip .search-serp-module-header > .btn-list {

    flex: 0 0 auto;

    flex-wrap: nowrap;

}

.search-rich-strip .search-serp-module-header > div:first-child {

    min-width: 0;

}

.search-rich-viewport {

    overflow-x: auto;

    padding-bottom: .25rem;

}

.search-rich-track {

    display: flex;

    gap: .75rem;

    min-width: min-content;

}

.search-rich-card {

    display: grid;

    flex: 0 0 calc((100% - 2.25rem) / 4);

    align-content: start;

    min-width: 0;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .11);

    border-radius: 8px;

    background: rgba(32, 33, 36, .86);

    color: #e8eaed;

}

.search-rich-media {

    position: relative;

    display: block;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #303134;

}

.search-rich-media img,

.search-rich-media-fallback {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.search-rich-media-fallback {

    display: grid;

    place-items: center;

    color: #8ab4f8;

    font-size: 2rem;

}

.search-rich-play {

    position: absolute;

    inset: 50% auto auto 50%;

    display: grid;

    width: 2.35rem;

    height: 2.35rem;

    place-items: center;

    border-radius: 999px;

    background: rgba(5, 6, 7, .72);

    color: #fff;

    transform: translate(-50%, -50%);

    box-shadow: 0 0 0 1px rgba(255, 255, 255, .16);

}

.search-rich-card-body {

    display: grid;

    gap: .55rem;

    padding: .75rem;

}

.search-rich-card strong {

    color: #e8eaed;

    font-size: .9rem;

    line-height: 1.3;

}

.search-rich-card small {

    color: #9aa0a6;

}

.search-rich-card-meta {

    display: flex;

    flex-wrap: wrap;

    gap: .3rem .4rem;

    align-items: center;

    color: #9aa0a6;

    font-size: .72rem;

}

.city-guide-rich-card .search-rich-card-meta i {

    margin-right: .25rem;

    color: #ffe500;

}

.search-rich-creator {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr);

    gap: .45rem;

    align-items: center;

    color: #d7dce1;

    font-size: .76rem;

    font-weight: 700;

}

.search-rich-creator > span:last-child {

    display: grid;

    min-width: 0;

}

.search-rich-creator span,

.search-rich-creator small {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.search-rich-creator small {

    color: #9aa0a6;

    font-size: .68rem;

    font-weight: 700;

}

.search-rich-card .search-match-pill {

    min-height: 1.15rem;

    padding: .1rem .38rem;

    font-size: .66rem;

}

.search-rich-card--region {

    min-height: 12rem;

    background:

        radial-gradient(circle at 100% 0, rgba(138, 180, 248, .14), transparent 48%),

        linear-gradient(145deg, rgba(32, 33, 36, .96), rgba(21, 24, 28, .96));

    text-decoration: none;

    transition: border-color .16s ease, transform .16s ease;

}

.search-rich-card--region:hover,

.search-rich-card--region:focus-visible {

    border-color: rgba(138, 180, 248, .55);

    transform: none;

}

.search-rich-card--region .search-rich-card-body {

    grid-template-rows: auto auto minmax(0, 1fr) auto auto;

    gap: .75rem;

    min-height: 100%;

    padding: 1rem;

}

.search-rich-card--region strong {

    color: #f1f3f4;

    font-family: var(--font-heading);

    font-size: 1.15rem;

    font-weight: 600;

}

@media (max-width: 991.98px) {

.search-rich-card {

        flex-basis: calc((100% - .75rem) / 2);

    }

}

.community-content-carousel .search-rich-card {

    flex: 0 0 calc((100% - 3rem) / 4);

    text-decoration: none;

}

.video-index-rich-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));

    gap: 1rem;

}

.video-index-rich-grid .search-rich-card {

    text-decoration: none;

}

.video-index-rich-empty {

    grid-column: 1 / -1;

}

.article-index-rich-grid .search-rich-card {

    text-decoration: none;

}

.video-related-rich-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));

    gap: 1rem;

}

.video-related-rich-grid .search-rich-card {

    text-decoration: none;

}

.venue-video-rich-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));

    gap: 1rem;

}

.venue-video-rich-grid .search-rich-card {

    text-decoration: none;

}

.venue-video-rich-card .search-rich-creator .avatar {

    width: 2rem;

    height: 2rem;

    border-radius: 4px;

}

@media (max-width: 1199.98px) {

.community-content-carousel .search-rich-card {

        flex-basis: calc((100% - 2rem) / 3);

    }

}

@media (max-width: 767.98px) {

.community-content-carousel .search-rich-card {

        flex-basis: calc((100% - 1rem) / 2);

    }

}

@media (max-width: 575.98px) {

.community-content-carousel .search-rich-card {

        flex-basis: 100%;

    }

}

.worldwide-search-serp .search-rich-card,

.worldwide-search-serp .search-start-grid div {

    border-color: #2a3138;

    background: #101418;

}

.worldwide-search-serp .search-rich-card:hover,

.worldwide-search-serp .search-rich-card:focus-visible {

    border-color: #ffe500;

}

.worldwide-search-serp .search-rich-media-fallback,

.worldwide-search-serp .search-start-grid i {

    color: #ffe500;

}

.platform-hero,

.directory-header,

.venue-hero,

.video-detail-hero,

.profile-hero {

    padding-bottom: 1.75rem;

    border-bottom: 1px solid #20262d;

}

.venue-content,

.job-layout,

.job-detail,

.video-detail-hero,

.city-guide-hero,

.action-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 320px;

    gap: 1.5rem;

    margin-top: 1.75rem;

}

.video-detail-page {

    --bs-body-color: #eef3f7;

    --bs-secondary-color: #a9b4bf;

    --bs-border-color: #2a3138;

    --bs-link-color: #ff6a61;

    --bs-link-hover-color: #ff8d86;

    --bs-primary: #1293e6;

    --bs-primary-rgb: 18, 147, 230;

    min-height: 100vh;

    color: var(--bs-body-color);

}

.video-detail-hero {

    display: block;

    padding-bottom: 0;

    margin-top: 0;

    border-bottom: 1px solid #20262d;

}

.video-detail-hero-grid {

    display: grid;

    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr);

    gap: 1.25rem;

    align-items: start;

}

.video-detail-player-panel,

.video-detail-side-panel,

.video-detail-reading-panel,

.video-detail-panel {

    border: 1px solid #2a3138;

    border-radius: 8px;

    background: #12171c;

    color: #eef3f7;

}

.video-detail-player-panel {

    overflow: hidden;

}

.video-detail-player {

    display: block;

    width: 100%;

    border-radius: 0;

}

.video-detail-title-block,

.video-detail-side-panel,

.video-detail-reading-panel,

.video-detail-panel {

    padding: 1.25rem;

}

.video-detail-title-block h1 {

    max-width: 860px;

    margin: 0 0 .75rem;

    font-size: clamp(1.75rem, 3vw, 2.55rem);

    line-height: 1.12;

}

.video-detail-byline {

    color: #cbd5df;

    font-weight: 800;

}

.video-detail-side-panel {

    display: grid;

    gap: 1rem;

    align-content: start;

}

.video-detail-creator {

    display: flex;

    gap: .85rem;

    align-items: center;

}

.video-detail-avatar {

    display: grid;

    place-items: center;

    width: 52px;

    height: 52px;

    border: 2px solid #fff;

    border-radius: 999px;

    background: #ffe500;

    color: #070707;

    font-weight: 900;

}

.video-detail-creator .small,

.video-detail-facts,

.video-detail-layout-mini .small,

.video-detail-related-list small,

.video-detail-meta-list dt {

    color: #a9b4bf;

}

.video-detail-facts {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: .65rem;

    padding: 1rem 0;

    border-top: 1px solid #2a3138;

    border-bottom: 1px solid #2a3138;

    font-weight: 800;

}

.video-detail-facts div {

    display: flex;

    gap: .45rem;

    align-items: center;

}

.video-detail-facts i,

.video-detail-layout-mini i,

.video-detail-related-list i {

    color: #ff3b36;

}

.video-detail-layout-mini img {

    display: block;

    width: 100%;

    max-height: 190px;

    object-fit: contain;

    padding: .5rem;

}

.video-detail-reading-panel p {

    max-width: 820px;

    color: #dce5ec;

    line-height: 1.72;

}

.video-detail-sidebar {

    top: var(--kd-sticky-rail-top);

    display: grid;

    gap: 1rem;

}

.video-detail-related-list {

    display: grid;

    gap: .75rem;

}

.video-detail-related-list a {

    display: grid;

    grid-template-columns: 96px minmax(0, 1fr);

    gap: .75rem;

    align-items: center;

    padding: .65rem;

    border: 1px solid #2a3138;

    border-radius: 8px;

    background: #151b21;

    color: #eef3f7;

    text-decoration: none;

}

.video-detail-related-list img {

    width: 96px;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    border-radius: 4px;

}

.video-detail-related-list strong,

.video-detail-related-list small {

    display: block;

}

.video-detail-related-list small {

    margin-top: .25rem;

    font-weight: 800;

}

.video-detail-meta-list div {

    padding: .65rem 0;

    border-top: 1px solid #2a3138;

}

.video-detail-meta-list div:first-child {

    border-top: 0;

}

.video-detail-meta-list dt {

    font-size: .82rem;

    font-weight: 900;

    text-transform: uppercase;

}

.video-detail-meta-list dd {

    margin: .15rem 0 0;

    color: #eef3f7;

    font-weight: 800;

}

.video-index-page {

    --bs-body-color: #eef3f7;

    --bs-secondary-color: #a9b4bf;

    --bs-border-color: #2a3138;

    --bs-link-color: #ff6a61;

    --bs-link-hover-color: #ff8d86;

    min-height: 100vh;

    color: var(--bs-body-color);

}

.video-index-hero {

    border-bottom: 1px solid #20262d;

}

.video-index-hero-panel,

.video-index-card,

.video-index-side-card {

    border: 1px solid #2a3138;

    border-radius: 8px;

    background: #12171c;

    color: #eef3f7;

}

.video-index-hero-panel {

    padding: clamp(1.25rem, 3vw, 2rem);

}

.video-index-hero-panel h1 {

    max-width: 820px;

    font-size: clamp(2.3rem, 5vw, 4rem);

    line-height: 1.05;

}

.video-index-summary,

.video-index-meta {

    display: flex;

    flex-wrap: wrap;

    gap: .55rem;

}

.video-index-summary span,

.video-index-meta span {

    display: inline-flex;

    gap: .35rem;

    align-items: center;

    min-height: 1.75rem;

    padding: .25rem .55rem;

    border: 1px solid #33404a;

    border-radius: 999px;

    background: #151b21;

    color: #dce5ec;

    font-size: .84rem;

    font-weight: 900;

}

.video-index-summary i,

.video-index-meta i,

.video-index-page .list-group-item i {

    color: #ff3b36;

}

.video-index-count {

    color: #a9b4bf;

    font-weight: 900;

}

.video-index-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 1rem;

}

.video-index-card {

    overflow: hidden;

}

.video-index-thumb {

    display: grid;

    place-items: center;

    min-height: 150px;

    background: #0a0e12;

    color: #ff3b36;

    text-decoration: none;

}

.video-index-thumb img {

    width: 100%;

    height: 100%;

    aspect-ratio: 16 / 9;

    object-fit: cover;

}

.video-index-thumb span {

    display: grid;

    place-items: center;

    width: 3.5rem;

    height: 3.5rem;

    border: 1px solid #2a3138;

    border-radius: 999px;

    font-size: 1.8rem;

}

.video-index-card-body {

    display: grid;

    gap: .75rem;

    padding: 1rem;

}

.video-index-kicker {

    margin: 0;

    color: #ffe500;

    font-size: .76rem;

    font-weight: 900;

    text-transform: uppercase;

}

.video-index-card h3 {

    margin: 0;

    font-size: 1.08rem;

    line-height: 1.22;

}

.video-index-card h3 a {

    color: #fff;

    text-decoration: none;

}

.video-index-creator {

    display: flex;

    gap: .55rem;

    align-items: center;

    color: #cbd5df;

}

.video-index-creator img,

.video-index-creator span {

    width: 34px;

    height: 34px;

    flex: 0 0 auto;

    border-radius: 999px;

}

.video-index-creator img {

    object-fit: cover;

}

.video-index-creator span {

    display: grid;

    place-items: center;

    border: 1px solid #fff;

    background: #ffe500;

    color: #070707;

    font-weight: 900;

}

.video-index-creator strong {

    min-width: 0;

    overflow: hidden;

    font-size: .9rem;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.video-index-meta {

    gap: .35rem;

}

.video-index-meta span {

    font-size: .78rem;

}

.video-index-pagination {

    display: flex;

    gap: 1rem;

    align-items: center;

    justify-content: center;

    margin-top: 2rem;

    color: #cbd5df;

    font-weight: 900;

}

.video-index-sidebar {

    display: grid;

    gap: 1rem;

}

@media (min-width: 992px) {

.video-index-sidebar {

        position: sticky;

        top: var(--kd-sticky-rail-top);

        align-self: flex-start;

        z-index: 1;

    }

}

.video-index-side-card {

    padding: 1rem;

}

.video-index-side-card p,

.video-index-ad-slot p {

    color: #cbd5df;

}

.video-index-contribute .btn-warning {

    --bs-btn-bg: #ffe500;

    --bs-btn-border-color: #ffe500;

    --bs-btn-color: #070707;

    --bs-btn-hover-bg: #ffcd00;

    --bs-btn-hover-border-color: #ffcd00;

    font-weight: 900;

}

.video-index-ad-slot {

    padding: 1rem;

    border: 1px solid rgba(255, 229, 0, .35);

    border-radius: 8px;

    background: linear-gradient(135deg, rgba(255, 229, 0, .18), rgba(199, 53, 47, .18));

}

.video-index-ad-slot span {

    display: inline-flex;

    margin-bottom: .75rem;

    color: #ffe500;

    font-size: .75rem;

    font-weight: 900;

    text-transform: uppercase;

}

.video-index-ad-slot strong {

    display: block;

    margin-bottom: .35rem;

    color: #fff;

    font-size: 1.15rem;

}

.video-index-page .list-group-item {

    background: transparent;

    border-color: #2a3138;

    color: #eef3f7;

    font-weight: 800;

}

.venue-section-hero-panel,

.venue-section-panel,

.venue-review-card,

.venue-video-card,

.venue-layout-card,

.venue-section-empty,

.venue-section-form {

    border: 1px solid #2a3138;

    border-radius: 8px;

    background: #12171c;

    color: #eef3f7;

}

.venue-review-empty {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr);

    gap: 1.25rem;

    align-items: start;

    padding: clamp(1.25rem, 3vw, 2rem);

    border: 1px solid rgba(255, 229, 0, .35);

    border-radius: 10px;

    background: linear-gradient(135deg, rgba(255, 229, 0, .1), rgba(18, 23, 28, .96) 48%);

    color: #eef3f7;

}

.venue-review-empty-icon {

    display: grid;

    width: 3.5rem;

    height: 3.5rem;

    place-items: center;

    border: 1px solid rgba(255, 229, 0, .55);

    border-radius: 50%;

    background: rgba(255, 229, 0, .1);

    color: #ffe500;

    font-size: 1.75rem;

}

.venue-review-empty-kicker {

    display: block;

    margin-bottom: .35rem;

    color: #ffe500;

    font-size: .78rem;

    font-weight: 800;

    letter-spacing: .08em;

    text-transform: uppercase;

}

.venue-review-empty-copy p,

.venue-review-form-intro {

    color: #c9d3dc;

    line-height: 1.55;

}

.venue-review-empty-copy p {

    max-width: 42rem;

    margin-bottom: 1.1rem;

}

.venue-review-empty-cta {

    display: inline-flex;

    gap: .55rem;

    align-items: center;

    color: #080b0e;

}

.venue-review-form-intro {

    margin: -.35rem 0 1.1rem;

}

.venue-review-card {

    padding: 1rem;

}

.venue-review-author {

    display: flex;

    min-width: 0;

    gap: .8rem;

    align-items: center;

}

.venue-review-avatar {

    flex: 0 0 auto;

    width: 2.75rem;

    height: 2.75rem;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .14);

    border-radius: 6px;

    background: #20272e;

}

.venue-review-avatar img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.venue-review-card .small,

.venue-video-card .small,

.venue-layout-card .small {

    color: #a9b4bf;

}

.venue-review-stars {

    display: inline-flex;

    gap: .1rem;

    color: #ffe500;

    font-size: 1.1rem;

}

.venue-review-form .form-account-identity {

    margin-bottom: 1rem;

}

.form-account-identity {

    display: flex;

    gap: .85rem;

    align-items: center;

    padding: 1rem;

    border: 1px solid #33404a;

    border-radius: 8px;

    background: #101418;

}

.form-account-identity-avatar,

.form-account-identity-icon {

    flex: 0 0 auto;

}

.form-account-identity-avatar {

    width: 3rem;

    height: 3rem;

}

.form-account-identity-icon {

    display: grid;

    width: 3rem;

    height: 3rem;

    place-items: center;

    border: 1px solid #4a5660;

    border-radius: 50%;

    color: #ffe500;

    font-size: 1.6rem;

}

.form-account-identity-copy {

    display: flex;

    min-width: 0;

    flex-direction: column;

    color: #c9d3dc;

    line-height: 1.4;

}

.form-account-identity-copy strong {

    color: #eef3f7;

}

.form-account-identity-copy small {

    color: #8f9ba6;

    font-weight: 700;

    text-transform: uppercase;

}

.form-account-identity-detail {

    display: inline-flex;

    gap: .45rem;

    align-items: center;

    min-width: 0;

}

.form-account-identity-detail i {

    flex: 0 0 auto;

    color: #ffe500;

}

.form-account-identity-detail span,

.form-account-identity-detail strong {

    min-width: 0;

    overflow-wrap: anywhere;

}

.form-account-identity-copy a,

.venue-review-consent a {

    color: #ffe500;

    font-weight: 800;

}

.form-account-identity-actions {

    display: flex;

    flex-wrap: wrap;

    gap: .65rem;

    margin-top: .8rem;

}

.form-account-identity-actions .btn {

    display: inline-flex;

    gap: .45rem;

    align-items: center;

    justify-content: center;

    min-width: 8.5rem;

    min-height: 3rem;

}

.form-account-identity-actions .btn-primary {

    color: #080b0e;

}

.venue-review-auth-gate .form-account-identity {

    margin: 0;

}

.venue-review-promises {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: .75rem;

    margin: 1rem 0 0;

    padding: 0;

    color: #b9c4ce;

    font-size: .9rem;

    list-style: none;

}

.venue-review-promises li {

    display: flex;

    gap: .45rem;

    align-items: center;

}

.venue-review-promises i {

    flex: 0 0 auto;

    color: #ffe500;

    font-size: 1.1rem;

}

.venue-review-form .form-control-lg,

.venue-review-form .form-select-lg,

.venue-review-input-group {

    min-height: 3.75rem;

}

.venue-review-input-group {

    overflow: hidden;

    border: 1px solid #33404a;

    border-radius: 8px;

    background: #080b0e;

}

.venue-review-input-group .input-group-text {

    min-width: 3.75rem;

    justify-content: center;

    border: 0;

    border-right: 1px solid #606a73;

    background: #2b3035;

    color: #dce5ec;

}

.venue-review-input-group .form-control {

    min-height: calc(3.75rem - 2px);

    border: 0;

    box-shadow: none;

}

.venue-review-rating-field {

    min-width: 0;

    padding-top: 0;

    padding-bottom: 0;

    border: 0;

}

.venue-review-rating {

    display: flex;

    gap: .25rem;

    align-items: center;

    width: fit-content;

}

.venue-review-rating input {

    position: absolute;

    width: 1px;

    height: 1px;

    overflow: hidden;

    opacity: 0;

    pointer-events: none;

}

.venue-review-rating label {

    display: grid;

    width: 2.35rem;

    height: 2.35rem;

    place-items: center;

    border-radius: 6px;

    color: #626d76;

    cursor: pointer;

    font-size: 1.7rem;

    transition: color .15s ease, transform .15s ease;

}

.venue-review-rating label:hover,

.venue-review-rating label:has(~ label:hover),

.venue-review-rating input:checked + label,

.venue-review-rating label:has(~ input:checked) {

    color: #ffe500;

}

.venue-review-rating label:hover {

    transform: scale(1.08);

}

.venue-review-rating input:focus-visible + label {

    outline: 2px solid #1293e6;

    outline-offset: 2px;

}

.venue-review-consent {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr);

    gap: .75rem;

    align-items: start;

    padding: 1rem;

    border: 1px solid #33404a;

    border-radius: 8px;

    background: #101418;

    color: #dce6ef;

    cursor: pointer;

    font-size: .95rem;

    line-height: 1.45;

}

.venue-review-consent input[type="checkbox"] {

    width: 1.15rem;

    height: 1.15rem;

    margin-top: .15rem;

    accent-color: #ffe500;

}

.venue-review-actions {

    display: flex;

    gap: 1rem;

    align-items: center;

    justify-content: space-between;

}

.venue-review-captcha-note {

    margin: 0;

    color: #84919c;

    font-size: .86rem;

}

.venue-review-submit {

    min-width: 15rem;

    min-height: 3.75rem;

    margin-left: auto;

}

@media (max-width: 575.98px) {

.venue-review-empty {

        grid-template-columns: 1fr;

    }

.venue-review-empty-cta {

        width: 100%;

        justify-content: center;

    }

.venue-review-promises {

        grid-template-columns: 1fr;

    }

.venue-review-actions {

        align-items: stretch;

        flex-direction: column;

    }

.venue-review-submit {

        width: 100%;

        min-width: 0;

    }

}

.content-comments-shell {

    background: transparent;

}

.content-comments {

    padding-top: 1.25rem;

    border-top: 1px solid #2f3942;

}

.content-comments-empty {

    padding: 2rem 1rem;

}

.content-comment-list {

    display: grid;

    gap: .8rem;

    margin-bottom: 1.25rem;

}

.content-comment-card {

    padding: 1rem;

    border: 1px solid #2f3942;

    border-radius: 8px;

    background: #10161b;

    color: #e9eff4;

}

.content-comment-header {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr) auto;

    gap: .75rem;

    align-items: center;

    margin-bottom: .85rem;

}

.content-comment-avatar {

    width: 2.75rem;

    height: 2.75rem;

}

.content-comment-byline {

    display: flex;

    min-width: 0;

    flex-direction: column;

}

.content-comment-byline time {

    color: #8f9ba6;

    font-size: .85rem;

}

.content-comment-stars {

    display: inline-flex;

    gap: .1rem;

    color: #ffe500;

}

.content-comment-form,

.content-comment-auth-gate {

    margin-top: 1.25rem;

    padding: 1.25rem 0 0;

    border: 0;

    border-top: 1px solid #2f3942;

    border-radius: 0;

    background: transparent;

}

.content-comment-member {

    display: flex;

    gap: .75rem;

    align-items: center;

    margin-bottom: 1rem;

}

.content-comment-member-avatar {

    width: 3rem;

    height: 3rem;

}

.content-comment-member > span:last-child {

    display: flex;

    flex-direction: column;

}

.content-comment-member small {

    color: #8f9ba6;

    font-weight: 700;

    text-transform: uppercase;

}

.content-comment-form .content-comment-rating {

    width: fit-content;

}

@media (max-width: 575.98px) {

.content-comment-header {

        grid-template-columns: auto minmax(0, 1fr);

    }

.content-comment-stars {

        grid-column: 2;

    }

}

.venue-section-video-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1rem;

}

.venue-section-video-grid .search-rich-card {

    text-decoration: none;

}

@media (max-width: 767.98px) {

.venue-row,

    .venue-content,

    .job-layout,

    .job-detail,

    .video-detail-hero,

    .city-guide-hero,

    .city-guide-venue,

    .action-layout,

    .profile-video-item,

    .about-hero-grid,

    .about-page-grid,

    .about-intro-section,

    .about-mission-section,

    .about-powered-band,

    .about-values-grid,

    .legal-hero-grid,

    .legal-layout,

    .contact-hero-grid,

    .contact-page-grid,

    .contact-route-grid,

    .site-location-consent-card {

        grid-template-columns: 1fr;

    }

.venue-section-video-grid {

        grid-template-columns: 1fr;

    }

.article-detail-page .breadcrumb .breadcrumb-item.active,

    .video-detail-page .breadcrumb .breadcrumb-item.active,

    .venue-show-page .breadcrumb .breadcrumb-item.active,

    .venue-section-page .breadcrumb .breadcrumb-item.active,

    .job-detail-page .breadcrumb .breadcrumb-item.active,

    .city-guide-detail-page .breadcrumb .breadcrumb-item.active {

        display: none;

    }

.article-detail-page .page-header,

    .video-detail-page .page-header {

        padding-bottom: 0;

    }

.article-detail-page .breadcrumb,

    .video-detail-page .breadcrumb,

    .venue-show-page .breadcrumb {

        margin-bottom: 0 !important;

    }

.article-detail-card,

    .video-detail-main-card,

    .video-detail-tabs-card {

        width: calc(100% + (var(--kd-site-gutter) * 2));

        margin-right: calc(var(--kd-site-gutter) * -1);

        margin-left: calc(var(--kd-site-gutter) * -1);

        border-right: 0 !important;

        border-left: 0 !important;

        border-radius: 0 !important;

    }

.article-detail-card > .ratio,

    .article-detail-card > .ratio img,

    .video-detail-main-card .ratio,

    .video-detail-main-card .ratio iframe,

    .video-detail-main-card .ratio img {

        border-radius: 0 !important;

    }

.video-detail-main-card > .card-body {

        padding: 0;

    }

.video-detail-main-card > .card-body > .row {

        --bs-gutter-x: 0;

        --bs-gutter-y: 0;

    }

.video-detail-main-card .col-xl-8 > .mt-4,

    .video-detail-main-card .col-xl-4 {

        padding: 1.25rem;

    }

.video-detail-main-card .col-xl-8 > .ratio + .mt-4 {

        margin-top: 0 !important;

    }

.video-detail-tabs-card > .card-header {

        padding: 0;

        border-bottom: 1px solid var(--kd-border);

        background: rgba(8, 11, 14, .96);

    }

.video-detail-tabbar {

        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        margin: 0 !important;

        border-bottom: 0 !important;

    }

.video-detail-tabbar .nav-item {

        min-width: 0;

    }

.video-detail-tabbar .nav-link {

        display: inline-flex;

        flex-direction: column;

        gap: .25rem;

        align-items: center;

        justify-content: center;

        min-height: 3.75rem;

        padding: .45rem 0;

        margin: 0;

        border: 0 !important;

        border-radius: 0 !important;

        background: transparent !important;

        font-size: .68rem;

        line-height: 1;

        text-transform: uppercase;

        white-space: nowrap;

        width: 100%;

    }

.video-detail-tab-icon {

        display: block;

        margin: 0;

        font-size: 1.15rem;

        line-height: 1;

    }

body .video-detail-tabbar .nav-link.active,

    .tabler-public .video-detail-tabbar .nav-link.active {

        border-width: 0 !important;

        border-color: transparent !important;

        background: transparent !important;

        color: #fff;

        box-shadow: inset 0 -3px 0 var(--kd-yellow);

    }

.video-detail-hero-grid,

    .video-detail-facts {

        grid-template-columns: 1fr;

    }

.video-index-grid {

        grid-template-columns: 1fr;

    }

}

.news-submit-form .form-account-identity {

    margin-bottom: 1.25rem;

}

.news-submit-auth-gate .form-account-identity {

    margin: 0;

}

.video-premium-badge {

    display: inline-flex;

    gap: .35rem;

    align-items: center;

    border: 1px solid rgba(255, 229, 0, .5);

    background: rgba(255, 229, 0, .12);

    color: #ffe500;

}

.video-premium-cta {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr) auto;

    gap: 1rem;

    align-items: center;

    margin-top: 1.25rem;

    padding: 1rem;

    border: 1px solid rgba(255, 229, 0, .45);

    border-radius: 8px;

    background: linear-gradient(135deg, rgba(255, 229, 0, .12), rgba(255, 229, 0, .03));

}

.video-premium-cta-icon {

    display: grid;

    width: 3rem;

    height: 3rem;

    place-items: center;

    border-radius: 50%;

    background: #ffe500;

    color: #080b0e;

    font-size: 1.5rem;

}

.video-premium-cta-copy {

    display: flex;

    min-width: 0;

    flex-direction: column;

}

.video-premium-cta-copy small {

    color: #ffe500;

    font-weight: 800;

    letter-spacing: .08em;

    text-transform: uppercase;

}

.video-premium-cta-copy strong {

    color: #fff;

    font-size: 1.1rem;

}

.video-premium-cta-copy > span {

    color: #b8c2cc;

}

.video-premium-cta-button {

    white-space: nowrap;

}

.video-premium-media-badge {

    position: absolute;

    top: .5rem;

    left: .5rem;

    display: inline-flex;

    gap: .3rem;

    align-items: center;

    padding: .3rem .5rem;

    border-radius: 999px;

    background: rgba(8, 11, 14, .9);

    color: #ffe500;

    font-size: .72rem;

    font-weight: 800;

    letter-spacing: .04em;

    text-transform: uppercase;

}

@media (max-width: 767.98px) {

.video-premium-cta {

        grid-template-columns: auto minmax(0, 1fr);

    }

.video-premium-cta-button {

        grid-column: 1 / -1;

        width: 100%;

        white-space: normal;

    }

}

.public-profile-card-grid .search-rich-card {

    height: 100%;

    text-decoration: none;

    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;

}

.public-profile-card-grid .search-rich-card:hover,

.public-profile-card-grid .search-rich-card:focus-visible {

    border-color: rgba(255, 229, 0, .55);

    background: rgba(42, 43, 46, .96);

    transform: none;

}

.worldwide-search-serp .search-rich-card,

.worldwide-search-serp .search-start-grid div { border-color: #2a3138; background: #101418; }

.worldwide-search-serp .search-rich-card:hover,

.worldwide-search-serp .search-rich-card:focus-visible { border-color: #ffe500; }

.worldwide-search-serp .search-rich-media-fallback,

.worldwide-search-serp .search-start-grid i,

.worldwide-result-territory { color: #ffe500; }



.video-detail-tabs-card .venue-explore-count { background: #293139; color: #dce2e8; min-width: 2rem; border-radius: 999px; font-variant-numeric: tabular-nums; }



/* Video discovery uses separate search, results and tile surfaces. */

.kd-source-video-index .page-header { margin-bottom: 1.5rem; }

.kd-source-video-index .video-discovery-results { min-width: 0; }

.kd-source-video-index .video-discovery-search { padding: 1.25rem; border: 1px solid var(--kd-border); border-radius: 8px; background: #14191e; }

.kd-source-video-index .video-discovery-body { padding: 1.5rem 0; }

.kd-source-video-index .video-discovery-pagination { padding: 1rem; border: 1px solid var(--kd-border); border-radius: 8px; background: #14191e; }

.kd-source-video-index .video-discovery-filters { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 1rem; align-items: end; }

.kd-source-video-index .video-discovery-query { grid-column: 1 / -1; }

.kd-source-video-index .video-discovery-filters .btn-list { flex-wrap: wrap; align-items: center; }

.kd-source-video-index .video-discovery-filters .form-control,

.kd-source-video-index .video-discovery-filters .form-select { min-width: 0; width: 100%; }

.kd-source-video-index .video-index-rich-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }

.kd-source-video-index .video-index-rich-card { border: 1px solid var(--kd-border); background: #14191e; box-shadow: none; border-radius: 10px; overflow: hidden; align-content: start; }

.kd-source-video-index .video-index-rich-card .search-rich-media { aspect-ratio: 16 / 9; overflow: hidden; }

.kd-source-video-index .video-index-rich-card .search-rich-media img { width: 100%; height: 100%; object-fit: cover; }

.kd-source-video-index .video-index-rich-card .search-rich-card-body { padding: 1rem; gap: .75rem; }

body .kd-source-video-index .video-index-rich-card .video-discovery-title { font-family: var(--kd-font-body, Roboto, sans-serif); font-size: 1.0625rem; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 2.8em; color: #eef3f7; }

.kd-source-video-index .search-rich-creator { color: #c5ced7; gap: .6rem; font-size: .85rem; }

.kd-source-video-index .search-rich-creator .avatar { width: 28px; height: 28px; border-radius: 50%; }

.kd-source-video-index .search-rich-card-meta { gap: .3rem .5rem; font-size: .8rem; color: #b3bec9; }

.kd-source-video-index .search-rich-card-meta > span + span::before { content: "·"; margin-right: .5rem; }

.kd-source-video-index .search-rich-play { width: 44px; height: 44px; background: rgba(0,0,0,.72); }

.kd-source-video-index .video-index-rich-card:hover { border-color: #8798a7; }

.kd-source-video-index .video-index-rich-card:hover .search-rich-play { background: #e13b32; color: #fff; }

.kd-source-video-index .video-index-rich-card:focus-visible { outline: 2px solid var(--kd-yellow); outline-offset: 4px; }

.kd-source-video-index .video-index-sidebar .card-title { line-height: 1.4; }

@media (max-width: 1199.98px) { .kd-source-video-index .video-index-rich-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 575.98px) {

 .kd-source-video-index .video-index-rich-grid { grid-template-columns: minmax(0, 1fr); }

 .kd-source-video-index .video-discovery-filters { grid-template-columns: minmax(0, 1fr); }

 .kd-source-video-index .video-discovery-query { grid-column: auto; }

 .kd-source-video-index .video-discovery-submit .btn-primary { width: 100%; }

 .kd-source-video-index .video-discovery-pagination .pagination { flex-wrap: wrap; }

}


/* Video watch page: quiet chrome and a clear camera recommendation. */
.video-detail-page .video-camera-card { padding: 1.25rem; border: 1px solid var(--kd-border); border-radius: 8px; background: #10161c; }
.video-detail-page .video-camera-image { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; border-radius: 6px; margin-bottom: 1rem; }
.video-detail-page .video-camera-specs { padding-left: 1.2rem; margin-bottom: 1.25rem; color: var(--kd-muted); line-height: 1.8; }
.video-detail-page .video-detail-tabs-card > .card-header { background: #14191e !important; border-bottom: 1px solid var(--kd-border); }
.video-detail-page .video-detail-tabbar { background: transparent !important; gap: 1rem; }
.video-detail-page .video-detail-tabbar .nav-link { background: transparent !important; color: var(--kd-muted) !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0; padding: .9rem .25rem; }
.video-detail-page .video-detail-tabbar .nav-link.active { color: #eef3f7 !important; border-bottom-color: var(--kd-yellow) !important; }
.video-detail-page .video-detail-main-card h1 { font-family: var(--kd-font-body, Roboto, sans-serif); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.4; }
.video-detail-page .video-camera-card .btn { white-space: normal; }

.video-detail-page .video-related-carousel .community-content-carousel__item { flex-basis: calc((100% - 2rem) / 3); }
.video-detail-page .video-related-carousel > .d-flex { gap: .75rem; flex-wrap: wrap; }
@media (max-width: 767.98px) { .video-detail-page .video-related-carousel .community-content-carousel__item { flex-basis: calc((100% - 1rem) / 2); } }
@media (max-width: 575.98px) { .video-detail-page .video-related-carousel .community-content-carousel__item { flex-basis: 84%; } }

.video-detail-page .video-heading-row { display: flex; align-items: flex-start; gap: 1.25rem; margin-bottom: 1rem; }
.video-detail-page .video-heading-copy { flex: 1; min-width: 0; }
.video-detail-page .video-heading-creator-card { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; padding: 1rem; border: 1px solid var(--kd-border); border-radius: 8px; background: #10161c; max-width: 15rem; }
.video-detail-page .video-heading-creator-card .avatar { flex-shrink: 0; }
.video-detail-page .video-heading-creator-card > a:not(:has(img)) { font-weight: 650; color: var(--kd-text); overflow-wrap: anywhere; }
@media (max-width: 767.98px) { .video-detail-page .video-heading-row { flex-direction: column; } .video-detail-page .video-heading-creator-card { max-width: none; width: 100%; } }

/* Give the video breadcrumb its own evenly spaced strip. */
.kd-body .video-detail-page > .page-header { margin: 0; padding: 1.5rem 0; }
.kd-body .video-detail-page > .page-header .site-breadcrumb-bar { margin: 0; padding: 0; }
.kd-body .video-detail-page > .page-header .breadcrumb { margin: 0 !important; }
.kd-body .video-detail-page > .page-body { margin-top: 0; }
@media (max-width: 767.98px) {
    .kd-body .video-detail-page > .page-header { padding: 1rem 0; }
}