@media (width>=1024px){.fanart-join-dialog.fanart-join-comparison{width:min(94vw,960px)}.fanart-join-comparison .fanart-join-scroll{padding-inline:32px;padding-bottom:24px}.fanart-join-comparison .fanart-join-shortcuts,.fanart-join-comparison .fanart-join-dots{display:none}.fanart-join-comparison .fanart-join-cards{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:4px;display:grid;overflow:visible}.fanart-join-comparison .fanart-join-card{opacity:1;filter:none;scroll-snap-align:none;flex-direction:column;width:100%;min-width:0;margin-inline:0;padding:24px;display:flex;transform:none;scale:1!important}.fanart-join-comparison .fanart-join-card-action{margin-top:auto}.fanart-join-comparison .fanart-join-card-perks{padding-bottom:24px}.fanart-join-comparison .fanart-join-actions{padding:20px 32px}.fanart-join-comparison .fanart-join-actions>button{max-width:560px;margin-inline:auto;display:block}.fanart-join-dialog.fanart-join-checkout{--fanart-checkout-surface:color-mix(in srgb, color-mix(in oklab, var(--ambient-tab-tint,var(--lcp-ambient,var(--club-night))) var(--glass-tint-mix), var(--night-975)) var(--glass-surface-alpha), transparent);--fanart-checkout-edge:color-mix(in srgb, var(--ink-base) 20%, transparent);background:var(--fanart-checkout-surface);width:min(94vw,960px);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 0 0 1px var(--fanart-checkout-edge), 0 24px 72px -20px color-mix(in srgb, var(--shade) 55%, transparent)}body:has(>.fanart-join-checkout)>.fixed.inset-0.bg-shade\/80{background:color-mix(in srgb, var(--shade) var(--glass-veil-alpha), transparent);-webkit-backdrop-filter:blur(var(--glass-veil-blur));backdrop-filter:blur(var(--glass-veil-blur))}.fanart-join-checkout .fanart-join-scroll{padding:24px 32px 28px}.fanart-join-checkout .fanart-join-scroll>div{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,360px) minmax(0,400px);align-content:start;column-gap:48px;max-width:808px;padding-block:0;display:grid}.fanart-join-checkout .fanart-join-scroll>div>div:first-child{grid-column:1/-1;margin-bottom:16px;padding-right:40px}.fanart-join-checkout .fanart-join-scroll>div>h2{grid-column:1;margin-top:0}.fanart-join-checkout .fanart-join-scroll>div>p{grid-column:1}.fanart-join-checkout .fanart-join-scroll>div>[aria-label]{grid-column:1;align-self:start;margin-block:20px 0}.fanart-join-checkout .fanart-join-scroll>div>form{grid-area:2/2/span 3;gap:16px;min-width:0}.fanart-join-checkout form fieldset{gap:10px}.fanart-join-checkout form legend{margin-bottom:6px}.fanart-join-checkout form input{height:44px}.fanart-join-checkout form>div{padding-block:12px}}.fanart-campaign-surface{--campaign-edge:color-mix(in oklab, var(--ink-base) 12%, transparent);--campaign-shadow:0 16px 40px -24px color-mix(in oklab, var(--shade) 75%, transparent);--campaign-ring-a:oklch(56% .2 300);--campaign-ring-b:oklch(36% .17 295);--campaign-ring-glow:oklab(50% .0938943 -.17659/.55);isolation:isolate;border:1px solid var(--campaign-edge);background:var(--night-975);box-shadow:var(--campaign-shadow);border-radius:20px;position:relative;overflow:hidden}.fanart-campaign-ambient{object-fit:cover;filter:blur(90px)saturate(135%)brightness();opacity:1;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.6)}.fanart-campaign-wash{background:linear-gradient(180deg, transparent 0%, transparent 50%, color-mix(in oklab, var(--shade) 22%, transparent) 80%, color-mix(in oklab, var(--shade) 34%, transparent) 100%), color-mix(in oklab, var(--shade) 22%, transparent);pointer-events:none;z-index:1;position:absolute;inset:0}.fanart-campaign-surface>:not(.fanart-campaign-ambient):not(.fanart-campaign-wash):not(.fanart-campaign-eyebrow):not(.fanart-campaign-overlay){z-index:2;position:relative}.fanart-campaign-surface>.fanart-campaign-eyebrow{z-index:4;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--foreground) 92%, transparent);text-shadow:0 1px 10px color-mix(in oklab, var(--night-975) 85%, transparent);pointer-events:none;margin:0;font-size:11px;font-weight:600;position:absolute;top:20px;left:14px}.fanart-campaign-eyebrow-scrim{display:none}.fanart-campaign-media{z-index:2;position:relative}.fanart-campaign-media-blur{object-fit:cover;object-position:center;filter:blur(90px)saturate(135%)brightness();opacity:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.6);-webkit-mask-image:linear-gradient(#000 0% 40%,#000000b8 60%,#00000061 80%,#0000 100%);mask-image:linear-gradient(#000 0% 40%,#000000b8 60%,#00000061 80%,#0000 100%)}.fanart-campaign-photo{z-index:1;object-fit:cover;object-position:center;width:100%;height:auto;max-height:62vh;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 0% 62%,#000000d1 78%,#0000007a 89%,#00000029 96%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#000000d1 78%,#0000007a 89%,#00000029 96%,#0000 100%)}.fanart-campaign-ring-track{stroke:color-mix(in oklab, var(--ink-base) 10%, transparent)}.fanart-campaign-ring-fill{stroke-linecap:round;filter:drop-shadow(0 0 6px var(--campaign-ring-glow))}.fanart-campaign-action{border:1px solid color-mix(in oklab, var(--primary) 40%, transparent);background:color-mix(in oklab, var(--primary) 15%, transparent);color:var(--foreground)}.fanart-campaign-action:hover{background:color-mix(in oklab, var(--primary) 23%, transparent)}.fanart-campaign-surface--profile{background:color-mix(in oklab, var(--shade) 12%, transparent);-webkit-backdrop-filter:blur(40px)saturate(140%);backdrop-filter:blur(40px)saturate(140%)}.fanart-campaign-surface--profile>.fanart-campaign-wash{background:linear-gradient(180deg, transparent 55%, color-mix(in oklab, var(--shade) 22%, transparent) 100%)}
