.container_library_envolve {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 47%;
        transform: translate(-50%, -50%);
        max-width: 1200px;
        text-align: center;
    }

    .carousel_library {
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        display: flex;
        padding: 40px 0;
        height: 400px;
        position: relative;
        border-top: 1px solid #565137;
        border-bottom: 1px solid #565137;

    }

    .carousel_library::-webkit-scrollbar {
        display: none;
    }


    :root {
        --card-width: 180px;
        --gap: 50px;
    }



    .cards_library_page {
        display: flex;
        gap: var(--gap);

    }

    .cards_library_page::before,
    .cards_library_page::after {
        content: "";
        flex: 0 0 calc(50% - (var(--card-width) / 2));
    }

    .card_library {
        width: var(--card-width);
        flex: 0 0 var(--card-width);
        border-radius: 28px;
        scroll-snap-align: center;
        scroll-snap-stop: always;

        position: relative;
        cursor: default;
        display: flex;
        align-items: center;
        justify-content: center;
    }





    .card_library.active {
        transform: scale(1.5);
        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    }


    .box_cover_settings {
        width: 200px;
        position: relative;
        left: -2px;
        height: 200px;
        background-position: center center;
        background-size: contain;
        transform: scale(1.4);
        background-repeat: no-repeat;
    }


    ._cover_img_1 {
        background-image: url('/Assets/Imagens/Capas/Books/COVER_IMG_1.png');
    }

    ._cover_img_2 {
        background-image: url('/Assets/Imagens/Capas/Books/COVER_IMG_2.png');
    }

    ._cover_img_3 {
        background-image: url('/Assets/Imagens/Capas/Books/COVER_IMG_3.png');
    }

    ._cover_img_4 {
        background-image: url('/Assets/Imagens/Capas/Books/COVER_IMG_4.png');
    }

    ._cover_img_5 {
        background-image: url('/Assets/Imagens/Capas/Books/COVER_IMG_5.png');
    }


    .__container_library_section {

        width: 300px;
        height: 500px;
        display: block;
    }





    /* CSS */
    .__lib_button-button-82-pushable {
        position: relative;
        border: none;
        background: transparent;
        padding: 0;
        cursor: pointer;
        outline-offset: 4px;
        transition: filter 250ms;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
    }

    .__lib_button-button-82-shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: hsl(0deg 0% 0% / 0.25);
        will-change: transform;
        transform: translateY(2px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }


    .__lib_button-button-82-front_index_0 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #734226;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_1 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #BFA08E;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_2 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #BF755A;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_3 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #2D3940;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }

    .__lib_button-button-82-front_index_4 {
        display: block;
        position: relative;
        padding: 12px 27px;
        border-radius: 12px;
        font-size: 1.1rem;
        color: white;
        background: #8C5454;
        will-change: transform;
        transform: translateY(-4px);
        transition:
            transform 600ms cubic-bezier(.3, .7, .4, 1);
    }


    .__lib_button-button-82-edge_index_0 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #502e1b 0%,
                #3a2214 8%,
                #4d2d1b 92%,
                #422819 100%);
    }

    .__lib_button-button-82-edge_index_1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #6d5b51 0%,
                #69594f 8%,
                #746157 92%,
                #68574e 100%);
    }

    .__lib_button-button-82-edge_index_2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #70412f 0%,
                #6e3f2d 8%,
                #572f21 92%,
                #5c3628 100%);
    }

    .__lib_button-button-82-edge_index_3 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #181e22 0%,
                #111518 8%,
                #141a1d 92%,
                #12171a 100%);
    }

    .__lib_button-button-82-edge_index_4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(to left,
                #472b2b 0%,
                #422828 8%,
                #3b2424 92%,
                #241515 100%);
    }

    .__lib_button-button-82-pushable:hover {
        filter: brightness(110%);
        -webkit-filter: brightness(110%);
    }

    .__lib_button-button-82-pushable:hover .__lib_button-button-82-front {
        transform: translateY(-6px);
        transition:
            transform 250ms cubic-bezier(.3, .7, .4, 1.5);
    }

    .__lib_button-button-82-pushable:active .__lib_button-button-82-front {
        transform: translateY(-2px);
        transition: transform 34ms;
    }

    .__lib_button-button-82-pushable:hover .__lib_button-button-82-shadow {
        transform: translateY(4px);
        transition:
            transform 250ms cubic-bezier(.3, .7, .4, 1.5);
    }

    .__lib_button-button-82-pushable:active .__lib_button-button-82-shadow {
        transform: translateY(1px);
        transition: transform 34ms;
    }

    .__lib_button-button-82-pushable:focus:not(:focus-visible) {
        outline: none;
    }

    .analog_button_container {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }


    .envolve_analog_button {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        position: absolute;
        height: 150px;
    }

    .page-content-library {
        display: flex;
    }



    @keyframes button_active_up {
        0% {
            transform: translateY(200px);
        }

        100% {
            transform: translateY(0px);
        }
    }



    .envolve_main_iframe_container {
        height: 100%;
        position: absolute;
        inset: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        display: none;
        align-items: center;
        z-index: 9999999;
        justify-content: center;
    }

    .iframeStyled {
        height: 500px;
        width: 380px;
        border: 2px solid red;
        display: block;
    }


    .center_container_library {
        width: 100%;
        height: 100%;
        background-image: url(/Assets/Imagens/Capas/door_open_image.png);
        background-position: 48% 88%;
        background-repeat: no-repeat;
        background-size: 201% 101%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    #icon_handler_exit_envolve {
        display: none;

    }

    #library_open {
        display: none;
        pointer-events: none;
    }


    .dark-mode .icon_library_exit {
        background-image: url('/Assets/Imagens/Estrutural/application/open-book.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        filter: invert(1);
    }


    .light-mode .icon_library_exit {
        background-image: url('/Assets/Imagens/Estrutural/application/open-book.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        filter: invert(0);
    }


    @keyframes library_open {
        0% {
            transform: translateY(100px) scale(0.2);
        }

        100% {
            transform: translateY(0px) scale(1);
        }
    }



    @keyframes _exit_library_open {
        0% {
            transform: translateY(0px) scale(0.4);
        }

        100% {
            transform: translateY(100px) scale(1);
        }
    }

    .open_container_library {
        position: absolute;
        inset: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(0 0 0);
    }