<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠴⠒⠒⠒⢒⡶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠁⠀⠀⠀⠀⠀⡾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠁⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠞⠁⠀⢀⣀⣀⣀⡀⠀⠀⢧⠀⠀⠀⠀⠀⡴⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣰⠿⠒⠋⠉⠉⠀⠀⠀⠈⠉⠓⠾⢄⣀⠀⠀⢠⡇⠸⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣩⠏⠉⠒⢒⣲⡤⠤⣀⣀⠀⠀⠀⠀⠀⠈⠑⢤⡘⡄⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀
⠀⠀⠀⠀⠀⢰⠾⣣⠴⠚⠉⠉⠀⠀⠀⠀⠀⠉⠓⠀⠀⠀⠀⠀⠀⠙⣧⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⣔⡿⡍⡇
⠀⠀⠀⠀⠀⢸⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠆⠀⠀⢳⡀⠀⠀⠀⠀⠀⣀⡤⠞⠋⣡⠞⠉⠀⣇⡇
⠀⠀⠀⠀⣴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡠⠴⠒⠛⠓⠚⠉⠉⠉⠁⠀⣴⡟⠁⠀⠀⠀⣿⠁
⠀⠀⠀⣼⣁⣠⡤⢴⠖⠒⠒⠦⠤⢴⣶⣢⠤⠤⠔⠚⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣞⡞⠀⠀⠀⠀⢰⢿⠀
⠀⠀⠀⠉⠉⢙⣦⠞⠀⡠⠞⠉⢉⡷⡄⠉⢙⡶⠃⠀⠀⠀⢀⣠⣦⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡎⡼⠀⠀⠀⠀⠀⡜⡞⠀
⠀⠀⠀⣤⡖⠛⠀⠀⡜⠁⠀⡴⢋⣀⣹⣠⠋⠀⠀⠀⠀⣰⣿⠿⠛⠛⠿⣿⣷⣄⡀⠀⠀⠀⠀⠀⡼⢰⠃⠀⠀⠀⠀⡼⢱⠃⠀
⠀⢀⣴⠛⠀⠀⠀⢼⠁⠀⣼⢁⣿⡬⣿⠃⠀⠀⠀⠀⠐⠋⠁⠀⠀⠀⠀⠀⠙⢿⣷⣄⠀⠀⠀⣸⢃⡏⠀⠀⠀⢀⡜⢡⠏⠀⠀
⠀⠸⡿⠀⠀⠀⠀⢻⡀⠀⠀⠀⠉⢠⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣿⠁⣀⡜⠁⡼⠀⠀⠀⡠⠋⣰⠋⠀⠀⠀
⠀⠀⣧⠀⠀⠀⠀⠈⢳⣀⣙⣦⡤⠋⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀⠀⠀⠀⠀⠀⢤⠀⣹⠌⢩⠏⢠⣇⣠⠴⠊⢀⡼⠁⠀⠀⠀⠀
⠀⠀⠘⡆⢀⡴⠖⠋⠉⠉⠀⠀⠀⠀⠀⠀⠀⠘⢧⣤⣾⣷⣿⣿⣿⣷⣦⡀⠀⢸⠀⠻⣾⠉⠀⠀⠀⠀⢀⣠⠋⠀⠀⠀⠀⠀⠀
⠀⠀⢠⡟⣥⠤⠦⠤⠤⢤⣀⣀⠀⠀⠀⠀⠀⠀⠀⠉⠁⠀⠀⠉⠛⠿⣿⣿⣄⣸⠀⠈⠻⣇⠀⢀⣀⠤⠟⠓⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠸⡆⢧⡀⠀⠀⠀⠀⠀⠈⠙⠲⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠁⠀⠀⠀⣸⡍⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢳⡄⠙⢦⡀⠀⠀⠀⣀⡤⠞⠁⠀⠀⠀⠀⢀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠙⢦⣀⣉⣷⡚⠉⠀⠀⠀⠀⠀⠀⠀⢀⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠼⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣦⣴⠚⢁⡾⠋⠉⠳⢤⣀⢀⣀⣀⣠⠔⠋⠀⠀⠀⠀⠀⠀⣀⣠⠤⠖⠋⠁⢀⣺⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢰⣷⡇⠀⡞⠀⠀⠀⠀⠀⡼⠋⠉⠁⠀⠀⣀⣀⠤⠴⠒⠊⠉⠉⠀⠀⠀⠀⠀⣼⣿⠻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⢯⡛⢦⡀⠀⠀⠀⢀⡾⠥⠤⠔⠒⠊⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⡆⣸⣹⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢠⡿⠀⢹⣶⣶⣖⡋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⡟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢀⡿⠿⠉⠉⠋⠀⠀⠉⠙⠶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡀⠹⢤⣀⣀⣀⣀⣀⡠⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⡰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠢⣄⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⣼⠇⠀⠀⠀⠀⠀⠙⠋⠩⠿⢿⣁⠀⠀⠀⠀⠀⠀
⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⡄⠀⠉⠑⠶⢤⣀⣀⣠⣴⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠿⣅⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠂⠀⠀⠀⠀⠀⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢦⠀⠀⠀⠀
⡅⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⠀⠀
⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠀
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/VregNkcL2jEutqv8XlRFr">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: 15px;
        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 - Light fantasy looks</title>
    <style>
    .header-container {
        text-align: center;
        width: 2000px;
        text-align: center;
    }

    .header-container h2 {
        font-size: 36px;
        font-weight: 700;
        margin: 0;
        padding: 20px;
    }

    .search-container2 {
        text-align: center;
        margin-bottom: 20px;
        width: 940px;
    }

    .search-box {
        padding: 10px;
        font-size: 16px;
        margin: 0 10px;
        width: 250px;
        border: none;
        border-radius: 25px;
    }

    .look {
        padding: 20px;
        width: 150px;
        border-radius: 10px;
        background-color: var(--gst-background-lightgray);
        border: 1px solid var(--gst-border-pink);
    }

    .look-title {
        color: var(--gst-text-pink);
        font-weight: 700;
        font-size: 14px;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .look-username {
        color: var(--gst-text-555);
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .look-username a {
        color: var(--gst-text-555);
    }

    .look-content {
        margin-top: 10px;
        height: 300px;
        position: relative;
        margin-bottom: 20px;
    }

    .look-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
        margin: auto;
    }

    .dressup-container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .dressup-item,
    .dressup-back-item,
    .dressup-mannequin {
        position: absolute;
    }

    .dressup-back-item {
        z-index: 0;
    }

    .dressup-mannequin {
        background-image: url('../static/images/mannequin.png');
        background-repeat: no-repeat;
        height: 300px;
        width: 140px;
        z-index: 1;
    }

    .dressup-item {
        z-index: 2;
    }

    .try-on-button {
        width: fit-content;
    }

    .remove-look-button {
        width: fit-content;
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        position: absolute;
        margin-top: -16px;
        margin-left: 143px;
    }

    .add-to-board-btn {
        width: fit-content;
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 16px;
        margin-bottom: 4px;
    }

    .buttonwrappr svg {
        width: 30px;
        height: auto;
    }

    .like-div {
        width: fit-content;
    }

    .div-wrapper {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        max-height: 0;
        overflow-y: auto;
        transition: max-height 0.3s ease;
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }

    .div-wrapper.open {
        max-height: 250px;
    }

    .img-wrapper {
        margin: 2px;
        background-color: #818181;
        padding: 5px;
        border-radius: 8px;
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .img-wrapper img {
        max-width: 100%;
        max-height: 100%;
    }

    .img-wrapper:hover {
        cursor: pointer;
        filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.8));
    }

    .dressup-item {
        transition: filter 0.3s ease;
    }

    .like-button img,
    .like2-button img {
        margin-right: 4px;

    }

    .like-button,
    .like2-button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        display: flex;
        align-items: center;
        font-size: 16px;
    }

    .buttonwrappr {
        background-color: var(--gst-background-white2);
        border-radius: 15px;
        display: flex;
        justify-content: space-evenly;
        padding: 5px 0 2px 0;
    }

    .dressup-item-count {
        font-size: 14px;
        color: var(--gst-text-555);
        cursor: pointer;
        text-decoration: underline;
        text-align: center;
        transition: transform 0.3s ease;
        padding: 6px;
    }

    .dressup-item-count svg {
        height: 17px;
        vertical-align: bottom;
        padding-right: 2px;
    }

    .like-button:hover {
        background-image: var(--gst-like-hover);
        background-repeat: no-repeat;
        background-size: 30px;
        height: auto;
    }
    .like-button span {
        color: var(--gst-body-fontcolor);
    }

    .pagination-info {
        background-color: var(--gst-background-pink-hover);
        color: #fff;
        border-radius: 7px;
        font-size: 17px;
        font-weight: 700;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        margin: 0 5px 0 5px;
    }

    .pagination a {
        margin: 0 5px 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--gst-background-pink-hover);
        border-radius: 7px;
        padding: 10px 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        height: 20px;
        width: 0px;
        transition: 0.2s;
    }

    .pagination a:hover {
        background-color: var(--gst-background-pink);
    }

    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
        width: 940px;
        margin-bottom: 15px;
    }

    .pagination img {
        filter: invert(100%);
        height: 24px;
        width: 24px;
    }

    #dropdown {
        background-color: var(--gst-background-pink);
        width: fit-content;
        border-radius: 25px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border: none;
        cursor: pointer;
        margin-right: 15px;
        padding: 6px 12px 6px 12px;
        transition: 0.2s;
    }

    #dropdown:hover {
        background-color: var(--gst-background-pink-hover);
    }

    .save-button2 {
        background-color: #5EBD73;
        width: 100px;
        height: 33px;
        border-radius: 15px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border: none;
        cursor: pointer;
        margin-right: 15px;
        transition: 0.2s;
    }

    .save-button2:hover {
        background-color: #88D098;
    }

    .add-look-button,
    .edit-board-button {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px;
        z-index: 2;
        background-color: var(--gst-background-pink);
        border-radius: 17px;
        padding: 9px;
        text-align: end;
        color: var(--gst-text-on-pink);
        font-weight: 500;
        padding-right: 15px;
        padding-left: 15px;
        margin: 10px;
        border: none;
        margin-right: 137px;
        cursor: pointer;
        transition: 0.2s;
    }

    .add-look-button:hover,
    .edit-board-button:hover {
        background-color: var(--gst-background-pink-hover);
    }

    .edit-board-button {
        margin-right: 10px;
        left: unset;
    }

    .board-container {
        width: 100%;
        padding: 20px;
        background-color: #F0F0F0;
        border-radius: 10px;
        margin-bottom: 30px;
        text-align: center;
    }

    .board {
        padding: 20px;
        margin: 10px 0;
        width: 300px;
        border-radius: 10px;
        background-color: var(--gst-background-lightgray);
        border: 1px solid var(--gst-border-pink);
    }

    .board-title {
        color: var(--gst-text-pink);
        font-weight: 700;
        font-size: 24px;
    }

    .board-desc {
        color: var(--gst-text-555);
        font-size: 16px;
        margin-top: 5px;
        font-weight: 400;
    }

    .board-owner {
        color: var(--gst-text-555);
        font-size: 14px;
        margin-top: 10px;
        font-weight: 600;
    }

    .board-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }

    .modelBox {
        border-radius: 50%;
        position: absolute;
        width: 92px;
        display: inline-block;
        height: 92px;
        overflow: hidden;
        margin-top: 16px;
        margin-left: 10px;
    }

    .modelBox img {
        width: 140px;
        margin-left: -5px;
        margin-top: -5px;
        transition: transform 0.3s ease;
    }

    .modelBox:hover img {
        transform: scale(1.1);
    }

    .board-info {
        margin-left: 15px;
        width: 500px;
        word-wrap: break-word;
    }

    .board-info h3 {
        color: var(--gst-text-pink);
        font-weight: 700;
        font-size: 22px;
        padding: 20px;
        margin: 0;
        padding-left: 30px;
    }

    .board-info p {
        color: var(--gst-text-555);
        font-weight: 700;
        font-size: 14px;
        margin-top: -8px;
        margin-left: 30px;
    }

    .shopdesc-info {
        padding: 15px 35px 15px 45px;
        font-family: "Poppins";
        width: 840px;
    }
    .private-profile-message {
  color: var(--gst-text-pink);
  font-weight: 500;
  position: absolute;
  margin-left: 20px;
}
.vibetag-item {
  font-size: 12px;
  background-color: var(--gst-background-pink);
  padding: 5px 10px;
  border-radius: 100px;
  transition: 0.3s;
  min-height: 15px;
  color: transparent;
  border: 0.69px solid var(--gst-border-white);
  width: fit-content;
  font-weight: bold;
  margin: 10px 0 auto;
  white-space: nowrap;
  overflow: hidden;
  max-width: 14px;
  cursor: pointer;
}

