/* Sofiya search modal CSS. */
.comment-form input[type=submit],.drawer-menu__close,.header-icon,.play-online,.quality-links a,.search-modal__close,.single-actions a {
    border: 0;
    border-radius: 8px;
    cursor: pointer
}

body.sofiya-search-open {
    overflow: hidden;
    touch-action: none;
}

.search-modal {
    position: fixed;
    inset: 0;
    z-index: 140;
    display: none;
    padding: max(76px, calc(var(--header-h) + 22px)) 16px max(18px, env(safe-area-inset-bottom));
    background:
        radial-gradient(circle at 78% 8%, rgba(75,255,166,.16), transparent 34%),
        radial-gradient(circle at 12% 100%, rgba(255,255,255,.06), transparent 32%),
        rgba(0,0,0,.72);
    backdrop-filter: blur(22px) saturate(135%);
    -webkit-backdrop-filter: blur(22px) saturate(135%);
}

.search-modal.is-open {
    display: block;
}

.search-modal__inner {
    width: min(860px, 100%);
    max-height: calc(100vh - max(112px, var(--header-h)));
    margin: 0 auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(13,18,15,.82), rgba(7,9,8,.92));
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 26px;
    box-shadow: 0 28px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05);
}

.search-modal__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px 10px;
}

.search-modal__title {
    display: grid;
    gap: 4px;
}

.search-modal__title strong {
    font-size: .98rem;
    font-weight: 900;
    color: #fff;
}

.search-modal__title span {
    color: rgba(255,255,255,.54);
    font-size: .70rem;
    font-weight: 700;
}

.search-modal__close,
.search-modal__clear {
    border: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(255,255,255,.08);
    border-radius: 999px;
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.search-modal__close {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.search-modal__close:hover,
.search-modal__clear:hover {
    transform: scale(1.04);
    background: rgba(85,190,149,.20);
    color: var(--green);
}

.search-modal__form {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 11px;
    padding: 0 18px 18px;
}

.search-modal__field {
    position: relative;
    display: grid;
    grid-template-columns: 24px 1fr 34px;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 14px;
    border-radius: 22px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.search-modal__field:focus-within {
    border-color: rgba(85,190,149,.50);
    box-shadow: 0 0 0 4px rgba(85,190,149,.10), inset 0 1px 0 rgba(255,255,255,.06);
}

.search-modal__field-icon {
    display: grid;
    place-items: center;
    color: var(--green);
}

.search-modal__field input {
    width: 100%;
    height: 50px;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-size: .92rem;
    font-weight: 800;
    appearance: none;
    -webkit-appearance: none;
}

.search-modal__field input::placeholder {
    color: rgba(255,255,255,.38);
}

.search-modal__clear {
    width: 30px;
    height: 30px;
    padding: 0;
}

@media (max-width: 760px) {
.search-modal {
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    }

.search-modal__inner {
        width: 100%;
        height: calc(100vh - max(20px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
        max-height: none;
        border-radius: 26px;
    }

.search-modal__top {
        padding: 14px 14px 10px;
    }

.search-modal__form {
        padding: 0 14px 14px;
    }

.search-modal__title span {
        display: none;
    }

.search-modal__field {
        min-height: 50px;
        border-radius: 20px;
    }

.search-modal__field input {
        font-size: 16px;
    }
}

.comment-form input[type=submit],.drawer-menu__close,.play-online,.quality-links a,.search-modal__close,.single-actions a,.sofiya-vote-btn {
    background: #ffffff12;
    color: #fff;
    backdrop-filter: blur(12px)
}

.bottom-glass-nav__icon svg,.drawer-menu__close svg,.header-icon svg,.search-modal__close svg svg,.sfc-badge svg,.sfc-carousel__btn svg,.sofiya-vote-btn svg {
    width: 20px;
    height: 20px;
    display: block
}

@media (max-width: 767px) {
.drawer-menu__close,.header-icon,.search-modal__close {
        width: 42px;
        height: 42px
    }
}

.sofiya-guest-nudge__close,.search-modal__close,.sofiya-comment-reply-cancel,.sofiya-referral-modal__close,.sofiya-modal__close,.sofiya-info-modal__close,.sofiya-player-modal__close,.sofiya-global-notice__close{-webkit-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation;color:#fff!important;text-decoration:none!important;line-height:1!important;font-family:inherit!important}

.sofiya-guest-nudge__close svg,.search-modal__close svg,.sofiya-comment-reply-cancel svg,.sofiya-referral-modal__close svg,.sofiya-modal__close svg,.sofiya-info-modal__close svg,.sofiya-player-modal__close svg{display:block!important;margin:auto!important;color:currentColor!important;stroke:currentColor!important;fill:none;pointer-events:none}

@media (max-width: 820px) {
input,select,textarea,.sofiya-auth-form input,.sofiya-auth-form select,.sofiya-auth-form textarea,.sofiya-account-card input,.sofiya-account-card select,.sofiya-account-card textarea,.sofiya-modal__form input,.sofiya-modal__form textarea,.sofiya-ticket-filters input,.sofiya-ticket-filters select,.sofiya-ticket-compose-form input,.sofiya-ticket-compose-form textarea,.sofiya-ticket-reply-form textarea,.sofiya-ios-field-list input,.sofiya-ios-birth-grid input,.sofiya-ios-select,.search-modal__form input,.comments-box input,.comments-box textarea,.sofiya-comment-form input,.sofiya-comment-form textarea{font-size:16px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
}