<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠴⠒⠒⠒⢒⡶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠁⠀⠀⠀⠀⠀⡾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠁⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠞⠁⠀⢀⣀⣀⣀⡀⠀⠀⢧⠀⠀⠀⠀⠀⡴⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣰⠿⠒⠋⠉⠉⠀⠀⠀⠈⠉⠓⠾⢄⣀⠀⠀⢠⡇⠸⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣩⠏⠉⠒⢒⣲⡤⠤⣀⣀⠀⠀⠀⠀⠀⠈⠑⢤⡘⡄⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀
⠀⠀⠀⠀⠀⢰⠾⣣⠴⠚⠉⠉⠀⠀⠀⠀⠀⠉⠓⠀⠀⠀⠀⠀⠀⠙⣧⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⣔⡿⡍⡇
⠀⠀⠀⠀⠀⢸⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠆⠀⠀⢳⡀⠀⠀⠀⠀⠀⣀⡤⠞⠋⣡⠞⠉⠀⣇⡇
⠀⠀⠀⠀⣴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡠⠴⠒⠛⠓⠚⠉⠉⠉⠁⠀⣴⡟⠁⠀⠀⠀⣿⠁
⠀⠀⠀⣼⣁⣠⡤⢴⠖⠒⠒⠦⠤⢴⣶⣢⠤⠤⠔⠚⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣞⡞⠀⠀⠀⠀⢰⢿⠀
⠀⠀⠀⠉⠉⢙⣦⠞⠀⡠⠞⠉⢉⡷⡄⠉⢙⡶⠃⠀⠀⠀⢀⣠⣦⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡎⡼⠀⠀⠀⠀⠀⡜⡞⠀
⠀⠀⠀⣤⡖⠛⠀⠀⡜⠁⠀⡴⢋⣀⣹⣠⠋⠀⠀⠀⠀⣰⣿⠿⠛⠛⠿⣿⣷⣄⡀⠀⠀⠀⠀⠀⡼⢰⠃⠀⠀⠀⠀⡼⢱⠃⠀
⠀⢀⣴⠛⠀⠀⠀⢼⠁⠀⣼⢁⣿⡬⣿⠃⠀⠀⠀⠀⠐⠋⠁⠀⠀⠀⠀⠀⠙⢿⣷⣄⠀⠀⠀⣸⢃⡏⠀⠀⠀⢀⡜⢡⠏⠀⠀
⠀⠸⡿⠀⠀⠀⠀⢻⡀⠀⠀⠀⠉⢠⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣿⠁⣀⡜⠁⡼⠀⠀⠀⡠⠋⣰⠋⠀⠀⠀
⠀⠀⣧⠀⠀⠀⠀⠈⢳⣀⣙⣦⡤⠋⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀⠀⠀⠀⠀⠀⢤⠀⣹⠌⢩⠏⢠⣇⣠⠴⠊⢀⡼⠁⠀⠀⠀⠀
⠀⠀⠘⡆⢀⡴⠖⠋⠉⠉⠀⠀⠀⠀⠀⠀⠀⠘⢧⣤⣾⣷⣿⣿⣿⣷⣦⡀⠀⢸⠀⠻⣾⠉⠀⠀⠀⠀⢀⣠⠋⠀⠀⠀⠀⠀⠀
⠀⠀⢠⡟⣥⠤⠦⠤⠤⢤⣀⣀⠀⠀⠀⠀⠀⠀⠀⠉⠁⠀⠀⠉⠛⠿⣿⣿⣄⣸⠀⠈⠻⣇⠀⢀⣀⠤⠟⠓⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠸⡆⢧⡀⠀⠀⠀⠀⠀⠈⠙⠲⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠁⠀⠀⠀⣸⡍⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢳⡄⠙⢦⡀⠀⠀⠀⣀⡤⠞⠁⠀⠀⠀⠀⢀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠙⢦⣀⣉⣷⡚⠉⠀⠀⠀⠀⠀⠀⠀⢀⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠼⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣦⣴⠚⢁⡾⠋⠉⠳⢤⣀⢀⣀⣀⣠⠔⠋⠀⠀⠀⠀⠀⠀⣀⣠⠤⠖⠋⠁⢀⣺⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢰⣷⡇⠀⡞⠀⠀⠀⠀⠀⡼⠋⠉⠁⠀⠀⣀⣀⠤⠴⠒⠊⠉⠉⠀⠀⠀⠀⠀⣼⣿⠻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⢯⡛⢦⡀⠀⠀⠀⢀⡾⠥⠤⠔⠒⠊⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⡆⣸⣹⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢠⡿⠀⢹⣶⣶⣖⡋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⡟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢀⡿⠿⠉⠉⠋⠀⠀⠉⠙⠶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡀⠹⢤⣀⣀⣀⣀⣀⡠⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⡰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠢⣄⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⣼⠇⠀⠀⠀⠀⠀⠙⠋⠩⠿⢿⣁⠀⠀⠀⠀⠀⠀
⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⡄⠀⠉⠑⠶⢤⣀⣀⣠⣴⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠿⣅⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠂⠀⠀⠀⠀⠀⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢦⠀⠀⠀⠀
⡅⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⠀⠀
⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠀
Yep, this project is made by a furry owo >;3 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta http-equiv="X-Frame-Options" content="DENY">
    <meta http-equiv="Referrer-Policy" content="no-referrer">
    
    <link href="/static/css/main.css?v=1747838793" rel="stylesheet">
    <link href="/static/themes.php" rel="stylesheet">
    <link href="/static/css/fonts.css?v=1747740437" rel="stylesheet">
    <link href="/static/css/notifications.css?v=1747740437" rel="stylesheet">
    <link rel="stylesheet" href="/static/js/sweetalert2.min.css?v=1747740437">

    <script src="/static/js/sweetalert2.min.js?v=1747740437" defer></script>
    <script src="/static/header_scripts.js?v=1747740437" defer></script>
    <script src="/static/js/notifications.js?v=1747740437" defer></script>

    <link rel="stylesheet" href="/static/lib/tippy/tippy.css?v=1747740437">
    <script src="/static/lib/tippy/popper.min.js?v=1747740437"></script>
    <script src="/static/lib/tippy/tippy.umd.min.js?v=1747740437"></script>
    <script src="/static/lib/chart/chart.min.js?v=1747740437"></script>
    <link rel="stylesheet" href="/static/css/bootstrap-icons.css?v=1747740437">

    <script>
        if (localStorage.getItem("dark-mode") === "enabled") {
            document.documentElement.classList.add("dark-mode");
        }
    </script>
    
        
        <style>
        .dark-mode body {
            background-image: url('/static/backgrounds/GST-bg.jpg');
        }
    </style>
        
    <style>
            </style>
    
        
    <div class="topbar">
        <div class="topbar-container">
            <div class="logo-container">
                <div class="topbar-title logo">
                    <a href="/">
                        <img src="/static/logos/logo.png" alt="Logo" width="180">
                    </a>
                </div>
                <div id="banner" class="banner">
                    <div class="note" id="bannerNote"></div>
                    <button id="closeBanner" onclick="closeBanner()">&times;</button>
                </div>
                <div class="topbar-subtitle">goSupertools
                </div>
            </div>
            <div class="topbar-button-container">

                <a href="/" class="topbar-button">Home</a>
                <a href="/list/" class="topbar-button">Item
                    Database</a>
                <a href="/sale/"
                    class="topbar-button">Sales
                    Manager</a>
                <a href="/list/catwalk.php"
                    class="topbar-button">Catwalk</a>
                <a href="/analyzer-v2/"
                    class="topbar-button">Wardrobe
                    Analyzer</a>

                                </div>
                <div class="topbar-links">
                    <button id="registerButton" class="profile-button"><i class="bi bi-person-plus-fill" style="font-size: 18px; font-weight: bold; margin-right: 8px;"></i>Register</button>
                    <button id="loginButton" class="log-in"><i class="bi bi-box-arrow-in-right" style="font-size: 18px; font-weight: bold; margin-right: 8px;"></i>Login</button>
                                <div class="search-container">
                    <input type="text" id="linkInput" name="searchInput" class="search-input"
                        placeholder="Enter Item Link" autocomplete="off">
                    <button id="srchButton" class="search-button">
                        <i class="bi bi-search" style="font-size: 18px; font-weight: bold;"></i>
                    </button>
                </div>

                <div id="dark-mode-toggle" class="toggle-container">
                    <div class="toggle-switch">
                        <i class="bi bi-moon-fill moon-icon" style="font-size: 18px; color: #D9D9D9;"></i>
                        <i class="bi bi-sun-fill sun-icon" style="font-size: 18px; color: #606060;"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="footer">    
    <div class="footer-links">
        <span><a href="/item/IhH_fH57mrROSxxxV8h2m">Random Item</a></span> | 
        <span><a href="/help/">Help</a></span> | 
        <span><a href="/help/info.php">Information</a></span> | 
        <span><a href="/help/safety.php">Safety</a></span> | 
        <span><a href="/help/terms.php">Terms</a></span> | 
        <span><a href="/help/rules.php">Rules</a></span> | 
        <span><a href="/help/thanks.php">Credits</a></span> | 
        <span><a href="/help/feedback.php">Feedback</a></span> | 
        <span><a href="/help/imprint.php">Imprint</a></span>
            </div>
    <div class="footer-note">
        <span>Thanks to © 2024 Momio Aps. All Rights Reserved. Used with permission.</span>
    </div>
</div>

<style>
    .gsm-ad-container {
        width: 100%;
        max-width: inherit;
        padding: 20px 0;
        text-align: center;
        margin: 10px auto 80px auto;
    }
    
    .gsm-ad-banner {
        background-color: var(--gst-background-columncontainer-opacity);
        border-radius: 25px;
        padding: 10px;
        display: inline-block;
        max-width: 100%;
    }
    
    .dark-mode .gsm-ad-banner {
        background-color: #2a2a2a;
        color: #e0e0e0;
    }
    
    .gsm-ad-content {
        min-height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }
    
    .column-container {
        margin-bottom: 100px;
    }
</style>

<title>goSupertools - Database</title>
<link rel="stylesheet" href="index.css?v=1755499945">
<script src="index.js?v=1755499945"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8337592855206537" crossorigin="anonymous"></script>
</head>

