.button-loader{display:inline-flex;align-items:center;gap:12px}.button-loader span{width:8px;height:8px;background:var(--action-primary);border-radius:50%;animation:bounce 1s ease-in-out infinite}.button-loader span:first-child{animation-delay:0s}.button-loader span:nth-child(2){animation-delay:.2s}.button-loader span:nth-child(3){animation-delay:.4s}.button-loader span:nth-child(4){animation-delay:.6s}.button-loader span:nth-child(5){animation-delay:.8s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}button{font-family:var(--font-ui),system-ui,sans-serif;font-size:20px;display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0}.basic-button.splash-button{background-color:rgba(0,0,0,0);color:var(--action-fill);box-shadow:inset 0 0 0 2px var(--action-fill);transition:background-color .16s ease-out,color .16s ease-out}.basic-button.splash-button:hover:not(.disabled):not(:disabled){background-color:var(--action-fill);color:var(--text-on-fill);box-shadow:inset 0 0 0 2px var(--action-fill)}.basic-button.splash-button.disabled,.basic-button.splash-button:disabled{background-color:rgba(0,0,0,0);color:var(--text-on-disabled);box-shadow:inset 0 0 0 2px var(--surface-disabled);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.basic-button.splash-button{transition:none}}.basic-button{display:inline-flex;align-items:center;justify-content:center;line-height:1;overflow:hidden;position:relative;font-family:var(--font-ui),system-ui,sans-serif;background-color:var(--action-primary);color:var(--surface-page);text-align:center;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;padding:0 10px;border-radius:6px;border:none;width:250px;height:40px}.basic-button.mobile{width:100%}.basic-button{transition:transform .1s ease,background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out}.basic-button:hover{background-color:var(--route-active)}.basic-button:active{transform:scale(.97)}.basic-button:disabled{box-shadow:none;cursor:not-allowed}.basic-button:disabled,.basic-button:disabled:hover{background-color:var(--surface-disabled);color:var(--text-on-disabled)}.basic-button:disabled:active{transform:scale(1)}.basic-button:focus{outline:none}.basic-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.basic-button+.button-tooltip{color:var(--action-primary);font-size:small;font-weight:400;position:absolute;top:90%;left:50%;transform:translateX(-50%);z-index:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.basic-button.secondary-button{background-color:var(--surface-page);color:var(--text-primary);border:1px solid var(--text-primary);text-align:center;text-decoration:none;cursor:pointer}.basic-button.secondary-button:hover{background-color:var(--surface-page);border-color:var(--action-primary);color:var(--action-primary)}.basic-button.tertiary-button{background-color:var(--surface-page);color:var(--text-primary);border:1.5px solid var(--text-primary);padding:0 20px;font-weight:600}.basic-button.tertiary-button:hover:not(.disabled){border-color:var(--action-primary);color:var(--action-primary);background-color:var(--surface-active)}.basic-button.tertiary-button.disabled,.basic-button.tertiary-button:disabled{background-color:var(--surface-page);color:var(--text-on-disabled);border-color:var(--text-on-disabled);cursor:not-allowed}.basic-button.cta-button,.basic-button.success-button{background-color:var(--surface-page);border:1px solid var(--action-primary);color:var(--action-primary);font-weight:600;transition:all .2s ease-in-out}.basic-button.cta-button:disabled,.basic-button.success-button:disabled{background-color:var(--surface-recessed);color:var(--text-on-disabled);border:none;box-shadow:none;cursor:not-allowed}.basic-button.cta-button:disabled:hover,.basic-button.success-button:disabled:hover{background-color:var(--surface-recessed);color:var(--text-on-disabled)}.basic-button.cta-button:disabled:active,.basic-button.success-button:disabled:active{transform:scale(1)}.basic-button.cta-button+.button_tooltip,.basic-button.success-button+.button_tooltip{color:var(--action-primary);font-size:20px;margin-top:2px;font-weight:700}.basic-button.cta-button .icon,.basic-button.success-button .icon{opacity:0;visibility:hidden;transition:all .7s ease;max-width:0;white-space:nowrap}.basic-button.cta-button .label-span,.basic-button.success-button .label-span{flex-grow:1;flex-shrink:1;margin:0 auto}.basic-button.cta-button:hover,.basic-button.success-button:hover{background-color:var(--action-primary);color:var(--text-on-action);border-color:var(--action-primary)}.basic-button.cta-button:hover .icon,.basic-button.success-button:hover .icon{background-color:var(--action-primary);align-items:center;justify-content:center;height:100%;flex-grow:0;flex-shrink:0;padding:0 5px;display:flex;opacity:1;visibility:visible;max-width:100%}.basic-button.success-button{color:var(--success-text);border-color:#3f8a4f}.basic-button.success-button:hover{background-color:#377946;color:#f5f5f5;border-color:#377946}.basic-button.danger-button{color:var(--warning-text);background-color:var(--surface-warning);border:1px solid #c9821f}.basic-button.danger-button:hover:not(.disabled){color:var(--error-text);border-color:#b23a2f;background-color:var(--surface-error)}.basic-button.danger-button.disabled{background-color:var(--surface-disabled);color:var(--text-on-disabled);border:none}.basic-button.text-only-button{overflow:visible;font-size:20px;font-weight:500;background-color:inherit;border:none;color:var(--action-primary);box-shadow:none;z-index:2;width:auto;margin:0;padding:0;transition:all .1s ease-in}.basic-button.text-only-button:after{content:"";position:absolute;left:-2px;right:-2px;bottom:4px;height:1.5px;background:currentColor;box-shadow:0 1px 3px currentColor;transform:scaleX(0);transform-origin:center;transition:transform .15s ease}.basic-button.text-only-button:focus-visible:after,.basic-button.text-only-button:hover:after{transform:scaleX(1)}.basic-button.text-only-button:disabled{color:var(--text-on-disabled);background-color:rgba(0,0,0,0)}.basic-button.text-only-button:disabled:after{display:none}.basic-button.cancel-button{background-color:rgba(0,0,0,0);color:var(--text-secondary);border:1.5px solid var(--text-secondary)}.basic-button.cancel-button:hover:not(.disabled){color:var(--text-primary);border-color:var(--action-primary);background-color:rgba(0,0,0,0)}.basic-button.cancel-button.disabled,.basic-button.cancel-button:disabled{background-color:var(--surface-disabled);color:var(--text-on-disabled);border-color:rgba(0,0,0,0);cursor:not-allowed}.basic-button.close-button,.basic-button.edit-button{background:rgba(0,0,0,0);border:none;color:var(--action-primary);width:32px;height:32px;cursor:pointer;box-shadow:none;padding:0}.basic-button.close-button.small,.basic-button.edit-button.small{width:20px;height:20px;transform:translateY(-4px)}.basic-button.close-button:before,.basic-button.edit-button:before{display:block;width:100%;height:100%;line-height:1;text-align:center}.basic-button.close-button.close-button:before,.basic-button.edit-button.close-button:before{content:"×";font-size:30px;font-weight:500;color:var(--action-primary)}.basic-button.close-button.edit-button:before,.basic-button.edit-button.edit-button:before{content:"";display:block;width:140%;height:140%;margin:-25%;background-color:var(--action-primary);mask:url(/icons/edit.svg) no-repeat center;-webkit-mask:url(/icons/edit.svg) no-repeat center;mask-size:contain;-webkit-mask-size:contain}.basic-button.filter-button{background-color:var(--surface-page);color:var(--action-primary);border:1px solid var(--text-primary)}.basic-button.filter-button:hover{color:var(--action-primary);border-color:var(--action-primary)}.basic-button.minus-button,.basic-button.plus-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;background-color:inherit;color:var(--action-primary);width:auto;height:auto;font-size:16px;font-weight:300;box-shadow:none;transition:all .15s ease-in-out}.basic-button.minus-button .mini-label,.basic-button.plus-button .mini-label{font-size:14px;font-weight:500}.basic-button.minus-button:hover,.basic-button.plus-button:hover{color:var(--action-primary-hover)}.basic-button.minus-button:disabled,.basic-button.plus-button:disabled{color:var(--text-on-disabled)}.basic-button.minus-button:disabled:hover,.basic-button.plus-button:disabled:hover{color:var(--text-on-disabled);background-color:rgba(0,0,0,0)}.basic-button.minus-button.small,.basic-button.plus-button.small{padding:2px 6px}.basic-button.minus-button.small .icon,.basic-button.plus-button.small .icon{font-size:18px}.basic-button.minus-button.small .mini-label,.basic-button.plus-button.small .mini-label{font-size:12px}.basic-button.fingerprint-button{background:rgba(0,0,0,0);border:none;border-radius:50%;padding:0;cursor:pointer;width:50px;height:60px;overflow:hidden}.basic-button.fingerprint-button .icon.fingerprint{width:50px;height:60px;fill:inherit}.basic-button.fingerprint-button:hover{background:none;border:none}.basic-button.fingerprint-button:disabled{cursor:not-allowed;pointer-events:none}.icon-button{gap:.5rem;transition:all .2s ease-in-out;background-color:var(--surface-page);color:var(--action-primary);border:2px solid var(--action-primary)}.icon-button .label-icon-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;flex:1 1 auto}.icon-button .label-left{font-weight:600;flex:0 0 auto;text-align:left}.icon-button .icon-right{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.icon-button .label-right{font-weight:600;flex:0 0 auto;text-align:right}.icon-button .icon-left{display:flex;align-items:center;justify-content:center;flex:0 0 auto;order:-1}.icon-button:hover:not(.disabled){background-color:var(--action-primary);color:var(--text-on-action);border-color:var(--action-primary)}.icon-button:hover:not(.disabled) .icon-left,.icon-button:hover:not(.disabled) .icon-right,.icon-button:hover:not(.disabled) .label-left,.icon-button:hover:not(.disabled) .label-right{color:var(--text-on-action)}.icon-button:focus{background-color:var(--surface-page)}.icon-button:active{box-shadow:none;transform:scale(.98)}.icon-button.disabled,.icon-button:disabled{background-color:var(--surface-page);color:var(--text-on-disabled);border-color:var(--text-on-disabled);cursor:not-allowed}.icon-button.disabled .icon-left,.icon-button.disabled .icon-right,.icon-button.disabled .label-left,.icon-button.disabled .label-right,.icon-button:disabled .icon-left,.icon-button:disabled .icon-right,.icon-button:disabled .label-left,.icon-button:disabled .label-right{color:var(--text-on-disabled)}.icon-button.disabled:hover,.icon-button:disabled:hover{background-color:var(--surface-page);color:var(--text-on-disabled);border-color:var(--text-on-disabled)}.icon-only-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:6px;border:2px solid var(--action-primary);background-color:var(--surface-page);color:var(--action-primary);box-shadow:none;font-size:.9rem;flex:0 0 40px;align-self:center;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;cursor:pointer;transition:color .2s ease-in-out}.icon-only-button.trash-button{color:var(--warning-text)}.icon-only-button.trash-button:hover{color:var(--error-text)}.icon-only-button.mobile{width:40px;height:40px}.icon-only-button+.button-tooltip{position:absolute;bottom:-20px;font-size:12px;padding:4px 6px;border-radius:6px;color:#f5f5f5;background:rgba(57,57,57,.9)}.icon-only-button:hover{background-color:var(--action-primary);color:var(--text-on-action)}.icon-only-button:disabled{border-color:var(--text-on-disabled);cursor:not-allowed}.icon-only-button:disabled,.icon-only-button:disabled:hover{background-color:rgba(0,0,0,0);color:var(--text-on-disabled)}.icon-only-button:focus{outline:none}.icon-only-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--action-primary)}.icon-only-button::-moz-focus-inner{border:0}.icon-only-button .required{background-color:#f7e4e1}.icon-only-button .label-span{display:none}.icon-only-button .fa-icon,.icon-only-button .icon,.icon-only-button svg{width:20px;height:20px;color:inherit;flex-shrink:0;pointer-events:none}.icon-only-button svg{display:block}.fingerprint-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:5px;fill:var(--action-primary);color:var(--action-primary);transition:all .2s ease-in-out;width:fit-content}.fingerprint-wrapper:not(.disabled):not(.required):hover{fill:var(--action-primary);color:var(--action-primary);background:none;cursor:pointer}.fingerprint-wrapper.disabled{fill:var(--text-on-disabled);color:var(--text-on-disabled);cursor:not-allowed}.fingerprint-wrapper.required{background-color:#f7e4e1;color:#b23a2f}.fingerprint-wrapper .fingerprint-label{color:inherit;-webkit-user-select:none;user-select:none}.fingerprint-wrapper .fingerprint-label.disabled{color:var(--text-on-disabled);cursor:not-allowed;pointer-events:none}.label-span{position:relative}.label-span.loading{color:#d3ded7}.overlay-loader{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}.basic-button.icon-button:active{box-shadow:none!important;transform:scale(.98)}