#creator-list{max-width:min(1400px,95%);margin:0 auto;padding:3em 0;display:flex;flex-wrap:wrap;gap:1em;justify-content:flex-start}@media screen and (max-width:1024px){#creator-list{align-items:center}}@media screen and (max-width:600px){#creator-list{justify-content:center}}#creator-list .notfound{text-align:center;color:var(--dgold);background-color:#151515;padding:1em;width:100%}#creator-list .creator{height:400px;width:200px;background:url(/bg/wave.png) #0f0e0e;border:3px solid var(--dgold);position:relative;border-radius:5em 0 0 0;overflow:hidden}@media screen and (max-width:1280px){#creator-list .creator{width:200px;height:400px}}@media screen and (max-width:600px){#creator-list .creator{width:45%;height:300px;border-radius:2em 0 0 0}}#creator-list .creator .panel{overflow:hidden;width:100%;height:100%;position:absolute;top:0;left:0}#creator-list .creator .panel .name{color:#a3a3a3;font-size:3rem;rotate:90deg;transform-origin:left bottom;white-space:nowrap;position:absolute;left:0;top:-20px;font-weight:bolder;text-shadow:0 0 4px #000;transition:all .5s ease}@media screen and (max-width:768px){#creator-list .creator .panel .name{font-size:1.2rem}}#creator-list .creator .panel .name{z-index:1}#creator-list .creator .panel .creator-art{height:100%;position:absolute;transition:all .5s ease;left:80%;transform:translateX(-50%);scale:1}#creator-list .creator .bottom-info{position:absolute;bottom:0;background:var(--dgold);min-height:20%;width:100%;left:0;border-radius:0 2em 0 0;padding:1em;display:flex;flex-direction:column;transition:all .5s ease;justify-content:space-between;cursor:pointer}#creator-list .creator .bottom-info .a{font-weight:lighter}@media screen and (max-width:550px){#creator-list .creator .bottom-info .a{font-size:.8rem}#creator-list .creator .bottom-info .n{font-size:1rem;padding-bottom:.25em}}#creator-list .creator .bottom-info .btn-play{background:#0f0e0e;color:hsla(0,0%,100%,.2);border-radius:50%;width:30px;height:30px;padding:.5em;align-self:flex-end;justify-content:flex-end}#creator-list .creator .bottom-info .btn-play svg{width:100%;height:100%}#creator-list .creator .bottom-info{opacity:0;transform:translateY(100%)}#creator-list .creator:hover .bottom-info{transform:translateY(0);opacity:1}#creator-list .creator:hover .panel .name{opacity:0}#creator-list .creator:hover .panel .creator-art{left:50%;scale:1.05}@media screen and (max-width:768px){#creator-list .creator .bottom-info{transform:translateY(0);opacity:1}#creator-list .creator .panel .name{opacity:0}#creator-list .creator .panel .creator-art{left:50%;scale:1.05}}#creator-list:has(.groups){gap:2em}#creator-list .groups{width:100%;background:rgba(0,0,0,.147);border-radius:2em;padding:2em;border-bottom:4px solid rgba(49,49,49,.8235294118)}#creator-list .groups .gn{font-size:4rem;color:hsla(0,0%,100%,.801);font-weight:bolder;margin-bottom:.5em;text-shadow:0 0 4px #000}#creator-list .groups .creator-list{display:flex;gap:1em;flex-wrap:wrap}#video-popup{position:fixed;top:0;left:0;background:rgba(23,23,23,.5960784314);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;z-index:1000;transition:all .5s ease}#video-popup.close{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#video-popup{display:flex;align-items:center;justify-content:center}#video-popup .panel{position:relative;margin:0 auto;background:url(/bg/noise2.webp),#151515;background-blend-mode:multiply;border:10px solid var(--dgold);padding:2em}@media screen and (max-width:1024px){#video-popup .panel{border-width:2px}}#video-popup .panel{max-height:90vh;overflow-y:auto;width:70vw}@media screen and (max-width:1280px){#video-popup .panel{width:90vw}}@media screen and (max-width:420px){#video-popup .panel{width:98vw;padding-inline:.5em}}#video-popup .panel .info-rows{display:flex;padding-top:1em;gap:1em;overflow-x:auto}#video-popup .panel .info-rows .if{background:#202020;border-bottom:2px solid var(--dgold);padding:.55em 3em .55em 1em;flex-shrink:0}#video-popup .panel .info-rows h3{color:var(--dgold);font-size:1.1rem}@media screen and (max-width:1024px){#video-popup .panel .info-rows h3{font-size:.9rem}}#video-popup .panel .info-rows p{color:#fff;font-size:.9rem}@media screen and (max-width:1024px){#video-popup .panel .info-rows p{font-size:.8rem}}#video-popup .panel iframe{aspect-ratio:16/9;width:100%;height:auto;border:none}#video-popup .panel .content{display:grid}#video-popup .panel .content.hasExtra{gap:1em;grid-template-columns:1fr 1fr}@media screen and (max-width:1280px){#video-popup .panel .content.hasExtra{grid-template-columns:2fr 1fr}}@media screen and (max-width:1024px){#video-popup .panel .content.hasExtra{grid-template-columns:1fr}}#video-popup .panel .side{display:grid;grid-template-columns:1fr 1fr;justify-content:flex-start}@media screen and (max-width:350px){#video-popup .panel .side{grid-template-columns:1fr}}#video-popup .panel .side{align-items:flex-start;justify-items:flex-start;align-content:flex-start;gap:1em}