button.base-button,a.base-button,span.base-button{display:inline-flex;height:calc(var(--spacing) * 10);flex-shrink:0;align-items:center;justify-content:center;gap:var(--spacing);border-radius:6.25rem;background-color:var(--color-rebrand-components-buttons-primary)!important;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);position:relative;overflow:hidden;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, #0079ff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button:hover{cursor:pointer}.base-button:not(.icon-only) .icon-container.main-button-icon{display:flex;align-items:center;justify-content:center;border-radius:6.25rem;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.base-button.expand{width:100%}.base-button.sm{height:calc(var(--spacing) * 6);padding:0;font-family:var(--bodyFontBold);font-weight:var(--type-body-bold-font-weight);font-size:var(--type-body-bold-font-size);line-height:var(--type-body-bold-line-height)}.base-button:not(.icon-only).sm .icon-container.main-button-icon{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.base-button.has-icon{padding-block:calc(var(--spacing) * 2.5);padding-left:var(--spacing);padding-right:calc(var(--spacing) * 2.5)}.base-button.sm.has-icon{padding-left:.125rem;padding-right:.5625rem}.base-button.icon-only{display:flex;width:calc(var(--spacing) * 10);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding:0}.base-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-black)!important;opacity:0%;border-radius:inherit;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s;pointer-events:none}.base-button:not(.disable-states):not(:disabled):hover:after{opacity:.08}.base-button:not(.custom):not(.disable-states):not(:disabled):hover{background-color:var(--color-rebrand-components-buttons-primary)!important}.base-button:not(.disable-states):not(:disabled):active:after{opacity:.16;--tw-duration: 80ms;transition-duration:80ms}.base-button:not(.disable-states):not(:disabled):focus-visible{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.base-button:not(.disable-states):not(:disabled):focus-visible{outline:2px solid transparent;outline-offset:2px}}.base-button:not(.disable-states):not(:disabled):focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-white);--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.base-button:disabled,.base-button[disabled=true]{cursor:not-allowed;opacity:50%}.base-button.pink{background-color:var(--color-rebrand-components-buttons-pink)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, #e7228f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.pink:not(.disable-states):not(:disabled):hover{background-color:var(--color-rebrand-components-buttons-pink)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, #e7228f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.pink:not(.icon-only) .icon-container.main-button-icon{background-color:var(--color-pink-800)!important}.base-button.green{background-color:var(--color-rebrand-components-buttons-green)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, #23d966);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.green:not(.disable-states):not(:disabled):hover{background-color:var(--color-rebrand-components-buttons-green)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, #23d966);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.green:not(.icon-only) .icon-container.main-button-icon{background-color:var(--color-green-700)!important}.base-button.secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-rebrand-components-border-primary);background-color:var(--color-rebrand-components-containers-dark)!important;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.secondary:not(.disable-states):not(:disabled):hover{background-color:var(--color-rebrand-components-containers-dark)!important;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.secondary:not(.icon-only) .icon-container.main-button-icon{background-color:var(--color-blue-900)!important}.base-button.primary{--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, #257cdf);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.primary:not(.icon-only) .icon-container.main-button-icon{background-color:var(--color-blue-800)!important}.base-button.red{background-color:#cc1726!important;box-shadow:5.212px 5.212px 10.425px #ffffff4d inset,-5.212px -5.212px 13.031px #0000004d inset}.base-button.red:not(.icon-only) .icon-container.main-button-icon{background-color:#cc1726!important}button.base-button.custom,span.base-button.custom{background-color:var(--rebrand-button-bg)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, .3)), inset -10px -10px 25px 0 var(--tw-shadow-color, rgba(0, 0, 0, .3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.yes{background-color:var(--color-rebrand-components-prediction-markets-yes)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, .3)), inset -10px -10px 25px 0 var(--tw-shadow-color, rgba(0, 0, 0, .3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.yes:not(.disable-states):not(:disabled):hover{background-color:var(--color-rebrand-components-prediction-markets-yes)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, .3)), inset -10px -10px 25px 0 var(--tw-shadow-color, rgba(0, 0, 0, .3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.no{background-color:var(--color-rebrand-components-prediction-markets-no)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, .3)), inset -10px -10px 25px 0 var(--tw-shadow-color, rgba(0, 0, 0, .3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.base-button.no:not(.disable-states):not(:disabled):hover{background-color:var(--color-rebrand-components-prediction-markets-no)!important;--tw-shadow: inset 10px 10px 20px 0 var(--tw-shadow-color, rgba(255, 255, 255, .3)), inset -10px -10px 25px 0 var(--tw-shadow-color, rgba(0, 0, 0, .3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}button.base-button.invert-text,a.base-button.invert-text{color:var(--color-rebrand-text-inverse)!important}
