@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:where(button[z-button],*[z-theme=light] button[z-button],button[z-button][z-theme=light],a[role=button][z-button],*[z-theme=light] a[role=button][z-button],a[role=button][z-button][z-theme=light],input[type=submit][z-button],*[z-theme=light] input[type=submit][z-button],input[type=submit][z-button][z-theme=light]){--_bg: var(--z-bg-primary);--_bg--hover: var(--z-bg-hover);--_bg--disabled: var(--z-bg-disabled);--_bg--active: var(--z-bg-pressed);--_color: var(--z-ct-clickable--inv);--_color--hover: var(--z-ct-clickable--inv);--_color--disabled: var(--z-ct-disabled--eq);--_color--loading: var(--z-ct-primary--inv);--_opacity--disabled: var(--z-op-disabled);--_pad-h: var(--zs-150);--_pad-v: var(--zs-75);--_icon-size: var(--zs-150)}button[z-button],a[role=button][z-button],input[type=submit][z-button]{--z-icon--size: var(--_icon-size);--z-icon--color: currentColor;cursor:pointer;font:var(--zf-body-18);display:inline-block;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:var(--zs-50);padding:calc(var(--_pad-v) - 2px) calc(var(--_pad-h) - 2px);height:var(--zs-300);min-width:var(--zs-300);border:2px solid transparent;border-radius:var(--z-button--radius, 28px)!important;background-color:var(--z-button--bg, var(--_bg))!important;color:var(--z-button--color, var(--_color))!important;margin:0;width:-moz-max-content;width:max-content;text-align:center;text-decoration-line:none;text-wrap:nowrap;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s,border-radius .2s,box-shadow .2s}button[z-button]:focus,a[role=button][z-button]:focus,input[type=submit][z-button]:focus{outline-offset:var(--z-fc-outline-offset);outline:var(--z-fc-outline);transition:outline-offset .2s ease-in-out,outline-width .2s ease-in-out}button[z-button]:not(:disabled,[loading]):not(:active):hover,a[role=button][z-button]:not(:disabled,[loading]):not(:active):hover,input[type=submit][z-button]:not(:disabled,[loading]):not(:active):hover{background-color:var(--z-button--bg--hover, var(--_bg--hover))!important;color:var(--z-button--color--hover, var(--_color--hover))!important;box-shadow:var(--z-button--shadow, var(--zd-2))}button[z-button]:active,a[role=button][z-button]:active,input[type=submit][z-button]:active{background-color:var(--z-button--bg--active, var(--_bg--active))!important}button[z-button]:empty,a[role=button][z-button]:empty,input[type=submit][z-button]:empty{padding:calc(var(--_pad-v) - 2px)}button[z-button]:not([loading]):disabled,a[role=button][z-button]:not([loading]):disabled,input[type=submit][z-button]:not([loading]):disabled{color:var(--z-button--color--disabled, var(--_color--disabled))!important;background-color:var(--z-button--bg--disabled, var(--_bg--disabled))!important;cursor:not-allowed;opacity:var(--z-button--opacity--disabled, var(--_opacity--disabled))}section:is([z-button-group*=":s"],[z-button-group=s])>button[z-button],button[z-button]:is([z-button*=":s"],[z-button=s]),section:is([z-button-group*=":s"],[z-button-group=s])>a[role=button][z-button],a[role=button][z-button]:is([z-button*=":s"],[z-button=s]),section:is([z-button-group*=":s"],[z-button-group=s])>input[type=submit][z-button],input[type=submit][z-button]:is([z-button*=":s"],[z-button=s]){height:2.5rem;min-width:2.5rem;--_pad-v: var(--zs-50);--_pad-h: var(--zs-100)}section:is([z-button-group*=":xs"],[z-button-group=xs])>button[z-button],button[z-button]:is([z-button*=":xs"],[z-button=xs]),section:is([z-button-group*=":xs"],[z-button-group=xs])>a[role=button][z-button],a[role=button][z-button]:is([z-button*=":xs"],[z-button=xs]),section:is([z-button-group*=":xs"],[z-button-group=xs])>input[type=submit][z-button],input[type=submit][z-button]:is([z-button*=":xs"],[z-button=xs]){height:2.25rem;min-width:2.25rem;gap:var(--zs-25);font:var(--zf-capt-14);--_pad-v: var(--zs-50);--_pad-h: var(--zs-100);--_icon-size: var(--zs-100)}section:is([z-button-group*=":l"],[z-button-group=l])>button[z-button],button[z-button]:is([z-button*=":l"],[z-button=l]),section:is([z-button-group*=":l"],[z-button-group=l])>a[role=button][z-button],a[role=button][z-button]:is([z-button*=":l"],[z-button=l]),section:is([z-button-group*=":l"],[z-button-group=l])>input[type=submit][z-button],input[type=submit][z-button]:is([z-button*=":l"],[z-button=l]){height:3.5rem;min-width:3.5rem;--_pad-v: var(--zs-100)}button[z-button][z-button^=link],section[z-button-group^=secondary]>button[z-button],div[z-segmented-control]>label>button[z-button]:has(+input[type=radio]:not(:checked)),button[z-button][z-button^=secondary],a[role=button][z-button][z-button^=link],section[z-button-group^=secondary]>a[role=button][z-button],div[z-segmented-control]>label>a[role=button][z-button]:has(+input[type=radio]:not(:checked)),a[role=button][z-button][z-button^=secondary],input[type=submit][z-button][z-button^=link],section[z-button-group^=secondary]>input[type=submit][z-button],div[z-segmented-control]>label>input[type=submit][z-button]:has(+input[type=radio]:not(:checked)),input[type=submit][z-button][z-button^=secondary]{--_bg--disabled: transparent;--_bg--hover: transparent;--_bg--active: transparent;--_bg: transparent;--_color: var(--z-ct-clickable);--_color--hover: var(--z-ct-hover);--_color--active: var(--z-ct-pressed);--_color--loading: var(--z-ct-primary);--_color--disabled: var(--z-ct-disabled)}button[z-button][z-button^=link],a[role=button][z-button][z-button^=link],input[type=submit][z-button][z-button^=link]{padding:var(--zs-50) 0;border-radius:var(--z-button--radius, 0)!important;border-color:transparent!important;box-shadow:none!important}button[z-button][z-button^=link]:hover,a[role=button][z-button][z-button^=link]:hover,input[type=submit][z-button][z-button^=link]:hover{box-shadow:none!important}section[z-button-group^=secondary]>button[z-button],button[z-button][z-button^=secondary],section[z-button-group^=secondary]>a[role=button][z-button],a[role=button][z-button][z-button^=secondary],section[z-button-group^=secondary]>input[type=submit][z-button],input[type=submit][z-button][z-button^=secondary]{border-color:currentColor}button[z-button][z-button^=positive],a[role=button][z-button][z-button^=positive],input[type=submit][z-button][z-button^=positive]{--_bg: var(--z-bg-positive);--_bg--hover: var(--z-bg-positive--hover);--_bg--active: var(--z-bg-status-positive--hover)}button[z-button][z-button^=negative],a[role=button][z-button][z-button^=negative],input[type=submit][z-button][z-button^=negative]{--_bg: var(--z-bg-negative);--_bg--hover: var(--z-bg-negative--hover);--_bg--active: var(--z-bg-status-negative--hover)}button[z-button][icon][icon-right]:after,button[z-button][icon]:not([icon-right]):before,a[role=button][z-button][icon][icon-right]:after,a[role=button][z-button][icon]:not([icon-right]):before,input[type=submit][z-button][icon][icon-right]:after,input[type=submit][z-button][icon]:not([icon-right]):before{content:"";display:inline-block;width:var(--_icon-size);height:var(--_icon-size);-webkit-mask:var(--zi);mask:var(--zi);-webkit-mask-size:var(--_icon-size);mask-size:var(--_icon-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:currentColor}button[z-button][z-button$=round]:not([wide]),button[z-button]:empty:not([wide]),a[role=button][z-button][z-button$=round]:not([wide]),a[role=button][z-button]:empty:not([wide]),input[type=submit][z-button][z-button$=round]:not([wide]),input[type=submit][z-button]:empty:not([wide]){box-sizing:content-box;width:var(--_icon-size);min-width:var(--_icon-size);height:var(--_icon-size);padding:calc(var(--_pad-v) - 2px)}button[z-button][loading],a[role=button][z-button][loading],input[type=submit][z-button][loading]{--_bg: var(--_bg--active) !important;--_color: transparent !important;border-color:var(--z-button--color--loading, var(--_color--loading))}button[z-button][loading]:after,a[role=button][z-button][loading]:after,input[type=submit][z-button][loading]:after{content:"";width:1em;height:1em;position:absolute;box-sizing:border-box;border-radius:50%;display:inline-block;animation:loader 1s linear infinite;border:3px solid var(--z-button--color--loading, var(--_color--loading));border-bottom-color:transparent!important}button[z-button][wide],a[role=button][z-button][wide],input[type=submit][z-button][wide]{width:100%}button[z-button][wide=spread],a[role=button][z-button][wide=spread],input[type=submit][z-button][wide=spread]{justify-content:space-between}:is(button,output)[z-chip]{cursor:pointer;font:var(--zf-capt-14--500);border:none;border-radius:var(--zs-75);padding:var(--z-chip--padding, 0 var(--zs-50));gap:var(--zs-25);display:flex;place-items:center;background-color:var(--z-chip--bg, var(--z-bg-primary))!important;color:var(--z-chip--color, var(--z-ct-clickable--inv))!important;width:-moz-max-content;width:max-content;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out}button[z-chip]:after{--zi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M18.56 19.42a.5.5 0 1 0 .71-.7L12.55 12l6.72-6.72a.5.5 0 1 0-.7-.7l-6.72 6.71-6.72-6.71a.5.5 0 0 0-.7.7L11.13 12l-6.72 6.72a.5.5 0 1 0 .71.7l6.72-6.71z'/%3E%3C/svg%3E");--zi-name: "close:line";content:"";width:1rem;height:1rem;display:inline-block;box-sizing:content-box;background-color:currentColor;margin:0;mask:var(--zi) center/1rem no-repeat;-webkit-mask:var(--zi) center/1rem no-repeat}button[z-chip]:not(:disabled):not(:active):hover{color:var(--z-chip--color--hover, var(--z-ct-clickable--inv))!important;background-color:var(--z-chip--bg--hover, var(--z-bg-hover))!important;box-shadow:var(--zd-2)}button[z-chip]:focus{outline-offset:var(--z-fc-outline-offset);outline:var(--z-fc-outline)!important;transition:outline-offset .2s ease-in-out,outline-width .2s ease-in-out}button[z-chip]:active{color:var(--z-chip--color--active, var(--z-ct-on-pressed))!important;background-color:var(--z-chip--bg--active, var(--z-bg-pressed))!important}button[z-chip]:disabled{color:var(--z-chip--color--disabled, var(--z-ct-disabled--eq))!important;background-color:var(--z-chip--bg--disabled, var(--z-bg-disabled))!important;opacity:var(--z-op-disabled);cursor:not-allowed}
