https://tooliotools.xyz/

Scan-ID:: c0b99cd4-8d30-42e9-addf-118c7629271cBeendet
Eingereichte URL:: https://tooliotools.xyz/
Bericht beendet:: 23. Dez. 2024, 13:47:42
Links · 7 gefunden

Die von der Seite ausgehenden identifizierten Links
Link	Text
https://toolio.rf.gd/forum?type=request	Tool Request
https://toolio.rf.gd/forum?type=bug	Bug Report
https://toolio.rf.gd/forum?type=others	Normal Forum
https://example.com	Events
https://discord.com	Discord
https://linkedin.com	LinkedIn
https://twitter.com	Twitter
JavaScript-Variablen · 32 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind
Name	Typ
0	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
__cfQR	object
__cfBeacon	object
__cfRLUnblockHandlers	boolean
createResizeHandles	function
onResizeMouseDown	function
onResizeMouseMove	function
Konsolenprotokoll-Meldungen · 3 gefunden

In der Web-Konsole protokollierte Meldungen
Typ	Kategorie	Protokoll
error	network	URL https://tooliotools.xyz/tsar2subscribe.js Text Failed to load resource: the server responded with a status of 500 ()
error	other	URL https://static.tooliotools.xyz/elementsjs/navbar.js Text Error:
log	other	URL https://static.tooliotools.xyz/elementsjs/request.js Text registry102.php response: {"success":true,"unique_id":"019016019"}
HTML

Der HTML-Rohtext der Seite
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Toolio - Tools Hub</title>
    <meta name="description" content="Discover Toolio - your ultimate hub for online tools. Access wide range of services including web tools and generator tools, all without login, ads, or costs.">
    <meta name="keywords" content="online tools, free tools, no login tools, tools, SEO tools, paraphrase tool, AI tools, Toolio, tool hub, web tools, Toolio Tools, tooliotools">
    <meta name="author" content="Toolio">
    <meta property="og:title" content="Toolio - Free Online Tools Hub">
    <meta property="og:description" content="Access a variety of free online tools at Toolio, Web tools, Generator tools, Finance and more. No login, no ads, just fast and easy-to-use web tools.">
    <meta property="og:image" content="https://tooliotools.xyz/assets/png/og_logo_low.png">
    <meta property="og:url" content="https://tooliotools.xyz">
    <link rel="apple-touch-icon" sizes="180x180" href="https://tooliotools.xyz/assets/png/og_logo_low.png">

    <style>
        @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

        :root {
            --primary-gradient: linear-gradient(135deg, #4D0088, #000);
            --card-gradient: linear-gradient(160deg, #4b0082, #380062);
            --hover-gradient: linear-gradient(160deg, #5c009f, #4b0082);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            margin: 0;
            font-family: 'Segoe UI', Arial, sans-serif;
            background: var(--primary-gradient);
            color: #fff;
            overflow-x: hidden;
            min-height: 100vh;-webkit-tap-highlight-color: transparent;
            
        }

        .container {
            padding: 20px;
            text-align: center;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
        }

        header h1 {
            font-size: 4em;
            margin: 20px 0;
            background: linear-gradient(45deg, #fff, #e0b0ff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 15px rgba(255,255,255,0.1);
        }

        .intro {
            margin: 40px 0;
        }

        .intro h2 {
            font-size: 2.2em;
            margin-bottom: 20px;
        }

        .intro p {
            font-size: 1.2em;
            line-height: 1.6;
            color: rgba(255,255,255,0.9);
            margin: 10px 0;
        }

        .search {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            margin: 30px 0;
        }

        #searchBar {
            width: 70%;
            padding: 15px 25px;
            font-size: 1.1em;
            border: 2px solid rgba(255,255,255,0.1);
            border-radius: 30px;
            background: rgba(255,255,255,0.05);
            color: #fff;
            transition: all 0.3s ease;
        }

        #searchBar:focus {
            outline: none;
            border-color: rgba(255,255,255,0.2);
            box-shadow: 0 0 20px rgba(75,0,130,0.2);
        }

        #filterButton {
            background: rgba(255,255,255,0.1);
            border: none;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            color: #fff;
            font-size: 1.2em;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        #filterButton:hover {
            background: rgba(255,255,255,0.2);
            transform: rotate(180deg);
        }

        .tools {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 25px;
            padding: 20px;
        }

        .tool {
            background: var(--card-gradient);
            border-radius: 15px;
            padding: 25px;
            position: relative;
            transition: transform 0.3s ease, opacity 0.3s ease;
            opacity: 0;
            transform: translateY(20px);
            border: 1px solid rgba(255,255,255,0.1);
        }

        .tool.show {
            opacity: 1;
            transform: translateY(0);
        }

        .tool:hover {
            transform: translateY(-5px);
        }

        .tool a {
            color: #fff;
            text-decoration: none;
            display: block;
        }

        .tool h3 {
            font-size: 1.4em;
            margin-bottom: 15px;
        }

        .tool p {
            color: rgba(255,255,255,0.8);
            line-height: 1.5;
        }

        .filter-popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0,0,0,0.95);
            border-radius: 15px;
            padding: 25px;
            width: 90%;
            max-width: 350px;
            max-height: 60vh;
            overflow-y: auto;
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 1000;
            border: 1px solid rgba(255,255,255,0.1);
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);

        }

