:root{--z-button-padding:var(--z-padding);--z-button-color:#b5b5b5;--z-button-hover-bg:#000}.z-button{--z-bordered-size:calc(var(--z-button-padding) * 2 + var(--z-line-height) + var(--z-border-size) * 2);position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:var(--z-bordered-size);min-height:var(--z-bordered-size);line-height:var(--z-line-height);white-space:nowrap;vertical-align:top;cursor:pointer;color:#ffffffe6;background:var(--z-button-color);outline-color:var(--z-button-color);border:none;border-radius:var(--z-border-radius);font-size:inherit;font-weight:400;box-sizing:border-box;padding:0 calc(var(--z-button-padding) * 2);outline-offset:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation;text-decoration:none!important;transition:color .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.z-button.z-compact{--z-button-padding:var(--z-padding-compact)}.z-button:has(>.z-inner>.z-icon:only-child){padding-inline:0}.z-button.z-fluid{display:flex;width:100%}.z-button.z-round{--z-border-radius:9em}.z-button.z-plain{background:transparent;color:var(--z-button-color)}.z-button.z-outline{background:transparent;border:var(--z-button-color) solid 1px}.z-button.z-light{color:var(--z-color-black);color:color-mix(in srgb,var(--z-color-black),transparent 25%)}.z-button>.z-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--z-button-padding)}.z-button>.z-inner>*{flex:0 0 auto;transition:opacity .4s}.z-button>.z-inner>.z-label{flex:1 1 auto}.z-button>.z-inner>.z-icon{font-size:1.2em}.z-button>.z-inner>.z-icon:not(:only-child){opacity:.7}.z-button.z-vertical{padding:var(--z-button-padding)}.z-button.z-vertical .z-inner{flex-direction:column}.z-button.z-vertical .z-inner>.z-icon{font-size:2em}.z-button[disabled]{cursor:inherit;pointer-events:none}@media(hover:hover){.z-button:not(.z-basic):before{position:absolute;inset:0;content:"";border-radius:inherit;background:var(--z-button-hover-bg);opacity:0}}.z-button:not([disabled]):before{border-radius:20em/5em;transform:scale(0);transition:opacity .3s,transform .2s,border-radius .2s}.z-button.z-plain:not([disabled]):hover:before{opacity:var(--z-button-hover-opacity,.04);transform:scale(1);border-radius:inherit}.z-button:not([disabled]):hover:before,.z-button[disabled]:not(.z-plain):before{opacity:.07;transform:scale(1);border-radius:inherit}.z-button[disabled]>.z-inner>*{opacity:.5}.z-button.z-loading>.z-inner>*{opacity:.2}.z-button::-moz-focus-inner{border:none}