.db-contact-form{width:100%}.db-contact-form__form{display:flex;flex-direction:column;gap:18px}.db-contact-form__message{padding:12px 16px;border-radius:4px;margin-bottom:8px}.db-contact-form__message--success{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.db-contact-form__message--error{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.db-contact-form__message--error ul{margin:8px 0 0;padding-left:20px}.db-contact-form__message--error li{margin-bottom:4px}.db-contact-form__message--error a{color:inherit;text-decoration:underline}.db-contact-form__field{display:flex;flex-direction:column}.db-contact-form__input,.db-contact-form__textarea{width:100%;background:transparent;border:none;box-shadow:inset 0 -1px rgb(var(--color-foreground) /.12);padding:8px 0;font-family:inherit;font-size:inherit;color:inherit;outline:none;transition:border-color .2s ease}.db-contact-form__input:focus,.db-contact-form__textarea:focus{border-bottom-color:rgba(var(--color-foreground),.35)}.db-contact-form__input::placeholder,.db-contact-form__textarea::placeholder{opacity:.45;color:inherit}.db-contact-form__textarea{min-height:140px;resize:vertical;line-height:1.6}.db-contact-form__field--consent{flex-direction:row;align-items:flex-start;gap:8px}.db-contact-form__checkbox{margin-top:4px;flex-shrink:0;width:18px;height:18px;cursor:pointer}.db-contact-form__consent-label{flex:1;cursor:pointer;font-size:inherit;line-height:1.5}.db-contact-form__consent-hint{display:block;width:100%;margin-top:4px;font-size:.875rem;color:rgba(var(--color-foreground),.7);opacity:0;transition:opacity .2s ease}.db-contact-form__consent-hint[style*="display: block"]{color:#f44336}.db-contact-form__consent-hint[style*="display: block"]{opacity:1}.db-contact-form__submit{margin-top:8px;padding:12px 24px;background:transparent;border:none;color:rgb(var(--color-accent, var(--color-foreground)));font-size:inherit;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative;transition:opacity .2s ease;align-self:flex-start}.db-contact-form__submit:hover:not(:disabled){opacity:.8}.db-contact-form__submit:disabled{opacity:.5;cursor:not-allowed}.db-contact-form__submit:before{content:"\21b3";margin-right:8px;display:inline-block}.db-contact-form__submit{color:rgb(var(--color-accent, var(--color-foreground)))}
/*# sourceMappingURL=/cdn/shop/t/30/assets/db-contact-form.css.map */