<!DOCTYPE html>
<html lang="en">

@livewire('components.head')

<body>
    <div id="__next">
        <div class="css-1wf75xs eyxgv8w1">
            <style data-emotion="css-global 1tseky9">
                html {
                    font-size: 62.5%;
                }

                body {
                    color: #1F2B59;
                    font-family: EuclidCircularB, sans-serif;
                    font-size: 1.5rem;
                    line-height: 1.73;
                    background-color: #EDF1F8;
                    letter-spacing: 0.2px;
                    overflow-x: hidden;
                    min-width: 360px;
                }

                @media print {
                    body {
                        background-color: #ffffff;
                    }
                }

                @page {
                    margin-top: 1cm;
                    margin-bottom: 1cm;
                }
            </style>
            <style data-emotion="css-global 1ayvvnh">
                .rc-tooltip.Tooltip {
                    opacity: 1;
                    background-color: transparent;
                    max-width: calc(100vw - 25px);
                }

                .rc-tooltip.Tooltip .rc-tooltip-inner {
                    border-radius: 2px;
                    border: 1px solid #D7E1EF;
                    box-shadow: 0 8px 16px 0 rgba(0, 18, 76, 0.1);
                    padding: 0;
                }

                .rc-tooltip.Tooltip .rc-tooltip-arrow {
                    display: none;
                }
            </style>

            @livewire('components.nav')

            <style data-emotion="css 1f7uoeb">
                .css-1f7uoeb {
                    padding-top: 60px;
                    display: block;
                    -webkit-flex: 1 0 auto;
                    -ms-flex: 1 0 auto;
                    flex: 1 0 auto;
                }

                @supports (position:sticky) {
                    .css-1f7uoeb {
                        padding-top: 0;
                    }
                }

                @media print {
                    .css-1f7uoeb {
                        min-height: 0;
                    }
                }
            </style>
            <div style="margin-top: 60px">
                {{ $slot }}
            </div>

            @livewire('components.footer')

        </div>
    </div>

    @livewireScripts()
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
</body>

</html>
