/* Supplied Material-inspired capsule design, with the existing cracked texture.
   Mirrored into both legacy layers so page-specific old button skins cannot win.
   Labels and current per-button palette values remain unchanged. */
@layer realm-button-treatment{
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell){
 --forge-color:var(--button-custom,var(--realm-button,#35353d));
 position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 height:40px!important;min-height:40px!important;padding:0 24px!important;
 background:url("button-cracked-stone.svg?v=depth2") center/100% 100% no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--forge-color) 29%,#0c0c10),color-mix(in srgb,var(--forge-color) 12%,#08080b))!important;
 color:color-mix(in srgb,var(--forge-color) 18%,white)!important;
 border:2px solid var(--forge-color)!important;border-radius:100px!important;
 box-shadow:inset 0 3px 0 #ffffff2a,inset 3px 0 0 #ffffff10,inset -3px 0 0 #0004,inset 0 -4px 0 #0007,0 6px 0 color-mix(in srgb,var(--forge-color) 32%,#08080b),0 10px 15px #0007!important;
 text-shadow:0 1px 2px #0008!important;font-family:"Work Sans",sans-serif!important;
 font-size:.875rem!important;font-weight:700!important;letter-spacing:.01em!important;
 text-transform:none!important;line-height:1.4!important;cursor:pointer;text-decoration:none!important;
 clip-path:none!important;transform:none!important;filter:none!important;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):is(:hover,:focus-visible){
 transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--forge-color) 72%,white)!important;
 box-shadow:inset 0 3px 0 #ffffff38,inset 3px 0 0 #ffffff16,inset -3px 0 0 #0004,inset 0 -4px 0 #0007,0 6px 0 color-mix(in srgb,var(--forge-color) 40%,#08080b),0 0 18px color-mix(in srgb,var(--forge-color) 50%,transparent)!important;
}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):active{
 transform:translateY(2px)!important;
 box-shadow:inset 0 2px 0 #ffffff1a,inset 2px 0 0 #ffffff05,inset -2px 0 0 #0004,inset 0 -2px 0 #0007,0 2px 0 color-mix(in srgb,var(--forge-color) 32%,#08080b),0 4px 8px #0007!important;
}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):focus-visible{outline:2px solid color-mix(in srgb,var(--forge-color) 55%,white)!important;outline-offset:4px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell)::after{content:none!important;display:none!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.notification-bell,button[aria-label]:empty,.icon-button,.mc-icon-button){width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;border-radius:50%!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header .account-link{width:auto!important;min-width:0!important;max-width:min(240px,52vw)!important;padding:0 16px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header .account-link-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] button.password-reveal{width:auto!important;min-width:60px!important;padding:0 10px!important;font-size:12px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .auth-input-wrap:has(.password-reveal) input{padding-right:84px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):is(:disabled,[aria-disabled="true"],.disabled,.purchase-pending){transform:none!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.55!important}
@media(prefers-reduced-motion:reduce){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell){transition:none!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):is(:hover,:focus-visible,:active){transform:none!important}}
}
@layer realm-surface-treatment{
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell){
 --forge-color:var(--button-custom,var(--realm-button,#35353d));
 position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 height:40px!important;min-height:40px!important;padding:0 24px!important;
 background:url("button-cracked-stone.svg?v=depth2") center/100% 100% no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--forge-color) 29%,#0c0c10),color-mix(in srgb,var(--forge-color) 12%,#08080b))!important;
 color:color-mix(in srgb,var(--forge-color) 18%,white)!important;
 border:2px solid var(--forge-color)!important;border-radius:100px!important;
 box-shadow:inset 0 3px 0 #ffffff2a,inset 3px 0 0 #ffffff10,inset -3px 0 0 #0004,inset 0 -4px 0 #0007,0 6px 0 color-mix(in srgb,var(--forge-color) 32%,#08080b),0 10px 15px #0007!important;
 text-shadow:0 1px 2px #0008!important;font-family:"Work Sans",sans-serif!important;
 font-size:.875rem!important;font-weight:700!important;letter-spacing:.01em!important;
 text-transform:none!important;line-height:1.4!important;cursor:pointer;text-decoration:none!important;
 clip-path:none!important;transform:none!important;filter:none!important;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):is(:hover,:focus-visible){
 transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--forge-color) 72%,white)!important;
 box-shadow:inset 0 3px 0 #ffffff38,inset 3px 0 0 #ffffff16,inset -3px 0 0 #0004,inset 0 -4px 0 #0007,0 6px 0 color-mix(in srgb,var(--forge-color) 40%,#08080b),0 0 18px color-mix(in srgb,var(--forge-color) 50%,transparent)!important;
}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):active{
 transform:translateY(2px)!important;
 box-shadow:inset 0 2px 0 #ffffff1a,inset 2px 0 0 #ffffff05,inset -2px 0 0 #0004,inset 0 -2px 0 #0007,0 2px 0 color-mix(in srgb,var(--forge-color) 32%,#08080b),0 4px 8px #0007!important;
}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):focus-visible{outline:2px solid color-mix(in srgb,var(--forge-color) 55%,white)!important;outline-offset:4px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell)::after{content:none!important;display:none!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.notification-bell,button[aria-label]:empty,.icon-button,.mc-icon-button){width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;border-radius:50%!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header .account-link{width:auto!important;min-width:0!important;max-width:min(240px,52vw)!important;padding:0 16px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header .account-link-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] button.password-reveal{width:auto!important;min-width:60px!important;padding:0 10px!important;font-size:12px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .auth-input-wrap:has(.password-reveal) input{padding-right:84px!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):is(:disabled,[aria-disabled="true"],.disabled,.purchase-pending){transform:none!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.55!important}
@media(prefers-reduced-motion:reduce){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell){transition:none!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] :is(.md-button,.mc-skin-retry,button,.notification-bell):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.purchase-pending):is(:hover,:focus-visible,:active){transform:none!important}}
}