.styles_wrapper__FfroY{display:flex;flex-direction:column;row-gap:16px}.styles_title__hTjKd{font-family:var(--default-font-family);letter-spacing:-.64px;font-size:26px;line-height:30px}@media(min-width:375px){.styles_title__hTjKd{font-size:30px;line-height:36px}}@media(min-width:1024px){.styles_title__hTjKd{font-size:40px;line-height:48px}}.styles_title__hTjKd{text-align:center;color:var(--content-zinc-default-base)}.styles_description__8QTWs{font-family:var(--default-font-family);font-size:16px;line-height:22px;font-weight:400;margin-inline:auto;max-width:700px;text-align:center;color:var(--content-zinc-secondary-base)}@media(max-width:767px){.styles_wrapper__FfroY{row-gap:8px}.styles_description__8QTWs{font-family:var(--default-font-family);font-size:14px;line-height:20px;font-weight:400}}.styles_list__EK4UT{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.styles_tab__COr9j{display:inline-flex;align-items:center;border:1px solid var(--border-zinc-subtle-enabled);border-radius:999px;padding:var(--spacing-8) var(--spacing-16);background:var(--bg-zinc-default-base);cursor:pointer;color:var(--content-zinc-default-base);transition:.15s ease-in-out;font-family:var(--default-font-family);font-size:12px;line-height:16px;font-weight:400}.styles_tab__COr9j:hover{background:var(--bg-zinc-subtle)}.styles_tab__COr9j.styles_active__aAJag{border-color:var(--border-brand-default);background:var(--bg-brand-subtle-enabled);color:var(--content-brand-default)}@media(max-width:767px){.styles_list__EK4UT{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;-webkit-overflow-scrolling:touch}.styles_tab__COr9j{flex-shrink:0}}.variants_filledPrimary__QwPzk{--background-color:var(--bg-brand-default-enabled);--border-color:var(--transparent);--content-color:var(--content-zinc-inverted-base);--hover-gradient-color:var(--gradient-primary-hovered);--hover-background-color:var(--transparent);--hover-border-color:var(--transparent);--hover-content-color:var(--content-zinc-inverted-base);--active-background-color:var(--bg-brand-default-pressed);--active-border-color:var(--transparent);--active-content-color:var(--content-zinc-inverted-base);--disabled-background-color:var(--bg-brand-default-disabled);--disabled-border-color:var(--bg-brand-default-disabled);--disabled-content-color:var(--content-brand-subtle)}.variants_filledSecondary__kfmFH{--background-color:var(--bg-zinc-default-inverted-enabled);--border-color:var(--transparent);--content-color:var(--content-zinc-inverted-base);--hover-gradient-color:var(--gradient-zinc-default-inverted-hovered);--hover-background-color:var(--transparent);--hover-border-color:var(--transparent);--hover-content-color:var(--content-zinc-inverted-base);--active-background-color:var(--bg-zinc-default-inverted-pressed);--active-border-color:var(--transparent);--active-content-color:var(--content-zinc-inverted-base);--disabled-background-color:var(--bg-zinc-default-inverted-disabled);--disabled-border-color:var(--bg-zinc-default-inverted-disabled);--disabled-content-color:var(--content-zinc-subtler)}.variants_filledInverted__NKKMe{--background-color:var(--bg-zinc-default-base-enabled);--border-color:var(--transparent);--content-color:var(--content-zinc-default-base);--hover-gradient-color:var(--gradient-zinc-default-base-hovered);--hover-background-color:var(--transparent);--hover-border-color:var(--transparent);--hover-content-color:var(--content-zinc-default-base);--active-background-color:var(--bg-zinc-default-base-pressed);--active-border-color:var(--transparent);--active-content-color:var(--content-zinc-default-base);--disabled-background-color:var(--bg-zinc-default-base-disabled);--disabled-border-color:var(--transparent);--disabled-content-color:var(--content-zinc-subtler)}.variants_filledSuccess__KZ2Rp{--background-color:var(--bg-success-subtler-enabled);--border-color:var(--border-success-subtle);--content-color:var(--content-success-default);--hover-background-color:var(--bg-success-subtler-hovered);--hover-border-color:var(--bg-success-subtler-hovered);--hover-content-color:var(--content-success-default);--active-background-color:var(--bg-success-subtler-pressed);--active-border-color:var(--bg-success-subtler-pressed);--active-content-color:var(--content-success-default);--disabled-background-color:var(--bg-zinc-default-inverted-disabled);--disabled-border-color:var(--bg-zinc-default-inverted-disabled);--disabled-content-color:var(--content-zinc-subtler)}.variants_filledDestructive___pKfG{--background-color:var(--bg-error-default-enabled);--border-color:var(--bg-error-default-enabled);--content-color:var(--content-zinc-inverted-base);--hover-background-color:var(--bg-error-default-hovered);--hover-border-color:var(--bg-error-default-hovered);--hover-content-color:var(--content-zinc-inverted-base);--active-background-color:var(--bg-error-default-pressed);--active-border-color:var(--bg-error-default-pressed);--active-content-color:var(--content-zinc-inverted-base);--disabled-background-color:var(--bg-error-default-disabled);--disabled-border-color:var(--bg-error-default-disabled);--disabled-content-color:var(--content-zinc-inverted-base)}.variants_outlinedPrimary__MlyOM{--background-color:var(--transparent);--border-color:var(--border-brand-default);--content-color:var(--content-brand-default);--hover-gradient-color:var(--gradient-primary-hovered);--hover-background-color:var(--transparent);--hover-border-color:var(--transparent);--hover-content-color:var(--content-zinc-inverted-base);--active-background-color:var(--bg-brand-default-pressed);--active-border-color:var(--bg-brand-default-pressed);--active-content-color:var(--content-zinc-inverted-base);--disabled-background-color:var(--transparent);--disabled-border-color:var(--border-zinc-subtle);--disabled-content-color:var(--content-zinc-subtler)}.variants_outlinedInverted__UCvKJ{--background-color:var(--transparent);--border-color:var(--border-zinc-subtler);--content-color:var(--content-zinc-default-base);--hover-gradient-color:var(--gradient-zinc-default-inverted-hovered);--hover-background-color:var(--transparent);--hover-border-color:var(--transparent);--hover-content-color:var(--content-zinc-inverted-base);--active-background-color:var(--bg-zinc-default-inverted-pressed);--active-border-color:var(--bg-zinc-default-inverted-pressed);--active-content-color:var(--content-zinc-inverted-base);--disabled-background-color:var(--transparent);--disabled-border-color:var(--border-zinc-subtle);--disabled-content-color:var(--content-zinc-subtler)}.variants_outlinedPurple__giziA{--background-color:var(--transparent);--border-color:var(--border-zinc-subtle);--content-color:var(--content-zinc-default-base);--hover-background-color:var(--bg-brand-subtlest-hovered);--hover-border-color:var(--bg-brand-subtlest-hovered);--hover-content-color:var(--content-brand-default);--active-background-color:var(--bg-brand-subtlest-pressed);--active-border-color:var(--bg-brand-subtlest-pressed);--active-content-color:var(--content-brand-default);--disabled-background-color:var(--transparent);--disabled-border-color:var(--border-zinc-subtle);--disabled-content-color:var(--content-zinc-subtler)}.variants_ghostPurple__kDiq1{--background-color:var(--transparent);--border-color:var(--transparent);--content-color:var(--content-zinc-default-base);--hover-background-color:var(--bg-brand-subtlest-hovered);--hover-border-color:var(--transparent);--hover-content-color:var(--content-zinc-default-base);--active-background-color:var(--bg-brand-subtlest-pressed);--active-border-color:var(--transparent);--active-content-color:var(--content-zinc-default-base);--disabled-background-color:var(--transparent);--disabled-border-color:var(--transparent);--disabled-content-color:var(--content-zinc-subtler)}.variants_ghostDestructive__jxXwl{--background-color:var(--transparent);--border-color:var(--transparent);--content-color:var(--content-zinc-default-base);--hover-background-color:var(--bg-error-subtlest-hovered);--hover-border-color:var(--bg-error-subtlest-hovered);--hover-content-color:var(--content-error-default);--active-background-color:var(--bg-error-subtlest-pressed);--active-border-color:var(--bg-error-subtlest-pressed);--active-content-color:var(--content-error-default);--disabled-background-color:var(--transparent);--disabled-border-color:var(--transparent);--disabled-content-color:var(--content-zinc-subtler)}.variants_filledDestructive___pKfG:not(:disabled):before,.variants_filledInverted__NKKMe:not(:disabled):before,.variants_filledPrimary__QwPzk:not(:disabled):before,.variants_filledSecondary__kfmFH:not(:disabled):before,.variants_filledSuccess__KZ2Rp:not(:disabled):before,.variants_ghostDestructive__jxXwl:not(:disabled):before,.variants_ghostPurple__kDiq1:not(:disabled):before,.variants_outlinedPurple__giziA:not(:disabled):before{content:"";position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:var(--hover-gradient-color);z-index:-1;border-radius:var(--border-radius)}.variants_outlinedInverted__UCvKJ:before,.variants_outlinedPrimary__MlyOM:before{content:"";position:absolute;width:calc(100% + var(--spacing-16)*2);height:200px;background:var(--hover-gradient-color);border-radius:50%;bottom:0;top:0;transform:translate(-100%,100%);transition:top .3s ease-out,left .3s ease-out,bottom .3s ease-out,transform .3s ease-out,opacity .3s ease-out;z-index:-1;pointer-events:none}.variants_outlinedInverted__UCvKJ:not(:disabled):hover:before,.variants_outlinedPrimary__MlyOM:not(:disabled):hover:before{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%)}