input {
    font-family: var(--font-family);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Remove marker from summary */

details>summary {
    list-style: none;
}

details>summary::marker {
    display: none;
}


details summary::-webkit-details-marker {
    display: none;
}

details button::-webkit-details-marker {
    display: none;
}



.mbl {
    display: none;
}




.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.app_wrapper {
    padding-right: 32px;
    padding-left: 32px;
}

.app-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

.drop_own_caret {
    height: 5px;
    width: 10px;
    display: inline-block;
    background: #fff;
    margin: 0 4px;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}


@-webkit-keyframes breathe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }
}

@keyframes breathe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }
}

.app_header {
    background: #24292e;
    padding-top: 15px;
    padding-bottom: 15px;
}



.app_header .hamburger {
    display: none;
}


.app_header .app_header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.app_header .app_header-container * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.app_header .logo {
    width: 32px;
    margin-right: 15px;
}

.app_header .icon {
    margin: 0 0 0 10px;
}

.app_header .icon summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.app_header .icon .profile_picture {
    height: 20px;
    width: 20px;
    border-radius: 100vh;
    background: #fff;
    border: 1px solid var(--color-border);
}

.app_header .header_notification {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 10px;
}

.app_header .header_notification::after {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#54a3ff), to(#006eed));
    background: linear-gradient(#54a3ff, #006eed);
    display: block;
    border: 2px solid #24292e;
    top: 0;
    -webkit-transform: translate(40%, -50%);
    transform: translate(40%, -50%);
    right: 0;
    position: absolute;
}

.app_header svg {
    display: block;
    height: 100%;
}

.app_header svg path {
    fill: currentColor;
}

.app_header_links {
    margin: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.app_header_links a {
    margin-right: 15px;
    font-weight: 600;
    font-size: 14px;
    display: block;
    white-space: nowrap;
}

.app_header_links a:hover {
    opacity: 0.7;
}

.app_header details,
#profile details {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.app_header details a:not(.borederd_link):hover,
.app_header details button:not(.borederd_link):hover,
#profile details a:not(.borederd_link):hover,
#profile details button:not(.borederd_link):hover {
    background: royalblue;
    color: #fff !important;
}



.app_header * {
    color: #fff;
}

.header_search_wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.header_search_wrapper_slash-icon {
    position: absolute;
    right: 8px;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.header_search_wrapper input {
    padding: 6px 12px;
    border: 1px solid #444d56;
    border-radius: 6px;
    width: 100%;
    font-size: 14px;
    caret-color: royalblue;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}




.header_search_wrapper input:focus {
    background: #ffffff;
}

.header_search_wrapper input::-webkit-input-placeholder {
    color: #c8c9cb;
}

.header_search_wrapper input:-ms-input-placeholder {
    color: #c8c9cb;
}

.header_search_wrapper input::-ms-input-placeholder {
    color: #c8c9cb;
}

.header_search_wrapper input::placeholder {
    color: #c8c9cb;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}


@keyframes breathe {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }
}


@media (min-width: 863px) {
    .header_search_wrapper input {
        min-width: 272px;
    }

    .header_search_wrapper input:focus {
        min-width: 472px;
        border: 1px solid #0080ff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.493);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.493);
    }

    .header_search_wrapper input:focus+.header_search_wrapper_slash-icon {
        opacity: 0;
    }

    .header_search_wrapper input:focus::-webkit-input-placeholder {
        color: #7c7c7c;
    }

    .header_search_wrapper input:focus:-ms-input-placeholder {
        color: #7c7c7c;
    }

    .header_search_wrapper input:focus::-ms-input-placeholder {
        color: #7c7c7c;
    }

    .header_search_wrapper input:focus::placeholder {
        color: #7c7c7c;
    }
}


@media (max-width: 863px) {
    .app_wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 863px) {
    .app_header {
        position: relative;
        z-index: 10;
    }
}

@media (min-width: 768px) {
    .app-container {
        padding: 0 24px;
    }
}

@media (min-width: 1012px) {
    .app-container {
        padding: 0 32px;
    }
}

@media (max-width: 863px) {
    .mbl {
        display: inline-block;
    }
}

@media (max-width: 863px) {
    .app_header .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 863px) {
    .app_header .hide_mbl {
        display: none;
    }
}

@media (max-width: 863px) {
    .app_header .mbl_links_container {
        position: absolute;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        background: #24292e;
        width: 100%;
        left: 0;
        padding: 15px;
        opacity: 0;
        pointer-events: none;
        z-index: 10;
    }

    .app_header .mbl_links_container.is_open {
        opacity: 1;
        pointer-events: unset;
    }

    .app_header .mbl_links_container .header_search_wrapper {
        margin-bottom: 17px;
    }

    .app_header .mbl_links_container .header_search_wrapper,
    .app_header .mbl_links_container .app_header_links {
        width: 100%;
        max-width: unset;
    }

    .app_header .mbl_links_container .app_header_links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .app_header .mbl_links_container .app_header_links a {
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #444d56;
    }

    .app_header .mbl_links_container .app_header_links a:last-of-type {
        border-bottom: 0;
    }
}

@media (min-width: 863px) {
    .header_search_wrapper {
        -webkit-transition: 0.3s ease-out;
        transition: 0.3s ease-out;
    }
}