.membership-card-region{width:100%;min-width:0;max-width:500px}.mind-membership-card{aspect-ratio:1.586}.mind-membership-card .reflective-card__content{justify-content:space-between;gap:20px;padding:clamp(20px,3vw,30px)}.membership-card-top,.membership-card-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.membership-card-brand{letter-spacing:-.03em;align-items:center;gap:9px;font-size:21px;font-weight:600;display:inline-flex}.membership-card-brand svg{flex:none;width:31px;height:34px}.membership-card-status{text-align:right;align-items:center;gap:6px;max-width:55%;font-size:11px;display:inline-flex}.membership-card-status i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.membership-card-status[data-pending]{font-weight:600}.membership-card-plan h2{letter-spacing:-.035em;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.1}.membership-card-plan>span{margin-top:6px;font-size:12px;display:block}.membership-card-holder{min-width:0}.membership-card-holder>span,.membership-card-allowance>span{margin-bottom:5px;font-size:10px;display:block}.membership-card-holder strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;display:block;overflow:hidden}.membership-card-allowance{text-align:right;flex:none}.membership-card-allowance strong{justify-content:flex-end;font-size:13px;font-weight:500;display:flex}.site-app .billing-membership-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding-block:12px 24px;display:grid}.site-app .billing-membership-details{min-width:0}.site-app .billing-membership-details h2{font-size:23px;font-weight:600;line-height:1.3}.site-app .billing-membership-details p{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.8}.site-app .billing-membership-details .resource-actions{margin-top:24px}.site-app .billing-plan.billing-pixel-plan{width:auto;height:auto;box-shadow:none;-webkit-user-select:auto;user-select:auto;display:block}.site-app .billing-pixel-plan:after{display:none}.site-app .billing-pixel-plan>:not(.pixel-card-canvas){z-index:1}@media (max-width:767px){.site-app .billing-membership-layout{grid-template-columns:minmax(0,1fr);gap:30px}.membership-card-region{margin-inline:auto}.membership-card-plan h2{font-size:clamp(28px,8vw,40px)}.mind-membership-card .reflective-card__content{gap:12px}.membership-card-holder strong{font-size:12px}}
.pixel-card{--pixel-card-surface:linear-gradient(180deg, #17151c 0%, #0f0e13 100%);--pixel-card-edge:#ffffff14;--pixel-card-edge-active:#ffffff29;--pixel-card-highlight:#ffffff0f;--pixel-card-shadow:0 24px 48px -24px #000000d9, 0 8px 18px -10px #0009;border-radius:var(--pixel-card-radius,24px);background:var(--pixel-card-surface);width:300px;height:400px;box-shadow:var(--pixel-card-shadow);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;display:grid;position:relative;overflow:hidden}.pixel-card[data-theme=light]{--pixel-card-surface:linear-gradient(180deg, #fff 0%, #f6f6f8 100%);--pixel-card-edge:#18181b14;--pixel-card-edge-active:#18181b29;--pixel-card-highlight:#fff;--pixel-card-shadow:0 24px 48px -26px #18181b52, 0 8px 18px -12px #18181b2e}.pixel-card:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pixel-card-edge), inset 0 1px 0 var(--pixel-card-highlight);pointer-events:none;transition:box-shadow .26s;position:absolute;inset:0}.pixel-card[data-active]:after{box-shadow:inset 0 0 0 1px var(--pixel-card-edge-active), inset 0 1px 0 var(--pixel-card-highlight)}.pixel-card:focus-visible{box-shadow:var(--pixel-card-shadow), 0 0 0 3px #7f7f8c73}.pixel-card-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card>:not(.pixel-card-canvas){z-index:1;position:relative}