
    <div class="w-[300px] hidden lg:block flex-none">

        <div class="mt-4 w-[300px] min-h-[250px] mb-6 bg-slate-100 border adbox_placeholder">
            <div id="div-gpt-ad-box_desktop_side_top_xl" class="mp-code box-desktop-side-top"></div>
        </div>
      

        <div class="mt-6 grid grid-cols-1 gap-4 divide-y" 
        x-data="{ 
        openpopup(url, width = 750, height = 500, name = 'popup') {
            const left = (screen.width - width) / 2;
            const top = (screen.height - height) / 2;
            window.open(url, name, `width=${width},height=${height},left=${left},top=${top},scrollbars=yes,resizable=yes`);
        }
    }">
    

</div>



<style>
.score_0 { background: #DB2727; }
.score_1 { background: #ef4c51; }
.score_2 { background: #fe4b51; }
.score_3 { background: #ff7d51; }
.score_4 { background: #ffab50; }
.score_5 { background: #ffd050; }
.score_6 { background: #79eee6; }
.score_7 { background: #72cfe1; }
.score_8 { background: #6de2ad; }
.score_9 { background: #74cf5a; }
.score_10 { background: #74cf5a; }
.score_disabled { background: #cbcbcb; }
</style>

        
        


        

    </div>