/* For all browsers */
.filter-popup {
    overflow: auto;
    scrollbar-width: none;  /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    position: relative; /* Required for absolute positioning of pseudo-elements */
}

/* For WebKit browsers */
.filter-popup::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}

/* Track */
.filter-popup::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.filter-popup::-webkit-scrollbar-thumb {
    background: purple;
    border-radius: 4px;
    transition: opacity 0.3s;
    opacity: 0;
}

/* Handle on hover */
.filter-popup:hover::-webkit-scrollbar-thumb {
    opacity: 1;
}


        .filter-popup .close-btn {
            position: auto;
            top: 15px;
            right: 15px;
            background: transparent;
            border: 1px solid #fff;
            color: #fff;
            font-size: 1.5em;
            cursor: pointer;
            padding: 5px;
            transition: opacity 0.3s ease, transform 0.3s ease;
            transform: rotate(90deg);
        }

        .filter-popup .close-btn:hover {
          background: #fff;
          color: #000;
          transform: rotate(90deg) scale(1.2);
        }

        #filterSearchBar {
            width: 100%;
            padding: 12px;
            margin-bottom: 20px;
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 8px;
            color: #fff;
        }

        .filter-group {
            display: flex;
            align-items: center;
            margin: 12px 0;
            padding: 8px;
            border-radius: 8px;
            transition: background 0.3s ease;
        }

        .filter-group:hover {
            background: rgba(255,255,255,0.05);
        }

        .filter-group input[type="checkbox"] {
            margin-right: 12px;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .filter-group label {
            color: rgba(255,255,255,0.9);
            cursor: pointer;
        }

        #applyFilters {
            width: 100%;
            padding: 12px;
            margin-top: 20px;
            background: var(--card-gradient);
            border: none;
            border-radius: 8px;
            color: #fff;
            font-size: 1.1em;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        #applyFilters:hover {
            background: var(--hover-gradient);
            transform: translateY(-2px);
        }

        .new-badge, .hot-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 5px 12px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.5px;
            z-index: 1;
        }

        .new-badge {
            background: linear-gradient(45deg, #FF1493, #FF69B4);
            color: white;
        }

        .hot-badge {
            background: linear-gradient(45deg, #001493, #0066FF);
            color: white;
        }

        .quick-links {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: flex;
            gap: 10px;
            z-index: 100;
        }

        .quick-links a {
            color: rgba(255,255,255,0.7);
            text-decoration: none;
            padding: 8px 12px;
            background: rgba(75, 0, 130, 0.98);
            border-radius: 20px;
            font-size: 0.9em;
            transition: all 0.3s ease;
        }

        .quick-links a:hover {
            color: #fff;
            background: linear-gradient(to right, rgba(75, 0, 130, 0.98), rgba(65, 53, 152));
            transform: translateY(-2px);
        }
    </style>
<style>
.filter-popup {
    position: absolute;
    overflow: auto;
    user-select: none; /* Prevent text selection during drag */
}

.resize-handle {
    position: absolute;
    background: transparent;
    z-index: 10; /* Ensure resize handles are above content */
}

.resize-top, .resize-bottom {
    left: 0;
    right: 0;
    height: 10px;
    cursor: ns-resize;
}

.resize-top { top: 0; }
.resize-bottom { bottom: 0; }

.popup-content.compact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
    text-align: center;
}
</style><style>
        .footer {
            background-color: #000000;
            color: #ffffff;
            padding: 40px 0;
            margin-top: auto;
        }
        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .footer-section {
            flex: 1;
            margin: 0 20px;
            min-width: 200px;
        }
        .footer-section h3 {
            color: #9370DB;
            margin-bottom: 20px;
            font-size: 1.2em;
        }
        .footer-section ul {
            list-style-type: none;
            padding: 0;
        }
        .footer-section ul li {
            margin-bottom: 10px;
        }
        .footer-section a {
            color: #ffffff;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .footer-section a:hover {
            color: #9370DB;
        }
        .social-icons a {
            display: inline-block;
            margin-right: 15px;
            font-size: 24px;
        }
        .newsletter-form input[type="email"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: none;
            background-color: #333;
            color: #fff;
        }
        .newsletter-form button {
            background-color: #9370DB;
            color: #fff;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .newsletter-form button:hover {
            background-color: #8A2BE2;
        }
        .copyright {
            text-align: center;
            padding-top: 20px;
            margin-top: 40px;
            border-top: 1px solid #333;
        }

        /* Mobile Styles */
        @media screen and (max-width: 768px) {
            .footer {
                padding: 20px 0;
            }
            .footer-content {
                flex-direction: column;
            }
            .footer-section {
                margin: 0 10px 20px;
                min-width: unset;
            }
            .footer-section h3 {
                font-size: 1em;
                margin-bottom: 10px;
            }
            .footer-section ul li {
                margin-bottom: 5px;
            }
            .footer-section a, .footer-section p {
                font-size: 0.9em;
            }
            .social-icons a {
                font-size: 20px;
                margin-right: 10px;
            }
            .newsletter-form input[type="email"], .newsletter-form button {
                padding: 8px;
                font-size: 0.9em;
            }
            .copyright {
                margin-top: 20px;
                padding-top: 10px;
                font-size: 0.8em;
            }
        }
    </style><style>
        :root {
            --toolio-primary-color: #000000;
            --toolio-secondary-color: #4B0082;
            --toolio-text-color: #ffffff;
            --toolio-hover-color: #8A2BE2;
            --toolio-transition-speed: 0.3s;
            --toolio-navbar-height: 60px;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .toolio-navbar {
            background-color: var(--toolio-primary-color);
            padding: 0.5rem 2rem;
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 9999;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            font-family: 'Roboto', sans-serif;
            height: var(--toolio-navbar-height);
        }

        .toolio-nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            height: 100%;
        }

        .toolio-logo {
            font-size: 1.8rem;
            font-weight: bold;
            color: var(--toolio-text-color);
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: color var(--toolio-transition-speed);
        }

        .toolio-logo:hover {
            color: var(--toolio-hover-color);
        }

        .toolio-nav-links {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .toolio-nav-item {
            position: relative;
            margin-left: 1.5rem;
        }

        .toolio-nav-link {
            color: var(--toolio-text-color);
            text-decoration: none;
            font-size: 1rem;
            transition: color var(--toolio-transition-speed);
            padding: 0.5rem 0;
        }

        .toolio-nav-link:hover {
            color: var(--toolio-hover-color);
        }

        .toolio-dropdown-content {
            display: none;
            position: absolute;
            background-color: var(--toolio-primary-color);
            min-width: 180px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            z-index: 1;
            border-radius: 4px;
            overflow: hidden;
            top: calc(100% + 0.5rem);
            left: 0;
        }

        .toolio-dropdown-content a {
            color: var(--toolio-text-color);
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            transition: background-color var(--toolio-transition-speed);
        }

        .toolio-dropdown-content a:hover {
            background-color: var(--toolio-secondary-color);
        }

        .toolio-nav-item:hover .toolio-dropdown-content {
            display: block;
        }

        .toolio-user-section {
            display: flex;
            align-items: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;            
        }

        .toolio-user-icon {
            width: 24px;
            height: 24px;
            margin-right: 0.3rem;
            flex-shrink: 0;
        }

.toolio-unique-id {
  color: var(--toolio-text-color);
  font-size: 0.9rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px; /* Adjusted for better fit */
}


        .toolio-menu-toggle {
            display: none;
            background: none;
            border: none;
            color: var(--toolio-text-color);
            font-size: 1.5rem;
            cursor: pointer;
        }

        @media screen and (max-width: 768px) {
            .toolio-menu-toggle {
                display: block;
            }

            .toolio-nav-links {
                display: none;
                flex-direction: column;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background-color: var(--toolio-primary-color);
                padding: 1rem;
            }

            .toolio-nav-links.active {
                display: flex;
            }

            .toolio-nav-item {
                margin: 0.5rem 0;
            }

            .toolio-dropdown-content {
                position: static;
                background-color: rgba(255, 255, 255, 0.05);
                box-shadow: none;
            }

            .toolio-dropdown-content a {
                padding-left: 1rem;
            }

            .toolio-user-section {
                max-width: 120px;
            }
        }
    </style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></head>
<body style="min-height: 100vh; display: flex; flex-direction: column; padding-top: var(--toolio-navbar-height);"><div id="toolio-content-wrapper" style="margin-top: var(--toolio-navbar-height); position: relative; z-index: 1;"><nav class="toolio-navbar">
            <div class="toolio-nav-container">
                <a href="/#" class="toolio-logo">Toolio</a>
                <button class="toolio-menu-toggle" id="toolioMenuToggle">
                    <i class="fas fa-bars"></i>
                </button>
                <ul class="toolio-nav-links" id="toolioNavLinks">
                    <li class="toolio-nav-item">
                        <a href="#" class="toolio-nav-link">About Us</a>
                        <div class="toolio-dropdown-content">
                            <a href="https://tooliotools.xyz">Home</a>
                            <a href="https://tooliotools.xyz/s/faq">FAQ</a>
                            <a href="https://tooliotools.xyz/s/contact">Contact</a>
                            <a href="https://tooliotools.xyz/s/information">Information</a>
                        </div>
                    </li>
                    <li class="toolio-nav-item">
                        <a href="#" class="toolio-nav-link">Forum</a>
                        <div class="toolio-dropdown-content">
                            <a href="https://toolio.rf.gd/forum?type=request">Tool Request</a>
                            <a href="https://toolio.rf.gd/forum?type=bug">Bug Report</a>
                            <a href="https://toolio.rf.gd/forum?type=others">Normal Forum</a>
                        </div>
                    </li>
                    <li class="toolio-nav-item">
                        <a href="#" class="toolio-nav-link">Important</a>
                        <div class="toolio-dropdown-content">
                            <a href="https://tooliotools.xyz/s/termsofservice">Terms of Service</a>
                            <a href="https://tooliotools.xyz/s/privacypolicy">Privacy Policy</a>
                        </div>
                    </li>
                </ul>
                <div class="toolio-user-section">
                    <img src="https://static.tooliotools.xyz/logos/webp+jpg+jpeg/usericon.webp" alt="User Icon" class="toolio-user-icon">
                    <span class="toolio-unique-id" id="toolioUniqueIdDisplay" style="font-size: 0.9rem; max-width: none;"></span>
                </div>
            </div>
        </nav>
    <div class="container">
        <header>
            <h1>Toolio</h1>
        </header>
        <section class="intro">
            <h2>No Login, Fast, No Ads &amp; Free</h2>
            <p>Welcome to Toolio - Your Ultimate Tools Hub.</p>
            <p>Discover a wide range of easy-to-use online tools designed to enhance your internet experience.<br>
            Enjoy fast access, no login requirements, and an ad-free environment for seamless browsing.</p>
        </section>
        <section class="search">
            <input type="text" id="searchBar" placeholder="Search for tools...">
            <button id="filterButton"><i class="fas fa-filter"></i></button>
        </section>
        <div id="filterForm" class="filter-popup" style="cursor: default; position: absolute;">
            <button class="close-btn">×</button>
            <input type="text" id="filterSearchBar" placeholder="Search filters...">
            <div id="filterBox"></div>
            <button id="applyFilters">Apply Filters</button>
        <div class="resize-handle resize-top"></div><div class="resize-handle resize-bottom"></div></div>
        <section class="tools" id="tools"><div class="tool show" data-tool="1"><div class="hot-badge">HOT</div><a href="/tools/textseperator"><h3>File Seperator</h3><p>Effortlessly separate large text files into multiple manageable parts for easier handling and processing.</p></a></div></section>
    </div>
    <nav class="quick-links">
        <a href="https://example.com">Events</a>
        <a href="https://tooliotools.xyz/changelog">New Changes</a>
        
    </nav>
    <script src="script.js" type="text/javascript"></script>
    
    <script src="https://static.tooliotools.xyz/elementsjs/preload.js" defer="" type="text/javascript"></script>
    <script src="https://static.tooliotools.xyz/elementsjs/request.js" defer="" type="text/javascript"></script>
    <script async="" src="https://static.tooliotools.xyz/elementsjs/navbar.js" type="text/javascript"></script>
    <script src="https://static.tooliotools.xyz/elementsjs/tosagreementpop.js" defer="" type="text/javascript"></script>
    <script async="" src="https://static.tooliotools.xyz/elementsjs/footer.js" type="text/javascript"></script>
    <script async="" src="tsar2subscribe.js" type="text/javascript"></script>
    
    <script async="" src="tast.js" type="text/javascript"></script>
    
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8f68ce6ecc042165',t:'MTczNDk2MTY3Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8f68ce6ecc042165&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;9c5843105a4242448493965e168dbb96&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>

<footer class="footer">
        <div class="footer-content">
            <div class="footer-section">
                <h3>Quick Links</h3>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>Legal</h3>
                <ul>
                    <li><a href="terms.html">Terms of Service</a></li>
                    <li><a href="privacy.html">Privacy Policy</a></li>
                    <li><a href="cookies.html">Cookies Policy</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>Connect With Us</h3>
                <div class="social-icons">
                    <a href="https://discord.com" target="_blank">Discord</a>
                    <a href="https://linkedin.com" target="_blank">LinkedIn</a>
                    <a href="https://twitter.com" target="_blank">Twitter</a>
                </div>
            </div>
            <div class="footer-section">
                <h3>Subscribe to Newsletter</h3>
                <form class="newsletter-form" id="newsletterForm">
                    <input type="email" id="subscribeEmail" placeholder="Enter your email" required="">
                    <button type="submit">Subscribe</button>
                </form>
            </div>
        </div>
        <div class="copyright">
            <p>© 2024 Toolio. All rights reserved.</p>
        </div>
    </footer></div><div style="position: fixed; top: 0px; left: 0px; width: 100%; height: 3px; background: transparent; z-index: 99999; display: none;"><div style="height: 100%; width: 0%; background: rgb(104, 61, 204); transition: width 0.2s ease-out 0s;"></div></div><div style="position: fixed; top: 0px; left: 0px; width: 120%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999;"><div style="background-color: black; padding: 20px; border-radius: 5px; text-align: center; width: auto; max-width: 440px;">
        <h2 style="color: white;">Cookies &amp; Policies</h2>
        <p style="color: white;">We use cookies to improve your experience. By continuing to use our site, you accept our <br> <a href="terms" target="_blank" style="color: #8A2BE2;">Terms of Service</a> and <a href="privacy" target="_blank" style="color: #8A2BE2;">Privacy Policy</a>
        </p>
        <p> Choose how we use cookies: </p>
        <button id="acceptAllButton" style="background-color: #8A2BE2; color: white; border: none; padding: 11px 21px; cursor: pointer; margin-top: 10px;">Accept All Cookies</button>
        <br>
        <button id="acceptEssentialsButton" style="background-color: #62566D; color: white; border: none; padding: 10px 20px; cursor: pointer; margin-top: 10px;">Accept Essentials</button>
    </div></div></body></html>