/* Alerts page. Layout, fields, chips, notices and buttons come from components.css and add.css. */
.gf-alerts-page { width: min(100% - 32px, 588px); }
.gf-alerts-page .gf-alerts-head { display: flex; flex-direction: column; gap: var(--space-2); }
.gf-alerts-page .gf-alerts-head p { margin: 0; }
.gf-alerts-page .gf-alerts-form { display: flex; flex-direction: column; gap: var(--space-5); }
.gf-alerts-page .gf-back { margin-left: calc(-1 * var(--space-4)); }
.gf-alerts-page .gf-notice p { margin: 0; }
.gf-alerts-page .gf-notice strong { display: block; }
.gf-alerts-page .gf-field-error { margin: 0; }
.gf-alerts-page .gf-form-error { min-height: 0; }
.gf-alerts-page .gf-alerts-submit { align-self: flex-start; }
.gf-alerts-page select.gf-input { appearance: auto; cursor: pointer; }
.gf-alerts-page .gf-alerts-head h1 { text-wrap: balance; }
.gf-alerts-page .gf-form-error:empty, .gf-alerts-page #turnstileWidget:empty, .gf-alerts-page [data-result]:empty { display: none; }