<body>
        <div class="filter-sidebar">
        <h2>Filters</h2>
        <div class="filter-sidebar-close"><i class="bi bi-x-circle-fill" style="font-size: 24px; font-weight: bold; color: var(--gst-text-777);"></i></div>

        <div class="jdbuttoncontainer">
            <button class="JDbutton active" onclick="showContainer('container1', this)">General</button>
            <button class="JDbutton" onclick="showContainer('container2', this)">Designers</button>
            <button class="JDbutton" onclick="showContainer('container3', this)">Tags</button>
        </div>

        <div id="container1" class="container" style="Display: flex;">
            <div class="filter-container">
                <div class="search-input-wrapper">
                    <input type="text" id="filter-search" class="filter-search-input" placeholder="Search in filters..." autocomplete="off">
                </div>
            </div>

            <div class="filter-container">
                <label for="sort-filter"></label>
                <div class="sort-select-wrapper">
                    <span class="sort-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <line x1="12" y1="5" x2="12" y2="19"></line>
                            <polyline points="19 12 12 19 5 12"></polyline>
                        </svg>
                    </span>
                <select id="sort-filter" name="sort-filter">
                    <option value="none" selected>Sort by:</option><option value="old">Oldest</option><option value="new">Newest</option><option value="cheap">Cheapest</option><option value="expensive">Most expensive</option><option value="updated">Last changed</option><option value="popular">Most popular</option>                </select>
                </div>
            </div>

            <div class="filter-container">
                <label for="color-filter"></label>
                <div class="color-select-wrapper">
                <select id="color-filter" name="color-filter">
                    <option value="none" selected>Color:</option><option value="black">Black</option><option value="white">White</option><option value="grey">Grey</option><option value="pink">Pink</option><option value="brown">Brown</option><option value="red">Red</option><option value="orange">Orange</option><option value="yellow">Yellow</option><option value="green">Green</option><option value="blue">Blue</option><option value="purple">Purple</option><option value="beige">Beige</option>                </select>
                </div>
            </div>

            <div class="filter-container">
                <label for="quality-filter">Quality:</label>
                <div class="wrapp">
                    <label for="quality-0" class="filter-item" data-filter-text="good" data-filter-type="quality">
                                <input type="checkbox" class="filter-checkbox" id="quality-0" value="0"> Good
                            </label><label for="quality-1" class="filter-item" data-filter-text="special" data-filter-type="quality">
                                <input type="checkbox" class="filter-checkbox" id="quality-1" value="1"> Special
                            </label><label for="quality-2" class="filter-item" data-filter-text="unique" data-filter-type="quality">
                                <input type="checkbox" class="filter-checkbox" id="quality-2" value="2"> Unique
                            </label><label for="quality-3" class="filter-item" data-filter-text="basic" data-filter-type="quality">
                                <input type="checkbox" class="filter-checkbox" id="quality-3" value="3"> Basic
                            </label><label for="quality-4" class="filter-item" data-filter-text="diamond" data-filter-type="quality">
                                <input type="checkbox" class="filter-checkbox" id="quality-4" value="4"> Diamond
                            </label>                </div>
            </div>

            <div class="filter-container">
                <label for="design-filter">Design Type:</label>
                <div class="wrapp">
                    <label for="design-0" class="filter-item" data-filter-text="junior designer" data-filter-type="design">
                                <input type="checkbox" class="filter-checkbox" id="design-0" value="0"> Junior Designer
                            </label><label for="design-1" class="filter-item" data-filter-text="guest designer" data-filter-type="design">
                                <input type="checkbox" class="filter-checkbox" id="design-1" value="1"> Guest Designer
                            </label><label for="design-2" class="filter-item" data-filter-text="gosupermodel" data-filter-type="design">
                                <input type="checkbox" class="filter-checkbox" id="design-2" value="2"> goSupermodel
                            </label><label for="design-3" class="filter-item" data-filter-text="godesigner" data-filter-type="design">
                                <input type="checkbox" class="filter-checkbox" id="design-3" value="3"> goDesigner
                            </label><label for="design-4" class="filter-item" data-filter-text="community made" data-filter-type="design">
                                <input type="checkbox" class="filter-checkbox" id="design-4" value="4"> Community made
                            </label>                </div>
            </div>

            <div class="filter-container">
                <label for="layer-filter">Category:</label>
                <div class="wrapp"">
                    <label for="layer-1" class="filter-item" data-filter-text="hair" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-1" value="1"> Hair
                            </label><label for="layer-9" class="filter-item" data-filter-text="make-up" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-9" value="9"> Make-Up
                            </label><label for="layer-2" class="filter-item" data-filter-text="faces" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-2" value="2"> Faces
                            </label><label for="layer-0" class="filter-item" data-filter-text="skins" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-0" value="0"> Skins
                            </label><label for="layer-14" class="filter-item" data-filter-text="eye colors" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-14" value="14"> Eye Colors
                            </label><label for="layer-15" class="filter-item" data-filter-text="dresses" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-15" value="15"> Dresses
                            </label><label for="layer-4" class="filter-item" data-filter-text="tops" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-4" value="4"> Tops
                            </label><label for="layer-16" class="filter-item" data-filter-text="pants" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-16" value="16"> Pants
                            </label><label for="layer-3" class="filter-item" data-filter-text="skirts" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-3" value="3"> Skirts
                            </label><label for="layer-8" class="filter-item" data-filter-text="jackets" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-8" value="8"> Jackets
                            </label><label for="layer-17" class="filter-item" data-filter-text="swimwear" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-17" value="17"> Swimwear
                            </label><label for="layer-13" class="filter-item" data-filter-text="shoes" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-13" value="13"> Shoes
                            </label><label for="layer-6" class="filter-item" data-filter-text="bags" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-6" value="6"> Bags
                            </label><label for="layer-12" class="filter-item" data-filter-text="hats" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-12" value="12"> Hats
                            </label><label for="layer-11" class="filter-item" data-filter-text="glasses" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-11" value="11"> Glasses
                            </label><label for="layer-10" class="filter-item" data-filter-text="jewellery" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-10" value="10"> Jewellery
                            </label><label for="layer-18" class="filter-item" data-filter-text="other" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-18" value="18"> Other
                            </label><label for="layer-20" class="filter-item" data-filter-text="backgrounds" data-filter-type="category">
                                <input type="checkbox" class="filter-checkbox" id="layer-20" value="20"> Backgrounds
                            </label>                </div>
            </div>


            <div class="filter-container">
                <label for="type-filter">Type:</label>
                <div class="wrapp"">
                    <div class="category-group"><div class="main-category-header" data-category-id="27">
                                <span class="expander">▸</span> Current Events
                            </div><div class="subcategory-container" style="margin-left: 20px; display: none;" data-parent="27"><label for="type-5" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-5" value="5"> Fashion Pass Free
                                </label><label for="type-6" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-6" value="6"> Fashion Pass Premium
                                </label><label for="type-29" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-29" value="29"> SPT Refreshment 2025
                                </label><label for="type-30" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-30" value="30"> Premium Refreshment 2025
                                </label></div></div><div class="category-group"><div class="main-category-header" data-category-id="28">
                                <span class="expander">▸</span> Past Events
                            </div><div class="subcategory-container" style="margin-left: 20px; display: none;" data-parent="28"><label for="type-15" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-15" value="15"> Perk  Items
                                </label><label for="type-14" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-14" value="14"> Pearl Shop
                                </label><label for="type-8" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-8" value="8"> Gemma Stone's Shop
                                </label><label for="type-1" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-1" value="1"> Advent Calendar 2023
                                </label><label for="type-16" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-16" value="16"> Premium Advent Calendar 2023
                                </label><label for="type-2" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-2" value="2"> Advent Calendar 2024
                                </label><label for="type-17" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-17" value="17"> Premium Advent Calendar 2024
                                </label><label for="type-20" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-20" value="20"> SPT Refreshment 2023
                                </label><label for="type-21" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-21" value="21"> SPT Refreshment 2024
                                </label><label for="type-10" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-10" value="10"> Halloween Potions 2024
                                </label><label for="type-18" class="subcategory-label">
                                    <input type="checkbox" class="type-checkbox subcategory-checkbox" id="type-18" value="18"> Premium Potions 2024
                                </label></div></div><div class="category-group"><label for="type-25" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-25" value="25"> goPack  Items
                            </label></div><div class="category-group"><label for="type-24" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-24" value="24"> goCode  Items
                            </label></div><div class="category-group"><label for="type-22" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-22" value="22"> VIP Gift
                            </label></div><div class="category-group"><label for="type-11" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-11" value="11"> Icon Hunt
                            </label></div><div class="category-group"><label for="type-9" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-9" value="9"> Giftcard  Items
                            </label></div><div class="category-group"><label for="type-3" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-3" value="3"> Competition  Items
                            </label></div><div class="category-group"><label for="type-7" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-7" value="7"> Referral Reward
                            </label></div><div class="category-group"><label for="type-23" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-23" value="23"> Volunteer Exclusive
                            </label></div><div class="category-group"><label for="type-26" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-26" value="26"> goSpecials  Items
                            </label></div><div class="category-group"><label for="type-12" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-12" value="12"> Locked  Items
                            </label></div><div class="category-group"><label for="type-13" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-13" value="13"> Other Event
                            </label></div><div class="category-group"><label for="type-19" class="main-category-label">
                                <input type="checkbox" class="type-checkbox" id="type-19" value="19"> Recovered
                            </label></div><div class="category-group"><label for="shop-items" class="filter-item" data-filter-text="shop items" data-filter-type="shop">
                            <input type="checkbox" class="shop-checkbox" id="shop-items" value="true" > Shop Items
                        </label></div><div class="special-types-container" style="margin-top: 10px; border-top: 1px solid #ddd; padding-top: 10px;"><label for="type-90">
                                <input type="checkbox" class="type-checkbox special-type-checkbox" id="type-90" value="90"> All unreleased Items
                            </label><label for="type-91">
                                <input type="checkbox" class="type-checkbox special-type-checkbox" id="type-91" value="91"> All released Items
                            </label><label for="type-92">
                                <input type="checkbox" class="type-checkbox special-type-checkbox" id="type-92" value="92"> Untagged Items
                            </label></div>
                    <div class="wrapp" style="margin-top: 10px; border-top: 1px solid #ddd; padding-top: 10px;">
                    <label for="era-1">
                                <input type="checkbox" class="filter-checkbox" id="era-1" value="1"> gSm 1.0 Item
                            </label><label for="era-2">
                                <input type="checkbox" class="filter-checkbox" id="era-2" value="2"> gSm 2.0 Item
                            </label>                </div>
                </div>
            </div>
        </div>
        
        <div id="container2" class="container" style="display: none;">
            <div class="filter-container">
                <div class="brand-container" id="dynamic-brand-container">
                    <label for="brand-filter"></label>
                </div>
            </div>
        </div>
        
        <div id="container3" class="container" style="display: none;">
            <div id="selector" class="selector-container">
                <button class="categorybutton" onclick="showSection('vibeTagsSection')">Vibe</button>
                                            <button class="categorybutton"
                                onclick="showSection('hair')">Hair</button>
                                            <button class="categorybutton"
                                onclick="showSection('makeup')">Makeup</button>
                                            <button class="categorybutton"
                                onclick="showSection('skins')">Skins</button>
                                            <button class="categorybutton"
                                onclick="showSection('dresses')">Dresses</button>
                                            <button class="categorybutton"
                                onclick="showSection('tops')">Tops</button>
                                            <button class="categorybutton"
                                onclick="showSection('pants')">Pants</button>
                                            <button class="categorybutton"
                                onclick="showSection('skirts')">Skirts</button>
                                            <button class="categorybutton"
                                onclick="showSection('jackets')">Jackets</button>
                                            <button class="categorybutton"
                                onclick="showSection('swimwear')">Swimwear</button>
                                            <button class="categorybutton"
                                onclick="showSection('shoes')">Shoes</button>
                                            <button class="categorybutton"
                                onclick="showSection('bags')">Bags</button>
                                            <button class="categorybutton"
                                onclick="showSection('hats')">Hats</button>
                                            <button class="categorybutton"
                                onclick="showSection('glasses')">Glasses</button>
                                            <button class="categorybutton"
                                onclick="showSection('jewellery')">Jewellery</button>
                                            <button class="categorybutton"
                                onclick="showSection('other')">Other</button>
                                            <button class="categorybutton"
                                onclick="showSection('backgrounds')">Backgrounds</button>
                            </div>
            <div id="vibeTagsSection">
                
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1001" value="1001">
                        <label for="vibe-1001">
                            <img src="../static/vibe/Icons_C17888_V_Summer.svg" data-hover="../static/vibe/Icons_V_Summer.svg">Summer
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1002" value="1002">
                        <label for="vibe-1002">
                            <img src="../static/vibe/Icons_C17888_V_Winter.svg" data-hover="../static/vibe/Icons_V_Winter.svg">Winter
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1003" value="1003">
                        <label for="vibe-1003">
                            <img src="../static/vibe/Icons_C17888_V_Sexy.svg" data-hover="../static/vibe/Icons_V_Sexy.svg">Sexy
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1004" value="1004">
                        <label for="vibe-1004">
                            <img src="../static/vibe/Icons_C17888_V_Sweet.svg" data-hover="../static/vibe/Icons_V_Sweet.svg">Sweet
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1005" value="1005">
                        <label for="vibe-1005">
                            <img src="../static/vibe/Icons_C17888_V_Casual.svg" data-hover="../static/vibe/Icons_V_Casual.svg">Casual
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1006" value="1006">
                        <label for="vibe-1006">
                            <img src="../static/vibe/Icons_C17888_V_Chic.svg" data-hover="../static/vibe/Icons_V_Chic.svg">Chic
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1007" value="1007">
                        <label for="vibe-1007">
                            <img src="../static/vibe/Icons_C17888_V_Urban.svg" data-hover="../static/vibe/Icons_V_Urban.svg">Urban
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1008" value="1008">
                        <label for="vibe-1008">
                            <img src="../static/vibe/Icons_C17888_V_Wacky.svg" data-hover="../static/vibe/Icons_V_Wacky.svg">Wacky
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1009" value="1009">
                        <label for="vibe-1009">
                            <img src="../static/vibe/Icons_C17888_V_Scifi.svg" data-hover="../static/vibe/Icons_V_Scifi.svg">Sci-fi
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1010" value="1010">
                        <label for="vibe-1010">
                            <img src="../static/vibe/Icons_C17888_V_Fantasy.svg" data-hover="../static/vibe/Icons_V_Fantasy.svg">Fantasy
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1011" value="1011">
                        <label for="vibe-1011">
                            <img src="../static/vibe/Icons_C17888_V_Goth.svg" data-hover="../static/vibe/Icons_V_Goth.svg">Goth
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1012" value="1012">
                        <label for="vibe-1012">
                            <img src="../static/vibe/Icons_C17888_V_Activities.svg" data-hover="../static/vibe/Icons_V_Activities.svg">Activities
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1013" value="1013">
                        <label for="vibe-1013">
                            <img src="../static/vibe/Icons_C17888_V_Cultural.svg" data-hover="../static/vibe/Icons_V_Cultural.svg">Cultural
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1014" value="1014">
                        <label for="vibe-1014">
                            <img src="../static/vibe/Icons_C17888_V_Inclusivity.svg" data-hover="../static/vibe/Icons_V_Inclusivity.svg">Inclusivity
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1015" value="1015">
                        <label for="vibe-1015">
                            <img src="../static/vibe/Icons_C17888_V_Holiday.svg" data-hover="../static/vibe/Icons_V_Holiday.svg">Holiday
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1016" value="1016">
                        <label for="vibe-1016">
                            <img src="../static/vibe/Icons_C17888_V_Alternative.svg" data-hover="../static/vibe/Icons_V_Alternative.svg">Alternative
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1017" value="1017">
                        <label for="vibe-1017">
                            <img src="../static/vibe/Icons_C17888_V_Masculine.svg" data-hover="../static/vibe/Icons_V_Masculine.svg">Masculine
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1018" value="1018">
                        <label for="vibe-1018">
                            <img src="../static/vibe/Icons_C17888_V_Historic.svg" data-hover="../static/vibe/Icons_V_Historic.svg">Historic
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1019" value="1019">
                        <label for="vibe-1019">
                            <img src="../static/vibe/Icons_C17888_V_Bohemian.svg" data-hover="../static/vibe/Icons_V_Bohemian.svg">Bohemian
                    </label>
                    </div>
                    <div class="checkbox-container">
                        <input type="checkbox" class="vibe-checkbox" id="vibe-1020" value="1020">
                        <label for="vibe-1020">
                            <img src="../static/vibe/Icons_C17888_V_Eccentric.svg" data-hover="../static/vibe/Icons_V_Eccentric.svg">Eccentric
                    </label>
                    </div>            </div>

            <div id="hair" class="placeholder-section" style="display: none;"><div class="tag-category-header">Length</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-1" value="1"><label for="item-hair-1">Very long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-2" value="2"><label for="item-hair-2">Long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-3" value="3"><label for="item-hair-3">Medium</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-4" value="4"><label for="item-hair-4">Short</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-5" value="5"><label for="item-hair-5">Very short</label></div></div><div class="tag-category-header">Color</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-6" value="6"><label for="item-hair-6">Natural colors</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-7" value="7"><label for="item-hair-7">Unnatural colors</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-12" value="12"><label for="item-hair-12">Multicolored</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-23" value="23"><label for="item-hair-23">Ombre</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-13" value="13"><label for="item-hair-13">Roots</label></div></div><div class="tag-category-header">Texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-16" value="16"><label for="item-hair-16">Curly</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-17" value="17"><label for="item-hair-17">Coily</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-18" value="18"><label for="item-hair-18">Straight</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-19" value="19"><label for="item-hair-19">Wavy</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-9" value="9"><label for="item-hair-9">Pigtails</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-11" value="11"><label for="item-hair-11">Bangs</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-8" value="8"><label for="item-hair-8">Braids</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-15" value="15"><label for="item-hair-15">Locs/Dreads</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-20" value="20"><label for="item-hair-20">Ponytail</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-21" value="21"><label for="item-hair-21">Bun</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-22" value="22"><label for="item-hair-22">Updo</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-24" value="24"><label for="item-hair-24">Half up/half down</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-26" value="26"><label for="item-hair-26">Afro</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-27" value="27"><label for="item-hair-27">Bob</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hair-10" value="10"><label for="item-hair-10">Reference</label></div></div></div><div id="makeup" class="placeholder-section" style="display: none;"><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-8" value="8"><label for="item-makeup-8">Natural</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-9" value="9"><label for="item-makeup-9">Colorful</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-1" value="1"><label for="item-makeup-1">Lips</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-2" value="2"><label for="item-makeup-2">Blush</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-3" value="3"><label for="item-makeup-3">Eye</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-7" value="7"><label for="item-makeup-7">Eyebrows</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-4" value="4"><label for="item-makeup-4">Full face</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-6" value="6"><label for="item-makeup-6">SFX</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-10" value="10"><label for="item-makeup-10">Face</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-11" value="11"><label for="item-makeup-11">Nose</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-12" value="12"><label for="item-makeup-12">Freckles</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-13" value="13"><label for="item-makeup-13">Mole</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-makeup-5" value="5"><label for="item-makeup-5">Reference</label></div></div></div><div id="skins" class="placeholder-section" style="display: none;"><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skins-3" value="3"><label for="item-skins-3">Natural</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skins-4" value="4"><label for="item-skins-4">Colorful</label></div></div></div><div id="dresses" class="placeholder-section" style="display: none;"><div class="tag-category-header">Length</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-1" value="1"><label for="item-dresses-1">Very long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-2" value="2"><label for="item-dresses-2">Long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-4" value="4"><label for="item-dresses-4">Medium</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-5" value="5"><label for="item-dresses-5">Short</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-6" value="6"><label for="item-dresses-6">Very short</label></div></div><div class="tag-category-header">Front/back</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-22" value="22"><label for="item-dresses-22">Frontpiece</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-23" value="23"><label for="item-dresses-23">Backpiece</label></div></div><div class="tag-category-header">Neckline</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-12" value="12"><label for="item-dresses-12">Plunging neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-13" value="13"><label for="item-dresses-13">Round neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-14" value="14"><label for="item-dresses-14">V-neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-15" value="15"><label for="item-dresses-15">High neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-32" value="32"><label for="item-dresses-32">Scoop neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-33" value="33"><label for="item-dresses-33">Boat neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-34" value="34"><label for="item-dresses-34">Square neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-35" value="35"><label for="item-dresses-35">Straight across neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-36" value="36"><label for="item-dresses-36">Off-shoulder neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-37" value="37"><label for="item-dresses-37">Halter neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-38" value="38"><label for="item-dresses-38">Asymmetrical neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-40" value="40"><label for="item-dresses-40">Sweetheart neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-48" value="48"><label for="item-dresses-48">Shirt collar</label></div></div><div class="tag-category-header">Sleeves</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-20" value="20"><label for="item-dresses-20">Strapless</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-10" value="10"><label for="item-dresses-10">No sleeves (tank)</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-8" value="8"><label for="item-dresses-8">Short sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-7" value="7"><label for="item-dresses-7">Shoulder sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-9" value="9"><label for="item-dresses-9">Elbow sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-39" value="39"><label for="item-dresses-39">Long sleeves</label></div></div><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-29" value="29"><label for="item-dresses-29">Print</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-41" value="41"><label for="item-dresses-41">Pattern</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-30" value="30"><label for="item-dresses-30">Slit</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-18" value="18"><label for="item-dresses-18">Ballgown</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-17" value="17"><label for="item-dresses-17">One piece</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-11" value="11"><label for="item-dresses-11">Asymmetrical</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-47" value="47"><label for="item-dresses-47">Shirt collar</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-46" value="46"><label for="item-dresses-46">Sheath</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-45" value="45"><label for="item-dresses-45">Mermaid</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-44" value="44"><label for="item-dresses-44">Bodycon</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-43" value="43"><label for="item-dresses-43">Empire</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-42" value="42"><label for="item-dresses-42">A-Line</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-49" value="49"><label for="item-dresses-49">Plus size</label></div></div><div class="tag-category-header">Others</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-27" value="27"><label for="item-dresses-27">Bodysuit</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-28" value="28"><label for="item-dresses-28">Overalls</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-16" value="16"><label for="item-dresses-16">Pants</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-21" value="21"><label for="item-dresses-21">Skirt + top</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-24" value="24"><label for="item-dresses-24">Suit</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-25" value="25"><label for="item-dresses-25">Reference</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-dresses-31" value="31"><label for="item-dresses-31">Chinchilla</label></div></div></div><div id="tops" class="placeholder-section" style="display: none;"><div class="tag-category-header">Length</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-1" value="1"><label for="item-tops-1">Very long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-2" value="2"><label for="item-tops-2">Long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-3" value="3"><label for="item-tops-3">Medium</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-4" value="4"><label for="item-tops-4">Short</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-5" value="5"><label for="item-tops-5">Very short</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-20" value="20"><label for="item-tops-20">Bra</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-21" value="21"><label for="item-tops-21">Topless</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-32" value="32"><label for="item-tops-32">Tank top</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-33" value="33"><label for="item-tops-33">T-shirt</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-34" value="34"><label for="item-tops-34">Blouse</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-35" value="35"><label for="item-tops-35">Hoodie</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-39" value="39"><label for="item-tops-39">Sweater</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-36" value="36"><label for="item-tops-36">Vest</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-37" value="37"><label for="item-tops-37">Bodysuit</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-38" value="38"><label for="item-tops-38">Corset</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-6" value="6"><label for="item-tops-6">Asymmetrical</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-40" value="40"><label for="item-tops-40">Plus size</label></div></div><div class="tag-category-header">Neckline</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-9" value="9"><label for="item-tops-9">Plunging neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-10" value="10"><label for="item-tops-10">V-neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-11" value="11"><label for="item-tops-11">Round neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-17" value="17"><label for="item-tops-17">Shirt collar</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-22" value="22"><label for="item-tops-22">Scoop neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-23" value="23"><label for="item-tops-23">Boat neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-24" value="24"><label for="item-tops-24">Square neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-25" value="25"><label for="item-tops-25">Straight across neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-26" value="26"><label for="item-tops-26">Off-shoulder neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-27" value="27"><label for="item-tops-27">Halter neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-18" value="18"><label for="item-tops-18">High neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-28" value="28"><label for="item-tops-28">Asymmetrical neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-30" value="30"><label for="item-tops-30">Sweetheart neck</label></div></div><div class="tag-category-header">Sleeves</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-8" value="8"><label for="item-tops-8">Strapless</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-12" value="12"><label for="item-tops-12">No sleeves (tank)</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-13" value="13"><label for="item-tops-13">Short sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-14" value="14"><label for="item-tops-14">Elbow sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-15" value="15"><label for="item-tops-15">Long sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-29" value="29"><label for="item-tops-29">Shoulder sleeves</label></div></div><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-31" value="31"><label for="item-tops-31">Pattern</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-19" value="19"><label for="item-tops-19">Print</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-tops-7" value="7"><label for="item-tops-7">Reference</label></div></div></div><div id="pants" class="placeholder-section" style="display: none;"><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-25" value="25"><label for="item-pants-25">Flared</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-7" value="7"><label for="item-pants-7">Skinny</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-14" value="14"><label for="item-pants-14">Wide</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-8" value="8"><label for="item-pants-8">Baggy</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-20" value="20"><label for="item-pants-20">Straight</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-6" value="6"><label for="item-pants-6">Asymmetrical</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-9" value="9"><label for="item-pants-9">Leggings</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-10" value="10"><label for="item-pants-10">Pantyhose</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-11" value="11"><label for="item-pants-11">Capri</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-13" value="13"><label for="item-pants-13">Underwear</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-21" value="21"><label for="item-pants-21">Overalls</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-24" value="24"><label for="item-pants-24">Plus size</label></div></div><div class="tag-category-header">Length</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-16" value="16"><label for="item-pants-16">Very long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-1" value="1"><label for="item-pants-1">Long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-2" value="2"><label for="item-pants-2">Medium</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-3" value="3"><label for="item-pants-3">Short</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-17" value="17"><label for="item-pants-17">Very short</label></div></div><div class="tag-category-header">Waist</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-4" value="4"><label for="item-pants-4">High waist</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-22" value="22"><label for="item-pants-22">Mid waist</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-5" value="5"><label for="item-pants-5">Low waist</label></div></div><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-12" value="12"><label for="item-pants-12">Worn/Distressed</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-15" value="15"><label for="item-pants-15">Denim</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-18" value="18"><label for="item-pants-18">Pattern</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-19" value="19"><label for="item-pants-19">Print</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-pants-23" value="23"><label for="item-pants-23">Reference</label></div></div></div><div id="skirts" class="placeholder-section" style="display: none;"><div class="tag-category-header">Length</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-1" value="1"><label for="item-skirts-1">Very long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-2" value="2"><label for="item-skirts-2">Long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-3" value="3"><label for="item-skirts-3">Medium</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-4" value="4"><label for="item-skirts-4">Short</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-5" value="5"><label for="item-skirts-5">Very short</label></div></div><div class="tag-category-header">Front/back</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-14" value="14"><label for="item-skirts-14">Frontpiece</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-15" value="15"><label for="item-skirts-15">Backpiece</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-6" value="6"><label for="item-skirts-6">Skinny</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-9" value="9"><label for="item-skirts-9">Asymmetrical</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-8" value="8"><label for="item-skirts-8">Wide</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-13" value="13"><label for="item-skirts-13">Slit</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-20" value="20"><label for="item-skirts-20">Plus size</label></div></div><div class="tag-category-header">Waist</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-12" value="12"><label for="item-skirts-12">Low waist</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-16" value="16"><label for="item-skirts-16">Mid waist</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-11" value="11"><label for="item-skirts-11">High waist</label></div></div><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-17" value="17"><label for="item-skirts-17">Denim</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-18" value="18"><label for="item-skirts-18">Pattern</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-19" value="19"><label for="item-skirts-19">Print</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-skirts-10" value="10"><label for="item-skirts-10">Reference</label></div></div></div><div id="jackets" class="placeholder-section" style="display: none;"><div class="tag-category-header">Length</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-1" value="1"><label for="item-jackets-1">Very long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-2" value="2"><label for="item-jackets-2">Long</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-3" value="3"><label for="item-jackets-3">Medium</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-4" value="4"><label for="item-jackets-4">Short</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-5" value="5"><label for="item-jackets-5">Very short</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-6" value="6"><label for="item-jackets-6">Open</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-7" value="7"><label for="item-jackets-7">Closed</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-19" value="19"><label for="item-jackets-19">Vest</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-20" value="20"><label for="item-jackets-20">Shawl</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-14" value="14"><label for="item-jackets-14">Cape</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-28" value="28"><label for="item-jackets-28">Cardigan</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-29" value="29"><label for="item-jackets-29">Suit</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-31" value="31"><label for="item-jackets-31">Blouse</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-33" value="33"><label for="item-jackets-33">Corset</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-26" value="26"><label for="item-jackets-26">Coat/jacket</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-32" value="32"><label for="item-jackets-32">Asymmetrical</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-34" value="34"><label for="item-jackets-34">Plus size</label></div></div><div class="tag-category-header">Front/back</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-12" value="12"><label for="item-jackets-12">Frontpiece</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-13" value="13"><label for="item-jackets-13">Backpiece</label></div></div><div class="tag-category-header">Sleeves</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-21" value="21"><label for="item-jackets-21">No sleeves (tank)</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-10" value="10"><label for="item-jackets-10">Short sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-9" value="9"><label for="item-jackets-9">Shoulder sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-11" value="11"><label for="item-jackets-11">Elbow sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-22" value="22"><label for="item-jackets-22">Long sleeves</label></div></div><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-16" value="16"><label for="item-jackets-16">Fluffy</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-17" value="17"><label for="item-jackets-17">Leather</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-8" value="8"><label for="item-jackets-8">Buttons</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-18" value="18"><label for="item-jackets-18">Puffy</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-23" value="23"><label for="item-jackets-23">Denim</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-24" value="24"><label for="item-jackets-24">Pattern</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-25" value="25"><label for="item-jackets-25">Print</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-27" value="27"><label for="item-jackets-27">Sheer</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jackets-30" value="30"><label for="item-jackets-30">Reference</label></div></div></div><div id="swimwear" class="placeholder-section" style="display: none;"><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-swimwear-5" value="5"><label for="item-swimwear-5">Plus size</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-swimwear-1" value="1"><label for="item-swimwear-1">Swimsuit</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-swimwear-2" value="2"><label for="item-swimwear-2">Full bikini</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-swimwear-3" value="3"><label for="item-swimwear-3">Bikini top</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-swimwear-4" value="4"><label for="item-swimwear-4">Bikini bottom</label></div></div></div><div id="shoes" class="placeholder-section" style="display: none;"><div class="tag-category-header">Heels</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-1" value="1"><label for="item-shoes-1">High heels</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-15" value="15"><label for="item-shoes-15">Low heels</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-2" value="2"><label for="item-shoes-2">No heel</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-3" value="3"><label for="item-shoes-3">Sneakers</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-4" value="4"><label for="item-shoes-4">Sandals</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-10" value="10"><label for="item-shoes-10">Platform</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-11" value="11"><label for="item-shoes-11">Boots</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-12" value="12"><label for="item-shoes-12">Flats/loafers</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-14" value="14"><label for="item-shoes-14">Wedges</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-5" value="5"><label for="item-shoes-5">Slippers/flip-flops</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-7" value="7"><label for="item-shoes-7">Others</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-17" value="17"><label for="item-shoes-17">Dress shoes</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-18" value="18"><label for="item-shoes-18">Plus size</label></div></div><div class="tag-category-header">Others</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-8" value="8"><label for="item-shoes-8">Socks</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-9" value="9"><label for="item-shoes-9">Pantyhose</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-16" value="16"><label for="item-shoes-16">Leggings</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-shoes-13" value="13"><label for="item-shoes-13">Leg warmers</label></div></div></div><div id="bags" class="placeholder-section" style="display: none;"><div class="tag-category-header">Placement/location</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-1" value="1"><label for="item-bags-1">Right hand</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-2" value="2"><label for="item-bags-2">Left hand</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-3" value="3"><label for="item-bags-3">Across body</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-5" value="5"><label for="item-bags-5">Right shoulder</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-6" value="6"><label for="item-bags-6">Left shoulder</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-11" value="11"><label for="item-bags-11">Ground</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-4" value="4"><label for="item-bags-4">Fanny pack</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-7" value="7"><label for="item-bags-7">Handbag</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-8" value="8"><label for="item-bags-8">Clutch</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-9" value="9"><label for="item-bags-9">Tote</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-10" value="10"><label for="item-bags-10">Backpack</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-13" value="13"><label for="item-bags-13">Coach</label></div></div><div class="tag-category-header">Chinchilla</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-bags-12" value="12"><label for="item-bags-12">Chinchilla</label></div></div></div><div id="hats" class="placeholder-section" style="display: none;"><div class="tag-category-header">Size</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-9" value="9"><label for="item-hats-9">Headpiece (small)</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-10" value="10"><label for="item-hats-10">Headpiece (medium)</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-11" value="11"><label for="item-hats-11">Headpiece (large)</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-2" value="2"><label for="item-hats-2">Crown/Tiara</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-1" value="1"><label for="item-hats-1">Cap</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-4" value="4"><label for="item-hats-4">Clip</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-5" value="5"><label for="item-hats-5">Top hat</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-7" value="7"><label for="item-hats-7">Bow</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-8" value="8"><label for="item-hats-8">Mask</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-12" value="12"><label for="item-hats-12">Flower</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-13" value="13"><label for="item-hats-13">Headband</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-14" value="14"><label for="item-hats-14">Beanie</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-16" value="16"><label for="item-hats-16">Hood</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-18" value="18"><label for="item-hats-18">Earmuffs</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-19" value="19"><label for="item-hats-19">Headscarf</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-20" value="20"><label for="item-hats-20">Hijab</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-21" value="21"><label for="item-hats-21">Costume</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-22" value="22"><label for="item-hats-22">Halo</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-23" value="23"><label for="item-hats-23">Antlers</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-24" value="24"><label for="item-hats-24">Party hat</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-27" value="27"><label for="item-hats-27">Cowboy hat</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-28" value="28"><label for="item-hats-28">Beret</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-29" value="29"><label for="item-hats-29">Animal</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-31" value="31"><label for="item-hats-31">Fedora</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-32" value="32"><label for="item-hats-32">Headphones</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-33" value="33"><label for="item-hats-33">Scarf</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-34" value="34"><label for="item-hats-34">Veil</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-35" value="35"><label for="item-hats-35">Wide brim</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-36" value="36"><label for="item-hats-36">Bucket Hat</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-37" value="37"><label for="item-hats-37">Khimar</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-38" value="38"><label for="item-hats-38">Jewellery</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-hats-30" value="30"><label for="item-hats-30">Reference</label></div></div></div><div id="glasses" class="placeholder-section" style="display: none;"><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-1" value="1"><label for="item-glasses-1">Sunglasses</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-8" value="8"><label for="item-glasses-8">Regular glasses</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-6" value="6"><label for="item-glasses-6">Masks</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-7" value="7"><label for="item-glasses-7">Other</label></div></div><div class="tag-category-header">Shape</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-2" value="2"><label for="item-glasses-2">Round</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-3" value="3"><label for="item-glasses-3">Oval</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-4" value="4"><label for="item-glasses-4">Square</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-glasses-5" value="5"><label for="item-glasses-5">Cat eye</label></div></div></div><div id="jewellery" class="placeholder-section" style="display: none;"><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-20" value="20"><label for="item-jewellery-20">Belts</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-1" value="1"><label for="item-jewellery-1">Necklace</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-6" value="6"><label for="item-jewellery-6">Earrings</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-5" value="5"><label for="item-jewellery-5">Piercings</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-8" value="8"><label for="item-jewellery-8">Choker</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-11" value="11"><label for="item-jewellery-11">Anklet</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-12" value="12"><label for="item-jewellery-12">Ring</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-13" value="13"><label for="item-jewellery-13">Brooch</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-16" value="16"><label for="item-jewellery-16">Bracelet</label></div></div><div class="tag-category-header">Placement/location</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-7" value="7"><label for="item-jewellery-7">Neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-14" value="14"><label for="item-jewellery-14">Face</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-15" value="15"><label for="item-jewellery-15">Body</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-17" value="17"><label for="item-jewellery-17">Left</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-18" value="18"><label for="item-jewellery-18">Right</label></div></div><div class="tag-category-header">Color/texture</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-9" value="9"><label for="item-jewellery-9">Gold</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-10" value="10"><label for="item-jewellery-10">Silver</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-jewellery-19" value="19"><label for="item-jewellery-19">Bronze</label></div></div></div><div id="other" class="placeholder-section" style="display: none;"><div class="tag-category-header">Clothing</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-65" value="65"><label for="item-other-65">Dresses</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-58" value="58"><label for="item-other-58">Cape</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-59" value="59"><label for="item-other-59">Sleeves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-60" value="60"><label for="item-other-60">Skirts</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-11" value="11"><label for="item-other-11">Socks</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-12" value="12"><label for="item-other-12">Gloves</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-41" value="41"><label for="item-other-41">Corset</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-42" value="42"><label for="item-other-42">Scarf</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-63" value="63"><label for="item-other-63">Collars</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-51" value="51"><label for="item-other-51">Pantyhose</label></div></div><div class="tag-category-header">Items/Tools</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-62" value="62"><label for="item-other-62">Umbrellas</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-8" value="8"><label for="item-other-8">Two-handed item</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-26" value="26"><label for="item-other-26">Book</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-29" value="29"><label for="item-other-29">Instrument</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-31" value="31"><label for="item-other-31">Flag</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-34" value="34"><label for="item-other-34">Toy</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-37" value="37"><label for="item-other-37">Balloons/party</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-39" value="39"><label for="item-other-39">Tools</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-44" value="44"><label for="item-other-44">Food</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-48" value="48"><label for="item-other-48">Plushie</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-55" value="55"><label for="item-other-55">Vehicle</label></div></div><div class="tag-category-header">Make-Up</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-61" value="61"><label for="item-other-61">Hair</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-14" value="14"><label for="item-other-14">Tattoo</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-32" value="32"><label for="item-other-32">Nailpolish</label></div></div><div class="tag-category-header">Nature</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-1" value="1"><label for="item-other-1">Animal</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-2" value="2"><label for="item-other-2">Dog</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-3" value="3"><label for="item-other-3">Cat</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-23" value="23"><label for="item-other-23">Nature</label></div></div><div class="tag-category-header">Front/back</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-4" value="4"><label for="item-other-4">Background item</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-49" value="49"><label for="item-other-49">Foreground item</label></div></div><div class="tag-category-header">Placement/location</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-5" value="5"><label for="item-other-5">Right hand</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-6" value="6"><label for="item-other-6">Left hand</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-13" value="13"><label for="item-other-13">Ground</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-16" value="16"><label for="item-other-16">Neck</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-25" value="25"><label for="item-other-25">Body</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-43" value="43"><label for="item-other-43">Face</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-45" value="45"><label for="item-other-45">Right leg</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-46" value="46"><label for="item-other-46">Left leg</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-47" value="47"><label for="item-other-47">Both legs</label></div></div><div class="tag-category-header">Accessories</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-7" value="7"><label for="item-other-7">Belt/Harness</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-10" value="10"><label for="item-other-10">Wings</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-15" value="15"><label for="item-other-15">Piercings</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-24" value="24"><label for="item-other-24">Suspenders</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-33" value="33"><label for="item-other-33">Jewellery</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-35" value="35"><label for="item-other-35">Pin</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-36" value="36"><label for="item-other-36">Mask</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-38" value="38"><label for="item-other-38">Tails</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-40" value="40"><label for="item-other-40">Bows/Ribbons</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-50" value="50"><label for="item-other-50">Leg warmers</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-54" value="54"><label for="item-other-54">Fan</label></div></div><div class="tag-category-header">Reference</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-9" value="9"><label for="item-other-9">Reference</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-56" value="56"><label for="item-other-56">Accessibility</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-64" value="64"><label for="item-other-64">Plus size</label></div></div><div class="tag-category-header">Chinchilla</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-other-57" value="57"><label for="item-other-57">Chinchilla</label></div></div></div><div id="backgrounds" class="placeholder-section" style="display: none;"><div class="tag-category-header">Placement</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-9" value="9"><label for="item-backgrounds-9">Full background</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-10" value="10"><label for="item-backgrounds-10">Floating</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-11" value="11"><label for="item-backgrounds-11">Ground</label></div></div><div class="tag-category-header">Type</div><div class="tag-category-container"><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-6" value="6"><label for="item-backgrounds-6">Accessories</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-4" value="4"><label for="item-backgrounds-4">Animals</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-7" value="7"><label for="item-backgrounds-7">Clothing</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-5" value="5"><label for="item-backgrounds-5">Decoration</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-2" value="2"><label for="item-backgrounds-2">Indoors</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-8" value="8"><label for="item-backgrounds-8">Lights/Aura</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-1" value="1"><label for="item-backgrounds-1">Outdoors</label></div><div class="checkbox-container"><input type="checkbox" class="vibe-checkbox" id="item-backgrounds-3" value="3"><label for="item-backgrounds-3">Wings</label></div></div></div>

        </div>

        <div class="filterbuttoncontainer">
            <button class="savebutton" onclick="applyFilters()">Apply</button>
            <button class="purplebutton" onclick="resetFilters()">Reset</button>
        </div>
    </div>

    <button class="sidebar-toggle closed"></button>

    <div class='table-container content-normal'><div class='page-content-wrapper'><div class='ad-sidebar ad-sidebar-left'><div class='ad-wrapper'><div class='ad-header'><div class='ad-title'>Advertisement</div><a href='https://gosuper.tools/news.php?id=45' class='ad-info-button' target='_blank'><i class='bi bi-info-circle'></i></a></div><ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-8337592855206537' data-ad-slot='3800216968' data-ad-format='auto' data-full-width-responsive='true'></ins><script>try {(adsbygoogle = window.adsbygoogle || []).push({});} catch (err) {console.log('AdSense failed to load:', err);const adElement = document.currentScript.previousElementSibling;adElement.style.display = 'none';adElement.parentNode.innerHTML += '<div style="display: flex; justify-content: center; align-items: center; height: calc(100% - 60px); opacity: 0.3;"><i class="bi bi-badge-ad" style="font-size: 48px; color: var(--gst-text-777);"></i></div>';}</script></div></div><div class='column-container2'><a href="/help/help.php?id=4"><div id="questionIcon">Help</div></a><div class="header-text"><h2>Item Database</h2></div><button class='filter-button'>Filter</button><button class='toTop-button' id='backToTopButton'>Top</button><div class='column-container'><div class='debug-count'><span>Items found:</span> 914<br><form method="GET" id="dressupForm">
            <input type="checkbox" id="dressupCheckbox" name="dressup" value="true" >
            <label for="dressupCheckbox">Create look</label>
        </form></div><div class='column-bild-wrapper'><div class='column-bild'><div class='color-box-container'><div class='color-box' style='background-color: #d0b58e;' data-uiid='cbRcYHzBSntk4MN5WQ1bD' data-backuiid=''></div><div class='color-box' style='background-color: #8ca1d2;' data-uiid='pzPQwBBaa5bbLKQi7Pu1P' data-backuiid=''></div><div class='color-box' style='background-color: #bd90d4;' data-uiid='zTRdMVXF5UPMSxZbGchRg' data-backuiid=''></div><div class='color-box' style='background-color: #79c1a5;' data-uiid='aVaPqoVwR2DcQUU9mXPsX' data-backuiid=''></div><div class='color-box' style='background-color: #c0c0c0;' data-uiid='ajKHLRH9ZCvFtymRutDIF' data-backuiid=''></div></div><div class='mannequin-container'><a href='/item/cbRcYHzBSntk4MN5WQ1bD'><div class='mannequin quality-2'><div class='mannequin-image'></div><div class='generated-image' style='background-image: url("https://gosupermodel.com/item/cbRcYHzBSntk4MN5WQ1bD"); 
                         left: 87px; top: 129px; 
                         width: 51px; height: 60px;'></div></div></a></div><button class='image-button' onclick="window.open('https://gosupermodel.com/shopping/inventory.jsp?context=0&uiids=cbRcYHzBSntk4MN5WQ1bD', '_blank')">
                              <span class='invert-image'></span><i class="bi bi-box-arrow-up-right" style="font-size: 14px; font-weight: bold; margin-right: 8px; vertical-align: middle;"></i>Try on!</button></div><div class='column-bild'><div class='color-box-container'><div class='color-box' style='background-color: #008080;' data-uiid='Mnuz34-djD1ymV0SQ4fQS' data-backuiid=''></div><div class='color-box' style='background-color: #800000;' data-uiid='S7IsuoznGOmuIOiGea9dX' data-backuiid=''></div><div class='color-box' style='background-color: #808000;' data-uiid='gznXACDLSZ6TqW9ArdZnQ' data-backuiid=''></div><div class='color-box' style='background-color: #b8a2da;' data-uiid='SJmVUM7vMogBkZWxVNQlP' data-backuiid=''></div><div class='color-box' style='background-color: #800080;' data-uiid='4wd6L6TlkCOKZajFvAREA' data-backuiid=''></div><div class='color-box' style='background-color: #008000;' data-uiid='WMP373EnmZHYib1CzwW0p' data-backuiid=''></div></div><div class='mannequin-container'><a href='/item/Mnuz34-djD1ymV0SQ4fQS'><div class='mannequin quality-2'><div class='mannequin-image'></div><div class='generated-image' style='background-image: url("https://gosupermodel.com/item/Mnuz34-djD1ymV0SQ4fQS"); 
                         left: 20px; top: 243px; 
                         width: 93px; height: 33px;'></div></div></a></div><button class='image-button' onclick="window.open('https://gosupermodel.com/shopping/inventory.jsp?context=0&uiids=Mnuz34-djD1ymV0SQ4fQS', '_blank')">
                              <span class='invert-image'></span><i class="bi bi-box-arrow-up-right" style="font-size: 14px; font-weight: bold; margin-right: 8px; vertical-align: middle;"></i>Try on!</button></div></div><div class='pagination-box'><a class='pagination-link first-link' href='/list/?page=1&pr=299&q=0%2C1%2C2%2C3'>
                  <i class='bi bi-chevron-double-left' style='font-size: 20px; font-weight: bold; color: white;'></i>
                  </a><a class='pagination-link prev-link' href='/list/?page=6&pr=299&q=0%2C1%2C2%2C3'><i class='bi bi-chevron-left' style='font-size: 20px; font-weight: bold; color: white;'></i></a><div class='pagination-current-page'>7/7</div></div></div></div><div class='ad-sidebar ad-sidebar-right'><div class='ad-wrapper'><div class='ad-header'><div class='ad-title'>Advertisement</div><a href='https://gosuper.tools/news.php?id=45' class='ad-info-button' target='_blank'><i class='bi bi-info-circle'></i></a></div><ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-8337592855206537' data-ad-slot='3800216968' data-ad-format='auto' data-full-width-responsive='true'></ins><script>try {(adsbygoogle = window.adsbygoogle || []).push({});} catch (err) {console.log('AdSense failed to load:', err);const adElement = document.currentScript.previousElementSibling;adElement.style.display = 'none';adElement.parentNode.innerHTML += '<div style="display: flex; justify-content: center; align-items: center; height: calc(100% - 60px); opacity: 0.3;"><i class="bi bi-badge-ad" style="font-size: 48px; color: var(--gst-text-777);"></i></div>';}</script></div></div></div></div>
