@media screen and (min-width: 1240px) {
    .header-menu-collections {
        padding: 30px 0 0;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, .08)
    }

    .header-menu-collections .page-width {
        display: flex;
        flex-direction: column;
        /* max-height: 100vh; */
        max-height: calc(100vh - 213px) !important;
        
    }

    .header-menu-collections .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 26px;
        border-bottom: 1px solid #f4f4f4
    }

    .header-menu-collections .header .title-box {
        display: flex;
        align-items: center
    }

    .header-menu-collections .header .title-box .svg-box {
        display: flex;
        align-items: center;
        margin-top: 3px
    }

    .header-menu-collections .header .title-box .icon-box {
        display: flex;
        align-items: center
    }

    .header-menu-collections .header .title-box .title {
        margin-left: 10px;
        font-size: var(--niu-h6-l);
        font-weight: 700
    }

    .header-menu-collections .header .line {
        margin-top: 20px;
        width: 100%;
        height: 1px;
        background-color: #f4f4f4
    }

    .header-menu-collections .header .button-box .buttons {
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
        padding: 8px 20px;
        border-radius: 100px;
        border: 1px solid #333;
        color: #333;
        margin: 0 10px;
      transition: all .4s;
    }
    .header-menu-collections .header .button-box .buttons:hover{
        border: 1px solid #111;
        box-shadow: 0 0 0 1px #111;
    }
    .header-menu-collections .collection-list {
        flex: 1;
        overflow-y: scroll;
        overscroll-behavior: contain;
    }

    .header-menu-collections .collection-list::-webkit-scrollbar {
        width: 0
    }
    .header-menu-collections .header-menu-collection:last-child{
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1240px) {
    .header-menu-collections {
        padding: 0 0 32px;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, .08)
    }

    .header-menu-collections .page-width {
        padding-top: 23px !important;
        display: flex;
        flex-direction: column;
        /* max-height: calc(100vh - 45px - 48px); */
        overflow-y: scroll
    }

    .header-menu-collections .close-box {
        position: fixed;
        top: calc(var(--header-height) + 19px);
        left: var(--niu-margin);
        width: 33px;
        height: 33px;
        display: flex;
        background-color: #fff;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, .16)
    }

    .header-menu-collections .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column
    }

    .header-menu-collections .header .icon-box {
        display: none
    }

    .header-menu-collections .header .title-box {
        display: flex;
        align-items: center
    }

    .header-menu-collections .header .title-box .title {
        margin-left: 10px;
        font-size: var(--niu-h6-l);
        color: var(--niu-black);
        font-weight: 600;
        text-transform: uppercase
    }

    .header-menu-collections .header .line {
        margin-top: 20px;
        width: 100%;
        height: 1px;
        background-color: #f4f4f4
    }

    .header-menu-collections .header .button-box {
        margin-top: 30px;
        display: flex;
        align-items: center
    }

    .header-menu-collections .header .button-box .buttons {
        display: inline-block;
        font-size: var(--niu-p2);
        padding: 5px 10px;
        border-radius: 100px;
        font-weight: 500;
        color: var(--niu-light-black);
        margin: 0 15px;
        display: flex;
        align-items: center;
        gap: 8px
    }

    .header-menu-collections .header .button-box .buttons svg {
        width: 16px;
        height: 16px
    }

    .header-menu-collections .collection-list {
        flex: 1
    }

    .header-menu-collections .collection-list::-webkit-scrollbar {
        width: 0
    }
}

/*# sourceMappingURL=header-menu-collections.min.css.map */