.vibetag-item img {
  height: 15px;
  vertical-align: top;
  padding-right: 3px;
}

.vibetag {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.vibetag-item:hover {
  max-width: 150px;
  overflow: visible;
  color: var(--gst-text-on-pink);
}
#lookPreview {
    height:240px;
}

    </style>
</head>
<body>
    <div class="column-container">
    <div class="board-info">
    <div class="modelBox">
    <img 
        src="https://gosupermodel.com/dollservlet.png?model=237027&large=1" 
        >
</div>
    <h3 style="margin-left:80px;">Light fantasy looks</h3>


    <p>
        <a style="margin-left:80px;color: var(--gst-text-555);" href="/profile/?id=1492">
            by MioArt        </a>
        
            </p>
    </div>

<div class="shopdesc-info"><p>Fantasy looks of creatures of the light</p></div>


<div class="look-wrapper">
                                                    <div class="look" data-look-id="4038">
                                        <div class="look-title">Lost in the woods</div>
                        <div class="look-username">
        by <a href="/profile/?id=1492">
            MioArt        </a>
    </div>
                    <div class="look-content">
                        <div class="dressup-container"><div class="dressup-item" data-uiid="LM69a1hWSOhZwChr0O_fo" style="position: absolute;"><img src="https://gosupermodel.com/item/LM69a1hWSOhZwChr0O_fo" style="position: absolute; left: 7px; top: 69px; width: 119px; height: 206px;"></div><div class="dressup-item" data-uiid="nudaG_0Be6oFsvHuV1pi7" style="position: absolute;"><img src="https://gosupermodel.com/item/nudaG_0Be6oFsvHuV1pi7" style="position: absolute; left: 35px; top: 24px; width: 35px; height: 45px;"></div><div class="dressup-item" data-uiid="0jVLzGS6ptFm0NZs0I4QZ" style="position: absolute;"><img src="https://gosupermodel.com/item/0jVLzGS6ptFm0NZs0I4QZ" style="position: absolute; left: 36px; top: 81px; width: 38px; height: 47px;"></div><div class="dressup-item" data-uiid="6spxRzKqpv2LYRjcutz2x" style="position: absolute;"><img src="https://gosupermodel.com/item/6spxRzKqpv2LYRjcutz2x" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="6uIXUXFsJLYHiYCQTiJV5" style="position: absolute;"><img src="https://gosupermodel.com/item/6uIXUXFsJLYHiYCQTiJV5" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 241px;"></div><div class="dressup-item" data-uiid="jcP1-kiam-bOD-qkn9hl_" style="position: absolute;"><img src="https://gosupermodel.com/item/jcP1-kiam-bOD-qkn9hl_" style="position: absolute; left: 0px; top: 0px; width: 93px; height: 268px;"></div><div class="dressup-item" data-uiid="ixjVm1tqNlWFi7PmNJ0RW" style="position: absolute;"><img src="https://gosupermodel.com/item/ixjVm1tqNlWFi7PmNJ0RW" style="position: absolute; left: 0px; top: 0px; width: 139px; height: 263px;"></div><div class="dressup-item" data-uiid="Jt4BfOXKHOFBZiN8C19vd" style="position: absolute;"><img src="https://gosupermodel.com/item/Jt4BfOXKHOFBZiN8C19vd" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 296px;"></div><div class="dressup-item" data-uiid="07652hK0-z6KnQGlaYPZ5" style="position: absolute;"><img src="https://gosupermodel.com/item/07652hK0-z6KnQGlaYPZ5" style="position: absolute; left: 0px; top: 32px; width: 113px; height: 226px;"></div><div class="dressup-item" data-uiid="-ga86400XU20MFMPpyzvo" style="position: absolute;"><img src="https://gosupermodel.com/item/-ga86400XU20MFMPpyzvo" style="position: absolute; left: 13px; top: 122px; width: 91px; height: 131px;"></div><div class="dressup-item" data-uiid="PWbzCn5OVEacMSfHL15Nh" style="position: absolute;"><img src="https://gosupermodel.com/item/PWbzCn5OVEacMSfHL15Nh" style="position: absolute; left: 14px; top: 113px; width: 115px; height: 186px;"></div><div class="dressup-item" data-uiid="UxedloCxtHq-Hnqaorp3Y" style="position: absolute;"><img src="https://gosupermodel.com/item/UxedloCxtHq-Hnqaorp3Y" style="position: absolute; left: 0px; top: 0px; width: 138px; height: 280px;"></div><div class="dressup-item" data-uiid="EWjd1zV_l527biF5xgRl9" style="position: absolute;"><img src="https://gosupermodel.com/item/EWjd1zV_l527biF5xgRl9" style="position: absolute; left: 28px; top: 105px; width: 44px; height: 62px;"></div><div class="dressup-item" data-uiid="yxlwxQj1Xw8y2Fnui3NP5" style="position: absolute;"><img src="https://gosupermodel.com/item/yxlwxQj1Xw8y2Fnui3NP5" style="position: absolute; left: 43px; top: 69px; width: 17px; height: 14px;"></div><div class="dressup-item" data-uiid="gDcALTYHtXtYDVbjOByD4" style="position: absolute;"><img src="https://gosupermodel.com/item/gDcALTYHtXtYDVbjOByD4" style="position: absolute; left: 19px; top: 133px; width: 51px; height: 73px;"></div><div class="dressup-item" data-uiid="F6WN1R07-6VLdaAVcXkoj" style="position: absolute;"><img src="https://gosupermodel.com/item/F6WN1R07-6VLdaAVcXkoj" style="position: absolute; left: 36px; top: 35px; width: 37px; height: 38px;"></div><div class="dressup-item" data-uiid="KuzRNdHlnlC09rtYqN0WR" style="position: absolute;"><img src="https://gosupermodel.com/item/KuzRNdHlnlC09rtYqN0WR" style="position: absolute; left: 38px; top: 31px; width: 33px; height: 38px;"></div><div class="dressup-item" data-uiid="YWV56jAOsWBeQvyzt0qMm" style="position: absolute;"><img src="https://gosupermodel.com/item/YWV56jAOsWBeQvyzt0qMm" style="position: absolute; left: 9px; top: 35px; width: 81px; height: 21px;"></div><div class="dressup-item" data-uiid="0CTYfMPbju2yR0U14wij2" style="position: absolute;"><img src="https://gosupermodel.com/item/0CTYfMPbju2yR0U14wij2" style="position: absolute; left: 25px; top: 23px; width: 51px; height: 140px;"></div><div class="dressup-item" data-uiid="f2cJ_Ju4Jq2oSWOMOSzX4" style="position: absolute;"><img src="https://gosupermodel.com/item/f2cJ_Ju4Jq2oSWOMOSzX4" style="position: absolute; left: 36px; top: 55px; width: 36px; height: 30px;"></div><div class="dressup-item" data-uiid="F6J3Irbxz3aQtrjnL7qhn" style="position: absolute;"><img src="https://gosupermodel.com/item/F6J3Irbxz3aQtrjnL7qhn" style="position: absolute; left: 19px; top: 137px; width: 49px; height: 40px;"></div><div class="dressup-item" data-uiid="FvOwmLH-abyPsUeZ7S6LU" style="position: absolute;"><img src="https://gosupermodel.com/item/FvOwmLH-abyPsUeZ7S6LU" style="position: absolute; left: 41px; top: 71px; width: 23px; height: 22px;"></div><div class="dressup-item" data-uiid="64PBA9BKUOJxw7CSBllFn" style="position: absolute;"><img src="https://gosupermodel.com/item/64PBA9BKUOJxw7CSBllFn" style="position: absolute; left: 21px; top: 16px; width: 58px; height: 43px;"></div><div class="dressup-item" data-uiid="yBFlvAQu6yGNuZydaINnm" style="position: absolute;"><img src="https://gosupermodel.com/item/yBFlvAQu6yGNuZydaINnm" style="position: absolute; left: 34px; top: 23px; width: 39px; height: 75px;"></div><div class="dressup-item" data-uiid="anHDsHG9B7XjwGomsqgIi" style="position: absolute;"><img src="https://gosupermodel.com/item/anHDsHG9B7XjwGomsqgIi" style="position: absolute; left: 33px; top: 12px; width: 41px; height: 24px;"></div><div class="dressup-item" data-uiid="_Z2RC_XYOXZbzEbDLh7iI" style="position: absolute;"><img src="https://gosupermodel.com/item/_Z2RC_XYOXZbzEbDLh7iI" style="position: absolute; left: 35px; top: 27px; width: 36px; height: 107px;"></div><div class="dressup-item" data-uiid="qMkp9Uhpyt1h7WvZLy2Ba" style="position: absolute;"><img src="https://gosupermodel.com/item/qMkp9Uhpyt1h7WvZLy2Ba" style="position: absolute; left: 17px; top: 22px; width: 64px; height: 67px;"></div><div class="dressup-item" data-uiid="-l2WvEqIETJRI0WQ-9eNv" style="position: absolute;"><img src="https://gosupermodel.com/item/-l2WvEqIETJRI0WQ-9eNv" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="7DaxjhjxOjMzc9j8wZV4w" style="position: absolute;"><img src="https://gosupermodel.com/item/7DaxjhjxOjMzc9j8wZV4w" style="position: absolute; left: 13px; top: 31px; width: 91px; height: 227px;"></div><div class="dressup-item" data-uiid="zbNB5--sZ8MOM_nVR99cg" style="position: absolute;"><img src="https://gosupermodel.com/item/zbNB5--sZ8MOM_nVR99cg" style="position: absolute; left: 11px; top: 75px; width: 88px; height: 184px;"></div><div class="dressup-item" data-uiid="C-PFqw_qqyNKbHEd-nrEy" style="position: absolute;"><img src="https://gosupermodel.com/item/C-PFqw_qqyNKbHEd-nrEy" style="position: absolute; left: 0px; top: 11px; width: 126px; height: 273px;"></div><div class="dressup-item" data-uiid="A5sCfxq6zpVFjRdIXVaME" style="position: absolute;"><img src="https://gosupermodel.com/item/A5sCfxq6zpVFjRdIXVaME" style="position: absolute; left: 10px; top: 99px; width: 86px; height: 29px;"></div><div class="dressup-item" data-uiid="69FH5iYviflBCPsRYECyN" style="position: absolute;"><img src="https://gosupermodel.com/item/69FH5iYviflBCPsRYECyN" style="position: absolute; left: 71px; top: 133px; width: 69px; height: 71px; filter: drop-shadow(white 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="DWN1Qbfizahq7tkQI1fJ1" style="position: absolute;"><img src="https://gosupermodel.com/item/DWN1Qbfizahq7tkQI1fJ1" style="position: absolute; left: 112px; top: 131px; width: 17px; height: 39px;"></div><div class="dressup-item" data-uiid="ySvuCjpLakOcWO7xxmYME" style="position: absolute;"><img src="https://gosupermodel.com/item/ySvuCjpLakOcWO7xxmYME" style="position: absolute; left: 0px; top: 126px; width: 126px; height: 101px;"></div><div class="dressup-item" data-uiid="ybNteyHHbdUZoy-bBp7TL" style="position: absolute;"><img src="https://gosupermodel.com/item/ybNteyHHbdUZoy-bBp7TL" style="position: absolute; left: 0px; top: 244px; width: 140px; height: 56px;"></div><div class="dressup-mannequin"></div></div>
                    </div>

                    <div class="buttonwrappr">

                        <button class="add-to-board-btn" data-look-id="4038" data-is-own-look="false">
    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85h237.74v106H206.78v546.44h546.44v-237.74h106v237.74q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78Zm437.74-423.74v-120h-120v-94.7h120v-120h94.7v120h120v94.7h-120v120h-94.7Z"/></svg>    </button>


                        <div class="like-div">
                            <button class="like2-button" data-tippy-content="Please log in to like">
                                <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ADADAD"><path d="m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.48 68.37-171.13 68.37-68.65 170.84-68.65 51.44 0 97.87 19.74 46.44 19.73 82.13 56.91 35.7-37.18 82.14-56.91 46.43-19.74 97.86-19.74 102.48 0 171.42 68.65 68.93 68.65 68.93 171.13 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Z"/></svg>                                <span style="color:var(--gst-text-555);">0</span>
                            </button>
                        </div>


                        <div class="try-on-button">
                            <a href="https://gosupermodel.com/shopping/inventory.jsp?context=0&amp;uiids=LM69a1hWSOhZwChr0O_fo,nudaG_0Be6oFsvHuV1pi7,0jVLzGS6ptFm0NZs0I4QZ,6spxRzKqpv2LYRjcutz2x,6uIXUXFsJLYHiYCQTiJV5,jcP1-kiam-bOD-qkn9hl_,ixjVm1tqNlWFi7PmNJ0RW,Jt4BfOXKHOFBZiN8C19vd,07652hK0-z6KnQGlaYPZ5,-ga86400XU20MFMPpyzvo,PWbzCn5OVEacMSfHL15Nh,UxedloCxtHq-Hnqaorp3Y,EWjd1zV_l527biF5xgRl9,yxlwxQj1Xw8y2Fnui3NP5,gDcALTYHtXtYDVbjOByD4,F6WN1R07-6VLdaAVcXkoj,KuzRNdHlnlC09rtYqN0WR,YWV56jAOsWBeQvyzt0qMm,0CTYfMPbju2yR0U14wij2,f2cJ_Ju4Jq2oSWOMOSzX4,F6J3Irbxz3aQtrjnL7qhn,FvOwmLH-abyPsUeZ7S6LU,64PBA9BKUOJxw7CSBllFn,yBFlvAQu6yGNuZydaINnm,anHDsHG9B7XjwGomsqgIi,_Z2RC_XYOXZbzEbDLh7iI,qMkp9Uhpyt1h7WvZLy2Ba,-l2WvEqIETJRI0WQ-9eNv,7DaxjhjxOjMzc9j8wZV4w,zbNB5--sZ8MOM_nVR99cg,C-PFqw_qqyNKbHEd-nrEy,A5sCfxq6zpVFjRdIXVaME,69FH5iYviflBCPsRYECyN,DWN1Qbfizahq7tkQI1fJ1,ySvuCjpLakOcWO7xxmYME,ybNteyHHbdUZoy-bBp7TL" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85H480v106H206.78v546.44h546.44V-480h106v273.22q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78ZM405.52-332 332-405.52l347.69-347.7H560v-106h299.22V-560h-106v-119.69L405.52-332Z"/></svg>
                        </a>
                        </div>
                    </div>

                    <div class="vibetag">
                                                                                    <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Fantasy.svg" alt="Fantasy">
                                    Fantasy                                </div>
                                                                        </div>

                                        <div class="dressup-item-count">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-grayToWhite)"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>36 items
                    </div>
                    <div class="div-wrapper"></div>

                </div>
                                                            <div class="look" data-look-id="2971">
                                        <div class="look-title">Mermaid</div>
                        <div class="look-username">
        by <a href="/profile/?id=1492">
            MioArt        </a>
    </div>
                    <div class="look-content">
                        <div class="dressup-container"><div class="dressup-item" data-uiid="BlrQYbW9seTBfWXAzoSnP" style="position: absolute;"><img src="https://gosupermodel.com/item/BlrQYbW9seTBfWXAzoSnP" style="position: absolute; left: 1px; top: 0px; width: 139px; height: 284px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="xhALTrF3eshuSifNNY2ou" style="position: absolute;"><img src="https://gosupermodel.com/item/xhALTrF3eshuSifNNY2ou" style="position: absolute; left: 8px; top: 4px; width: 123px; height: 285px;"></div><div class="dressup-item" data-uiid="HE4FWoQcB9Ttyat9a7u1a" style="position: absolute;"><img src="https://gosupermodel.com/item/HE4FWoQcB9Ttyat9a7u1a" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="BfrsBrBn7cjLBHG_X1DPi" style="position: absolute;"><img src="https://gosupermodel.com/item/BfrsBrBn7cjLBHG_X1DPi" style="position: absolute; left: 19px; top: 81px; width: 65px; height: 165px;"></div><div class="dressup-item" data-uiid="HKbzq0hS7kKc30HD_JhHo" style="position: absolute;"><img src="https://gosupermodel.com/item/HKbzq0hS7kKc30HD_JhHo" style="position: absolute; left: 0px; top: 95px; width: 115px; height: 178px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="Mf-4QhL9Y3APimm-nuVNc" style="position: absolute;"><img src="https://gosupermodel.com/item/Mf-4QhL9Y3APimm-nuVNc" style="position: absolute; left: 22px; top: 19px; width: 111px; height: 143px;"></div><div class="dressup-item" data-uiid="HZhDnKtTZtQdFPUVvSHmX" style="position: absolute;"><img src="https://gosupermodel.com/item/HZhDnKtTZtQdFPUVvSHmX" style="position: absolute; left: 88px; top: 86px; width: 51px; height: 181px;"></div><div class="dressup-item" data-uiid="ybJQvKJkANzVWewt6hYge" style="position: absolute;"><img src="https://gosupermodel.com/item/ybJQvKJkANzVWewt6hYge" style="position: absolute; left: 0px; top: 118px; width: 119px; height: 182px;"></div><div class="dressup-item" data-uiid="ZdS7z_seypXL6fO3HcAyE" style="position: absolute;"><img src="https://gosupermodel.com/item/ZdS7z_seypXL6fO3HcAyE" style="position: absolute; left: 2px; top: 20px; width: 125px; height: 206px;"></div><div class="dressup-item" data-uiid="C-PFqw_qqyNKbHEd-nrEy" style="position: absolute;"><img src="https://gosupermodel.com/item/C-PFqw_qqyNKbHEd-nrEy" style="position: absolute; left: 0px; top: 11px; width: 126px; height: 273px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="3EqGBBPLKLnjZRAPajEwu" style="position: absolute;"><img src="https://gosupermodel.com/item/3EqGBBPLKLnjZRAPajEwu" style="position: absolute; left: 5px; top: 5px; width: 121px; height: 258px;"></div><div class="dressup-item" data-uiid="Fc4msNnt_YZ6WHojLZ7h1" style="position: absolute;"><img src="https://gosupermodel.com/item/Fc4msNnt_YZ6WHojLZ7h1" style="position: absolute; left: 43px; top: 25px; width: 27px; height: 36px;"></div><div class="dressup-item" data-uiid="ZLeUUGCDtRIvxjZEX_svZ" style="position: absolute;"><img src="https://gosupermodel.com/item/ZLeUUGCDtRIvxjZEX_svZ" style="position: absolute; left: 45px; top: 41px; width: 26px; height: 10px;"></div><div class="dressup-item" data-uiid="LgcAxHC7jSNtXmFtM7xLZ" style="position: absolute;"><img src="https://gosupermodel.com/item/LgcAxHC7jSNtXmFtM7xLZ" style="position: absolute; left: 53px; top: 58px; width: 13px; height: 8px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="mYTYM5kWI5GbkVIM1XRJ1" style="position: absolute;"><img src="https://gosupermodel.com/item/mYTYM5kWI5GbkVIM1XRJ1" style="position: absolute; left: 22px; top: 71px; width: 62px; height: 30px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="DsgqG4FZj-CAMrBJBwWvm" style="position: absolute;"><img src="https://gosupermodel.com/item/DsgqG4FZj-CAMrBJBwWvm" style="position: absolute; left: 35px; top: 49px; width: 35px; height: 19px;"></div><div class="dressup-item" data-uiid="noXEUv96lF_9BqKsewQcj" style="position: absolute;"><img src="https://gosupermodel.com/item/noXEUv96lF_9BqKsewQcj" style="position: absolute; left: 14px; top: 55px; width: 108px; height: 151px;"></div><div class="dressup-mannequin"></div></div>
                    </div>

                    <div class="buttonwrappr">

                        <button class="add-to-board-btn" data-look-id="2971" data-is-own-look="false">
    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85h237.74v106H206.78v546.44h546.44v-237.74h106v237.74q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78Zm437.74-423.74v-120h-120v-94.7h120v-120h94.7v120h120v94.7h-120v120h-94.7Z"/></svg>    </button>


                        <div class="like-div">
                            <button class="like2-button" data-tippy-content="Please log in to like">
                                <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ADADAD"><path d="m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.48 68.37-171.13 68.37-68.65 170.84-68.65 51.44 0 97.87 19.74 46.44 19.73 82.13 56.91 35.7-37.18 82.14-56.91 46.43-19.74 97.86-19.74 102.48 0 171.42 68.65 68.93 68.65 68.93 171.13 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Z"/></svg>                                <span style="color:var(--gst-text-555);">0</span>
                            </button>
                        </div>


                        <div class="try-on-button">
                            <a href="https://gosupermodel.com/shopping/inventory.jsp?context=0&amp;uiids=BlrQYbW9seTBfWXAzoSnP,xhALTrF3eshuSifNNY2ou,HE4FWoQcB9Ttyat9a7u1a,BfrsBrBn7cjLBHG_X1DPi,HKbzq0hS7kKc30HD_JhHo,Mf-4QhL9Y3APimm-nuVNc,HZhDnKtTZtQdFPUVvSHmX,ybJQvKJkANzVWewt6hYge,ZdS7z_seypXL6fO3HcAyE,C-PFqw_qqyNKbHEd-nrEy,3EqGBBPLKLnjZRAPajEwu,Fc4msNnt_YZ6WHojLZ7h1,ZLeUUGCDtRIvxjZEX_svZ,LgcAxHC7jSNtXmFtM7xLZ,mYTYM5kWI5GbkVIM1XRJ1,DsgqG4FZj-CAMrBJBwWvm,noXEUv96lF_9BqKsewQcj" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85H480v106H206.78v546.44h546.44V-480h106v273.22q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78ZM405.52-332 332-405.52l347.69-347.7H560v-106h299.22V-560h-106v-119.69L405.52-332Z"/></svg>
                        </a>
                        </div>
                    </div>

                    <div class="vibetag">
                                                                                    <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Fantasy.svg" alt="Fantasy">
                                    Fantasy                                </div>
                                                            <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Wacky.svg" alt="Wacky">
                                    Wacky                                </div>
                                                                        </div>

                                        <div class="dressup-item-count">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-grayToWhite)"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>17 items
                    </div>
                    <div class="div-wrapper"></div>

                </div>
                                                            <div class="look" data-look-id="2987">
                                        <div class="look-title">Forest Elf</div>
                        <div class="look-username">
        by <a href="/profile/?id=1492">
            MioArt        </a>
    </div>
                    <div class="look-content">
                        <div class="dressup-container"><div class="dressup-item" data-uiid="YLldKELNCgZurd686FyCz" style="position: absolute;"><img src="https://gosupermodel.com/item/YLldKELNCgZurd686FyCz" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="ZlGUmndOX76rZkZq5r1CJ" style="position: absolute;"><img src="https://gosupermodel.com/item/ZlGUmndOX76rZkZq5r1CJ" style="position: absolute; left: 5px; top: 3px; width: 133px; height: 267px;"></div><div class="dressup-item" data-uiid="hO38sWh0OOdTt5-ZAMD13" style="position: absolute;"><img src="https://gosupermodel.com/item/hO38sWh0OOdTt5-ZAMD13" style="position: absolute; left: 32px; top: 63px; width: 43px; height: 45px;"></div><div class="dressup-item" data-uiid="khi31b8v5PidAekASQj6Z" style="position: absolute;"><img src="https://gosupermodel.com/item/khi31b8v5PidAekASQj6Z" style="position: absolute; left: 1px; top: 73px; width: 110px; height: 89px;"></div><div class="dressup-item" data-uiid="A16tNMHYAXdvpR72cWMni" style="position: absolute;"><img src="https://gosupermodel.com/item/A16tNMHYAXdvpR72cWMni" style="position: absolute; left: 18px; top: 220px; width: 101px; height: 71px;"></div><div class="dressup-item" data-uiid="v_i64aQSP87fiIHhkmHp9" style="position: absolute;"><img src="https://gosupermodel.com/item/v_i64aQSP87fiIHhkmHp9" style="position: absolute; left: 3px; top: 114px; width: 100px; height: 137px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="wxPzdZL9EWD1FbSxXMWS1" style="position: absolute;"><img src="https://gosupermodel.com/item/wxPzdZL9EWD1FbSxXMWS1" style="position: absolute; left: 25px; top: 70px; width: 54px; height: 85px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="lQSPKSfS1faI3gIDBpR0R" style="position: absolute;"><img src="https://gosupermodel.com/item/lQSPKSfS1faI3gIDBpR0R" style="position: absolute; left: 43px; top: 67px; width: 17px; height: 11px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="e2NutmKFp1KiqKsGrqU7M" style="position: absolute;"><img src="https://gosupermodel.com/item/e2NutmKFp1KiqKsGrqU7M" style="position: absolute; left: 39px; top: 31px; width: 33px; height: 29px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="XGLZir-AygclojI3nQMKq" style="position: absolute;"><img src="https://gosupermodel.com/item/XGLZir-AygclojI3nQMKq" style="position: absolute; left: 17px; top: 45px; width: 66px; height: 13px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="szUyI1blyrKBuUvA59Efw" style="position: absolute;"><img src="https://gosupermodel.com/item/szUyI1blyrKBuUvA59Efw" style="position: absolute; left: 27px; top: 22px; width: 48px; height: 148px;"></div><div class="dressup-back-item" style="position: absolute; z-index: 0;"><img src="https://gosupermodel.com/item/vxFuCrMupVtHVXfso4fmg" style="position: absolute; left: 29px; top: 35px; width: 52px; height: 184px;"></div><div class="dressup-item" data-uiid="TPuDPKzgLS2UQwUBAvpYS" style="position: absolute;"><img src="https://gosupermodel.com/item/TPuDPKzgLS2UQwUBAvpYS" style="position: absolute; left: 5px; top: 233px; width: 81px; height: 65px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="ZMQAFLgTxS0LVVqgzGUHh" style="position: absolute;"><img src="https://gosupermodel.com/item/ZMQAFLgTxS0LVVqgzGUHh" style="position: absolute; left: 58px; top: 71px; width: 36px; height: 115px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="kscufW3sl8Y203g7bXd6i" style="position: absolute;"><img src="https://gosupermodel.com/item/kscufW3sl8Y203g7bXd6i" style="position: absolute; left: 18px; top: 30px; width: 27px; height: 68px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="NM2VOgVJy_dn1tHoxoLtR" style="position: absolute;"><img src="https://gosupermodel.com/item/NM2VOgVJy_dn1tHoxoLtR" style="position: absolute; left: 45px; top: 11px; width: 32px; height: 53px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-item" data-uiid="iz8jKFsSnqozN6vhNVkxx" style="position: absolute;"><img src="https://gosupermodel.com/item/iz8jKFsSnqozN6vhNVkxx" style="position: absolute; left: 51px; top: 55px; width: 17px; height: 10px; filter: drop-shadow(black 0px 0px 0px); transition: filter 0.3s;"></div><div class="dressup-mannequin"></div></div>
                    </div>

                    <div class="buttonwrappr">

                        <button class="add-to-board-btn" data-look-id="2987" data-is-own-look="false">
    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85h237.74v106H206.78v546.44h546.44v-237.74h106v237.74q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78Zm437.74-423.74v-120h-120v-94.7h120v-120h94.7v120h120v94.7h-120v120h-94.7Z"/></svg>    </button>


                        <div class="like-div">
                            <button class="like2-button" data-tippy-content="Please log in to like">
                                <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ADADAD"><path d="m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.48 68.37-171.13 68.37-68.65 170.84-68.65 51.44 0 97.87 19.74 46.44 19.73 82.13 56.91 35.7-37.18 82.14-56.91 46.43-19.74 97.86-19.74 102.48 0 171.42 68.65 68.93 68.65 68.93 171.13 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Z"/></svg>                                <span style="color:var(--gst-text-555);">1</span>
                            </button>
                        </div>


                        <div class="try-on-button">
                            <a href="https://gosupermodel.com/shopping/inventory.jsp?context=0&amp;uiids=YLldKELNCgZurd686FyCz,ZlGUmndOX76rZkZq5r1CJ,hO38sWh0OOdTt5-ZAMD13,khi31b8v5PidAekASQj6Z,A16tNMHYAXdvpR72cWMni,v_i64aQSP87fiIHhkmHp9,wxPzdZL9EWD1FbSxXMWS1,lQSPKSfS1faI3gIDBpR0R,e2NutmKFp1KiqKsGrqU7M,XGLZir-AygclojI3nQMKq,vxFuCrMupVtHVXfso4fmg,TPuDPKzgLS2UQwUBAvpYS,ZMQAFLgTxS0LVVqgzGUHh,kscufW3sl8Y203g7bXd6i,NM2VOgVJy_dn1tHoxoLtR,iz8jKFsSnqozN6vhNVkxx" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85H480v106H206.78v546.44h546.44V-480h106v273.22q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78ZM405.52-332 332-405.52l347.69-347.7H560v-106h299.22V-560h-106v-119.69L405.52-332Z"/></svg>
                        </a>
                        </div>
                    </div>

                    <div class="vibetag">
                                                                                    <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Fantasy.svg" alt="Fantasy">
                                    Fantasy                                </div>
                                                                        </div>

                                        <div class="dressup-item-count">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-grayToWhite)"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>16 items
                    </div>
                    <div class="div-wrapper"></div>

                </div>
                                                            <div class="look" data-look-id="3392">
                                        <div class="look-title">Spring godess</div>
                        <div class="look-username">
        by <a href="/profile/?id=1492">
            MioArt        </a>
    </div>
                    <div class="look-content">
                        <div class="dressup-container"><div class="dressup-item" data-uiid="NHvQG6wW4bORSoqUkcHsF" style="position: absolute;"><img src="https://gosupermodel.com/item/NHvQG6wW4bORSoqUkcHsF" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 248px;"></div><div class="dressup-item" data-uiid="dsYLwMGGom2eaB5rwUBhq" style="position: absolute;"><img src="https://gosupermodel.com/item/dsYLwMGGom2eaB5rwUBhq" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="hXkXkUQGNvi072Lv7heB7" style="position: absolute;"><img src="https://gosupermodel.com/item/hXkXkUQGNvi072Lv7heB7" style="position: absolute; left: 32px; top: 64px; width: 43px; height: 45px;"></div><div class="dressup-item" data-uiid="dAjxo08E-CK6nmNOSvSni" style="position: absolute;"><img src="https://gosupermodel.com/item/dAjxo08E-CK6nmNOSvSni" style="position: absolute; left: 0px; top: 0px; width: 139px; height: 263px;"></div><div class="dressup-item" data-uiid="TILWOvls5di4SINbvjbMA" style="position: absolute;"><img src="https://gosupermodel.com/item/TILWOvls5di4SINbvjbMA" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="JsruTh3TOHMwX9_I5DEpD" style="position: absolute;"><img src="https://gosupermodel.com/item/JsruTh3TOHMwX9_I5DEpD" style="position: absolute; left: 20px; top: 186px; width: 100px; height: 96px;"></div><div class="dressup-item" data-uiid="LgrCgml_h4eZxsGmbN786" style="position: absolute;"><img src="https://gosupermodel.com/item/LgrCgml_h4eZxsGmbN786" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="HsHRUPZJ8SUyWCbnjzHik" style="position: absolute;"><img src="https://gosupermodel.com/item/HsHRUPZJ8SUyWCbnjzHik" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="D9oUZGhvxCo-MBrDuUrna" style="position: absolute;"><img src="https://gosupermodel.com/item/D9oUZGhvxCo-MBrDuUrna" style="position: absolute; left: 23px; top: 48px; width: 51px; height: 135px;"></div><div class="dressup-item" data-uiid="qVd-pDVhsNWuq-TgGgK3g" style="position: absolute;"><img src="https://gosupermodel.com/item/qVd-pDVhsNWuq-TgGgK3g" style="position: absolute; left: 9px; top: 120px; width: 108px; height: 167px;"></div><div class="dressup-item" data-uiid="ZtcjNkuL5Gp5bQQlTOUF8" style="position: absolute;"><img src="https://gosupermodel.com/item/ZtcjNkuL5Gp5bQQlTOUF8" style="position: absolute; left: 0px; top: 122px; width: 133px; height: 166px;"></div><div class="dressup-item" data-uiid="q-CO1qPMX49ItK1j2wJNV" style="position: absolute;"><img src="https://gosupermodel.com/item/q-CO1qPMX49ItK1j2wJNV" style="position: absolute; left: 5px; top: 87px; width: 109px; height: 78px;"></div><div class="dressup-item" data-uiid="oeRQo4T-YBEMmBOkAFDhb" style="position: absolute;"><img src="https://gosupermodel.com/item/oeRQo4T-YBEMmBOkAFDhb" style="position: absolute; left: 34px; top: 92px; width: 63px; height: 140px;"></div><div class="dressup-item" data-uiid="xHypGvS_9UjPXyDrojz7I" style="position: absolute;"><img src="https://gosupermodel.com/item/xHypGvS_9UjPXyDrojz7I" style="position: absolute; left: 32px; top: 117px; width: 36px; height: 130px;"></div><div class="dressup-item" data-uiid="i7FxHdeS65XPmVXOhkH8n" style="position: absolute;"><img src="https://gosupermodel.com/item/i7FxHdeS65XPmVXOhkH8n" style="position: absolute; left: 1px; top: 94px; width: 119px; height: 199px;"></div><div class="dressup-item" data-uiid="DiD2mkRWf4M6GWsW1nmyc" style="position: absolute;"><img src="https://gosupermodel.com/item/DiD2mkRWf4M6GWsW1nmyc" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 300px;"></div><div class="dressup-item" data-uiid="ySvuCjpLakOcWO7xxmYME" style="position: absolute;"><img src="https://gosupermodel.com/item/ySvuCjpLakOcWO7xxmYME" style="position: absolute; left: 0px; top: 126px; width: 126px; height: 101px;"></div><div class="dressup-item" data-uiid="Pl_58e3DA56dpt1WAbBOF" style="position: absolute;"><img src="https://gosupermodel.com/item/Pl_58e3DA56dpt1WAbBOF" style="position: absolute; left: 1px; top: 115px; width: 128px; height: 106px;"></div><div class="dressup-back-item" style="position: absolute; z-index: 0;"><img src="https://gosupermodel.com/item/Pl_58e3DA56dN9E_dktfx" style="position: absolute; left: 2px; top: 114px; width: 126px; height: 167px;"></div><div class="dressup-item" data-uiid="zA4SJNpR1wLfPAFgntILv" style="position: absolute;"><img src="https://gosupermodel.com/item/zA4SJNpR1wLfPAFgntILv" style="position: absolute; left: 42px; top: 28px; width: 28px; height: 42px;"></div><div class="dressup-item" data-uiid="hBVxlRYwnQ9rRu14AO5Ew" style="position: absolute;"><img src="https://gosupermodel.com/item/hBVxlRYwnQ9rRu14AO5Ew" style="position: absolute; left: 0px; top: 0px; width: 140px; height: 235px;"></div><div class="dressup-item" data-uiid="sW0nST6Z4ZZP12ELJY0YD" style="position: absolute;"><img src="https://gosupermodel.com/item/sW0nST6Z4ZZP12ELJY0YD" style="position: absolute; left: 45px; top: 45px; width: 27px; height: 2px;"></div><div class="dressup-item" data-uiid="noXEUv96lF_9BqKsewQcj" style="position: absolute;"><img src="https://gosupermodel.com/item/noXEUv96lF_9BqKsewQcj" style="position: absolute; left: 14px; top: 55px; width: 108px; height: 151px;"></div><div class="dressup-item" data-uiid="NDgkdOMPVQaCqC_GleF-7" style="position: absolute;"><img src="https://gosupermodel.com/item/NDgkdOMPVQaCqC_GleF-7" style="position: absolute; left: 31px; top: 116px; width: 36px; height: 20px;"></div><div class="dressup-item" data-uiid="jQ79jLLYT_BUaJKcdJr0u" style="position: absolute;"><img src="https://gosupermodel.com/item/jQ79jLLYT_BUaJKcdJr0u" style="position: absolute; left: 41px; top: 43px; width: 30px; height: 16px;"></div><div class="dressup-item" data-uiid="vw6-cV62Xm1G_CntcbQT8" style="position: absolute;"><img src="https://gosupermodel.com/item/vw6-cV62Xm1G_CntcbQT8" style="position: absolute; left: 42px; top: 38px; width: 29px; height: 21px;"></div><div class="dressup-item" data-uiid="2HyzkkRhMIHQ7lWsBHYej" style="position: absolute;"><img src="https://gosupermodel.com/item/2HyzkkRhMIHQ7lWsBHYej" style="position: absolute; left: 40px; top: 72px; width: 25px; height: 20px;"></div><div class="dressup-item" data-uiid="W1D4eSbXZ_s6bYepGtt9M" style="position: absolute;"><img src="https://gosupermodel.com/item/W1D4eSbXZ_s6bYepGtt9M" style="position: absolute; left: 11px; top: 21px; width: 76px; height: 149px;"></div><div class="dressup-back-item" style="position: absolute; z-index: 0;"><img src="https://gosupermodel.com/item/EX8reFHsFpBOA-8mgl5bZ" style="position: absolute; left: 28px; top: 95px; width: 9px; height: 27px;"></div><div class="dressup-item" data-uiid="frVcV2N07FAImAR8Jl7f_" style="position: absolute;"><img src="https://gosupermodel.com/item/frVcV2N07FAImAR8Jl7f_" style="position: absolute; left: 19px; top: 19px; width: 71px; height: 154px;"></div><div class="dressup-item" data-uiid="9H5GVxpIF_cjucTrAIUCs" style="position: absolute;"><img src="https://gosupermodel.com/item/9H5GVxpIF_cjucTrAIUCs" style="position: absolute; left: 1px; top: 1px; width: 111px; height: 65px;"></div><div class="dressup-item" data-uiid="ogHYJRBsJDi75LkTqzGBF" style="position: absolute;"><img src="https://gosupermodel.com/item/ogHYJRBsJDi75LkTqzGBF" style="position: absolute; left: 2px; top: 1px; width: 132px; height: 221px;"></div><div class="dressup-item" data-uiid="IwatXU166BhuSJv81vf53" style="position: absolute;"><img src="https://gosupermodel.com/item/IwatXU166BhuSJv81vf53" style="position: absolute; left: 32px; top: 117px; width: 36px; height: 27px;"></div><div class="dressup-item" data-uiid="EzygtHHlGzVDpwmP_b2_3" style="position: absolute;"><img src="https://gosupermodel.com/item/EzygtHHlGzVDpwmP_b2_3" style="position: absolute; left: 2px; top: 40px; width: 123px; height: 204px;"></div><div class="dressup-item" data-uiid="FQB5OdrHhXqXsJUvOopS9" style="position: absolute;"><img src="https://gosupermodel.com/item/FQB5OdrHhXqXsJUvOopS9" style="position: absolute; left: 66px; top: 8px; width: 72px; height: 263px;"></div><div class="dressup-item" data-uiid="7DaxjhjxOjMzc9j8wZV4w" style="position: absolute;"><img src="https://gosupermodel.com/item/7DaxjhjxOjMzc9j8wZV4w" style="position: absolute; left: 13px; top: 31px; width: 91px; height: 227px;"></div><div class="dressup-item" data-uiid="Ml0Hizs2Lyb5a4iTiB_xC" style="position: absolute;"><img src="https://gosupermodel.com/item/Ml0Hizs2Lyb5a4iTiB_xC" style="position: absolute; left: 57px; top: 46px; width: 83px; height: 242px;"></div><div class="dressup-item" data-uiid="xljfWqWHWI9AzGmSJNXj8" style="position: absolute;"><img src="https://gosupermodel.com/item/xljfWqWHWI9AzGmSJNXj8" style="position: absolute; left: 7px; top: 15px; width: 133px; height: 207px;"></div><div class="dressup-item" data-uiid="JEWXtJu_wj1ymlasazA7H" style="position: absolute;"><img src="https://gosupermodel.com/item/JEWXtJu_wj1ymlasazA7H" style="position: absolute; left: 3px; top: 7px; width: 126px; height: 212px;"></div><div class="dressup-item" data-uiid="qMkp9Uhpyt1h7WvZLy2Ba" style="position: absolute;"><img src="https://gosupermodel.com/item/qMkp9Uhpyt1h7WvZLy2Ba" style="position: absolute; left: 17px; top: 22px; width: 64px; height: 67px;"></div><div class="dressup-item" data-uiid="p4pGF0YP0LpMnjqf8-1pe" style="position: absolute;"><img src="https://gosupermodel.com/item/p4pGF0YP0LpMnjqf8-1pe" style="position: absolute; left: 55px; top: 24px; width: 72px; height: 221px;"></div><div class="dressup-mannequin"></div></div>
                    </div>

                    <div class="buttonwrappr">

                        <button class="add-to-board-btn" data-look-id="3392" data-is-own-look="false">
    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85h237.74v106H206.78v546.44h546.44v-237.74h106v237.74q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78Zm437.74-423.74v-120h-120v-94.7h120v-120h94.7v120h120v94.7h-120v120h-94.7Z"/></svg>    </button>


                        <div class="like-div">
                            <button class="like2-button" data-tippy-content="Please log in to like">
                                <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ADADAD"><path d="m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.48 68.37-171.13 68.37-68.65 170.84-68.65 51.44 0 97.87 19.74 46.44 19.73 82.13 56.91 35.7-37.18 82.14-56.91 46.43-19.74 97.86-19.74 102.48 0 171.42 68.65 68.93 68.65 68.93 171.13 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Z"/></svg>                                <span style="color:var(--gst-text-555);">0</span>
                            </button>
                        </div>


                        <div class="try-on-button">
                            <a href="https://gosupermodel.com/shopping/inventory.jsp?context=0&amp;uiids=NHvQG6wW4bORSoqUkcHsF,dsYLwMGGom2eaB5rwUBhq,hXkXkUQGNvi072Lv7heB7,dAjxo08E-CK6nmNOSvSni,TILWOvls5di4SINbvjbMA,JsruTh3TOHMwX9_I5DEpD,LgrCgml_h4eZxsGmbN786,HsHRUPZJ8SUyWCbnjzHik,D9oUZGhvxCo-MBrDuUrna,qVd-pDVhsNWuq-TgGgK3g,ZtcjNkuL5Gp5bQQlTOUF8,q-CO1qPMX49ItK1j2wJNV,oeRQo4T-YBEMmBOkAFDhb,xHypGvS_9UjPXyDrojz7I,i7FxHdeS65XPmVXOhkH8n,DiD2mkRWf4M6GWsW1nmyc,ySvuCjpLakOcWO7xxmYME,Pl_58e3DA56dN9E_dktfx,zA4SJNpR1wLfPAFgntILv,hBVxlRYwnQ9rRu14AO5Ew,sW0nST6Z4ZZP12ELJY0YD,noXEUv96lF_9BqKsewQcj,NDgkdOMPVQaCqC_GleF-7,jQ79jLLYT_BUaJKcdJr0u,vw6-cV62Xm1G_CntcbQT8,2HyzkkRhMIHQ7lWsBHYej,EX8reFHsFpBOA-8mgl5bZ,frVcV2N07FAImAR8Jl7f_,9H5GVxpIF_cjucTrAIUCs,ogHYJRBsJDi75LkTqzGBF,IwatXU166BhuSJv81vf53,EzygtHHlGzVDpwmP_b2_3,FQB5OdrHhXqXsJUvOopS9,7DaxjhjxOjMzc9j8wZV4w,Ml0Hizs2Lyb5a4iTiB_xC,xljfWqWHWI9AzGmSJNXj8,JEWXtJu_wj1ymlasazA7H,qMkp9Uhpyt1h7WvZLy2Ba,p4pGF0YP0LpMnjqf8-1pe" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85H480v106H206.78v546.44h546.44V-480h106v273.22q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78ZM405.52-332 332-405.52l347.69-347.7H560v-106h299.22V-560h-106v-119.69L405.52-332Z"/></svg>
                        </a>
                        </div>
                    </div>

                    <div class="vibetag">
                                                                                    <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Fantasy.svg" alt="Fantasy">
                                    Fantasy                                </div>
                                                            <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Summer.svg" alt="Summer">
                                    Summer                                </div>
                                                                        </div>

                                        <div class="dressup-item-count">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-grayToWhite)"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>39 items
                    </div>
                    <div class="div-wrapper"></div>

                </div>
                                                            <div class="look" data-look-id="3542">
                                        <div class="look-title">Pink angel</div>
                        <div class="look-username">
        by <a href="/profile/?id=1492">
            MioArt        </a>
    </div>
                    <div class="look-content">
                        <div class="dressup-container"><div class="dressup-item" data-uiid="LM69a1hWSOhZwChr0O_fo" style="position: absolute;"><img src="https://gosupermodel.com/item/LM69a1hWSOhZwChr0O_fo" style="position: absolute; left: 7px; top: 69px; width: 119px; height: 206px;"></div><div class="dressup-item" data-uiid="nudaG_0Be6oFsvHuV1pi7" style="position: absolute;"><img src="https://gosupermodel.com/item/nudaG_0Be6oFsvHuV1pi7" style="position: absolute; left: 35px; top: 24px; width: 35px; height: 45px;"></div><div class="dressup-item" data-uiid="sEwNZ4P1GdvUgbSy5TS1b" style="position: absolute;"><img src="https://gosupermodel.com/item/sEwNZ4P1GdvUgbSy5TS1b" style="position: absolute; left: 59px; top: 0px; width: 78px; height: 146px;"></div><div class="dressup-item" data-uiid="hO38sWh0OOdTt5-ZAMD13" style="position: absolute;"><img src="https://gosupermodel.com/item/hO38sWh0OOdTt5-ZAMD13" style="position: absolute; left: 32px; top: 63px; width: 43px; height: 45px;"></div><div class="dressup-item" data-uiid="Cwo4IwalprgT9Ot8CVxqv" style="position: absolute;"><img src="https://gosupermodel.com/item/Cwo4IwalprgT9Ot8CVxqv" style="position: absolute; left: 9px; top: 129px; width: 117px; height: 46px;"></div><div class="dressup-item" data-uiid="qCKZ16UaHQVO7XB_PKmPj" style="position: absolute;"><img src="https://gosupermodel.com/item/qCKZ16UaHQVO7XB_PKmPj" style="position: absolute; left: 7px; top: 74px; width: 36px; height: 95px;"></div><div class="dressup-item" data-uiid="z3bOpzuQNVyzUK1fZz6vI" style="position: absolute;"><img src="https://gosupermodel.com/item/z3bOpzuQNVyzUK1fZz6vI" style="position: absolute; left: 0px; top: 71px; width: 140px; height: 213px;"></div><div class="dressup-item" data-uiid="aSeysvMoL3d6ps6JcK8BW" style="position: absolute;"><img src="https://gosupermodel.com/item/aSeysvMoL3d6ps6JcK8BW" style="position: absolute; left: 1px; top: 149px; width: 134px; height: 120px;"></div><div class="dressup-item" data-uiid="3ZGwOjTrphR6Kq3ZLlc64" style="position: absolute;"><img src="https://gosupermodel.com/item/3ZGwOjTrphR6Kq3ZLlc64" style="position: absolute; left: 4px; top: 254px; width: 133px; height: 46px;"></div><div class="dressup-item" data-uiid="i7FxHdeS65XPmVXOhkH8n" style="position: absolute;"><img src="https://gosupermodel.com/item/i7FxHdeS65XPmVXOhkH8n" style="position: absolute; left: 1px; top: 94px; width: 119px; height: 199px;"></div><div class="dressup-item" data-uiid="3AuYQmDnjm9yLpuglWCyG" style="position: absolute;"><img src="https://gosupermodel.com/item/3AuYQmDnjm9yLpuglWCyG" style="position: absolute; left: 2px; top: 98px; width: 113px; height: 65px;"></div><div class="dressup-item" data-uiid="EUBvDrTnYfiKqMpX8fOy3" style="position: absolute;"><img src="https://gosupermodel.com/item/EUBvDrTnYfiKqMpX8fOy3" style="position: absolute; left: 17px; top: 209px; width: 96px; height: 67px;"></div><div class="dressup-item" data-uiid="e10VkCxxWdggLDc00mgG5" style="position: absolute;"><img src="https://gosupermodel.com/item/e10VkCxxWdggLDc00mgG5" style="position: absolute; left: 20px; top: 240px; width: 100px; height: 40px;"></div><div class="dressup-item" data-uiid="MtTNave6ssuWqCXrmImer" style="position: absolute;"><img src="https://gosupermodel.com/item/MtTNave6ssuWqCXrmImer" style="position: absolute; left: 35px; top: 38px; width: 35px; height: 32px;"></div><div class="dressup-item" data-uiid="J_WHpowevRyDnVmxdASzL" style="position: absolute;"><img src="https://gosupermodel.com/item/J_WHpowevRyDnVmxdASzL" style="position: absolute; left: 38px; top: 29px; width: 35px; height: 40px;"></div><div class="dressup-item" data-uiid="DNUHRdSUSZ8vJ8_Mo1aZ8" style="position: absolute;"><img src="https://gosupermodel.com/item/DNUHRdSUSZ8vJ8_Mo1aZ8" style="position: absolute; left: 13px; top: 88px; width: 65px; height: 81px;"></div><div class="dressup-item" data-uiid="e2NutmKFp1KiqKsGrqU7M" style="position: absolute;"><img src="https://gosupermodel.com/item/e2NutmKFp1KiqKsGrqU7M" style="position: absolute; left: 39px; top: 31px; width: 33px; height: 29px;"></div><div class="dressup-item" data-uiid="Z3Y2CAj_6K_QJnJ36cAfA" style="position: absolute;"><img src="https://gosupermodel.com/item/Z3Y2CAj_6K_QJnJ36cAfA" style="position: absolute; left: 43px; top: 41px; width: 31px; height: 13px;"></div><div class="dressup-item" data-uiid="Zo4IsoEWJMju4bFjuK50Z" style="position: absolute;"><img src="https://gosupermodel.com/item/Zo4IsoEWJMju4bFjuK50Z" style="position: absolute; left: 25px; top: 17px; width: 50px; height: 67px;"></div><div class="dressup-back-item" style="position: absolute; z-index: 0;"><img src="https://gosupermodel.com/item/xArcC6I1j-cK3nzOJ9dg3?back" style="position: absolute; left: 37px; top: 23px; width: 35px; height: 40px;"></div><div class="dressup-item" data-uiid="TCCe8ttWdBtu2DSBg2LTi" style="position: absolute;"><img src="https://gosupermodel.com/item/TCCe8ttWdBtu2DSBg2LTi" style="position: absolute; left: 29px; top: 21px; width: 48px; height: 64px;"></div><div class="dressup-back-item" style="position: absolute; z-index: 0;"><img src="https://gosupermodel.com/item/TCCe8ttWdBtuhdApTiKj7?back" style="position: absolute; left: 19px; top: 15px; width: 72px; height: 193px;"></div><div class="dressup-item" data-uiid="Th6VVRnJhK5uLsKqrykBE" style="position: absolute;"><img src="https://gosupermodel.com/item/Th6VVRnJhK5uLsKqrykBE" style="position: absolute; left: 74px; top: 12px; width: 58px; height: 133px;"></div><div class="dressup-item" data-uiid="xpn6Gfeeih7rbYE88hGi1" style="position: absolute;"><img src="https://gosupermodel.com/item/xpn6Gfeeih7rbYE88hGi1" style="position: absolute; left: 0px; top: 145px; width: 34px; height: 61px;"></div><div class="dressup-item" data-uiid="guBbjBw6lNntduavFiV0F" style="position: absolute;"><img src="https://gosupermodel.com/item/guBbjBw6lNntduavFiV0F" style="position: absolute; left: 18px; top: 120px; width: 59px; height: 47px;"></div><div class="dressup-item" data-uiid="EzygtHHlGzVDpwmP_b2_3" style="position: absolute;"><img src="https://gosupermodel.com/item/EzygtHHlGzVDpwmP_b2_3" style="position: absolute; left: 2px; top: 40px; width: 123px; height: 204px;"></div><div class="dressup-item" data-uiid="k-03dqkdqgKKLFilwlH1N" style="position: absolute;"><img src="https://gosupermodel.com/item/k-03dqkdqgKKLFilwlH1N" style="position: absolute; left: 26px; top: 12px; width: 51px; height: 29px;"></div><div class="dressup-item" data-uiid="C-PFqw_qqyNKbHEd-nrEy" style="position: absolute;"><img src="https://gosupermodel.com/item/C-PFqw_qqyNKbHEd-nrEy" style="position: absolute; left: 0px; top: 11px; width: 126px; height: 273px;"></div><div class="dressup-item" data-uiid="NM2VOgVJy_dn1tHoxoLtR" style="position: absolute;"><img src="https://gosupermodel.com/item/NM2VOgVJy_dn1tHoxoLtR" style="position: absolute; left: 45px; top: 11px; width: 32px; height: 53px;"></div><div class="dressup-item" data-uiid="ipzgl7gmRZ5PkmVH7ORID" style="position: absolute;"><img src="https://gosupermodel.com/item/ipzgl7gmRZ5PkmVH7ORID" style="position: absolute; left: 18px; top: 30px; width: 27px; height: 68px;"></div><div class="dressup-item" data-uiid="N0pztM1I8u0ZPR65Zd1gj" style="position: absolute;"><img src="https://gosupermodel.com/item/N0pztM1I8u0ZPR65Zd1gj" style="position: absolute; left: 0px; top: 37px; width: 41px; height: 157px;"></div><div class="dressup-item" data-uiid="zbNB5--sZ8MOM_nVR99cg" style="position: absolute;"><img src="https://gosupermodel.com/item/zbNB5--sZ8MOM_nVR99cg" style="position: absolute; left: 11px; top: 75px; width: 88px; height: 184px;"></div><div class="dressup-item" data-uiid="sVo_32J_gkG0cvxVs-e0m" style="position: absolute;"><img src="https://gosupermodel.com/item/sVo_32J_gkG0cvxVs-e0m" style="position: absolute; left: 41px; top: 71px; width: 23px; height: 22px;"></div><div class="dressup-item" data-uiid="7cyHNoKbZlKeCcTs4ffjF" style="position: absolute;"><img src="https://gosupermodel.com/item/7cyHNoKbZlKeCcTs4ffjF" style="position: absolute; left: 35px; top: 50px; width: 7px; height: 19px;"></div><div class="dressup-item" data-uiid="SUHNvmf7w6Tdt7iegvKIx" style="position: absolute;"><img src="https://gosupermodel.com/item/SUHNvmf7w6Tdt7iegvKIx" style="position: absolute; left: 29px; top: 120px; width: 37px; height: 55px;"></div><div class="dressup-mannequin"></div></div>
                    </div>

                    <div class="buttonwrappr">

                        <button class="add-to-board-btn" data-look-id="3542" data-is-own-look="false">
    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85h237.74v106H206.78v546.44h546.44v-237.74h106v237.74q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78Zm437.74-423.74v-120h-120v-94.7h120v-120h94.7v120h120v94.7h-120v120h-94.7Z"/></svg>    </button>


                        <div class="like-div">
                            <button class="like2-button" data-tippy-content="Please log in to like">
                                <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ADADAD"><path d="m479.43-94-71-63.87q-103.26-92.69-170.67-160.39-67.41-67.7-106.7-121.61Q91.78-493.78 76-539.48 60.22-585.17 60.22-634q0-102.48 68.37-171.13 68.37-68.65 170.84-68.65 51.44 0 97.87 19.74 46.44 19.73 82.13 56.91 35.7-37.18 82.14-56.91 46.43-19.74 97.86-19.74 102.48 0 171.42 68.65 68.93 68.65 68.93 171.13 0 48.26-15.5 93.96-15.5 45.69-55.06 99.32-39.57 53.63-107.26 121.61-67.7 67.98-171.52 161.24L479.43-94Z"/></svg>                                <span style="color:var(--gst-text-555);">0</span>
                            </button>
                        </div>


                        <div class="try-on-button">
                            <a href="https://gosupermodel.com/shopping/inventory.jsp?context=0&amp;uiids=LM69a1hWSOhZwChr0O_fo,nudaG_0Be6oFsvHuV1pi7,sEwNZ4P1GdvUgbSy5TS1b,hO38sWh0OOdTt5-ZAMD13,Cwo4IwalprgT9Ot8CVxqv,qCKZ16UaHQVO7XB_PKmPj,z3bOpzuQNVyzUK1fZz6vI,aSeysvMoL3d6ps6JcK8BW,3ZGwOjTrphR6Kq3ZLlc64,i7FxHdeS65XPmVXOhkH8n,3AuYQmDnjm9yLpuglWCyG,EUBvDrTnYfiKqMpX8fOy3,e10VkCxxWdggLDc00mgG5,MtTNave6ssuWqCXrmImer,J_WHpowevRyDnVmxdASzL,DNUHRdSUSZ8vJ8_Mo1aZ8,e2NutmKFp1KiqKsGrqU7M,Z3Y2CAj_6K_QJnJ36cAfA,xArcC6I1j-cK3nzOJ9dg3,TCCe8ttWdBtuhdApTiKj7,Th6VVRnJhK5uLsKqrykBE,xpn6Gfeeih7rbYE88hGi1,guBbjBw6lNntduavFiV0F,EzygtHHlGzVDpwmP_b2_3,k-03dqkdqgKKLFilwlH1N,C-PFqw_qqyNKbHEd-nrEy,NM2VOgVJy_dn1tHoxoLtR,ipzgl7gmRZ5PkmVH7ORID,N0pztM1I8u0ZPR65Zd1gj,zbNB5--sZ8MOM_nVR99cg,sVo_32J_gkG0cvxVs-e0m,7cyHNoKbZlKeCcTs4ffjF,SUHNvmf7w6Tdt7iegvKIx" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-pink)"><path d="M206.78-100.78q-44.3 0-75.15-30.85-30.85-30.85-30.85-75.15v-546.44q0-44.3 30.85-75.15 30.85-30.85 75.15-30.85H480v106H206.78v546.44h546.44V-480h106v273.22q0 44.3-30.85 75.15-30.85 30.85-75.15 30.85H206.78ZM405.52-332 332-405.52l347.69-347.7H560v-106h299.22V-560h-106v-119.69L405.52-332Z"/></svg>
                        </a>
                        </div>
                    </div>

                    <div class="vibetag">
                                                                                    <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Sweet.svg" alt="Sweet">
                                    Sweet                                </div>
                                                            <div class="vibetag-item">
                                    <img src="../static/vibe/Icons_V_Summer.svg" alt="Summer">
                                    Summer                                </div>
                                                                        </div>

                                        <div class="dressup-item-count">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="var(--gst-svg-grayToWhite)"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>33 items
                    </div>
                    <div class="div-wrapper"></div>

                </div>
                        
    <div class="pagination">
             </div>
