.program-sections ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.program-sections a {
    background: #2A0959;
    color: #fff;
    padding: 18rem 32rem;
    font-size: 20rem;
    text-transform: uppercase;
    border-radius: 100px;
    font-family: var(--font-mono);
    transition: .3s;
    display: block;
}

.pragram {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .pragram {
        margin-top: 31px;
    }
}

.program-sections a.active {
    border: 1px solid #49F2D6
}

.program-sections a:hover {
    box-shadow: 0px 0px 64px 0px #77D8C040 inset;
}

.pragram-panel {
    margin-bottom: 24rem;
}

.pragram-content {
    position: relative;
}

.pragram-content-loader {
    display: flex;
    padding: 48rem 0;
    justify-content: center;
    position: absolute;
    inset: -24rem;
    -webkit-backdrop-filter: blur(10rem);
    backdrop-filter: blur(10rem);
}

.pragram-content:not(.loader) .pragram-content-loader {
    display: none;
}

.pragram-content-loader-elem {
    position: sticky;
    top: 100rem;
    width: 80rem;
    height: 80rem;
    flex: none;
}

.pragram-content-loader-elem div {
    display: block;
    position: absolute;
    width: 80rem;
    height: 80rem;
    border: 4rem solid currentColor;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: currentColor transparent transparent transparent;
}

.pragram-content-loader-elem div:nth-child(1) {
    animation-delay: -0.45s;
}

.pragram-content-loader-elem div:nth-child(2) {
    animation-delay: -0.3s;
}

.pragram-content-loader-elem div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.program-filter {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32rem;
}

.program-filter-items {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 480rem - 32rem);
    gap: 18rem;
}

.program-filter-item {
    flex: none;
}

.program-filter-item-param {
    position: relative;
}

.program-filter-item-param-value {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    height: 64rem;
    background-color: #110424;
    border-radius: 64rem;
    padding: 0 32rem;
    font-size: 20rem;
    transition-duration: 350ms;
    transition-property: background, box-shadow;
    z-index: 2;
    cursor: pointer;
}

.program-filter-item-param-value:hover {
    background-color: #2A0959;
}

.program-filter-item-param.has .program-filter-item-param-value {
    background-color: #2A0959;
}

.program-filter-item-has {
    position: absolute;
    width: 12rem;
    height: 12rem;
    border-radius: 12rem;
    background-color: #49F2D6;
    right: 4rem;
    top: 6rem;
    transition-duration: 350ms;
    transition-property: opacity, visibility;
}

.program-filter-item-param:not(.has) .program-filter-item-has {
    opacity: 0;
    visibility: hidden;
}

.program-filter-item-param.open .program-filter-item-param-value {
    background-color: #2A0959;
    box-shadow: 0 0 30rem 0 #77D8C040 inset;
}

.program-filter-item-param-modal {
    position: absolute;
    top: 100%;
    right: 0;
    padding-top: 8rem;
    width: max-content;
    max-width: 371rem;
    transition-duration: 350ms;
    transition-property: opacity, visibility, transform;
    z-index: 1;
}

.program-filter-item-param:not(.open) .program-filter-item-param-modal {
    opacity: 0;
    visibility: hidden;
}

.program-filter-item-param-val-check {
    position: relative;
    width: 20rem;
    height: 20rem;
    transition-duration: 350ms;
    transition-property: opacity, visibility;
}

.program-filter-item-param-content label input:not(:checked)+.program-filter-item-param-val .program-filter-item-param-val-check {
    opacity: 0;
    visibility: hidden;
}

.program-filter-item-param-val-check:after {
    content: '';
    border: 1.5rem solid #fff;
    border-top: none;
    border-left: none;
    width: 7rem;
    height: 13rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
}

.program-filter-item-param-content {
    background-color: #110424;
    border-radius: 16rem;
    box-shadow: 0 0 32rem 0 rgb(119 216 192 / 10%);
    overflow: hidden;
    transition-duration: 350ms;
    transition-property: transform;
}

.program-filter-item-param:not(.open) .program-filter-item-param-content {
    transform: translatey(-8rem);
}

.program-filter-item-param-content label {
    display: block;
    cursor: pointer;
}

.program-filter-item-param-content label input {
    display: none;
}

.program-filter-item-param-val {
    display: flex;
    align-items: center;
    padding: 14rem 20rem;
    transition-duration: 350ms;
    transition-property: background;
    gap: 16rem;
}

.program-filter-item-param-content label input:checked+.program-filter-item-param-val {
    background-color: #2A0959;
}

