body {
    margin: 0;
}

* {
    box-sizing: border-box;
}
.lets_wrap {
    background-color: #000000;
}

.modal_data {
    width: 100%;
    display: flex;
    flex-flow: column;
    max-width: 650px;
    justify-content: center;
    align-items: center;
    font-family: "Inter", sans-serif;
}

footer.kppMmG_wrapper {
    background-color: #1c1c1c;
    margin: 8px 0 0;
    padding: 14px;
    border-radius: 12px;
    display: flex;
    position: relative;
    overflow: auto;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-height: 96px;
}

footer .kppMmG_footer {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

footer .FnriQW_wrapper {
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: flex;
    transform: none;
}

footer .PdXFia_avatar {
    border-radius: 50%;
    object-fit: cover;
    width: 24px;
    min-width: 24px;
    height: 24px;
}

footer .FnriQW_nameWrapper {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    display: flex;
    overflow: hidden;
    color: #fff;
}

footer .kppMmG_date {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0;
}

footer .kppMmG_footer ._6J_I6a_link {
    fill: #fff;
    opacity: .7;
    display: inline-flex;
}

    footer .kppMmG_footer ._6J_I6a_link svg {
        height: 15px;
        width: 15px;
    }

.modal-wrapper p {
    margin: 0;
}

.modal-wrapper {
    padding: 0;
    border-radius: 12px;
}

@media (min-width:1024px) {
    footer .PdXFia_avatar {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    footer .Mju7cq_medium {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width:767px) {
    .modal-wrapper > li {
        height: 220px;
    }
}

:root {
    --amo-mobile-tile-padding: 8px;
    --amo-desktop-tile-padding: 12px;
}

.post_grid > li {
/*    border: 1px solid rgb(255 255 255 / 12%);*/
    border-radius: 12px;
}

.post_wrapper {
    width: 100%;
    container-type: inline-size;
}

.-B13rW_wrapper {
    isolation: isolate;
    width: 100%;
    height: 100%;
    position: relative
}
.-B13rW_image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.-B13rW_wrapper1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

    .-B13rW_wrapper1::before {
        content: "";
        position: absolute;
        inset: -100px;
        background-image: var(--youtube-bg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        filter: blur(100px) saturate(180%) brightness(.65);
        transform: scale(1.25);
        z-index: 0;
        pointer-events: none;
    }

.-B13rW_image1 {
    position: relative !important;
    z-index: 2 !important;
    width: calc(100% - 100px) !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}



[data-testid="youtube-tile"] .OP-WQW_wrapper,
[data-testid="youtube-tile"] .OP-WQW_loaded,
[data-testid="youtube-tile"] .OP-WQW_transparentWrapper {
    background: transparent !important;
}

.nufc-modal__nav--prev svg path {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transform-box: fill-box;
}

.OP-WQW_wrapper {
    background-color: #3d3d3d;
    width: 100%;
    height: 100%;
}

.OP-WQW_loaded {
    background-color: #3d3d3d;
}

.OP-WQW_transparentWrapper {
    opacity: 0;
    width: 100%;
    height: 100%
}

.OP-WQW_loadTreatmentEnabled .OP-WQW_transparentWrapper {
    transition: opacity .2s linear
}

.OP-WQW_visible {
    opacity: 1
}

.BnUgGW_wrapper {
    width: 100%;
    height: 100%
}

.BnUgGW_video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

    .BnUgGW_video.BnUgGW_fit {
        object-fit: contain
    }

._QOmYq_wrapper {
    z-index: 1;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 12px;
    background-clip: padding-box;
    background-color: #000;
    padding: 8px;
    width: auto;
    height: 100%;
    position: relative;
    overflow: hidden;
}

@container (width>=1024px) {
    ._QOmYq_wrapper {
        padding: 12px;
    }
}

.PdXFia_avatar,
.PdXFia_letter {
    border-radius: 50%;
    object-fit: cover;
    width: 24px;
    min-width: 24px;
    height: 24px
}

.PdXFia_avatar {
    display: block
}

.PdXFia_letter text {
    font-size: 1em
}

@container (width>=1024px) {
    .PdXFia_avatar,
    .PdXFia_letter {
        width: 32px;
        min-width: 32px;
        height: 32px
    }
}

.Mju7cq_text {
    vertical-align: baseline;
    font-style: normal
}

.Mju7cq_medium,
.Mju7cq_small {
    font-size: .75em;
    line-height: 14px
}

.Mju7cq_content {
    font-weight: 400
}

.Mju7cq_label {
    font-weight: 500
}

@container (width>=1024px) {
    .Mju7cq_medium {
        font-size: 1em;
        line-height: 24px
    }
}

.e3BjCG_wrapper {
    align-items: center;
    display: flex
}

    .e3BjCG_wrapper span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

.e3BjCG_badge {
    width: 11px;
    height: 11px;
    margin-top: 2px;
    margin-left: 4px
}

@container (width>=1024px) {
    .e3BjCG_badge {
        width: 16px;
        height: 16px;
        margin-top: 2px;
        margin-left: 6px
    }
}

.FnriQW_wrapper {
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: 4px;
    min-width: 0;
    display: flex
}

.FnriQW_nameWrapper {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    display: flex;
    overflow: hidden
}

.FnriQW_viaWrapper {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

    .FnriQW_viaWrapper > span {
        display: block
    }

.FnriQW_link {
    opacity: .7;
    cursor: pointer;
    width: fit-content;
    text-decoration: none;
    display: flex
}

.FnriQW_nameWrapper,
.FnriQW_link {
    color: #fff;
}

@container (width>=1024px) {
    .FnriQW_wrapper {
        gap: 6px
    }
}

._5NhFgW_link {
    opacity: .7;
    width: 16px;
    height: 16px;
    color: #fff;
    transition-property: opacity;
    display: flex
}

    ._5NhFgW_link:hover {
        opacity: 1
    }

    ._5NhFgW_link > svg {
        max-width: 100%;
        max-height: 100%
    }

@container (width>=1024px) {
    ._5NhFgW_link {
        width: 24px;
        height: 24px
    }
}

.yQqPIq_content {
    z-index: 2;
    box-sizing: border-box;
    height: 100%;
    color: #fffc;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative;
}

.yQqPIq_background,
.yQqPIq_gradient {
    position: absolute;
    inset: 0
}

.yQqPIq_background {
    z-index: 0
}

.yQqPIq_gradient {
    z-index: 1;
    background: linear-gradient(360deg, #000000e6 0%, #fff0 50%);
}

.PPzrGq_background {
    z-index: 0;
    position: absolute;
    inset: 0
}

.PdXFia_letterAvatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5d76e;
    color: #8c6400;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    user-select: none;
}

.PPzrGq_play {
    z-index: 2;
    width: 48px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

:root {
    --amo-text-fit-base-font-size-mobile: 24px;
    --amo-text-fit-base-font-size-desktop: 32px;
    --amo-text-fit-font-size-multiplier-xs: .5;
    --amo-text-fit-font-size-multiplier-sm: .75;
    --amo-text-fit-font-size-multiplier-lg: 1.5;
    --amo-text-fit-font-size-multiplier-xl: 2
}

.prw6Ca_text {
    width: 100%;
    margin: 0;
    font-weight: 700;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* Same truncated ... effect */
    -webkit-line-clamp: 6;
    line-clamp: 6;
}

.prw6Ca_MD {
    font-size: 24px;
}

.prw6Ca_wrapLongWords {
    word-break: break-word
}

.prw6Ca_LEFT {
    text-align: left
}

.prw6Ca_CENTER {
    text-align: center
}

.prw6Ca_RIGHT {
    text-align: right
}

.prw6Ca_MD {
    font-size: 32px;
}

.prw6Ca_SM {
    font-size: 14px;
}

@container (width>=1024px) {
    .prw6Ca_MD {
        /*font-size: 24px;*/
    }
}

.fdLj7G_wrapper {
    grid-gap: 10px;
    width: 100%;
    height: 100%;
    display: grid
}

.fdLj7G_textWrapper {
    flex: 1 1 0;
    align-items: center;
    display: flex;
    overflow: hidden
}

.fdLj7G_size1x1 {
    grid-template-areas: "fdLj7G_content"
}

.fdLj7G_size1x2 {
    grid-template: "fdLj7G_media"minmax(0, 1fr)"fdLj7G_content"minmax(0, 1fr)
}

.fdLj7G_size1x3 {
    grid-template: "fdLj7G_media"minmax(0, 1fr)"fdLj7G_content"minmax(0, 1fr)"fdLj7G_content"minmax(0, 1fr)
}

.fdLj7G_size2x1 {
    grid-template: "fdLj7G_media fdLj7G_content"/minmax(0, 1fr) minmax(0, 1fr)
}

.fdLj7G_size2x2 {
    grid-template: "fdLj7G_media fdLj7G_media"minmax(0, 1fr)"fdLj7G_content fdLj7G_content"minmax(0, 1fr)/minmax(0, 1fr) minmax(0, 1fr)
}

.fdLj7G_size2x3 {
    grid-template: "fdLj7G_media fdLj7G_media"minmax(0, 1fr)"fdLj7G_content fdLj7G_content"minmax(0, 1fr)"fdLj7G_content fdLj7G_content"minmax(0, 1fr)/minmax(0, 1fr) minmax(0, 1fr)
}

.fdLj7G_size3x1 {
    grid-template: "fdLj7G_media fdLj7G_content fdLj7G_content"/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.fdLj7G_size3x2 {
    grid-template: "fdLj7G_media fdLj7G_content fdLj7G_content"minmax(0, 1fr)"fdLj7G_media fdLj7G_content fdLj7G_content"minmax(0, 1fr)/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.fdLj7G_size3x3 {
    grid-template: "fdLj7G_media fdLj7G_media fdLj7G_media"minmax(0, 1fr)"fdLj7G_content fdLj7G_content fdLj7G_content"minmax(0, 1fr)"fdLj7G_content fdLj7G_content fdLj7G_content"minmax(0, 1fr)/minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.fdLj7G_content {
    flex-direction: column;
    grid-area: fdLj7G_content;
    justify-content: flex-end;
    gap: 4px;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden
}

.fdLj7G_media {
    margin-top: calc(-1 * var(--amo-mobile-tile-padding, -8px));
    margin-right: calc(-1 * var(--amo-mobile-tile-padding, -8px));
    margin-left: calc(-1 * var(--amo-mobile-tile-padding, -8px));
    grid-area: fdLj7G_media;
    position: relative;
    overflow: hidden
}

.fdLj7G_wrapper.fdLj7G_size2x1 .fdLj7G_media,
.fdLj7G_wrapper.fdLj7G_size3x1 .fdLj7G_media,
.fdLj7G_wrapper.fdLj7G_size3x2 .fdLj7G_media {
    margin-top: calc(-1 * var(--amo-mobile-tile-padding, -8px));
    margin-right: 0;
    margin-bottom: calc(-1 * var(--amo-mobile-tile-padding, -8px));
    margin-left: calc(-1 * var(--amo-mobile-tile-padding, -8px))
}

@container (width>=1024px) {
    .fdLj7G_wrapper {
        grid-gap: 20px
    }

    .fdLj7G_media {
        margin-top: calc(-1 * var(--amo-desktop-tile-padding, -12px));
        margin-right: calc(-1 * var(--amo-desktop-tile-padding, -12px));
        margin-left: calc(-1 * var(--amo-desktop-tile-padding, -12px))
    }

    .fdLj7G_wrapper.fdLj7G_size2x1 .fdLj7G_media,
    .fdLj7G_wrapper.fdLj7G_size3x1 .fdLj7G_media,
    .fdLj7G_wrapper.fdLj7G_size3x2 .fdLj7G_media {
        margin-top: calc(-1 * var(--amo-desktop-tile-padding, -12px));
        margin-right: 0;
        margin-bottom: calc(-1 * var(--amo-desktop-tile-padding, -12px));
        margin-left: calc(-1 * var(--amo-desktop-tile-padding, -12px))
    }

    .fdLj7G_content {
        gap: 10px
    }
}

.fdLj7G_wrapper.fdLj7G_full {
    grid-template: "fdLj7G_content"1fr
}

._6KpEsa_textWrapper {
    color: #fff;
    flex: 1 1 0;
    align-items: center;
    display: flex;
    overflow: hidden
}

._6KpEsa_uppercase {
    text-transform: uppercase
}

._6KpEsa_sourceIcon {
    z-index: 1;
    max-width: 16px;
    position: absolute;
    top: 8px;
    left: 8px
}

._6KpEsa_dummy {
    height: 12px
}

._6KpEsa_author {
    display: none
}

@container (width>=1024px) {
    ._6KpEsa_sourceIcon {
        top: 12px;
        left: 12px
    }

    ._6KpEsa_dummy {
        height: 20px
    }
}

@container (width>=381px) {
    ._6KpEsa_author {
        display: block
    }
}

.post_grid {
    gap: 10px;
    grid-template-columns: repeat(3, calc((100% - 20px) / 3));
    grid-auto-rows: 305px;
    grid-auto-flow: dense;
    width: 100%;
    padding: 0;
    animation-name: cPzr-q_opacity;
    animation-duration: .1s;
    display: grid;
    margin: 0;
    list-style: none;
}

    /* Tile sizing — replaces the old inline grid-area coordinates.
   Each tile now only declares HOW BIG it is; the grid (with
   grid-auto-flow: dense above) decides WHERE it goes. */
    .post_grid > li.tile-1x1 {
        grid-column: span 1;
        grid-row: span 1;
    }

    .post_grid > li.tile-1x2 {
        grid-column: span 1;
        grid-row: span 2;
    }

    .post_grid > li.tile-1x3 {
        grid-column: span 1;
        grid-row: span 3;
    }

    .post_grid > li.tile-2x1 {
        grid-column: span 2;
        grid-row: span 1;
    }

    .post_grid > li.tile-2x2 {
        grid-column: span 2;
        grid-row: span 2;
    }

    .post_grid > li.tile-2x3 {
        grid-column: span 2;
        grid-row: span 3;
    }

    .post_grid > li.tile-3x1 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .post_grid > li.tile-3x2 {
        grid-column: span 3;
        grid-row: span 2;
    }

    .post_grid > li.tile-3x3 {
        grid-column: span 3;
        grid-row: span 3;
    }

@keyframes cPzr-q_opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@container (width>=1024px) {
    .post_grid {
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
    }
}

#amondo-container {
/*    font-family: "Inter", sans-serif;*/
    padding: 20px 0;
    background-color: black;
    font-size: 16px;
}

.modal-wrapper {
    font-family: "Inter", sans-serif;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
/*    padding: 20px;*/
}

    .modal-overlay.active {
        opacity: 1;
        pointer-events: auto;
    }


.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 35px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10000;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    transition: color 0.2s;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff1a;
    color: white;
    border: none;
    font-size: 22px;
    padding: 2px;
    cursor: pointer;
    z-index: 10000;
    border-radius: 100%;
    transition: background 0.2s;
    user-select: none;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev-btn {
    left: 20px;
}

.next-btn {
    right: 20px;
}

.modal-wrapper {
    max-width: 650px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
    transform: scale(0.9);
    transition: transform 0.3s ease;
    padding: 10px;
    background: #ffffff2e;
}

.modal-overlay.active .modal-wrapper {
    transform: scale(1);
}

.modal-wrapper > li {
    height: 400px;
    list-style: none;
}

._6KpEsa_textWrapper p span {
    color: rgba(255, 255, 255, 0.8);
}

img {
    max-width: 100%;
}

@media (min-width:1800px) {
    ul.post_grid {
        grid-auto-rows: 465px !important;
    }
}

@media (min-width:2000px) {
    ul.post_grid {
        grid-auto-rows: 495px !important;
    }
}

@media (min-width:2150px) {
    ul.post_grid {
        grid-auto-rows: 560px !important;
    }
}

@media (max-width:1399px) {
    ul.post_grid {
        grid-auto-rows: 335px !important;
    }
}

@media (max-width:1299px) {
    ul.post_grid {
        grid-auto-rows: 290px !important;
    }

    #amondo-container {
        padding: 15px 0;
    }
}

@media (max-width:1100px) {
    ul.post_grid {
        grid-auto-rows: 250px !important;
    }
}

@media (max-width:1023px) {
    ul.post_grid {
        grid-auto-rows: 334px !important;
    }

    #amondo-container {
        overflow: hidden;
    }
}

@media (max-width:991px) {
    ul.post_grid {
        grid-auto-rows: 250px !important;
    }
}

@media (max-width:767px) {
    ul.post_grid {
        grid-auto-rows: 195px !important;
    }
}

@media (max-width:600px) {
    ul.post_grid {
        grid-auto-rows: 160px !important;
    }

    .prw6Ca_MD {
        font-size: 14px;
    }
}

@media (max-width:500px) {
    ul.post_grid {
        grid-auto-rows: 155px !important;
    }

    .FnriQW_wrapper {
        transform: scale(0.8);
    }
}

@media (max-width:480px) {
    ul.post_grid {
        grid-auto-rows: 138px !important;
    }
}

@media (max-width:399px) {
    ul.post_grid {
        grid-auto-rows: 125px !important;
    }
}