</body>
<script>
    const dressupCheckbox = document.getElementById("dressupCheckbox");
    if (dressupCheckbox) {
        dressupCheckbox.addEventListener("change", function() {
            const form = document.getElementById("dressupForm");
            if (this.checked) {
                const url = new URL(window.location.href);
                url.searchParams.set("dressup", "true");
                window.location.href = url.href;
            } else {
                const url = new URL(window.location.href);
                url.searchParams.delete("dressup");
                window.location.href = url.href;
            }
        });
    }

document.addEventListener('DOMContentLoaded', function() {
    if (typeof tippy !== 'undefined') {
        tippy('.us-icon[data-tippy-content]', {
            placement: 'top',
            arrow: true
        });
    }
});

function createDressupContainer() {
    const urlParams = new URLSearchParams(window.location.search);
    if (!urlParams.has('dressup') || urlParams.get('dressup') !== 'true') {
        return;
    }

    const columnBildWrapperStyles = `
        gap: 20px;
        justify-content: end;
        padding-bottom: 20px;
        padding-top: 34px;
        display: flex;
        flex-wrap: wrap;
        width: 690px;
        margin-left: 267px;
        margin-top: -456px;
    `;

    const styleElement = document.createElement('style');
    styleElement.textContent = `.column-bild-wrapper { ${columnBildWrapperStyles} }`;
    document.head.appendChild(styleElement);

    const dressup = JSON.parse(localStorage.getItem('dressup')) || {};

    const existingWrapper = document.querySelector('.dressup-wrapper');
    if (existingWrapper) {
        var scrollPosition = document.querySelector('.uiid-wrapper').scrollTop;
        existingWrapper.remove();
    }

    const wrapper = document.createElement('div');
    wrapper.classList.add('dressup-wrapper');
    wrapper.id = 'dressup-wrapper';

    const container = document.createElement('div');
    container.classList.add('dressup-container');
    container.id = 'dressup-container';

    for (const uiid in dressup) {
        if (dressup.hasOwnProperty(uiid)) {
            dressup[uiid].forEach(item => {
                const { positionX, positionY, positionW, positionH, backuiid, positionBackX, positionBackY, positionBackW, positionBackH } = item;

                const div = document.createElement('div');
                div.classList.add('dressup-item');
                div.dataset.uiid = uiid;
                div.style.position = 'absolute';

                const img = document.createElement('img');
                img.src = `https://gosupermodel.com/item/${uiid}`;
                img.style.position = 'absolute';
                img.style.left = `${positionX}px`;
                img.style.top = `${positionY}px`;
                img.style.width = `${positionW}px`;
                img.style.height = `${positionH}px`;

                div.appendChild(img);
                container.appendChild(div);

                if (backuiid) {
                    const backImageLink = `https://gosupermodel.com/item/${backuiid}`;
                    const backDiv = document.createElement('div');
                    backDiv.classList.add('dressup-back-item');
                    backDiv.style.position = 'absolute';
                    backDiv.style.zIndex = '-1';

                    const backImg = document.createElement('img');
                    backImg.src = backImageLink + '?back';
                    backImg.style.position = 'absolute';
                    backImg.style.left = `${positionBackX}px`;
                    backImg.style.top = `${positionBackY}px`;
                    backImg.style.width = `${positionBackW}px`;
                    backImg.style.height = `${positionBackH}px`;

                    backDiv.appendChild(backImg);
                    container.appendChild(backDiv);
                }
            });
        }
    }

    wrapper.appendChild(container);

    const columnContainer = document.querySelector('.column-container');
    if (columnContainer) {
        columnContainer.insertBefore(wrapper, columnContainer.firstChild);
    } else {
        console.error('column-container not found.');
    }

    const mannequinDiv = document.createElement('div');
    mannequinDiv.classList.add('dressup-mannequin');
    container.appendChild(mannequinDiv);

    let gsm_url = '';

    function createGsmURL() {
        let url = 'https://gosupermodel.com/shopping/inventory.jsp?context=0&uiids=';
        const uiidList = [];
        for (const uiid in dressup) {
            if (dressup.hasOwnProperty(uiid)) {
                dressup[uiid].forEach(item => {
                    const uiidToAdd = item.backuiid ? item.backuiid : uiid;
                    uiidList.push(uiidToAdd);
                });
            }
        }
        url += uiidList.join(',');
        return url;
    }

    const viewOnGSMButton = document.createElement('button');
    viewOnGSMButton.textContent = 'View on GSM';
    viewOnGSMButton.classList.add('view-on-gsm-button');
    viewOnGSMButton.addEventListener('click', function() {
        gsm_url = createGsmURL();
        window.open(gsm_url, '_blank');
    });

    wrapper.appendChild(viewOnGSMButton);

    
function updateLocalStorage() {
    fetch('../api/list/getlook.php')
        .then(response => {
            if (response.ok) {
                return response.json();
            } else {
                throw new Error('Network response was not ok.');
            }
        })
        .then(data => {

            if (data.success) {
                let formattedData = {};

                if (data.results && typeof data.results === 'object') {
                    for (const [itemID, entries] of Object.entries(data.results)) {
                        formattedData[itemID] = entries.map(entry => ({
                            backuiid: entry.backuiid || '',
                            positionX: parseInt(entry.positionX) || 0,
                            positionY: parseInt(entry.positionY) || 0,
                            positionW: parseInt(entry.positionW) || 0,
                            positionH: parseInt(entry.positionH) || 0,
                            positionBackX: parseInt(entry.positionBackX) || 0,
                            positionBackY: parseInt(entry.positionBackY) || 0,
                            positionBackW: parseInt(entry.positionBackW) || 0,
                            positionBackH: parseInt(entry.positionBackH) || 0
                        }));
                    }

                    localStorage.setItem('dressup', JSON.stringify(formattedData));

                    location.reload();
                } else {
                    console.error('Data.results is not an object or is missing:', data.results);
                }
            } else {
                console.error('Failed to get look data:', data.message);
            }
        })
        .catch(error => console.error('Error fetching data:', error));
}
        
    const saveButton = document.createElement('button');
saveButton.textContent = 'Publish';
saveButton.classList.add('save-button21');
saveButton.addEventListener('click', function() {
        Swal.fire({
        icon: 'warning',
        title: 'Login Required',
        text: 'You need to be logged in to save looks!',
        showConfirmButton: true
    });
    return;
        
    if (!gsm_url) {
        gsm_url = createGsmURL();
    }
    let totalUIIDs = 0;
    for (const uiid in dressup) {
        if (dressup.hasOwnProperty(uiid)) {
            totalUIIDs += dressup[uiid].length;
        }
    }

    if (totalUIIDs >= 150) {
        Swal.fire({
            icon: 'error',
            title: 'Max 150 Items allowed',
            text: 'You cannot save more than 150 Items!',
        });
        return;
    }

    let htmlContent = '<input id="swal-input-title" class="swal2-input" placeholder="Title" maxlength="60">';
let titleText = 'Enter Title';


    htmlContent += '<input id="swal-input-modelname" class="swal2-input" placeholder="Model Name" maxlength="20">';
    titleText = 'Enter Title and Model Name';

htmlContent += `
    <div style="margin-top: 10px;">
        <label for="vibe1">Vibe Tag 1:</label>
        <select id="vibe1" class="swal2-select">
            <option value="">Select Vibe</option>
            <option value="Activities">Activities</option><option value="Alternative">Alternative</option><option value="Bohemian">Bohemian</option><option value="Casual">Casual</option><option value="Chic">Chic</option><option value="Cultural">Cultural</option><option value="Eccentric">Eccentric</option><option value="Fantasy">Fantasy</option><option value="Goth">Goth</option><option value="Historic">Historic</option><option value="Holiday">Holiday</option><option value="Inclusivity">Inclusivity</option><option value="Masculine">Masculine</option><option value="Sci-fi">Sci-fi</option><option value="Sexy">Sexy</option><option value="Summer">Summer</option><option value="Sweet">Sweet</option><option value="Urban">Urban</option><option value="Wacky">Wacky</option><option value="Winter">Winter</option>        </select>
    </div>
    <div style="margin-top: 10px;">
        <label for="vibe2">Vibe Tag 2:</label>
        <select id="vibe2" class="swal2-select">
            <option value="">Select Vibe</option>
            <option value="Activities">Activities</option><option value="Alternative">Alternative</option><option value="Bohemian">Bohemian</option><option value="Casual">Casual</option><option value="Chic">Chic</option><option value="Cultural">Cultural</option><option value="Eccentric">Eccentric</option><option value="Fantasy">Fantasy</option><option value="Goth">Goth</option><option value="Historic">Historic</option><option value="Holiday">Holiday</option><option value="Inclusivity">Inclusivity</option><option value="Masculine">Masculine</option><option value="Sci-fi">Sci-fi</option><option value="Sexy">Sexy</option><option value="Summer">Summer</option><option value="Sweet">Sweet</option><option value="Urban">Urban</option><option value="Wacky">Wacky</option><option value="Winter">Winter</option>        </select>
    </div>
`;

Swal.fire({
    title: titleText,
    html: htmlContent,
    focusConfirm: false,
    showCancelButton: true,
    confirmButtonText: 'Save',
    cancelButtonText: 'Cancel',
    preConfirm: () => {
        const title = document.getElementById('swal-input-title').value;
                    const modelName = document.getElementById('swal-input-modelname').value;
        
        const vibe1 = document.getElementById('vibe1').value;
        const vibe2 = document.getElementById('vibe2').value;

        if (!title  || !modelName) {
            Swal.showValidationMessage('Title  and Model Name are required');
            return false;
        }

        if (vibe1 && vibe2 && vibe1 === vibe2) {
            Swal.showValidationMessage('Vibe Tags must be different.');
            return false;
        }

        return { title, modelName, vibe1, vibe2, gsm_url };
    }

}).then(result => {
    if (result.isConfirmed) {
        const { title, modelName, vibe1, vibe2, gsm_url } = result.value;
        const container = document.getElementById('dressup-container');
        const htmlContent = container.innerHTML;

        const formData = new FormData();
        formData.append('title', title);
        formData.append('modelName', modelName);
        formData.append('vibe1', vibe1);
        formData.append('vibe2', vibe2);
        formData.append('htmlContent', htmlContent);
        formData.append('gsm_url', gsm_url);

        fetch('../api/list/savelook.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            if (data.error) {
                throw new Error(data.error);
            }
            Swal.fire({
                icon: 'success',
                title: 'Look Saved Successfully!',
                text: 'Your look has been saved.',
                showConfirmButton: true
            });
        })
        .catch(error => {
            console.error('Error saving look:', error);
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: error.message || 'Failed to save look. Please try again later.',
            });
        });
    }
});
});

