html button:where(.sunp-button){align-items:center;border-color:transparent;border-style:solid;border-width:var(--sunp-border,1px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:17px;height:36px;justify-content:center;line-height:24px;padding:0 12px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html button:where(.sunp-button):before{position:absolute}html button:where(.sunp-button):before{box-sizing:content-box}html button:where(.sunp-button):before{border-color:transparent;border-radius:inherit;border-style:inherit;border-width:var(--sunp-border,1px);height:calc(100% + var(--sunp-border, 1px));left:calc(0 - var(--sunp-border, 1px));top:calc(0 - var(--sunp-border, 1px));width:calc(100% + var(--sunp-border, 1px))}html button:where(.sunp-button):after{position:absolute}html button:where(.sunp-button):after{box-sizing:content-box}html button:where(.sunp-button):after{border-color:transparent;border-radius:inherit;border-style:inherit;border-width:var(--sunp-border,1px);height:calc(100% + var(--sunp-border, 1px));left:calc(0 - var(--sunp-border, 1px));top:calc(0 - var(--sunp-border, 1px));width:calc(100% + var(--sunp-border, 1px));z-index:1}html button:where(.sunp-button) .sunp-button__content{display:flex}html button:where(.sunp-button) .sunp-button__content{flex:1 1 auto}html button:where(.sunp-button) .sunp-button__content{align-items:center}html button:where(.sunp-button) .sunp-button__content{justify-content:center}html button:where(.sunp-button) .sunp-button__content{position:relative}html button:where(.sunp-button) .sunp-button__content{overflow:hidden}html button:where(.sunp-button) .sunp-button__content{translate:0 1px;z-index:2}@supports (-webkit-touch-callout:none){html button:where(.sunp-button) .sunp-button__content{translate:0 .5px}}html button:where(.sunp-button) .sunp-button__loading .sunp-button__loading-icon{margin-right:.5rem}@keyframes spin{to{transform:rotate(1turn)}}html button:where(.sunp-button) .sunp-button__loading .sunp-button__loading-icon{animation:spin 1s linear infinite}html button:where(.sunp-button-block){display:flex;height:100%;width:100%}html button:where(.sunp-button-loading){cursor:wait;pointer-events:none}html button:where(.sunp-button-loading):before{background-color:var(--sunp-color-white);content:"";opacity:.2}html button:where(.sunp-button-disabled){background-color:var(--sunp-color-box);border-color:var(--sunp-color-border);color:var(--sunp-color-weak);cursor:not-allowed}html button:where(.sunp-button-normal){background-color:var(--sunp-color-background);border-color:var(--sunp-color-border);color:var(--sunp-color-text)}html button:where(.sunp-button-normal):active{border-color:transparent;color:var(--sunp-color-primary)}html button:where(.sunp-button-normal):active:before{background-color:var(--sunp-color-primary);content:"";opacity:.1}html button:where(.sunp-button-normal):active:after{border-color:var(--sunp-color-primary);content:"";opacity:.8}html button:where(.sunp-button-primary){background-color:var(--sunp-color-primary);color:var(--sunp-color-white)}html button:where(.sunp-button-primary):active:before{background-color:var(--sunp-color-black);content:"";opacity:.1}html button:where(.sunp-button-primary-plain){background-color:var(--sunp-color-white);color:var(--sunp-color-primary)}html button:where(.sunp-button-primary-plain):before{background-color:var(--sunp-color-primary);content:"";opacity:.1}html button:where(.sunp-button-primary-plain):after{border-color:var(--sunp-color-primary);content:"";opacity:.7}html button:where(.sunp-button-primary-plain):active:before{opacity:.2}html button:where(.sunp-button-primary-plain):active:after{opacity:.8}html button:where(.sunp-button-success){background-color:var(--sunp-color-success);color:var(--sunp-color-white)}html button:where(.sunp-button-success):active:before{background-color:var(--sunp-color-black);content:"";opacity:.1}html button:where(.sunp-button-success-plain){background-color:var(--sunp-color-white);color:var(--sunp-color-success)}html button:where(.sunp-button-success-plain):before{background-color:var(--sunp-color-success);content:"";opacity:.1}html button:where(.sunp-button-success-plain):after{border-color:var(--sunp-color-success);content:"";opacity:.7}html button:where(.sunp-button-success-plain):active:before{opacity:.2}html button:where(.sunp-button-success-plain):active:after{opacity:.8}html button:where(.sunp-button-warning){background-color:var(--sunp-color-warning);color:var(--sunp-color-white)}html button:where(.sunp-button-warning):active:before{background-color:var(--sunp-color-black);content:"";opacity:.1}html button:where(.sunp-button-warning-plain){background-color:var(--sunp-color-white);color:var(--sunp-color-warning)}html button:where(.sunp-button-warning-plain):before{background-color:var(--sunp-color-warning);content:"";opacity:.1}html button:where(.sunp-button-warning-plain):after{border-color:var(--sunp-color-warning);content:"";opacity:.7}html button:where(.sunp-button-warning-plain):active:before{opacity:.2}html button:where(.sunp-button-warning-plain):active:after{opacity:.8}html button:where(.sunp-button-danger){background-color:var(--sunp-color-danger);color:var(--sunp-color-white)}html button:where(.sunp-button-danger):active:before{background-color:var(--sunp-color-black);content:"";opacity:.1}html button:where(.sunp-button-danger-plain){background-color:var(--sunp-color-white);color:var(--sunp-color-danger)}html button:where(.sunp-button-danger-plain):before{background-color:var(--sunp-color-danger);content:"";opacity:.1}html button:where(.sunp-button-danger-plain):after{border-color:var(--sunp-color-danger);content:"";opacity:.7}html button:where(.sunp-button-danger-plain):active:before{opacity:.2}html button:where(.sunp-button-danger-plain):active:after{opacity:.8}html button:where(.sunp-button-cancel){background-color:var(--sunp-color-weak);color:var(--sunp-color-white)}html button:where(.sunp-button-cancel):active:before{background-color:var(--sunp-color-black);content:"";opacity:.1}html button:where(.sunp-button-cancel-plain){background-color:var(--sunp-color-white);color:var(--sunp-color-text-secondary)}html button:where(.sunp-button-cancel-plain):before{background-color:var(--sunp-color-weak);content:"";opacity:.1}html button:where(.sunp-button-cancel-plain):after{border-color:var(--sunp-color-weak);content:"";opacity:.7}html button:where(.sunp-button-cancel-plain):active:before{opacity:.2}html button:where(.sunp-button-cancel-plain):active:after{opacity:.8}html button:where(.sunp-button-text){background-color:transparent;color:var(--sunp-color-text)}html button:where(.sunp-button-text):active:before{background-color:var(--sunp-color-weak);content:"";opacity:.1}