
.art-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    /*background-size: contain;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/app/art/assets/images/art.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.builder-logo{
    background-image: url(/assets/logo/builder-logo.webp);
    background-size: 100%;    
    background-repeat: no-repeat;
    background-position: center;
}
.builder-text-logo{
    background-image: url(/assets/logo/builder-text.webp);
    background-size: 100%;    
    background-repeat: no-repeat;
    background-position: center;
}
.fornite-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/fornite.svg);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.city-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/city.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
    .city-logo-medium{
        color: white;
        width: var(--grid4);
        /*height: var(--grid2);*/
        /*font-size: 24px;*/
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/assets/logo/city.png);
        /*margin-left: 12px;*/
        /*color: var(--grey);*/
    }
    .city-logo-big{
        color: white;
        width: var(--grid4);
        height: var(--grid4);
        /*font-size: 24px;*/
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/assets/logo/city.png);
        /*margin-left: 12px;*/
        /*color: var(--grey);*/
    }
.jaws-logo{
    background-image: url(/assets/logo/jaws-logo-600w.png);
    background-size:80%;
    background-position: center;
    background-repeat: no-repeat;    
}
.star-wars-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 76%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/sw.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.star-trek-logo{
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    background-size: 76%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/star_trek_logo_-min_2048x.webp);
}

.transformers-logo{
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/transformers.svg);
    /*background-image: url(/assets/logo/2026/Transformers-Logo-1984-1989.webp);*/
    
}

.dc-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/dc.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.ai-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/ai/AI_Icon_White.webp);
    /*margin-left: 12px;*/
}
.lego-ai-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/ai/LEGO_AI_Icon_White.webp);
    /*margin-left: 12px;*/
}
.gabby-logo{
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/gabbysDollhouse-logo-600w.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.bluey-logo{
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/Bluey.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.zelda-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/Zelda-logo-red-600w.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.nike-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/lego-nike.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.one-piece-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/Next_reveal_onepiece-Logo_v01.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.editions-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/Editions_Logo_600_W.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.smart-play-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/smart-play.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.emmet-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/emmet4.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.emmet-dark-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/emmet-black.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.lucy-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/lucy.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.lucy-dark-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/lucy-black.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
    /*filter:invert(1);*/
}
.movie-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    /*66*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/movie.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.movie2-logo{
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    /*72*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/movie2.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
	
}
.hp-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 92%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/hp.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.kpop-logo{
    /*color: white;*/
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/2026/kpop/kpop-demon-hunters-logo-white.webp);
    /*margin-left: 12px;*/
}
.kpop-black-logo{
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/2026/kpop/kpop-demon-hunters-logo-black.webp);
}
.fantastic-beasts-logo{
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100% center;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/fantastic-beasts.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.disney-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/disney.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.technic-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/technic.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.marvel-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 77%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/marvel.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.f1-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/f1.png);
}
.f1-new-logo {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/f1-2.webp);
}

/********************/

.icons-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/icons.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.ideas-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/ideas.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.ideas-white-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/ideas-white.svg);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.botanicals-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 84%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/botanicals_2025_600w-w.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.duplo-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/duplo.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.dune-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/dune.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.indie-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/indie.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.batman-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/batman.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.adults-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/adults.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.architect-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    /*background-size: contain;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/architect.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.braille-logo {
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/LEGOBrailleBricksLogo.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.looney-tones-logo{
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/Looney_Tunes.png);
    
}

.creator-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/creator.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}



.dreamzzz-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/dreamzzz.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.avatar-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/avatar.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.avatar2-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/avatar-logo-600w.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.animal-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/animal.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.boost-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/boost.jpg);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

/**/
.dots-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/dots.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.friends-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/friends.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.brick-headz-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 77%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/brick-headz.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.horizon-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/horizon.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.adventures {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/adventures.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.horizon-adventures {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/horizon-adventures.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.horizon-adventures-white {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/horizon-adventures-white.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.jurassic-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 58%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/jurassic2.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

/**/
.minecraft-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/minecraft.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.lor-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/lor.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
/**/
.classic-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/classic.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.mindstorms-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/mindstorms_EV3.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.education-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/education-new.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.education2-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/theme-legoeducation2025-black-compressed.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}



.avengers-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/avengers3.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.minifig-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/minifig.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.monkie-kid-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/monkie.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.ninjago-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/ninjago.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.overwatch-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/overwatch.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.serius-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/serius.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.sonic-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/sonic.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.speed-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/speed.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.super-mario-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/mario.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.creator-expert-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/creator-expert.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.insider-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/insiders.webp);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.xtra-logo {
    color: white;
    /*width: var(--grid3);*/
    /*height: var(--grid2);*/
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/xtra.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.steam-logo {
    color: white;
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/svg/steam.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}
.nintendo-switch-logo {
    color: white;
    /*font-size: 24px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/svg/nintendo-switch.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

/******2025******/

.poweredup-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/powered-up-logo.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.wednesday-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/wednesday.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.wicked-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/wicked-600w.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
}

.gru4-logo{

    color: white;
    /*font-size: 24px;*/
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/01_DM4-AboutPage_In-Page-Nav-Logo.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
	
}

.seriusplay-logo{

    color: white;
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/logo--serious-play.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
	
}

.speed-champions-logo{

    color: white;
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/Speed_Champions-Logo.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
	
}

.spiderman-logo{

    color: white;
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/new/spiderman_logo_pos_300w.png);
    /*margin-left: 12px;*/
    /*color: var(--grey);*/
	
}

.pirates-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/pirates.webp);
}

.pirates-new-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/pirates.png);
}

.potc-logo{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/potc.webp);
}

.pokemon-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/2026/Pokemon_logo.webp);
}

.western-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/western.webp);
}

.castle-logo{
    color: white;
    /*font-size: 24px;*/
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/castle.jpg);
}

.pixar-logo{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/logo/pixar.svg);
}

/*@media(max-width:769px){*/
/*  .productContainerA .productBox{*/
    /*top: -572px !important; */
    /*left: 52px !important;*/
/*  }*/
/*}*/

/*APPS-GAMES*/

.switchTo3D{
  /*position:absolute;*/
  /*top:78px;*/
  /*top:130px;*/
  /*right:var(--scrollBarWidth);*/
  /*margin-bottom:26px;*/
  z-index:20;
  
  width:52px;
  height:52px;
  z-index:9;
  background-image:url(/assets/icons/3d.png);
  background-size:100%;
  background-position:center;
  background-repeat:no-repeat;
}

.metaverse{
  /*position:absolute;*/
  /*top:78px;*/
  /*right:var(--scrollBarWidth);*/
  /*top:130px;*/
  /*margin-right:26px;*/
  /*margin-bottom:26px;*/
  z-index:9;

  width:52px;
  height:52px;
  background-image:url(/assets/icons/meta-face2.png);
  background-size:100%;
  background-position:center;
  background-repeat:no-repeat;

  
  
}