.button-container[data-v-f12a8efb]{--border-radius: 5px;--button-padding: var(--s-1) 1.5rem;--button-glass-top: -17px;--button-glass-left: toRem(-10);--button-glass-transform: rotate(-2deg);width:auto;display:inline-block;border-radius:var(--border-radius);background-color:var(--c-primary);overflow:hidden;position:relative;z-index:1;padding:1px}.button-container[data-v-f12a8efb]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;border-radius:var(--border-radius);background:linear-gradient(to bottom right,var(--c-dark-gray),var(--c-primary))}.button-container[data-v-f12a8efb]:before{transition:opacity var(--trans-default)}.custom-button[data-v-f12a8efb]{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding);border:none;border-radius:var(--border-radius);color:var(--c-text);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:transform var(--trans-default);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(to bottom right,var(--c-primary),var(--c-black))}.custom-button--large[data-v-f12a8efb]{--button-padding: var(--s-3) 1rem;--button-glass-top: -28px;--button-glass-transform: rotate(-4.5deg)}.custom-button--disabled[data-v-f12a8efb]{opacity:.5;cursor:not-allowed}.custom-button[data-v-f12a8efb]:before{content:"";position:absolute;width:calc(100% + 20px);height:100%;background:#ffffff26;top:var(--button-glass-top);left:var(--button-glass-left);transform:var(--button-glass-transform);pointer-events:none;opacity:.5;z-index:1}.custom-button[data-v-f12a8efb]:active:not(.custom-button--disabled){background:linear-gradient(to bottom right,var(--c-black),var(--c-primary))}.custom-button[data-v-f12a8efb]:active:not(.custom-button--disabled):before{opacity:0}.custom-button__content[data-v-f12a8efb]{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:1}.custom-button__icon[data-v-f12a8efb]{width:1rem;height:1rem}.input-container[data-v-be31b3de]{--border-radius: 5px;width:100%;display:inline-block;border-radius:var(--border-radius);padding:1px;position:relative;background-color:var(--c-primary)}.input-container[data-v-be31b3de]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);background:linear-gradient(to bottom right,var(--c-dark-gray),var(--c-primary));pointer-events:none;transition:opacity var(--trans-default)}.input-container[data-v-be31b3de]:has(input:focus):before{opacity:0}input[data-v-be31b3de]{padding:var(--s-3);border:none;width:100%;background-color:var(--c-app-background)!important;position:relative;outline:none;border-radius:var(--border-radius);font-size:var(--font-size-input);color:var(--c-text)}input[data-v-be31b3de]:-webkit-autofill,input[data-v-be31b3de]:-webkit-autofill:focus{background-color:var(--c-app-background)!important;box-shadow:none!important}input[data-v-be31b3de]:autofill,input[data-v-be31b3de]:autofill:focus,input[data-v-be31b3de]:-webkit-autofill,input[data-v-be31b3de]:-webkit-autofill:focus,input[data-v-be31b3de]:-moz-autofill,input[data-v-be31b3de]:-moz-autofill:focus,input[data-v-be31b3de]:-internal-autofill-selected,input[data-v-be31b3de]:-internal-autofill-selected:focus,input[data-v-be31b3de]:-ms-input-placeholder,input[data-v-be31b3de]:-ms-input-placeholder:focus{background-color:var(--c-app-background)!important;box-shadow:none!important}