:root{--s-button-height-xs:var(--s-size-xl);--s-button-padding-y-xs:0;--s-button-padding-x-xs:6px;--s-button-border-radius-xs:var(--s-border-radius-sm);--s-button-font-size-xs:var(--s-font-size-sm);--s-button-icon-size-xs:var(--s-font-size-sm);--s-button-height-sm:var(--s-size-2xl);--s-button-padding-y-sm:0;--s-button-padding-x-sm:9px;--s-button-border-radius-sm:var(--s-border-radius-sm);--s-button-font-size-sm:var(--s-font-size-sm);--s-button-icon-size-sm:var(--s-font-size);--s-button-height:var(--s-size-3xl);--s-button-padding-y:0;--s-button-padding-x:11px;--s-button-border-radius:var(--s-border-radius);--s-button-font-size:var(--s-font-size);--s-button-icon-size:18px;--s-button-height-lg:var(--s-size-4xl);--s-button-padding-y-lg:0;--s-button-padding-x-lg:14px;--s-button-border-radius-lg:var(--s-border-radius);--s-button-font-size-lg:var(--s-font-size-lg);--s-button-icon-size-lg:20px;--s-button-outlined-bg:var(--s-white);--s-button-secondary-color:var(--s-gray-800)}.dark{--s-button-outlined-bg:rgba(0,0,0,0);--s-button-secondary-color:var(--s-white)}.s-button{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;border:none;vertical-align:middle;font-family:inherit;line-height:var(--s-line-height-normal);white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:visible;appearance:none;outline:none}.s-button--block{display:flex;width:100%}.s-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;background:rgba(0,0,0,.125);pointer-events:none}.s-button--xs{height:var(--s-button-height-xs);padding:var(--s-button-padding-y-xs) var(--s-button-padding-x-xs);border-radius:var(--s-button-border-radius-xs);font-size:var(--s-button-font-size-xs)}.s-button--xs::after{border-radius:calc(var(--s-button-border-radius-xs)*2)}.s-button--xs .s-button__icon{font-size:var(--s-button-icon-size-xs)}.s-button--xs.s-button--iconic{min-width:var(--s-button-height-xs)}.s-button--small{height:var(--s-button-height-sm);padding:var(--s-button-padding-y-sm) var(--s-button-padding-x-sm);border-radius:var(--s-button-border-radius-sm);font-size:var(--s-button-font-size-sm)}.s-button--small::after{border-radius:calc(var(--s-button-border-radius-sm)*2)}.s-button--small .s-button__icon{font-size:var(--s-button-icon-size-sm)}.s-button--small.s-button--iconic{min-width:var(--s-button-height-sm)}.s-button--medium{height:var(--s-button-height);padding:var(--s-button-padding-y) var(--s-button-padding-x);border-radius:var(--s-button-border-radius);font-size:var(--s-button-font-size)}.s-button--medium::after{border-radius:calc(var(--s-button-border-radius)*2)}.s-button--medium .s-button__icon{font-size:var(--s-button-icon-size)}.s-button--medium.s-button--iconic{min-width:var(--s-button-height)}.s-button--large{height:var(--s-button-height-lg);padding:var(--s-button-padding-y-lg) var(--s-button-padding-x-lg);border-radius:var(--s-button-border-radius-lg);font-size:var(--s-button-font-size-lg)}.s-button--large::after{border-radius:calc(var(--s-button-border-radius-lg)*2)}.s-button--large .s-button__icon{font-size:var(--s-button-icon-size-lg)}.s-button--large.s-button--iconic{min-width:var(--s-button-height-lg)}.s-button--auto-height{height:auto}.s-button--compact{padding:0;height:auto}.s-button--solid-primary{color:var(--s-white);background-color:var(--s-color-primary)}.s-button--outlined-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-primary)}.s-button--dashed-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-primary)}.s-button--filled-primary{color:var(--s-color-primary);background-color:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-button--text-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--link-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--solid-secondary{color:var(--s-white);background-color:var(--s-color-secondary)}.s-button--outlined-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-gray-200)}.s-button--dashed-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-gray-200)}.s-button--filled-secondary{color:var(--s-color-secondary);background-color:rgba(var(--s-color-secondary-rgb), var(--s-opacity-theme-bg))}.s-button--text-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--link-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--solid-success{color:var(--s-white);background-color:var(--s-color-success)}.s-button--outlined-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-success)}.s-button--dashed-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-success)}.s-button--filled-success{color:var(--s-color-success);background-color:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-button--text-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--link-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--solid-warning{color:var(--s-white);background-color:var(--s-color-warning)}.s-button--outlined-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-warning)}.s-button--dashed-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-warning)}.s-button--filled-warning{color:var(--s-color-warning);background-color:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-button--text-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--link-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--solid-danger{color:var(--s-white);background-color:var(--s-color-danger)}.s-button--outlined-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-danger)}.s-button--dashed-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-danger)}.s-button--filled-danger{color:var(--s-color-danger);background-color:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-button--text-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--link-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--solid-black{color:var(--s-white);background-color:var(--s-black)}.s-button--outlined-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-black)}.s-button--dashed-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-black)}.s-button--filled-black{color:var(--s-black);background-color:rgba(var(--s-black-rgb), var(--s-opacity-theme-bg))}.s-button--text-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--link-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--solid-white{color:var(--s-black);background-color:var(--s-white)}.s-button--outlined-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px solid var(--s-white)}.s-button--dashed-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px dashed var(--s-white)}.s-button--filled-white{color:var(--s-white);background-color:rgba(var(--s-white-rgb), var(--s-opacity-theme-bg))}.s-button--text-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--link-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--ghost{background:rgba(0,0,0,0)}.s-button--round{border-radius:var(--s-border-radius-full)}.s-button--square{border-radius:0}.s-button--solid:not(.is-disabled,.is-loading):active::before,.s-button--outlined:not(.is-disabled,.is-loading):active::before,.s-button--dashed:not(.is-disabled,.is-loading):active::before,.s-button--filled:not(.is-disabled,.is-loading):active::before,.s-button--text:not(.is-disabled,.is-loading):active::before{opacity:1}.s-button--link:not(.is-disabled,.is-loading):active{opacity:var(--s-opacity-active)}.s-button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-button:is(.is-loading){opacity:var(--s-opacity-loading);cursor:var(--s-cursor-loading)}.s-button__icon{display:inline-flex}.s-button__icon:is(.has-slot){margin-inline-end:.5em}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-button--compact-horizontal.s-button--solid+.s-button--solid,.s-button--compact-horizontal.s-button--solid+.s-button--filled,.s-button--compact-horizontal.s-button--filled+.s-button--solid,.s-button--compact-horizontal.s-button--filled+.s-button--filled{border-inline-start:1px solid var(--s-border-color-light)}.s-button--compact-vertical:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.s-button--compact-vertical:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-button--compact-vertical.s-button--solid+.s-button--solid,.s-button--compact-vertical.s-button--solid+.s-button--filled,.s-button--compact-vertical.s-button--filled+.s-button--solid,.s-button--compact-vertical.s-button--filled+.s-button--filled{border-top:1px solid var(--s-border-color-light)}.s-button--compact-horizontal.s-button--outlined+.s-button--outlined{margin-inline-start:-1px}.s-button--compact-vertical.s-button--outlined+.s-button--outlined{margin-top:-1px}