const removeAllButton = document.createElement('button');
    removeAllButton.textContent = 'Remove All';
    removeAllButton.classList.add('remove-all-button');
    removeAllButton.addEventListener('click', function() {
        localStorage.removeItem('dressup');
        createDressupContainer();
    });
    wrapper.appendChild(removeAllButton);
    wrapper.appendChild(saveButton);

    const upButtonDressup = document.createElement('button');
    upButtonDressup.classList.add('up-button-dressup');
    upButtonDressup.addEventListener('click', function() {
        const selectedItemWrapper = document.querySelector('.item-wrapper.active');
        if (selectedItemWrapper) {
            const uiidToMove = selectedItemWrapper.dataset.uiid;

            const keys = Object.keys(dressup);
            const currentIndex = keys.indexOf(uiidToMove);
            if (currentIndex > 0) {
                const newIndex = currentIndex - 1;
                keys.splice(currentIndex, 1);
                keys.splice(newIndex, 0, uiidToMove);

                const newDressup = {};
                keys.forEach(key => {
                    newDressup[key] = dressup[key];
                });
                localStorage.setItem('dressup', JSON.stringify(newDressup));
                createDressupContainer();
            }
        }
    });

    const downButtonDressup = document.createElement('button');
    downButtonDressup.classList.add('down-button-dressup');
    downButtonDressup.addEventListener('click', function() {
        const selectedItemWrapper = document.querySelector('.item-wrapper.active');
        if (selectedItemWrapper) {
            const uiidToMove = selectedItemWrapper.dataset.uiid;

            const keys = Object.keys(dressup);
            const currentIndex = keys.indexOf(uiidToMove);
            if (currentIndex < keys.length - 1) {
                const newIndex = currentIndex + 1;
                keys.splice(currentIndex, 1);
                keys.splice(newIndex, 0, uiidToMove);

                const newDressup = {};
                keys.forEach(key => {
                    newDressup[key] = dressup[key];
                });
                localStorage.setItem('dressup', JSON.stringify(newDressup));
                createDressupContainer();
            }
        }
    });

    wrapper.appendChild(upButtonDressup);
    wrapper.appendChild(downButtonDressup);

    const uiidWrapper = document.createElement('div');
    uiidWrapper.classList.add('uiid-wrapper');

    for (const uiid in dressup) {
        if (dressup.hasOwnProperty(uiid)) {
            dressup[uiid].forEach((item, index) => {
                const imageLink = `https://gosupermodel.com/item/${uiid}`;
                const imgDiv = document.createElement('div');
                imgDiv.classList.add('uiid-item');
                imgDiv.dataset.uiid = uiid;

                const img = document.createElement('img');
                img.src = imageLink;
                img.style.maxHeight = '55px';
                img.style.maxWidth = '55px';
                img.style.margin = '4px';

                const itemWrapper = document.createElement('div');
                itemWrapper.classList.add('item-wrapper');
                itemWrapper.dataset.uiid = uiid;

                const selectedUIID = localStorage.getItem('selectedUIID');
                if (selectedUIID === uiid) {
                    itemWrapper.classList.add('active');
                }

                itemWrapper.addEventListener('click', function() {
                    if (itemWrapper.classList.contains('active')) {
                        itemWrapper.classList.remove('active');
                        localStorage.removeItem('selectedUIID');
                    } else {
                        const allItemWrappers = document.querySelectorAll('.item-wrapper');
                        allItemWrappers.forEach(wrapper => {
                            wrapper.classList.remove('active');
                        });

                        itemWrapper.classList.add('active');

                        localStorage.setItem('selectedUIID', uiid);
                    }
                });

                const removeButton = document.createElement('button');
                removeButton.textContent = 'X';
                removeButton.classList.add('remove-button');

                removeButton.addEventListener('click', function(event) {
                    event.stopPropagation();
                    dressup[uiid].splice(index, 1);
                    if (dressup[uiid].length === 0) {
                        delete dressup[uiid];
                    }
                    localStorage.setItem('dressup', JSON.stringify(dressup));
                    createDressupContainer();
                });

                const upButton = document.createElement('button');
                upButton.classList.add('up-button');

                upButton.addEventListener('click', function(event) {
                    event.stopPropagation();
                    const keys = Object.keys(dressup);
                    const currentIndex = keys.indexOf(uiid);
                    if (currentIndex > 0) {
                        const newIndex = currentIndex - 1;
                        keys.splice(currentIndex, 1);
                        keys.splice(newIndex, 0, uiid);

                        const newDressup = {};
                        keys.forEach(key => {
                            newDressup[key] = dressup[key];
                        });
                        localStorage.setItem('dressup', JSON.stringify(newDressup));
                        createDressupContainer();
                    }
                });

                const downButton = document.createElement('button');
                downButton.classList.add('down-button');

                downButton.addEventListener('click', function(event) {
                    event.stopPropagation();
                    const keys = Object.keys(dressup);
                    const currentIndex = keys.indexOf(uiid);
                    if (currentIndex < keys.length - 1) {
                        const newIndex = currentIndex + 1;
                        keys.splice(currentIndex, 1);
                        keys.splice(newIndex, 0, uiid);

                        const newDressup = {};
                        keys.forEach(key => {
                            newDressup[key] = dressup[key];
                        });
                        localStorage.setItem('dressup', JSON.stringify(newDressup));
                        createDressupContainer();
                    }
                });

                imgDiv.appendChild(img);
                itemWrapper.appendChild(imgDiv);
                itemWrapper.appendChild(removeButton);
                itemWrapper.appendChild(upButton);
                itemWrapper.appendChild(downButton);

                uiidWrapper.insertBefore(itemWrapper, uiidWrapper.firstChild);
            });
        }
    }

    wrapper.appendChild(uiidWrapper);
    const columnContainer2 = document.querySelector('.column-container');
    if (columnContainer2) {
        columnContainer2.insertBefore(wrapper, columnContainer2.firstChild);
        if (existingWrapper) {
            document.querySelector('.uiid-wrapper').scrollTop = scrollPosition;
        }
    } else {
        console.error('column-container2 not found.');
    }
    
    document.querySelectorAll('.uiid-item').forEach(item => {
        item.addEventListener('mouseover', function(event) {
            const uiid = this.dataset.uiid;
            const isDarkMode = document.documentElement.classList.contains('dark-mode');
            const shadowColor = isDarkMode ? 'white' : 'black';
    
            const image = this.querySelector('img');
            if (image) {
                image.style.filter = `drop-shadow(0 0 4px ${shadowColor})`;
                image.style.transition = 'filter 0.3s';
            }
    
            const dressupItem = document.querySelector(`.dressup-item[data-uiid="${uiid}"] img`);
            if (dressupItem) {
                dressupItem.style.filter = `drop-shadow(0 0 4px ${shadowColor})`;
                dressupItem.style.transition = 'filter 0.3s';
            }
        });
    
        item.addEventListener('mouseout', function(event) {
            const uiid = this.dataset.uiid;
            const isDarkMode = document.documentElement.classList.contains('dark-mode');
            const shadowColor = isDarkMode ? 'white' : 'black';
    
            const image = this.querySelector('img');
            if (image) {
                image.style.transition = 'filter 0.3s';
                image.style.filter = `drop-shadow(0 0 0px ${shadowColor})`;
            }
    
            const dressupItem = document.querySelector(`.dressup-item[data-uiid="${uiid}"] img`);
            if (dressupItem) {
                dressupItem.style.transition = 'filter 0.3s';
                dressupItem.style.filter = `drop-shadow(0 0 0px ${shadowColor})`;
            }
        });
    });
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.main-category-header').forEach(function(header) {
        header.addEventListener('click', function() {
            const categoryId = this.getAttribute('data-category-id');
            const subcontainer = document.querySelector(`.subcategory-container[data-parent="${categoryId}"]`);
            const expander = this.querySelector('.expander');
            
            if (subcontainer) {
                const isVisible = subcontainer.style.display !== 'none';
                subcontainer.style.display = isVisible ? 'none' : 'block';
                
                if (expander) {
                    if (isVisible) {
                        expander.textContent = '▸';
                        expander.classList.remove('expanded');
                    } else {
                        expander.textContent = '▾';
                        expander.classList.add('expanded');
                    }
                }
            }
        });
    });

    const filterSearch = document.getElementById('filter-search');
    if (filterSearch) {
        filterSearch.addEventListener('input', function() {
            const searchTerm = this.value.toLowerCase().trim();
            searchFilters(searchTerm);
        });
        
        filterSearch.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                this.value = '';
                resetFilterSearch();
            }
        });
    }

    function searchFilters(searchTerm) {
        const filterContainers = document.querySelectorAll('#container1 .filter-container');
        
        if (!searchTerm) {
            resetFilterSearch();
            return;
        }
        
        let totalMatches = 0;
        
        filterContainers.forEach(container => {
            if (container.querySelector('#filter-search')) {
                return;
            }
            
            const containerLabel = container.querySelector('label');
            if (containerLabel && (
                (containerLabel.getAttribute('for') === 'sort-filter') || 
                (containerLabel.getAttribute('for') === 'color-filter'))) {
                return;
            }
            
            const filterItems = container.querySelectorAll('.filter-item, label[for^="quality-"], label[for^="design-"], label[for^="layer-"], label[for^="type-"], .subcategory-label, .main-category-label, label[for^="era-"], label[for="shop-items"]');
            let hasVisibleItems = false;
            
            filterItems.forEach(item => {
                const filterText = item.getAttribute('data-filter-text') || 
                                  item.textContent.toLowerCase() || '';
                const isMatch = filterText.includes(searchTerm);
                
                if (isMatch) {
                    item.style.display = '';
                    item.classList.add('highlight');
                    hasVisibleItems = true;
                    totalMatches++;
                    
                    if (item.classList.contains('subcategory-label')) {
                        const parentContainer = item.closest('.subcategory-container');
                        if (parentContainer) {
                            const parentId = parentContainer.dataset.parent;
                            const header = document.querySelector(`.main-category-header[data-category-id="${parentId}"]`);
                            
                            if (header) {
                                parentContainer.style.display = 'block';
                                
                                const expander = header.querySelector('.expander');
                                if (expander) {
                                    expander.textContent = '▾';
                                    expander.classList.add('expanded');
                                }
                                
                                header.classList.add('highlight');
                            }
                        }
                    }
                    
                    const nextBr = item.nextElementSibling;
                    if (nextBr && nextBr.tagName === 'BR') {
                        nextBr.style.display = '';
                    }
                } else {
                    item.style.display = 'none';
                    item.classList.remove('highlight');
                    
                    const nextBr = item.nextElementSibling;
                    if (nextBr && nextBr.tagName === 'BR') {
                        nextBr.style.display = 'none';
                    }
                }
            });
            
            if (!hasVisibleItems) {
                container.classList.add('no-results');
            } else {
                container.classList.remove('no-results');
                
                const containerLabel = container.querySelector('label');
                if (containerLabel) {
                    containerLabel.style.display = '';
                }
            }
        });
    }
    
    function resetFilterSearch() {
        const filterItems = document.querySelectorAll('.filter-item, label[for^="quality-"], label[for^="design-"], label[for^="layer-"], label[for^="type-"], .subcategory-label, .main-category-label, label[for^="era-"], label[for="shop-items"]');
        const filterContainers = document.querySelectorAll('.filter-container');
        const wrappers = document.querySelectorAll('.wrapp');
        const categoryHeaders = document.querySelectorAll('.main-category-header');
        
        filterItems.forEach(item => {
            item.style.display = '';
            item.classList.remove('highlight');
            
            const nextBr = item.nextElementSibling;
            if (nextBr && nextBr.tagName === 'BR') {
                nextBr.style.display = '';
            }
        });
        
        filterContainers.forEach(container => {
            container.classList.remove('no-results');
        });
        
        document.querySelectorAll('.subcategory-container').forEach(container => {
            container.style.display = 'none';
        });
        
        document.querySelectorAll('.expander').forEach(expander => {
            expander.textContent = '▸';
            expander.classList.remove('expanded');
        });
    }

    initColorSelectWithCircles();
    
    initSortIcons();
});