.program-filter-item-param-content label:first-child .program-filter-item-param-val {
    padding-top: 20rem;
}

.program-filter-item-param-content label:last-child .program-filter-item-param-val {
    padding-bottom: 20rem;
}

.program-filter-item-param-val-text {
    font-size: 20rem;
    line-height: 130%;
    width: 100%;
}

.program-filter-item-theme-icon {
    width: 20rem;
    margin-right: 8rem;
    flex: none;
}

.program-filter-item-arrow {
    width: 14rem;
    margin-left: 12rem;
    transition-duration: 350ms;
    transition-property: transform;
    flex: none;
}

.program-filter-item-param.open .program-filter-item-arrow {
    transform: rotateX(180deg);
}

.program-search {
    padding: 0 24rem;
    position: relative;
    width: 100%;
    max-width: 480rem;
    margin-right: auto;
    /* flex: none; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1rem solid #2A0959;
    border-radius: 5rem;
}

.program-search input {

    height: 64rem;
    font-size: 20rem;
    padding-left: 16rem;
    padding-right: 16rem;
    transition-duration: 350ms;
    transition-property: border-color;
}

.program-search input:focus {
    border-color: #7417E5;
}

.program-search svg {
    /* position: absolute;
    top: 50%;
    left: 20rem;*/
    width: 20rem;
    /* transform: translatey(-50%);  */
    pointer-events: none;
}

