/* (unused) .banner_640 {
        height: 640px;
        background: var(--bg-primary);
    }*/

    .banner.svelte-17189wx {
        margin: 0 auto;
        max-width: 1440px;
    }

    .user_info.svelte-17189wx {
        display: inline-block;
        margin: 0 auto;
        padding: 10px;
        width: 1200px;
    }

    .avatar.svelte-17189wx {
        float: left;
        margin: 10px;
    }

    /* (unused) .avatar_200 {
        width: 200px;
        height: 200px;
    }*/
    .info_card.svelte-17189wx {
        display: block;
        padding: 20px;
        background-color: var(--title-bar);
        border-radius: 20px;
        backdrop-filter: blur(40px);
    }

    .signature.svelte-17189wx {
        padding: 10px;
    }

    .banner_menu.svelte-17189wx {
        position: sticky;
        top: 55px;
        display: block;
        height: 50px;
        background-color: var(--bg-primary);
        border-bottom: solid 1px var(--line-q);
        z-index: 50;
    }

    .banner_menu.svelte-17189wx .menu:where(.svelte-17189wx) {
        float: left;
        width: 20%;
        height: 40px;
        color: var(--text-333333);
        font-size: 14px;
        font-weight: bold;
        line-height: 28px;
        text-align: center;
        border-bottom: solid 4px rgba(82, 229, 21, 0);
    }

    .banner_menu.svelte-17189wx .menu:where(.svelte-17189wx):hover {
        float: left;
        border-bottom: solid 4px rgba(0, 255, 21, 1.0);
    }

    .banner_menu.svelte-17189wx .active:where(.svelte-17189wx) {
        border-bottom: solid 4px rgba(0, 255, 21, 1.0);
    }

    .bottom_bar.svelte-17189wx {
        position: fixed;
        bottom: 80px;
        width: 100%;
        height: 55px;
    }

    .bottom_bar.svelte-17189wx .menu_bar:where(.svelte-17189wx) {
        display: block;
        margin: 0 auto;
        width: 320px;
    }

    .banner.svelte-17189wx {
        height: 640px;
        background-color: #f1f1f1;
    }

    .banner.svelte-17189wx .avatar:where(.svelte-17189wx) {
        display: block;
        margin-top: 0px;
        width: 200px;
        height: 200px;
        background-color: #eeeeee;
        border-radius: 0%;
    }

    .banner.svelte-17189wx .info_bar:where(.svelte-17189wx) {
        margin: 0 auto;
        max-width: 1200px;
    }

    .banner.svelte-17189wx .info_bar:where(.svelte-17189wx) h1:where(.svelte-17189wx) {
        font-size: 2em;
        color: #ffffff;
        text-shadow: 0 0 5px #000000;
    }

    .banner.svelte-17189wx .info_bar:where(.svelte-17189wx) h4:where(.svelte-17189wx) {
        margin: 10px 0;
        width: fit-content;
        color: #ffffff;
        background-color: #4ffffee0;
    }

    /* (unused) .info {
        padding: 10px;
        height: 200px;
        background-color: #f1f1f1;
    }*/

    /* (unused) .info .qty span {
        font-weight: bold;
        font-size: 18px;
    }*/

    /* (unused) .by button {
        height: 50px;
        min-width: 60px;;
        background-color: #e6e6e6;
        border-radius: 5px;
    }*/

    /* (unused) ul.menu li {
        float: left;
        display: inline-block;
    }*/

    /* (unused) .led {
        margin: 10px;
        height: 480px;
        background-color: #f6f6f6;
    }*/