.bb-input{background:var(--page);color:#fff;width:100%;min-height:55px;font-family:var(--font);border:1px solid #aaa;border-radius:10px;outline:none;padding:10px;font-size:16px;font-weight:600;transition:border-color .2s,box-shadow .2s}.bb-input.slate{background:var(--slate)}.bb-input:focus{border-color:#fff}.bb-input::placeholder{color:#ffffff8c;font-weight:600}.bb-input.invalid{border-color:red;box-shadow:0 0 6px red}select.bb-input{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#fff 50%),linear-gradient(135deg,#fff 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:34px}textarea.bb-input{resize:vertical;min-height:140px;line-height:1.4}.bb-btn{background:var(--blue);color:#fff;width:100%;min-height:60px;font-family:var(--font);border-radius:10px;font-size:16px;font-weight:700;transition:background-color .2s}.bb-btn:hover,.bb-btn:active{background:var(--red)}.bb-btn:disabled{cursor:default;background:#adadad}.bb-field{flex-direction:column;display:flex}.bb-field>label{color:#fff;padding:5px 0;font-size:10px;line-height:1.3;display:none}.bb-field:focus-within>label,.bb-field[data-filled=true]>label,.bb-field.always>label{display:block}.bb-alert{background:var(--red);color:#fff;border-radius:5px;margin-bottom:10px;padding:10px 20px;font-size:14px;font-weight:700;line-height:1.4;animation:.2s ease-out bb-alert-in}@keyframes bb-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}