function initColorSelectWithCircles() {
    const colorSelect = document.getElementById('color-filter');
    if (!colorSelect) return;
    
    const colorMap = {
        'none': 'transparent',
        'black': '#000000',
        'white': '#ffffff',
        'grey': '#808080',
        'pink': '#ffc0cb',
        'brown': '#8b4513',
        'red': '#ff0000',
        'orange': '#ffa500',
        'yellow': '#ffff00',
        'green': '#008000',
        'blue': '#0000ff',
        'purple': '#800080',
        'beige': '#f5f5dc'
    };
    
    colorSelect.addEventListener('focus', function() {
        document.querySelectorAll('#color-filter option').forEach(function(option) {
            const value = option.value;
            if (value !== 'none' && !option.classList.contains('color-processed')) {
                option.classList.add('color-processed', 'color-option-with-circle');
            }
        });
    });
    
    const selectedColorIndicator = document.createElement('span');
    selectedColorIndicator.className = 'color-circle selected-color-indicator';
    selectedColorIndicator.style.display = 'inline-block';
    selectedColorIndicator.style.position = 'absolute';
    selectedColorIndicator.style.left = '10px';
    selectedColorIndicator.style.top = '50%';
    selectedColorIndicator.style.transform = 'translateY(-50%)';
    selectedColorIndicator.style.backgroundColor = 'transparent';
    
    const colorSelectWrapper = colorSelect.closest('.color-select-wrapper');
    if (colorSelectWrapper) {
        colorSelectWrapper.style.position = 'relative';
        colorSelectWrapper.insertBefore(selectedColorIndicator, colorSelect);
        
        colorSelect.style.paddingLeft = '30px';
    }
    
    colorSelect.addEventListener('change', function() {
        const selectedValue = this.value;
        const colorCode = colorMap[selectedValue] || 'transparent';
        selectedColorIndicator.style.backgroundColor = colorCode;
        selectedColorIndicator.style.display = selectedValue === 'none' ? 'none' : 'inline-block';
        
        localStorage.setItem('selectedColorFilter', selectedValue);
    });
    
    const initialValue = colorSelect.value;
    if (initialValue !== 'none') {
        selectedColorIndicator.style.backgroundColor = colorMap[initialValue] || 'transparent';
    } else {
        selectedColorIndicator.style.display = 'none';
    }
}

