: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);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-radius:var(--z-border-radius);font-size:inherit;box-sizing:border-box;padding:0 calc(var(--z-button-padding) * 2);outline-offset:2px;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;font-weight:400;transition:color .4s;display:inline-flex;position:relative;text-decoration:none!important}.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{width:100%;display:flex}.z-button.z-round{--z-border-radius:9em}.z-button.z-plain{color:var(--z-button-color);background:0 0}.z-button.z-outline{border:var(--z-button-color) solid 1px;background:0 0}.z-button.z-light{color:color-mix(in srgb,var(--z-color-black),transparent 25%)}.z-button>.z-inner{justify-content:center;align-items:center;gap:var(--z-button-padding);display:flex;position:relative}.z-button>.z-inner>*{flex:none;transition:opacity .4s}.z-button>.z-inner>.z-label{flex: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{content:"";border-radius:inherit;background:var(--z-button-hover-bg);opacity:0;position:absolute;inset:0}}.z-button:not([disabled]):before{border-radius:20em/5em;transition:opacity .3s,transform .2s,border-radius .2s;transform:scale(0)}.z-button.z-plain:not([disabled]):hover:before{opacity:var(--z-button-hover-opacity,.04);border-radius:inherit;transform:scale(1)}.z-button:not([disabled]):hover:before,.z-button[disabled]:not(.z-plain):before{opacity:.07;border-radius:inherit;transform:scale(1)}.z-button[disabled]>.z-inner>*{opacity:.5}.z-button.z-loading>.z-inner>*{opacity:.2}.z-button::-moz-focus-inner{border:none}