@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.y-button{--y-button-text-color:var(--y-color-text);--y-button-border-color:var(--y-color-border);--y-button-before-bg-color:var(--y-color-theme);--y-button-after-border-color:var(--y-color-theme);--y-button-hover-text-color:var(--y-color-primary);--y-button-hover-bg-color:var(--y-color-primary-1);--y-button-hover-border-color:var(--y-color-primary-3);--y-button-disabled-opacity:var(--y-disabled-opacity);--y-button-primary-bg-color:var(--y-color-primary);--y-button-primary-border-color:var(--y-color-primary);--y-button-primary-text-color:#fff;--y-button-success-bg-color:var(--y-color-success);--y-button-success-border-color:var(--y-color-success);--y-button-success-text-color:#fff;--y-button-warning-bg-color:var(--y-color-warning);--y-button-warning-border-color:var(--y-color-warning);--y-button-warning-text-color:#fff;--y-button-error-bg-color:var(--y-color-error);--y-button-error-border-color:var(--y-color-error);--y-button-error-text-color:#fff;--y-button-info-bg-color:var(--y-color-info);--y-button-info-border-color:var(--y-color-info);--y-button-info-text-color:#fff;--y-button-bg-color:var(--y-color-theme)}.y-button{position:relative;display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;outline:0;cursor:pointer;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;color:var(--y-button-text-color);background-color:var(--y-button-bg-color);border:1px solid;border-color:var(--y-button-border-color);padding:8px 15px;border-radius:4px}.y-button::after{position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;opacity:0;transition:.3s;box-shadow:0 0 0 8px var(--y-button-primary-border-color);content:" "}.y-button::before{position:absolute;left:-1px;top:-1px;width:100%;height:100%;opacity:0;border:1px solid var(--y-button-after-border-color);background-color:var(--y-button-before-bg-color);content:" "}.y-button:hover:not(.is-disabled){transition:all .2s cubic-bezier(.645,.045,.355,1);color:var(--y-button-hover-text-color);border-color:var(--y-button-hover-border-color);outline:0}.y-button:not(.is-disabled):active::after{box-shadow:none;opacity:.6;transition:0s}.y-button.is-round{border-radius:500px}.y-button.is-circle{border-radius:50%;padding:8px}.y-button.is-disabled{cursor:not-allowed;opacity:var(--y-button-disabled-opacity)}.y-button.is-type-primary .is-loading::after{border-color:#fff;border-bottom-color:transparent}.y-button.is-type-primary:not(.is-plain){border-color:var(--y-button-primary-border-color);background-color:var(--y-button-primary-bg-color);color:var(--y-button-primary-text-color)}.y-button.is-type-primary:not(.is-plain):not(.is-disabled)::after,.y-button.is-type-primary:not(.is-plain):not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-primary-border-color)}.y-button.is-type-primary:not(.is-plain):not(.is-disabled):active::after,.y-button.is-type-primary:not(.is-plain):not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-primary:not(.is-plain):not(.is-disabled):hover::before,.y-button.is-type-primary:not(.is-plain):not(.is-loading):hover::before{opacity:.2}.y-button.is-type-primary.is-plain{border-color:var(--y-button-primary-border-color);color:var(--y-button-primary-bg-color)}.y-button.is-type-primary.is-plain:not(.is-disabled)::after,.y-button.is-type-primary.is-plain:not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-primary-border-color)}.y-button.is-type-primary.is-plain:not(.is-disabled):active::after,.y-button.is-type-primary.is-plain:not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-primary.is-plain:not(.is-disabled):hover::before,.y-button.is-type-primary.is-plain:not(.is-loading):hover::before{opacity:.2}.y-button.is-type-success .is-loading::after{border-color:#fff;border-bottom-color:transparent}.y-button.is-type-success:not(.is-plain){border-color:var(--y-button-success-border-color);background-color:var(--y-button-success-bg-color);color:var(--y-button-success-text-color)}.y-button.is-type-success:not(.is-plain):not(.is-disabled)::after,.y-button.is-type-success:not(.is-plain):not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-success-border-color)}.y-button.is-type-success:not(.is-plain):not(.is-disabled):active::after,.y-button.is-type-success:not(.is-plain):not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-success:not(.is-plain):not(.is-disabled):hover::before,.y-button.is-type-success:not(.is-plain):not(.is-loading):hover::before{opacity:.2}.y-button.is-type-success.is-plain{border-color:var(--y-button-success-border-color);color:var(--y-button-success-bg-color)}.y-button.is-type-success.is-plain:not(.is-disabled)::after,.y-button.is-type-success.is-plain:not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-success-border-color)}.y-button.is-type-success.is-plain:not(.is-disabled):active::after,.y-button.is-type-success.is-plain:not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-success.is-plain:not(.is-disabled):hover::before,.y-button.is-type-success.is-plain:not(.is-loading):hover::before{opacity:.2}.y-button.is-type-warning .is-loading::after{border-color:#fff;border-bottom-color:transparent}.y-button.is-type-warning:not(.is-plain){border-color:var(--y-button-warning-border-color);background-color:var(--y-button-warning-bg-color);color:var(--y-button-warning-text-color)}.y-button.is-type-warning:not(.is-plain):not(.is-disabled)::after,.y-button.is-type-warning:not(.is-plain):not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-warning-border-color)}.y-button.is-type-warning:not(.is-plain):not(.is-disabled):active::after,.y-button.is-type-warning:not(.is-plain):not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-warning:not(.is-plain):not(.is-disabled):hover::before,.y-button.is-type-warning:not(.is-plain):not(.is-loading):hover::before{opacity:.2}.y-button.is-type-warning.is-plain{border-color:var(--y-button-warning-border-color);color:var(--y-button-warning-bg-color)}.y-button.is-type-warning.is-plain:not(.is-disabled)::after,.y-button.is-type-warning.is-plain:not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-warning-border-color)}.y-button.is-type-warning.is-plain:not(.is-disabled):active::after,.y-button.is-type-warning.is-plain:not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-warning.is-plain:not(.is-disabled):hover::before,.y-button.is-type-warning.is-plain:not(.is-loading):hover::before{opacity:.2}.y-button.is-type-error .is-loading::after{border-color:#fff;border-bottom-color:transparent}.y-button.is-type-error:not(.is-plain){border-color:var(--y-button-error-border-color);background-color:var(--y-button-error-bg-color);color:var(--y-button-error-text-color)}.y-button.is-type-error:not(.is-plain):not(.is-disabled)::after,.y-button.is-type-error:not(.is-plain):not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-error-border-color)}.y-button.is-type-error:not(.is-plain):not(.is-disabled):active::after,.y-button.is-type-error:not(.is-plain):not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-error:not(.is-plain):not(.is-disabled):hover::before,.y-button.is-type-error:not(.is-plain):not(.is-loading):hover::before{opacity:.2}.y-button.is-type-error.is-plain{border-color:var(--y-button-error-border-color);color:var(--y-button-error-bg-color)}.y-button.is-type-error.is-plain:not(.is-disabled)::after,.y-button.is-type-error.is-plain:not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-error-border-color)}.y-button.is-type-error.is-plain:not(.is-disabled):active::after,.y-button.is-type-error.is-plain:not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-error.is-plain:not(.is-disabled):hover::before,.y-button.is-type-error.is-plain:not(.is-loading):hover::before{opacity:.2}.y-button.is-type-info .is-loading::after{border-color:#fff;border-bottom-color:transparent}.y-button.is-type-info:not(.is-plain){border-color:var(--y-button-info-border-color);background-color:var(--y-button-info-bg-color);color:var(--y-button-info-text-color)}.y-button.is-type-info:not(.is-plain):not(.is-disabled)::after,.y-button.is-type-info:not(.is-plain):not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-info-border-color)}.y-button.is-type-info:not(.is-plain):not(.is-disabled):active::after,.y-button.is-type-info:not(.is-plain):not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-info:not(.is-plain):not(.is-disabled):hover::before,.y-button.is-type-info:not(.is-plain):not(.is-loading):hover::before{opacity:.2}.y-button.is-type-info.is-plain{border-color:var(--y-button-info-border-color);color:var(--y-button-info-bg-color)}.y-button.is-type-info.is-plain:not(.is-disabled)::after,.y-button.is-type-info.is-plain:not(.is-loading)::after{box-shadow:0 0 0 8px var(--y-button-info-border-color)}.y-button.is-type-info.is-plain:not(.is-disabled):active::after,.y-button.is-type-info.is-plain:not(.is-loading):active::after{box-shadow:none;opacity:.8;transition:0s}.y-button.is-type-info.is-plain:not(.is-disabled):hover::before,.y-button.is-type-info.is-plain:not(.is-loading):hover::before{opacity:.2}.y-button.is-large{padding:12px 19px}.y-button.is-small{padding:5px 11px}.y-button.is-block{display:flex;width:100%}.y-button.is-loading{cursor:not-allowed;opacity:var(--y-button-disabled-opacity)}.y-button .is-loading{display:block;margin-right:5px}.y-button .is-loading::after{display:block;content:" ";width:10px;height:10px;border:1px solid var(--y-color-primary);border-bottom-color:transparent;border-radius:50%;animation:loading 1s linear infinite;margin:0 auto}