function initSortIcons() {
    const sortSelect = document.getElementById('sort-filter');
    if (!sortSelect) return;
    
    sortSelect.addEventListener('change', function() {
        updateSortIcon(this.value);
    });
    
    updateSortIcon(sortSelect.value);
}

function updateSortIcon(value) {
    const sortIcon = document.querySelector('.sort-icon svg');
    if (!sortIcon) return;
    
    switch(value) {
        case 'new':
            sortIcon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>`;
            break;
        case 'old':
            sortIcon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487h-80Z"/></svg>`;
            break;
        case 'cheap':
            sortIcon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M441-120v-86q-53-12-91.5-46T293-348l74-30q15 48 44.5 73t77.5 25q41 0 69.5-18.5T587-356q0-35-22-55.5T463-458q-86-27-118-64.5T313-614q0-65 42-101t86-41v-84h80v84q50 8 82.5 36.5T651-650l-74 32q-12-32-34-48t-60-16q-44 0-67 19.5T393-614q0 33 30 52t104 40q69 20 104.5 63.5T667-358q0 71-42 108t-104 46v84h-80Z"/></svg>`;
            break;
        case 'expensive':
            sortIcon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M441-120v-86q-53-12-91.5-46T293-348l74-30q15 48 44.5 73t77.5 25q41 0 69.5-18.5T587-356q0-35-22-55.5T463-458q-86-27-118-64.5T313-614q0-65 42-101t86-41v-84h80v84q50 8 82.5 36.5T651-650l-74 32q-12-32-34-48t-60-16q-44 0-67 19.5T393-614q0 33 30 52t104 40q69 20 104.5 63.5T667-358q0 71-42 108t-104 46v84h-80Z"/></svg>`;
            break;
        case 'updated':
            sortIcon.innerHTML = `
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 6 12 12 16 14"></polyline>
            `;
            break;
        case 'popular':
            sortIcon.innerHTML = `
                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
            `;
            break;
        default:
            sortIcon.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487h-80Z"/></svg>`;
    }
}

(function() {
    const adSidebars = document.querySelectorAll('.ad-sidebar');
    const pageWrapper = document.querySelector('.page-content-wrapper');
    
    adSidebars.forEach(sidebar => {
        sidebar.classList.add('size-small');
    });
    
    if (pageWrapper) {
        pageWrapper.classList.add('size-small');
    }
})();


</script>
</html>