
.panel-header {
    height: 70px;

    &__logo {
        width: 192px;
        min-width: 192px;
        max-width: 192px;
        height: 44px;

        @media (max-width: $screen-sm-max) {
            width: 98px;
            min-width: 98px;
            max-width: 98px;
        }

        img {
            width: 100%;
            height: 100%;
        }
    }

    &__logo-box {
        width: 258px;

        @media (max-width: $screen-sm-max) {
            width: auto;
        }
    }

    &__contents {
        width: calc(100% - 258px);
        padding: 0 30px;

        &-with-line {
            padding: 0 16px;
            border-left: 1px solid var(--gray-200);
            border-right: 1px solid var(--gray-200);
        }

        @media (max-width: $screen-sm-max) {
            padding: 0;
            width: auto;

            &-with-line {
                padding: 0;
                border: none;
            }
        }
    }

    &__badge-counter {
        position: absolute;
        top: -8px;
        right: -8px;
        min-width: 16px;
        min-height: 16px;
    }
}
