:root{--text-link-default-active:#edff66;--text-link-default-hover:#edff66;--text-base-invert-subdued:rgba(0,0,0,.4);--text-link-invert-hover:#5542ff;--text-base-invert:#000;--text-base-default:#fff;--text-base-default-subdued:#ffffff66;--text-status-error:#ff453a;--text-status-success:#30d158;--text-status-warning:#ffd60a;--surface-button-accent:#edff66;--surface-page-accent:#5542ff;--surface-page-invert:#fff;--surface-button-primary:#fff;--surface-button-accent-hover:#fff;--surface-button-error:#ff453a;--surface-status-error:#ff453a33;--surface-status-success:#30d15833;--surface-status-warning:#ffd60a33;--surface-button-primary-hover:#edff66;--surface-button-primary-active:#edff66;--surface-page-overlay:rgba(0,0,0,.8);--surface-page-default:#000;--border-base-invert:#fff;--icon-base-invert:#fff;--icon-base-invert-hover:#edff66;--border-base-accent-violet:#5542ff;--border-base-default:#000;--steam-text-base-default-subdued:hsla(0,0%,100%,.4);--steam-text-base-default-hover:#edff66;--steam-icon-base-default:#000;--steam-surface-page-default:#fff;--steam-surface-page-invert:#fff;--steam-text-page-invert:#000;--steam-text-link-default:#fff;--steam-surface-button-primary:#fff;--steam-surface-button-primary-hover:#edff66;--steam-text-base-invert:#000;--spacing-x0:0px;--spacing-x05:2px;--spacing-x1:4px;--spacing-x2:8px;--spacing-x3:12px;--spacing-x4:16px;--spacing-x5:24px;--spacing-x6:40px;--spacing-x7:64px;--spacing-x8:80px;--spacing-x9:96px;--spacing-x10:128px;--height-x1:16px;--height-x2:24px;--height-x3:32px;--height-x4:44px;--height-x5:60px;--height-x6:120px}@media screen and (max-width:640px){:root{--spacing-x0:0px;--spacing-x05:2px;--spacing-x1:4px;--spacing-x2:8px;--spacing-x3:12px;--spacing-x4:12px;--spacing-x5:16px;--spacing-x6:24px;--spacing-x7:32px;--spacing-x8:64px;--spacing-x9:80px;--spacing-x10:96px}}:root{--radius-x0:0px;--radius-x1:14px;--radius-x2:28px;--radius-full:999999px}@media screen and (max-width:640px){:root{--radius-x0:0px;--radius-x1:10px;--radius-x2:20px;--radius-full:999999px}}.ui-button{align-items:center;background:var(--button-background);border:var(--button-border,2px solid #000);border-radius:var(--button-border-radius,32px);color:var(--button-color);cursor:pointer;display:flex;font-size:var(--font-size-body-M,14px);font-weight:500;gap:var(--button-gap,var(--spacing-x1));height:var(--button-height,32px);justify-content:var(--button-justify-content,center);line-height:var(--line-height-body-M,19px);padding:var(--button-padding,8px 16px);position:relative;transition:all .3s ease;width:var(--button-width)}@media screen and (max-width:640px){.ui-button{font-size:var(--font-size-body-M,13px);font-weight:500;line-height:var(--line-height-body-M,19px)}}.ui-button:active,.ui-button:hover{background:var(--button-background-hover);color:var(--button-color-hover)}.ui-button--large{--button-height:56px}.ui-button--small{font-size:var(--font-size-body-S,12px);font-weight:500;line-height:var(--line-height-body-S,18px);--button-height:18px}@media screen and (max-width:640px){.ui-button--small{font-size:var(--font-size-body-S,11px);font-weight:500;line-height:var(--line-height-body-S,17px)}}.ui-button.is-disabled{opacity:.7;pointer-events:none}.ui-button.is-paddingless{--button-padding:0}.ui-button.is-active{background:var(--button-filled-primary-background)}.ui-button__suffix{margin-left:auto}.ui-button__content{padding:var(--button-content-padding);white-space:nowrap}.ui-button.is-icon-only{--button-padding:0;--button-width:32px;--button-height:32px;--icon-size:24px;--button-border-radius:var(--radius-full);--button-border:0}.ui-button.is-icon-only img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-button--filled_primary{--button-color:var(--button-filled-primary-color);--button-color-hover:var(--button-filled-primary-color-hover);--button-background:var(--button-filled-primary-background);--button-background-hover:var(--button-filled-primary-background-hover);--button-background-active:var(--button-filled-primary-background-active)}.light-theme,:root{--button-filled-primary-color:var(--text-base-invert);--button-filled-primary-color-hover:var(--text-base-invert);--button-filled-primary-background:var(--surface-button-accent);--button-filled-primary-background-hover:var(--surface-button-accent-hover);--button-filled-primary-background-active:var(--surface-button-accent-hover)}.ui-button--filled-primary{--button-color:var(--button-filled-primary-color);--button-color-hover:var(--button-filled-primary-color-hover);--button-background:var(--button-filled-primary-background);--button-background-hover:var(--button-filled-primary-background-hover);--button-background-active:var(--button-filled-primary-background-active)}.ui-button--filled_secondary{--button-color:var(--button-filled-secondary-color);--button-color-hover:var(--button-filled-secondary-color-hover);--button-background:var(--button-filled-secondary-background);--button-background-hover:var(--button-filled-secondary-background-hover);--button-background-active:var(--button-filled-secondary-background-active)}.light-theme,:root{--button-filled-secondary-color:var(--text-base-invert);--button-filled-secondary-color-hover:var(--text-base-invert);--button-filled-secondary-background:var(--surface-button-primary);--button-filled-secondary-background-hover:var(--surface-button-primary-hover);--button-filled-secondary-background-active:var(--surface-button-primary-hover)}.ui-button--filled-secondary{--button-color:var(--button-filled-secondary-color);--button-color-hover:var(--button-filled-secondary-color-hover);--button-background:var(--button-filled-secondary-background);--button-background-hover:var(--button-filled-secondary-background-hover);--button-background-active:var(--button-filled-secondary-background-active)}.ui-button--ghost_primary{--button-color:var(--button-ghost-primary-color);--button-border:var(--button-ghost-primary-border)}.light-theme,:root{--button-ghost-primary-color:var(--text-base-invert);--button-ghost-primary-border: }.ui-button--ghost-primary{--button-color:var(--button-ghost-primary-color);--button-border:var(--button-ghost-primary-border)}.ui-button--ghost_secondary{--button-color:var(--button-ghost-secondary-color);--button-padding:var(--button-ghost-secondary-padding)}.light-theme,:root{--button-ghost-secondary-color:#fff;--button-ghost-secondary-padding:0}.ui-button--ghost-secondary{--button-color:var(--button-ghost-secondary-color);--button-padding:var(--button-ghost-secondary-padding)}
