.membership-button{display:inline-flex;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.membership-button__member{animation:.35s cubic-bezier(.34,1.56,.64,1) both membership-appear;display:inline-flex;position:relative}.membership-button__main{color:#333;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;cursor:pointer;background:#e6e6e6;border:none;border-radius:999px;align-items:center;gap:6px;height:38px;padding:0 16px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:22px;transition:background .15s;display:inline-flex}.membership-button__main:hover{background:#d9d9d9}.membership-button__main .icon{color:#333}.membership-button__arrow{color:#737373}.membership-dropdown{background:#fff;border:1px solid #e6e6e6;border-radius:10px;min-width:220px;padding:4px 0;overflow:hidden;box-shadow:0 8px 24px #00000024}.membership-dropdown__item{color:#111;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;transition:background .1s;display:flex}.membership-dropdown__item:hover{background:#f2f2f2}.membership-dropdown__item--active{font-weight:400}.membership-dropdown__item--active:after{content:"";background-color:#111;flex-shrink:0;width:16px;height:16px;margin-left:auto;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17L4 12' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17L4 12' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") 50%/contain no-repeat}[data-theme=dark] .membership-dropdown__item--active:after{background-color:#ffffffd9}.membership-dropdown__item--leave,.membership-dropdown__item--leave .icon{color:#df313c}.membership-dropdown__divider{background:#e6e6e6;height:1px;margin:4px 0}@keyframes membership-appear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .membership-button__main{color:#e6e6e6;background:#333}[data-theme=dark] .membership-button__main:hover{background:#4d4d4d}[data-theme=dark] .membership-button__main .icon{color:#e6e6e6}[data-theme=dark] .membership-button__arrow{color:#737373}[data-theme=dark] .membership-dropdown{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 8px 24px #00000080}[data-theme=dark] .membership-dropdown__item{color:#ffffffd9}[data-theme=dark] .membership-dropdown__item:hover{background:#ffffff12}[data-theme=dark] .membership-dropdown__divider{background:#ffffff1a}[data-theme=dark] .membership-dropdown__item--leave,[data-theme=dark] .membership-dropdown__item--leave .icon{color:#ff6b75}.community-card-v2{aspect-ratio:3/4;cursor:pointer;color:inherit;background:#1a1a1a;border-radius:16px;flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.community-card-v2__bg-link{z-index:0;display:block;position:absolute;inset:0}.community-card-v2__bg{object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.community-card-v2:hover .community-card-v2__bg{transform:scale(1.06)}.community-card-v2__link{z-index:2;color:inherit;text-decoration:none;display:block;position:relative}.community-card-v2__overlay{z-index:1;background:linear-gradient(#0000 0%,#00000059 55%,#000000e0 100%);transition:opacity .3s;position:absolute;inset:0}.community-card-v2:hover .community-card-v2__overlay{opacity:.8}.community-card-v2__body{z-index:2;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}.community-card-v2--featured .community-card-v2__body{padding:28px 32px}.community-card-v2__topic{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;background:#ffffff38;border-radius:100px;align-self:flex-start;margin-bottom:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-block}.community-card-v2__name{-webkit-line-clamp:2;color:#fff;-webkit-box-orient:vertical;font-family:Inter,system-ui,sans-serif;font-size:26px;font-weight:800;line-height:1.2;text-decoration:none;display:-webkit-box;overflow:hidden}.community-card-v2--compact .community-card-v2__name{font-size:15px}.community-card-v2--featured .community-card-v2__name{font-size:26px}.community-card-v2__members{color:#ffffffb3;align-items:center;gap:5px;margin:0;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.community-card-v2__membership{z-index:3;position:absolute;top:14px;right:14px}.community-card-v2 .membership-button__main{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000085;border:1px solid #ffffff40}.community-card-v2 .membership-button__main:hover{background:#000000ad;border-color:#fff6}.community-card-v2 .membership-button__main .icon{color:#fff}.community-card-v2 .membership-button__arrow{color:#ffffffb3}.community-card-v2--create{aspect-ratio:3/4;background:#fff;border:2px dashed #ccc;justify-content:center;align-items:center;gap:12px;padding:24px}[data-theme=dark] .community-card-v2--create{background:#111;border-color:#ffffff40}.community-card-v2__create-top{align-items:flex-start;margin-bottom:24px;display:flex}.community-card-v2__create-icon{color:#4d81f5;background:#4d81f51f;border:1.5px solid #4d81f54d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:background .15s,color .15s;display:flex}.community-card-v2--create:hover .community-card-v2__create-icon{color:#2a65e0;background:#4d81f533}[data-theme=dark] .community-card-v2__create-icon{color:#7daaff;background:#4d81f52e}[data-theme=dark] .community-card-v2--create:hover .community-card-v2__create-icon{color:#a8c4ff;background:#4d81f547}.community-card-v2__create-mid{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.community-card-v2__create-title{color:#111;font-family:Inter,system-ui,sans-serif;font-size:26px;font-weight:800;line-height:1.2}[data-theme=dark] .community-card-v2__create-title{color:#ffffffe6}.community-card-v2__create-desc{color:#737373;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.4}[data-theme=dark] .community-card-v2__create-desc{color:#ffffff73}.community-card-v2__create-perks{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.community-card-v2__create-perk{color:#737373;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;display:flex}[data-theme=dark] .community-card-v2__create-perk{color:#ffffff80}.community-card-v2__create-bot{margin-top:auto}@media (hover:hover){.community-card-v2{transition:transform .25s,box-shadow .25s}.community-card-v2:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000080}.community-card-v2--create:hover{box-shadow:none;transform:translateY(-3px)}}@media (width<=768px){.community-card-v2:not(.community-card-v2--create){aspect-ratio:4/5}.community-card-v2--create{text-align:center;flex-direction:column;align-items:center;padding:24px 20px}.community-card-v2--create .community-card-v2__create-top{margin-bottom:14px}.community-card-v2--create .community-card-v2__create-icon{width:48px;height:48px}.community-card-v2--create .community-card-v2__create-mid{text-align:center;gap:6px;margin-bottom:16px}.community-card-v2--create .community-card-v2__create-perks{display:none}.community-card-v2--create .community-card-v2__create-bot{width:100%}.community-card-v2--create .community-card-v2__create-bot .btn{justify-content:center;width:100%}}