</div>
</div>
    </div>
    <script>
        document.querySelectorAll('.add-to-board-btn').forEach(function(button) {
    button.addEventListener('click', function() {
        const lookId = this.getAttribute('data-look-id');
        const isOwnLook = this.getAttribute('data-is-own-look') === 'true';

        fetch('../api/list/get_portfolio_status.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            body: new URLSearchParams({ look_id: lookId })
        })
        .then(response => response.json())
        .then(data => {
            Swal.fire({
                title: 'Add to Board',
                html: `
                    <form id="addToBoardForm">
                        ${data.portfolios.map(portfolio => `
                            <div>
                                <input type="checkbox" name="portfolio[]" value="${portfolio.id}" ${portfolio.checked ? 'checked' : ''}>
                                <label>${portfolio.name}</label>
                            </div>
                        `).join('')}
                    </form>
                `,
                showCancelButton: true,
                confirmButtonText: 'Save'
            }).then((result) => {
                if (result.isConfirmed) {
                    const form = document.getElementById('addToBoardForm');
                    const selectedPortfolios = Array.from(form.querySelectorAll('input[name="portfolio[]"]:checked'))
                        .map(input => input.value);
                    const unselectedPortfolios = Array.from(form.querySelectorAll('input[name="portfolio[]"]:not(:checked)'))
                        .map(input => input.value);

                    const url = isOwnLook ? '../api/list/add_look_to_portfolio.php' : '../api/list/add_look_to_portfolio_other.php';

                    fetch(url, {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded'
                        },
                        body: new URLSearchParams({
                            look_id: lookId,
                            portfolio_ids: selectedPortfolios.join(','),
                            deletePortfolio_ids: unselectedPortfolios.join(',')
                        })
                    })
                    .then(response => response.json())
                    .then(data => {
                        if (data.success) {
                            Swal.fire('Success', 'Look updated in the selected Board.', 'success')
                                .then(() => {
                                    window.location.reload();
                                });
                        } else {
                            Swal.fire('Error', data.message || 'Failed to update look in Board.', 'error');
                        }
                    })
                    .catch(() => {
                        Swal.fire('Error', 'An error occurred. Please try again later.', 'error');
                    });
                }
            });
        })
        .catch(() => {
            Swal.fire('Error', 'An error occurred while loading Board.', 'error');
        });
    });
});
                document.addEventListener("DOMContentLoaded", function () {
                    tippy('.like2-button', {
        placement: 'top',
        animation: 'shift-away',
        theme: 'light',
    });

            const countItemsLinks = document.querySelectorAll('.dressup-item-count');
            let currentOpenWrapper = null;

            const urlParams = new URLSearchParams(window.location.search);
            const filterValue = urlParams.get('filter');
            if (filterValue) {
                const filterSelect = document.querySelector('select[name="filter"]');
                filterSelect.value = filterValue;
            }

            const likedLooks = JSON.parse(localStorage.getItem('likedLooks')) || [];

            countItemsLinks.forEach(link => {
                link.addEventListener('click', function () {
                    const lookDiv = this.closest('.look');
                    const imgWrapper = lookDiv.querySelector('.div-wrapper');

                    if (imgWrapper.classList.contains('open')) {
                        imgWrapper.classList.remove('open');
                        resetDressupItems(lookDiv);
                        currentOpenWrapper = null;
                    } else {
                        if (currentOpenWrapper) {
                            currentOpenWrapper.classList.remove('open');
                            const prevLookDiv = currentOpenWrapper.closest('.look');
                            resetDressupItems(prevLookDiv);
                        }

                        imgWrapper.innerHTML = '';
                        const dressupContainer = lookDiv.querySelector('.dressup-container');
                        const dressupItems = dressupContainer.querySelectorAll('.dressup-item');

                        dressupItems.forEach(item => {
                            const imgSrc = item.querySelector('img').src;
                            const imgElement = document.createElement('div');
                            imgElement.classList.add('img-wrapper');
                            imgElement.setAttribute('data-img-src', imgSrc);
                            imgElement.innerHTML = '<img src="' + imgSrc + '">';
                            imgElement.addEventListener('mouseenter', function () {
                                highlightDressupItem(imgSrc, lookDiv);
                            });
                            imgElement.addEventListener('mouseleave', function () {
                                resetDressupItems(lookDiv);
                            });
                            imgElement.addEventListener('click', function () {
                                openItemInNewTab(item.dataset.uiid);
                            });

                            imgWrapper.prepend(imgElement);
                        });

                        imgWrapper.classList.add('open');
                        currentOpenWrapper = imgWrapper;
                    }
                });
            });

            function highlightDressupItem(imgSrc, lookDiv) {
                const dressupItems = lookDiv.querySelectorAll('.dressup-item img');
                const isDarkMode = document.documentElement.classList.contains('dark-mode');
                const shadowColor = isDarkMode ? 'rgba(255, 255, 255, 0.8)' : 'rgba(0, 0, 0, 0.8)';
                
                dressupItems.forEach(item => {
                    if (item.src === imgSrc) {
                        item.style.filter = `drop-shadow(0 0 4px ${shadowColor})`;
                    } else {
                        item.style.filter = 'none';
                    }
                });
            }

            function resetDressupItems(lookDiv) {
                const dressupItems = lookDiv.querySelectorAll('.dressup-item img');
                dressupItems.forEach(item => {
                    item.style.filter = 'none';
                });
            }

            function openItemInNewTab(uiid) {
                const url = '/item/' + uiid;
                window.open(url, '_blank');
            }

            function handleLikeButtonClick(event) {
        const lookDiv = event.target.closest('.look');
        const lookID = lookDiv.dataset.lookId;
        const likeButton = event.target.closest('.like-button');
        const likeImg = likeButton.querySelector('.like-img');
        const likeCount = likeButton.querySelector('span');

        fetch('../api/list/like.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ lookID: lookID })
        }).then(response => response.json())
            .then(data => {
                if (data.success) {
                    likeCount.innerText = data.likes;

                    if (likeImg.src.includes('fav1.svg')) {
                        likeImg.src = '../static/icons/fav2.svg';
                    } else {
                        likeImg.src = '../static/icons/fav1.svg';
                    }
                } else {
                    customAlertError('' + data.message);
                }
            }).catch(error => {
                console.error('Error:', error);
            });
    }

    const likeButtons = document.querySelectorAll('.like-button');
    likeButtons.forEach(button => {
        button.addEventListener('click', handleLikeButtonClick);
    });

        });

        document.getElementById('editPortfolioBtn').addEventListener('click', function() {
    Swal.fire({
        title: 'Edit Board',
        html: `
            <style>
                .swal2-input, .swal2-textarea {
                    width: calc(100% - 40px) !important;
                    margin: 10px 20px !important;
                }
                .swal2-textarea {
                    height: 100px !important;
                }
            </style>
            <input id="portfolioName" class="swal2-input" placeholder="Board Name" maxlength="60" value="Light fantasy looks">
            <textarea id="portfolioDescription" class="swal2-textarea" maxlength="280" placeholder="Board Description">Fantasy looks of creatures of the light</textarea>
            <div style="margin-top: 10px;">
                <input id="portfolioPublic" type="checkbox" ${"checked"}>
                <label for="portfolioPublic">Make Board Public</label>
            </div>
            <div style="margin-top: 10px;">
                <button id="deletePortfolioBtn" class="swal2-cancel swal2-styled" style="background-color: red; color: var(--gst-text-white);">Delete Board</button>
            </div>
        `,
        showCancelButton: true,
        confirmButtonText: 'Save',
        cancelButtonText: 'Cancel',
        preConfirm: () => {
            const name = Swal.getPopup().querySelector('#portfolioName').value;
            const description = Swal.getPopup().querySelector('#portfolioDescription').value;
            const isPublic = Swal.getPopup().querySelector('#portfolioPublic').checked;
            if (!name) {
                Swal.showValidationMessage('Please enter a Board name');
                return false;
            }
            return { name, description, isPublic };
        }
    }).then((result) => {
        if (result.isConfirmed) {
            const { name, description, isPublic } = result.value;

            fetch('../api/list/update_portfolio.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                body: new URLSearchParams({
                    'id': '352',
                    'name': name,
                    'description': description,
                    'public': isPublic ? 'true' : 'false'
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    Swal.fire('Success', 'Board updated successfully!', 'success')
                    .then(() => {
                        window.location.reload();
                    });
                } else {
                    Swal.fire('Error', data.message || 'Failed to update Board. Please try again.', 'error');
                }
            })
            .catch(() => {
                Swal.fire('Error', 'An error occurred. Please try again later.', 'error');
            });
        }
    });

    document.getElementById('deletePortfolioBtn').addEventListener('click', function() {
        Swal.fire({
            title: 'Are you sure?',
            text: 'Do you want to delete this Board?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'No, keep it'
        }).then((result) => {
            if (result.isConfirmed) {
                fetch('../api/list/update_portfolio.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded'
                    },
                    body: new URLSearchParams({
                        'id': '352',
                        'delete': 'true'
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        Swal.fire('Deleted!', 'Your Board has been deleted.', 'success')
                        .then(() => {
                            window.location.href = 'myportfolio.php';
                        });
                    } else {
                        Swal.fire('Error', data.message || 'Failed to delete Board. Please try again.', 'error');
                    }
                })
                .catch(() => {
                    Swal.fire('Error', 'An error occurred. Please try again later.', 'error');
                });
            }
        });
    });
});

    document.getElementById('addLookBtn').addEventListener('click', function() {
        Swal.fire({
            title: 'Add Look to Board',
            html: `
                <select id="lookSelect" class="swal2-select">
                    <option value="" disabled selected>Select a Look</option>
                                    </select>
                <div id="lookPreview"></div>
            `,
            showCancelButton: true,
            confirmButtonText: 'Add',
            cancelButtonText: 'Cancel',
            preConfirm: () => {
                const lookId = Swal.getPopup().querySelector('#lookSelect').value;
                if (!lookId) {
                    Swal.showValidationMessage('Please select a look');
                    return false;
                }
                return { lookId };
            }
        }).then((result) => {
            if (result.isConfirmed) {
                const { lookId } = result.value;

                fetch('../api/list/add_look_to_portfolio.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded'
                    },
                    body: new URLSearchParams({
                        'portfolio_ids': '352',
                        'look_id': lookId
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        Swal.fire('Success', 'Look added to Board successfully!', 'success')
                        .then(() => {
                            window.location.reload();
                        });
                    } else {
                        Swal.fire('Error', data.message || 'Failed to add look. Please try again.', 'error');
                    }
                })
                .catch(() => {
                    Swal.fire('Error', 'An error occurred. Please try again later.', 'error');
                });
            }
        });

        document.querySelector('#lookSelect').addEventListener('change', function() {
            const selectedOption = this.options[this.selectedIndex];
            const content = selectedOption.getAttribute('data-content');
            document.querySelector('#lookPreview').innerHTML = content;
        });
    });

    document.querySelectorAll('.remove-look-button').forEach(button => {
        button.addEventListener('click', function() {
            const lookId = this.parentElement.getAttribute('data-look-id');
            Swal.fire({
                title: 'Remove Look',
                text: 'Are you sure you want to remove this look from your Board? This will NOT delete the look from your portfolio.',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, remove it!',
                cancelButtonText: 'Cancel'
            }).then((result) => {
                if (result.isConfirmed) {
                    fetch('../api/list/remove_look_from_portfolio.php', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded'
                        },
                        body: new URLSearchParams({
                            'portfolio_id': '352',
                            'look_id': lookId
                        })
                    })
                    .then(response => response.json())
                    .then(data => {
                        if (data.success) {
                            Swal.fire('Removed!', 'Look has been removed from your Board.', 'success')
                            .then(() => {
                                window.location.reload();
                            });
                        } else {
                            Swal.fire('Error', data.message || 'Failed to remove look. Please try again.', 'error');
                        }
                    })
                    .catch(() => {
                        Swal.fire('Error', 'An error occurred. Please try again later.', 'error');
                    });
                }
            });
        });
    });


    </script>
</body>
</html>