.program-search-clear {
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.program-search-clear.visible {
    opacity: 1;
    visibility: visible;
}

.program-filter-reset {
    padding: 20rem 24rem;
    margin: 48rem auto;
    background: #2F065D;
    box-shadow: inset 0px 0px 64px rgba(75, 219, 191, 0.25);
    border-radius: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    gap: 20rem;
    position: sticky;
    bottom: 16rem;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

.program-filter-reset.visible {
    opacity: 1;
    visibility: visible;
}

.program-filter-reset__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 14rem;
    letter-spacing: 4%;
    text-transform: uppercase;
    width: fit-content;
    padding: 16rem 32rem;
    border-radius: 96rem;
    background: radial-gradient(50% 50% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    box-shadow: 0 0 32rem 0 #77D8C0 inset;
    overflow: hidden;
    gap: 10rem;
    flex: none;
    z-index: 0;
    cursor: pointer;
}

.program-filter-reset__button_disabled {
    pointer-events: none;
    opacity: 0.8;
}

.program-filter-reset__button:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0;
    background: radial-gradient(92.53% 119.79% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    box-shadow: 0 0 32rem 0 #77D8C0 inset;
    transition-duration: 350ms;
    transition-property: opacity;
    z-index: -1;
}

.program-filter-reset__button:hover:before {
    opacity: 1;
}

.program-filter-reset__button svg {
    width: 16rem;
    flex: none;
}

.program-filter-reset__text {
    font-size: 18rem;
    color: #FFFFFF;
}

.program-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.program-item {
    position: relative;
    display: flex;
    background-color: #2A095999;
    border-radius: 24rem;
    transition-duration: 350ms;
    transition-property: background, box-shadow;
    cursor: pointer;
    z-index: 0;
}

.program-item:hover {
    background-color: #2A0959;
    box-shadow: 0 0 64rem 0 #77D8C040 inset;
}

.program-item-left {
    display: flex;
    flex-direction: column;
    padding: 24rem 20rem 24rem 24rem;
    width: 100%;
    max-width: 432rem;
    gap: 24rem;
    flex: none;
}

.program-item-datetime {
    font-family: var(--font-mono);
    font-size: 24.2rem;
    line-height: 120%;
    letter-spacing: -3%;
}

.program-item-hall {
    font-size: 13rem;
    line-height: 150%;
    color: #FFFFFF80;
    text-transform: uppercase;
}

.program-item-center {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24rem 0;
    gap: 24rem;
}

.program-item-center:last-child {
    padding-right: 24rem;
}

.program-item-name {
    font-family: var(--font-mono);
    font-size: 24.2rem;
    line-height: 120%;
    letter-spacing: -3%;
}

.program-item-theme {
    font-size: 13rem;
    line-height: 150%;
    color: #49F2D6;
    text-transform: uppercase;
}

.program-item-right {
    display: flex;
    flex-direction: column;
    padding: 24rem 24rem 24rem 20rem;
    gap: 24rem;
    flex: none;
}

.program-item-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-family: var(--font-mono);
    font-size: 14rem;
    letter-spacing: 4%;
    text-transform: uppercase;
    min-width: 225rem;
    height: 48rem;
    border-radius: 48rem;
    background: radial-gradient(50% 50% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    box-shadow: 0 0 32rem 0 #77D8C0 inset;
    overflow: hidden;
    z-index: 0;
}

.program-item-button:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0;
    background: radial-gradient(92.53% 119.79% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    box-shadow: 0 0 32rem 0 #77D8C0 inset;
    transition-duration: 350ms;
    transition-property: opacity;
    z-index: -1;
}

.program-item-button:hover:before {
    opacity: 1;
}

.program-item-gdf-logo {
    margin-top: auto;
}

.program-item-gdf-logo img {
    max-width: 148rem;
    margin-left: auto;
}

.program-item-gdf-bg {
    position: absolute;
    inset: 0 0 0 auto;
    max-width: 500rem;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.program-empty {
    font-size: 20rem;
    line-height: 140%;
    text-align: center;
    padding: 50rem 0;
}

.program-filter-item-param-header {
    display: none;
    align-items: center;
    height: 40rem;
    padding: 0 72rem 0 16rem;
    margin: 16rem 0;
}

.program-filter-item-param-header-title {
    font-family: var(--font-mono);
    color: #49F2D6;
    font-size: 16rem;
    letter-spacing: 4%;
    width: 100%;
    text-transform: uppercase;
}

.program-filter-item-param-header-close {
    position: absolute;
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inset: 16rem 16rem auto auto;
    background: radial-gradient(50% 50% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    cursor: pointer;
}

.program-filter-item-param-header-close img {
    width: 20rem;
}

.program-filter-item-param-checkbox {
    position: relative;
}

.program-filter-item-param-checkbox label {
    display: block;
    cursor: pointer;
}

.program-filter-item-param-checkbox label input {
    display: none;
}

.program-filter-item-param-checkbox-val {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    height: 64rem;
    background-color: #110424;
    border-radius: 64rem;
    padding: 0 32rem;
    font-size: 20rem;
    gap: 12rem;
    transition-duration: 350ms;
    transition-property: background, box-shadow;
    z-index: 2;
    cursor: pointer;
}

.program-filter-item-param-checkbox-val:hover {
    background-color: #2A0959;
}

.program-filter-item-param.has .program-filter-item-param-checkbox-val {
    background-color: #2A0959;
}

.program-filter-item-param-checkbox-val:active {
    background-color: #2A0959;
    box-shadow: 0 0 30rem 0 #77D8C040 inset;
}

.program-filter-item-param-checkbox-check {
    position: relative;
    width: 20rem;
    height: 20rem;
    border: 1rem solid #49F2D6;
    background-color: #2A0959;
    border-radius: 4rem;
    transition-duration: 350ms;
    transition-property: background;
    flex: none;
}

.program-filter-item-param-checkbox-check:after {
    content: '';
    border: 2.5rem solid #2A0959;
    border-top: none;
    border-left: none;
    width: 7rem;
    height: 13rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
}

.program-filter-item-param.has .program-filter-item-param-checkbox-check {
    background-color: #49F2D6;
}

.program-item-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    -webkit-backdrop-filter: blur(10rem);
    backdrop-filter: blur(10rem);
    padding: 32rem;
    text-align: center;
    white-space: nowrap;
    z-index: 110;
    overflow: auto;
    scrollbar-width: none;
    overscroll-behavior: none;
    transition-property: opacity, visibility;
    transition-duration: 350ms;
}

.program-item-modal:not(.open) {
    opacity: 0;
    visibility: hidden;
}

.program-item-modal:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.program-item-modal-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: 1000rem;
    width: 100%;
    white-space: normal;
    border-radius: 24rem;
    padding: 40rem 32rem;
    background-color: #2A0959;
    transition-duration: 350ms;
    overflow: hidden;
}

.program-item-modal:not(.open) .program-item-modal-content {
    transform: translateY(-32rem);
}

.program-item-modal-content-close {
    position: absolute;
    width: 48rem;
    height: 48rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inset: 16rem 16rem auto auto;
    background: radial-gradient(50% 50% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    cursor: pointer;
    z-index: 0;
    overflow: hidden;
}

.program-item-modal-content-close img {
    width: 20rem;
}

.program-item-modal-content-close:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 0;
    background: radial-gradient(92.53% 119.79% at 50% 50%, #963EC6 0%, #00ADDD 100%);
    box-shadow: 0 0 32rem 0 #77D8C0 inset;
    transition-duration: 350ms;
    transition-property: opacity;
    z-index: -1;
}

.program-item-modal-content-close:hover::before {
    opacity: 1;
}

.program-item-modal-header {
    padding-right: 64rem;
}

.program-item-modal-theme {
    font-size: 14rem;
    line-height: 150%;
    color: #49F2D6;
    text-transform: uppercase;
    margin-bottom: 16rem;
}

.program-item-modal-name {
    font-family: var(--font-mono);
    font-size: 25.2rem;
    line-height: 120%;
    letter-spacing: -3%;
    max-width: 650rem;
}

.program-item-modal-header-props {
    display: flex;
    flex-direction: column;
    gap: 12rem;
    margin-top: 24rem;
}

.program-item-modal-header-prop {
    display: flex;
    align-items: center;
    gap: 18rem;
    font-family: var(--font-mono);
    font-size: 20rem;
    line-height: 120%;
    letter-spacing: -3%;
    color: #49F2D6;
}

.program-item-modal-header-prop svg {
    width: 18rem;
    flex: none;
}

.program-item-modal-text {
    font-size: 17.8rem;
    margin-top: 32rem;
    line-height: 140%;
    padding-right: 64rem;
}

.program-item-modal-text p:not(:first-child) {
    margin-top: 16rem;
}

.program-item-modal-text p:not(:last-child) {
    margin-bottom: 16rem;
}

.program-item-modal-text b {
    font-weight: 500;
}

.program-item-modal-text u {
    text-decoration: underline;
}

.program-item-modal-text i {
    font-style: italic;
}

.program-item-modal-text li:not(:first-child) {
    margin-top: 10rem;
}

.program-item-modal-text ul {
    padding-left: 16rem;
}

.program-item-modal-text ul:not(:first-child) {
    margin-top: 20rem;
}

.program-item-modal-text ul:not(:last-child) {
    margin-bottom: 20rem;
}

.program-item-modal-text ol {
    padding-left: 20rem;
}

.program-item-modal-text ol:not(:first-child) {
    margin-top: 20rem;
}

.program-item-modal-text ol:not(:last-child) {
    margin-bottom: 20rem;
}

.program-item-modal-text h1,
.program-item-modal-text h2,
.program-item-modal-text h3,
.program-item-modal-text h4,
.program-item-modal-text h5,
.program-item-modal-text h6 {
    font-family: var(--font-mono);
    font-size: 20rem;
    line-height: 120%;
    letter-spacing: -3%;
}

.program-item-modal-text h1:not(:first-child),
.program-item-modal-text h2:not(:first-child),
.program-item-modal-text h3:not(:first-child),
.program-item-modal-text h4:not(:first-child),
.program-item-modal-text h5:not(:first-child),
.program-item-modal-text h6:not(:first-child) {
    margin-top: 32rem;
}

.program-item-modal-text h1+ul:not(:first-child),
.program-item-modal-text h2+ul:not(:first-child),
.program-item-modal-text h3+ul:not(:first-child),
.program-item-modal-text h4+ul:not(:first-child),
.program-item-modal-text h5+ul:not(:first-child),
.program-item-modal-text h6+ul:not(:first-child) {
    margin-top: 16rem;
}

.program-item-modal-text h1+ol:not(:first-child),
.program-item-modal-text h2+ol:not(:first-child),
.program-item-modal-text h3+ol:not(:first-child),
.program-item-modal-text h4+ol:not(:first-child),
.program-item-modal-text h5+ol:not(:first-child),
.program-item-modal-text h6+ol:not(:first-child) {
    margin-top: 16rem;
}

.program-item-modal-text a {
    color: #49F2D6;
    text-decoration: underline;
    transition: .3s;
}

.program-item-modal-text a:hover {
    color: #fff;
}

.program-item-modal-broadcast {
    margin-top: 40rem;
}

.program-item-modal-broadcast-title {
    font-family: var(--font-mono);
    font-size: 20rem;
    line-height: 120%;
    letter-spacing: -3%;
    margin-bottom: 20rem;
}

.program-item-modal-broadcast-iframe {
    position: relative;
    height: 0;
    padding-top: 56%;
    border-radius: 16rem;
    overflow: hidden;
}

.program-item-modal-broadcast-iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.program-item-modal-team {
    margin-top: 40rem;
}

.program-item-modal-team-title {
    font-family: var(--font-mono);
    font-size: 20rem;
    line-height: 120%;
    letter-spacing: -3%;
    margin-bottom: 20rem;
}

.program-item-modal-team-list {
    display: flex;
    flex-direction: column;
    gap: 24rem;
}

.program-item-modal-team-item {
    display: flex;
    gap: 16rem;
}

.program-item-modal-team-photo {
    width: 120rem;
    flex: none;
}

.program-item-modal-team-photo-image {
    height: 0;
    position: relative;
    background: linear-gradient(318.23deg, #2F065D -29.38%, #7F05EF 106.67%);
    border-radius: 32rem;
    overflow: hidden;
    padding-top: 125%;
    z-index: 0;
}

.program-item-modal-team-photo-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    z-index: -1;
}

.program-item-modal-team-content {
    width: 100%;
    padding-top: 8rem;
}

.program-item-modal-team-name {
    font-family: var(--font-mono);
    font-size: 18.8rem;
    line-height: 120%;
    letter-spacing: -3%;
    color: #49F2D6;
}

.program-item-modal-team-name span {
    text-transform: uppercase;
}

.program-item-modal-team-position {
    font-family: var(--font-mono);
    margin-top: 8rem;
    font-size: 16.8rem;
    letter-spacing: -3%;
    line-height: 120%;
}

.program-item-modal-team-text {
    font-family: var(--font-mono);
    margin-top: 8rem;
    font-size: 16.8rem;
    line-height: 120%;
    letter-spacing: -3%;
    color: #FFFFFF80;
}

@media (max-width: 1919px) {
    .program-item-button {
        font-size: 16rem;
        height: 52rem;
    }

    .program-item-modal-text {
        font-size: 18.8rem;
    }
}

@media (max-width: 1279px) {
    .program-search {
        max-width: 468rem;
    }

    .program-search input {
        font-size: 18rem;
    }

    .program-filter {
        flex-direction: column;
    }

    .program-item {
        flex-direction: column;
    }

    .program-item-datetime {
        font-size: 20rem;
    }

    .program-item-left {
        width: calc(100% - 250rem);
        max-width: none;
        padding: 24rem 24rem 0;
        gap: 16rem;
    }

    .program-item-right {
        position: absolute;
        inset: 0 0 0 auto;
        padding: 24rem 24rem 24rem 0;
    }

    .program-item-button {
        font-size: 14rem;
        height: 48rem;
    }

    .program-item-center {
        width: calc(100% - 250rem);
        padding: 32rem 24rem 24rem;
        gap: 16rem;
    }

    .program-item-name {
        font-size: 20rem;
    }

    .program-item-gdf-logo {
        margin-top: auto;
    }

    .program-item-gdf-bg {
        max-width: 380rem;
        object-position: bottom;
    }

    .program-filter-item-param-value {
        font-size: 18rem;
    }

    .program-filter-item-param-checkbox-val {
        font-size: 18rem;
    }

    .program-filter-items {
        max-width: 100%;
        gap: 8rem;
    }

    .program-filter-item-param-modal {
        left: 0;
        right: auto;
    }

    .program-filter-item-param-val-text {
        font-size: 18rem;
    }

    .program-filter-item-param-val {
        padding: 12rem 20rem;
    }

    .program-filter-item-param-content label:first-child .program-filter-item-param-val {
        padding-top: 18rem;
    }

    .program-filter-item-param-content label:last-child .program-filter-item-param-val {
        padding-bottom: 18rem;
    }

    .program-empty {
        font-size: 18rem;
    }

    .pragram-content-loader {
        inset: -16rem;
    }

    .pragram-content-loader-elem {
        width: 60rem;
        height: 60rem;
        top: 120rem;
    }

    .pragram-content-loader-elem div {
        width: 60rem;
        height: 60rem;
        border-width: 3rem;
    }

    .program-item-modal-content-close {
        width: 40rem;
        height: 40rem;
    }

    .program-item-modal-name {
        font-size: 22rem;
    }

    .program-item-modal-header-prop {
        font-size: 18rem;
        gap: 16rem;
    }

    .program-item-modal-text {
        font-size: 15.8rem;
    }

    .program-item-modal-text h1,
    .program-item-modal-text h2,
    .program-item-modal-text h3,
    .program-item-modal-text h4,
    .program-item-modal-text h5,
    .program-item-modal-text h6 {
        font-size: 18rem;
    }

    .program-item-modal-broadcast-title {
        font-size: 18rem;
    }

    .program-item-modal-theme {
        font-size: 13rem;
    }

    .program-item-modal {
        padding: 16rem;
    }

    .program-item-modal-team-title {
        font-size: 18rem;
    }

    .program-item-modal-team-name {
        font-size: 17.8rem;
    }

    .program-item-modal-team-position {
        font-size: 15.8rem;
    }

    .program-item-modal-team-text {
        font-size: 15.8rem;
    }
}

@media (max-width: 767px) {
    .program-sections a {
        font-size: 16px;
    }

    .program-search input {
        font-size: 16rem;
    }

    .program-search input {
        height: 56rem;
    }

    .program-item {
        border-radius: 16rem;
    }

    .program-item-left {
        width: 100%;
        padding: 20rem 16rem 0;
        gap: 10rem;
    }

    .program-item-datetime {
        font-size: 18rem;
    }

    .program-item-center {
        width: 100%;
        padding: 20rem 16rem;
        gap: 10rem;
    }

    .program-item-name {
        font-size: 18rem;
    }

    .program-item-right {
        position: relative;
        inset: auto;
        padding: 0 16rem 20rem;
        gap: 42rem;
    }

    .program-item-gdf-logo img {
        margin-left: 0;
    }

    .program-item-hall {
        font-size: 12rem;
    }

    .program-item-theme {
        font-size: 12rem;
    }

    .program-filter {
        gap: 24rem;
    }

    .program-filter-item-param-value {
        height: 44rem;
        font-size: 16rem;
        padding: 0 15rem;
    }

    .program-filter-item-param-checkbox-val {
        height: 44rem;
        font-size: 16rem;
        padding: 0 15rem;
        gap: 10rem;
    }

    .program-filter-item-param-checkbox-check {
        width: 18rem;
        height: 18rem;
    }

    .program-filter-item-param-checkbox-check:after {
        width: 6rem;
        height: 12rem;
    }

    .program-filter-item-arrow {
        width: 10rem;
    }

    .program-filter-item-theme-icon {
        width: 14rem;
    }

    .program-filter-item-param-val-text {
        font-size: 16rem;
    }

    .program-filter-item-param-val {
        padding: 16rem;
    }

    .program-filter-items {
        gap: 5rem;
    }

    .program-filter-item-has {
        width: 10rem;
        height: 10rem;
    }

    .program-filter-item-has {
        right: 0rem;
        top: 4rem;
    }

    .program-empty {
        font-size: 16rem;
        padding: 24rem 0;
    }

    .program-filter-item-param-modal {
        position: fixed;
        max-width: none;
        width: 100%;
        height: 100%;
        inset: 0;
        -webkit-backdrop-filter: blur(10rem);
        backdrop-filter: blur(10rem);
        padding: 42rem 0 0 0;
        text-align: center;
        white-space: nowrap;
        z-index: 110;
        overflow: auto;
        scrollbar-width: none;
        overscroll-behavior: none;
        transition-property: opacity, visibility;
        transition-duration: 350ms;
    }

    .program-filter-item-param-modal:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: bottom;
        overflow: hidden;
    }

    .program-filter-item-param-content {
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        text-align: left;
        width: 100%;
        white-space: normal;
        padding-bottom: 15rem;
        border-radius: 24rem 24rem 0 0;
    }

    .program-filter-item-param:not(.open) .program-filter-item-param-content {
        transform: translatey(100%);
    }

    .program-filter-item-param-header {
        display: flex;
    }

    .program-item-modal {
        padding: 42rem 0 0 0;
    }

    .program-item-modal-content {
        border-radius: 24rem 24rem 0 0;
        padding: 20rem 16rem;
        transition-duration: 0s;
    }

    .program-item-modal-header {
        padding-right: 42rem;
    }

    .program-item-modal-broadcast-title {
        margin-bottom: 16rem;
    }

    .program-item-modal-text {
        padding-right: 0;
    }

    .program-item-modal:not(.open) .program-item-modal-content {
        transform: translatey(100%);

    }

    .program-item-modal-header-prop {
        font-size: 16rem;
        gap: 14rem;
    }

    .program-item-modal-team-title {
        margin-bottom: 16rem;
    }

    .program-item-modal-team-photo {
        width: 104rem;
    }

    .program-item-modal-team-name {
        font-size: 16.8rem;
    }

    .program-item-modal-team-position {
        font-size: 14.8rem;
    }

    .program-item-modal-team-text {
        font-size: 14.8rem;
    }

    .program-item-modal-team-list {
        gap: 20rem;
    }
}

@media (max-width: 410px) {
    .program-empty br {
        display: none;
    }
}