
:root {
    --background: 222 47% 11%;
    --foreground: 210 40% 98%;
    --card: 222 47% 15%;
    --card-foreground: 210 40% 98%;
    --popover: 222 47% 11%;
    --popover-foreground: 210 40% 98%;
    --primary: 266.48deg 67.44% 42.16%;
    --muted-foreground: 215 20% 65%;
    --accent: 217 33% 25%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 63% 31%;
    --destructive-foreground: 210 40% 98%;
    --border: 217 33% 25%;
    --input: 217 33% 25%;
    --ring: 217.2 91.2% 59.8%;
    --radius: .8rem;
}

.object-cover {
    border: 1px solid #f9ddff;
    border-radius: 0 0 20px 20px;
}

.card-premium-inner > img {
    padding-left: .5rem;
    padding-right: .5rem;
}

.card-premium-inner {
    border:1px solid #ffffff80;
}
.border-t {
    width: 100%!important;
}

.mb-4 {
    margin-bottom: 1rem;
    border-radius: 10px;
    background: #6323b480;
    box-shadow: 0 0 10px #f9ddff inset;
    padding: 10px;
}

.hover\:scale-105:hover {
   box-shadow: 0 0 10px #f9ddff;
}

.py-6 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}


.mt-2 {
    margin-top: .5rem;
    padding: 0 20px 0px 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}
.bg-card\/50 {
    background: linear-gradient(90deg, #6323b480 0%, #924fa1b3 50%, #6323b480 100%);
}

#root > div > main > div:nth-child(3) > div:nth-child(8) > div.relative > div.flex.gap-4.overflow-x-auto.overflow-y-hidden.scrollbar-hide.md\:grid.md\:grid-cols-3.md\:overflow-hidden.snap-x.snap-mandatory.scroll-smooth.-mx-4.px-4 > a > div > div.flex.items-center.gap-2.md\:gap-3{
    margin-top: .5rem;
    padding: 0 20px 0px 20px;
    width: 100%;
    text-align: center;
}
.text-primary-foreground {
    border-radius: 20px 20px 0 0!important;
    margin-bottom: -10px;
}
@media (min-width: 768px) {
#root > div > main > div:nth-child(3) > section.md\:px-8 > div > a > div > div.w-full.aspect-square.flex.items-center.justify-center.bg-black\/50 > img{
    padding-left: 2rem;
    padding-right: 2rem;
}
}

.live-indicator {
    background: #6323b480!important;
    border:1px solid;
}

.h-4 {
    color: #f9ddff !important;
}

#root > div > header > div{
    background: linear-gradient(180deg, hsl(266deg 67% 42% / 30%) 0%, hsl(289deg 34% 47% / 70%) 100%); !important;
}
#root > div > footer > div{
    background: linear-gradient(180deg,  hsl(289deg 34% 47% / 70%) 0%, hsl(266deg 67% 42% / 30%) 100%); !important;
}