.custom-btn{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--button-radius,14px);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:10px;height:48px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s;display:inline-flex;position:relative}.custom-btn-primary{background-color:var(--primary,#b7f700);color:#101415;box-shadow:3px 3px #000}.custom-btn-primary:hover:not(:disabled){background-color:var(--primary-hover,#a0d800);transform:translate(-1px,-1px);box-shadow:4px 4px #000}.custom-btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000}.custom-btn-secondary{background-color:var(--secondary,#6f00be);color:#f8f8fa;box-shadow:3px 3px #000}.custom-btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover,#8922e3);transform:translate(-1px,-1px);box-shadow:4px 4px #000}.custom-btn-secondary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000}.custom-btn-tertiary{color:var(--foreground,#f8f8fa);background-color:#0000;border:1px solid #f8f8fa40;padding:12px 27px}.custom-btn-tertiary:hover:not(:disabled){border-color:var(--primary,#b7f700);color:var(--primary,#b7f700);background-color:#b7f7000d;transform:translateY(-1px)}.custom-btn-tertiary:active:not(:disabled){transform:translateY(1px)}.custom-btn-icon{pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.custom-btn-icon svg{fill:currentColor;width:14px;height:14px;display:block}.custom-btn-text{line-height:1;display:inline-block}.custom-btn:disabled{opacity:.5;cursor:not-allowed;color:#ffffff4d;background-color:#ffffff0d;border-color:#ffffff0d;box-shadow:none!important;transform:none!important}.custom-btn-primary:disabled{color:#10141580;background-color:#b7f7004d}.custom-btn-secondary:disabled{color:#f8f8fa80;background-color:#6f00be4d}@media (min-width:768px){.custom-btn{padding:12px 32px;font-size:14px}}
.custom-input-group{flex-direction:col;flex-direction:column;width:100%;margin-bottom:16px;font-family:inherit;display:flex}.custom-input-label{text-transform:uppercase;letter-spacing:.05em;color:#f8f8fab3;-webkit-user-select:none;user-select:none;margin-bottom:8px;font-size:12px;font-weight:600;transition:color .2s}.custom-input-group:focus-within .custom-input-label{color:var(--primary,#b7f700)}.custom-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.custom-input{width:100%;height:48px;color:var(--foreground,#f8f8fa);caret-color:var(--primary,#b7f700);background-color:#161a1c;border:1px solid #2c3335;border-radius:8px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.custom-input::placeholder{color:#f8f8fa4d;font-weight:400}.custom-input:hover:not(:disabled){background-color:#191e20;border-color:#3e484b}.custom-input:focus:not(:disabled){border-color:var(--primary,#b7f700);box-shadow:0 0 0 1px var(--primary,#b7f700);background-color:#141819}.custom-input.has-icon-left{padding-left:44px}.custom-input.has-icon-right{padding-right:44px}.custom-input-icon{color:var(--primary,#b7f700);opacity:.8;pointer-events:none;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-input-icon.is-clickable{pointer-events:auto;cursor:pointer;background:0 0;border:none;padding:0}.custom-input-icon.is-clickable:hover{opacity:1}.custom-input-icon-left{left:14px}.custom-input-icon-right{right:14px}.custom-input-prefix{color:#f8f8fa66;pointer-events:none;-webkit-user-select:none;user-select:none;border-right:1px solid #2c3335;align-items:center;height:24px;padding-right:12px;font-size:14px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.custom-input-suffix{color:#f8f8fa66;pointer-events:none;-webkit-user-select:none;user-select:none;border-left:1px solid #2c3335;align-items:center;height:24px;padding-left:12px;font-size:14px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.custom-input-helper{color:#f8f8fa80;letter-spacing:.01em;margin-top:6px;font-size:12px;line-height:1.4}.custom-input-group.has-error .custom-input{border-color:#ff4a4a}.custom-input-group.has-error .custom-input:focus{box-shadow:0 0 0 1px #ff4a4a}.custom-input-group.has-error .custom-input-label,.custom-input-group.has-error .custom-input-helper{color:#ff4a4a}.custom-input:disabled{opacity:.5;cursor:not-allowed;background-color:#0f1213;border-color:#1e2224}.custom-select{width:auto;height:48px;color:var(--foreground,#f8f8fa);appearance:none;cursor:pointer;background-color:#161a1c;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B7F700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #2c3335;border-radius:8px;outline:none;padding:12px 36px 12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.custom-select:focus:not(:disabled){border-color:var(--primary,#b7f700);box-shadow:0 0 0 1px var(--primary,#b7f700);background-color:#141819}.custom-select:hover:not(:disabled){background-color:#191e20;border-color:#3e484b}.custom-select:disabled{opacity:.5;cursor:not-allowed;background-color:#0f1213;border-color:#1e2224}@media (min-width:768px){.custom-input,.custom-select,.custom-input-prefix,.custom-input-suffix{font-size:16px}.custom-input-label{margin-bottom:10px;font-size:16px}.custom-input-helper{margin-top:8px;font-size:14px}}.custom-input::-webkit-calendar-picker-indicator{filter:invert(82%)sepia(87%)saturate(3065%)hue-rotate(27deg)brightness(101%)contrast(101%);cursor:pointer;border-radius:4px;margin-right:-4px;padding:5px;transition:background-color .2s,transform .1s}.custom-input::-webkit-calendar-picker-indicator:hover{background-color:#b7f70026;transform:scale(1.08)}.custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-input[type=number]{appearance:textfield}
