{{-- Mixed Widget 1 --}}

<div class="card card-custom bg-white {{ @$class }} shadow-none">
    {{-- Body --}}
    <div class="card-body d-flex align-items-center p-6">
        <div class="d-flex align-items-center justify-content-between flex-grow-1">
            <div class="d-flex flex-column text-left flex-fill">
                <span class="font-weight-normal font-size-h3">Olá,</span>
                <span class="font-weight-bold text-dark-75 font-size-h1 mt-n2">{{$_SESSION['name']}}!</span>
                <span class="text-muted pr-4 mt-3" id="quote">Carregando sua mensagem do dia...</span>
                <footer class="blockquote-footer text-muted text-right pr-10" id="author"><cite>Carregando autor...</cite></footer>
            </div>
            <div class="d-flex flex-column text-right">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="89.998" height="100" viewBox="0 0 89.998 100">
                    <defs>
                        <style>
                            .a {
                                fill: #322a7d;
                            }

                            .b {
                                fill: #419c5c;
                            }

                            .c {
                                fill: #d98f67;
                            }

                            .d {
                                fill: #e59e76;
                            }

                            .e {
                                fill: #000001;
                            }

                            .f {
                                clip-path: url(#a);
                            }

                            .g {
                                fill: #ffa101;
                            }
                        </style>
                        <clipPath id="a">
                            <circle class="a" cx="44.999" cy="44.999" r="44.999" transform="translate(0 0)" />
                        </clipPath>
                    </defs>
                    <circle class="b" cx="44.999" cy="44.999" r="44.999" transform="translate(0 10.002)" />
                    <circle class="c" cx="4.45" cy="4.45" r="4.45" transform="translate(60.328 26.815)" />
                    <circle class="c" cx="4.45" cy="4.45" r="4.45" transform="translate(21.758 26.815)" />
                    <path class="c" d="M27.6,50.448,17,37.724V25H38.206V37.724Z" transform="translate(17.646 19.534)" />
                    <path class="d" d="M51.172,18.35c0-16.117-38.172-10.6-38.172,0V33.195a19.086,19.086,0,0,0,38.172,0Z" transform="translate(13.164 0.736)" />
                    <path class="e" d="M33.206,4C20.271,4,12,14.391,12,27.327V32.2l4.241,3.605v-10.6l25.448-8.483,8.483,8.483v10.6L54.413,32.2V27.327c0-8.483-2.121-16.965-12.724-19.086L39.568,4H33.206Z" transform="translate(12.043 -4)" />
                    <g transform="translate(0 10.002)">
                        <g class="f" transform="translate(0 0)">
                            <path class="g" d="M50.534,31h0a25.73,25.73,0,0,1-10.6,2.121A25.73,25.73,0,0,1,29.327,31S6,35.241,6,58.568L42.517,98.395,73.861,58.568C73.861,35.241,50.534,31,50.534,31Z" transform="translate(5.319 16.255)" />
                        </g>
                    </g>
                </svg>
            </div>
        </div>
    </div>
</div>