body{background-color:var(--color-white);color:var(--color-base);font-family:var(--font-base)}.no-scroll{overflow:hidden;height:100%}a{all:unset;cursor:pointer}.container{max-width:none;padding-inline:24px;margin-inline:auto}@media(min-width:1400px){.container{padding-inline:32px}}.page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-white)}.page-container{display:flex;flex-grow:1}.page-container.page-container-full{flex-direction:column;padding-inline:24px;padding-block:30px 0}@media(min-width:1400px){.page-container.page-container-full{padding-inline:32px}}.page-content,.page-content-full .inside-container{display:flex;flex-direction:column;padding-inline:20px;max-width:1500px;width:100%;margin-inline:auto;padding-bottom:32px}@media(min-width:768px){.page-content,.page-content-full .inside-container{padding-inline:30px}}@media(min-width:1020px){.page-content,.page-content-full .inside-container{padding-inline:60px}}.masonry-item{width:calc((100% - 48px)/4)}@media(max-width:1200px){.masonry-sizer,.masonry-item{width:calc((100% - 32px) / 3)}}@media(max-width:820px){.masonry-sizer,.masonry-item{width:calc((100% - 16px)/2)}}@media(max-width:640px){.masonry-sizer,.masonry-item{width:calc((100% - 16px)*1)}}header{background:var(--color-white);padding:12px 0;border-bottom:1px solid var(--color-light-grey);position:sticky;top:0;z-index:50;place-content:center}header>.container{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}.logo{display:flex;color:var(--color-logo);font-size:24px;gap:2px;align-items:baseline;cursor:pointer;text-decoration:none}.logo .logo-title,.logo .logo-guide{font-family:var(--font-logo)}.logo .logo-dot{background:var(--color-primary);width:7px;height:7px;border-radius:50%;display:block}.header-left{display:contents}@media(min-width:1020px){.header-left{display:flex;align-items:center;flex-grow:1;column-gap:20px}}.header-search-area{display:none;align-items:center;width:auto}@media(min-width:768px){.header-search-area{display:flex}}.header-search-input{position:relative;width:100%;display:flex;align-items:center;margin-inline-end:-1px}@media(min-width:1020px){.header-search-input{width:431px}}.header-input{width:100%;height:100%;background:transparent;border:1px solid var(--color-light-grey);box-shadow:none;padding-left:40px;outline:none;font-size:14px;font-weight:500;padding-inline-start:42px;border-radius:12px 0 0 12px;height:46px}.header-input:focus{z-index:1;border-color:var(--color-primary)}.header-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:2}.header-search-right{position:relative;display:flex;align-items:center;width:max-content;border-radius:0 12px 12px 0;border:1px solid var(--color-light-grey);height:46px;white-space:nowrap;padding:4px}.header-select-search-btn{background:color-mix(in srgb,var(--color-primary) 15%,transparent);cursor:pointer;padding:7px;border-radius:8px;border:none;display:flex;align-items:center;pointer-events:none}.header-hot-live{border:1px solid var(--color-light-grey);overflow:hidden;gap:4px;padding:3px;background:var(--color-white);flex-shrink:0;height:46px;border-radius:12px;display:none}@media(min-width:768px){.header-hot-live{display:flex}}.header-hot-live .header-hot-live-btn{text-transform:uppercase;padding-block:5px;padding-inline:10px 16px;border-radius:8px;color:var(--color-grey);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;border:none;transition:background .2s,color .2s;pointer-events:none}.header-hot-live .header-hot-live-icon{font-size:20px}.mobile-hot-live{position:fixed;bottom:calc(73px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;padding:3px;border-radius:20px;border:1px solid var(--color-light-grey);overflow:hidden;gap:4px;background:var(--color-white);box-shadow:0 0 16px 0 color-fade(var(--color-black),5%);z-index:44}@media(min-width:768px){.mobile-hot-live{display:none}}.mobile-hot-live .header-hot-live-btn{text-transform:uppercase;padding-block:5px;padding-inline:10px 16px;border:1px solid var(--color-light-grey);border-radius:16px;color:var(--color-grey);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer}.mobile-header-burger{display:flex;align-items:center;gap:16px}@media(min-width:768px){.mobile-header-burger{display:none}}.mobile-header-burger .close-btn{padding:6px;border-radius:50%;background:var(--color-primary);height:32px;width:32px;position:relative;transition:all .3s ease-in-out}.mobile-header-burger .close-btn .burger-icon{position:relative;display:block;width:20px;height:2px;background:transparent;transition:all .3s ease-in-out}.mobile-header-burger .close-btn .burger-icon:before,.mobile-header-burger .close-btn .burger-icon:after{content:"";position:absolute;left:0;width:100%;height:100%;background:var(--color-white);transition:all .3s ease-in-out;opacity:0}.mobile-header-burger .close-btn .burger-icon:before{transform:rotate(45deg)}.mobile-header-burger .close-btn .burger-icon:after{transform:rotate(-45deg)}.mobile-header-burger .close-btn.rotated{background:var(--color-primary-darker)}.mobile-header-burger .close-btn.rotated .burger-icon:after,.mobile-header-burger .close-btn.rotated .burger-icon:before{opacity:1}.mobile-nav{display:flex;position:sticky;justify-content:space-around;align-items:center;padding-block:8px calc(8px + env(safe-area-inset-bottom));padding-inline:16px;background-color:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 0 16px 0 color-fade(var(--color-black),5%);bottom:0;z-index:49}@media(min-width:768px){.mobile-nav{display:none}}.mobile-nav .mobile-nav-item{display:flex;flex-direction:column;align-items:center;row-gap:2px;cursor:pointer}.mobile-nav .mobile-nav-item .mobile-nav-icon{display:grid;place-items:center;width:60px;padding:4px;border-radius:16px}.mobile-nav .mobile-nav-item .mobile-nav-icon svg{width:24px;height:24px}.mobile-nav .mobile-nav-item .mobile-nav-avatar{position:relative;width:24px;height:24px}.mobile-nav .mobile-nav-item .mobile-nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-nav .mobile-nav-item .mobile-nav-avatar .mobile-nav-notifications{position:absolute;display:block;width:9px;height:9px;background:var(--color-red);border-radius:50%;top:-2px;right:-2px}.mobile-nav .mobile-nav-item .mobile-nav-label{font-size:10px;font-weight:500;line-height:14px;color:var(--color-base)}.mobile-nav .mobile-nav-item.active .mobile-nav-icon{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}.mobile-nav .mobile-nav-item.active .mobile-nav-icon svg{fill:var(--color-primary)}.mobile-nav .mobile-nav-item.active .mobile-nav-label{font-weight:600}.mobile-topbar{position:fixed;height:100%;z-index:50;width:100%;opacity:.88;background:var(--color-black);transform:translateY(-100%);animation:dropIn .65s cubic-bezier(.22,1.2,.36,1.01) forwards}@keyframes dropIn{to{transform:translateY(0)}}.mobile-topbar .topbar-inner{display:inline-block;padding-top:70px;padding-left:12px;width:max-content}.mobile-topbar .topbar-inner .topbar-item.current figure{background:var(--color-primary-darker)}.mobile-topbar .topbar-inner .topbar-item figure{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--color-white);padding:6px 12px;background:var(--color-topbar-label);border-radius:12px}.mobile-topbar .topbar-inner .topbar-item figure .domain-text{font-size:16px;font-family:var(--font-logo)}.topbar{position:relative;padding:7px 32px;z-index:51;display:none;background:var(--color-black)}@media(min-width:768px){.topbar{display:block}}.topbar .topbar-inner{position:relative}.topbar .topbar-inner .topbar-item{opacity:0;cursor:pointer;visibility:hidden;padding:6px 8px;border-radius:10px;transform:translate(-20px);transition:transform .3s ease,opacity .3s ease,visibility .3s ease,background .3s ease}.topbar .topbar-inner .topbar-item:nth-child(1){transition-delay:.05s,.05s,.05s,0s}.topbar .topbar-inner .topbar-item:nth-child(2){transition-delay:.1s,.1s,.1s,0s}.topbar .topbar-inner .topbar-item:nth-child(3){transition-delay:.15s,.15s,.15s,0s}.topbar .topbar-inner .topbar-item:nth-child(4){transition-delay:.2s,.2s,.2s,0s}.topbar .topbar-inner .topbar-item:nth-child(5){transition-delay:.25s,.25s,.25s,0s}.topbar .topbar-inner .topbar-item:nth-child(6){transition-delay:.3s,.3s,.3s,0s}.topbar .topbar-inner .topbar-item:nth-child(7){transition-delay:.35s,.35s,.35s,0s}.topbar .topbar-inner .topbar-item:nth-child(8){transition-delay:.4s,.4s,.4s,0s}.topbar .topbar-inner .topbar-item:nth-child(9){transition-delay:.45s,.45s,.45s,0s}.topbar .topbar-inner .topbar-item:nth-child(10){transition-delay:.5s,.5s,.5s,0s}.topbar .topbar-inner .topbar-item figure{position:relative;display:flex;align-items:center;gap:8px}.topbar .topbar-inner .topbar-item .domain-text{font-size:16px;font-family:var(--font-logo);color:var(--color-white);background:var(--color-topbar-label)}.topbar .topbar-inner .topbar-item.current{background:var(--color-topbar-label)}.topbar .topbar-inner .topbar-item.current .domain-text{opacity:1;visibility:visible;position:static}.topbar .topbar-inner .topbar-item:not(.current) .domain-text{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease,visibility .3s ease;z-index:999;top:120%;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:12px;align-items:center}.topbar .topbar-inner .topbar-item:hover{background:var(--color-topbar-label)}.topbar .topbar-inner .topbar-item:hover .domain-text{visibility:visible;opacity:1}.topbar .topbar-inner.visible .topbar-item{opacity:1;transform:translate(0);visibility:visible}.topbar .topbar-inner .menu-items{display:flex;align-items:center;gap:6px}.topbar .topbar-inner .menu-items .close-btn{padding:6px;border-radius:50%;background:var(--color-primary);height:32px;width:32px;position:relative;transition:all .3s ease-in-out}.topbar .topbar-inner .menu-items .close-btn:hover{background:var(--color-primary-darker)}.topbar .topbar-inner .menu-items .close-btn .burger-icon{position:relative;display:block;width:20px;height:2px;background:transparent;transition:all .3s ease-in-out}.topbar .topbar-inner .menu-items .close-btn .burger-icon:before,.topbar .topbar-inner .menu-items .close-btn .burger-icon:after{content:"";position:absolute;left:0;width:100%;height:100%;background:var(--color-white);transition:all .3s ease-in-out;opacity:0}.topbar .topbar-inner .menu-items .close-btn .burger-icon:before{transform:rotate(45deg)}.topbar .topbar-inner .menu-items .close-btn .burger-icon:after{transform:rotate(-45deg)}.topbar .topbar-inner .menu-items .close-btn.rotated{background:var(--color-primary-darker)}.topbar .topbar-inner .menu-items .close-btn.rotated .burger-icon:after,.topbar .topbar-inner .menu-items .close-btn.rotated .burger-icon:before{opacity:1}.topbar .topbar-inner .right-group{display:flex;align-items:center;gap:24px}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;min-height:100vh;text-rendering:optimizeSpeed;line-height:1}h1,h2,h3,h4,h5,h6,p,ul,figure,blockquote,dl,dd{padding:0;margin:0}button{border:none;background-color:transparent;font-family:inherit;padding:0;cursor:pointer}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}:root{--color-base: #3d3d3d;--color-primary: #8c4df2;--color-primary-alt: #7c52bf;--color-primary-darker: #4a2880;--color-red: #fd3347;--color-logo: #1e2832;--color-border: #d6dbea;--color-grey: #6b7280;--color-light-grey: #e2e5ef;--color-lighter-grey: #f5f6fa;--color-black: #000;--color-white: #fff;--color-topbar-label: #2c2735;--font-base: "Plus Jakarta Sans", sans-serif;--font-logo: "Paytone One", sans-serif;--font-size-base: 14px;--line-height-base: 24px;--banner-height: 160px;--messages-header-height: 70px}@media(min-width:576px){:root{--banner-height: 220px}}@media(min-width:768px){:root{--banner-height: 350px;--messages-header-height: 80px}}.indexter-card.inactive{opacity:.78;pointer-events:none}.indexter-card{position:relative;display:block;width:100%;break-inside:avoid;border-radius:18px;overflow:hidden;text-decoration:none;isolation:isolate}.indexter-card:hover img{transform:scale(1.05)}.indexter-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000bf,#00000059,#0000 70%)}.indexter-card .i-card-icon{display:block}.indexter-card .i-card-icon img{position:relative;z-index:0;inset:auto;width:100%;height:auto;display:block;object-fit:cover;transition:transform .22s ease}.indexter-card .i-text-title{font-family:var(--font-logo);letter-spacing:.3px}.indexter-card .i-card-text{position:absolute;left:18px;bottom:16px;z-index:2;display:inline-flex;align-items:baseline;gap:3px;color:#fff;font-size:18px;letter-spacing:.3px}.indexter-card .i-card-text .i-text-guide{font-family:var(--font-logo)}.indexter-card .i-card-text .i-text-dot{background:var(--color-primary);width:5px;height:5px;border-radius:50%;display:block}.i-card-text-center{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;display:flex;justify-content:center;align-items:center;height:100%;font-size:larger}.masonry-item img{min-height:240px;max-height:420px}:root{--color-primary: #ec4899;--color-primary-alt: #f472b6;--color-primary-darker: #831843}