.alert_rules_wrapper {
  padding:20px;
}

.channel_selector {
  display:flex;
  gap:12px;
  margin-top:12px;
}

label.channel_option {
  font-family: "Matter SemiMono", monospace;
  color:var(--hard-grey);
  font-size:15px;
}

.channel_option {
  position:relative;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:26px;
  border:1px solid var(--subtle-border);
  border-radius:9px;
  background:var(--paper);
  color:var(--soft-black);
  cursor:pointer;
  text-align:center;
  transition:border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.channel_option input[type="radio"] {
  position:absolute;
  opacity:0;
  width:0;
  height:0;
  margin:0;
}

.channel_option .channel_icon {
  width:32px;
  height:32px;
  margin-bottom:4px;
}

.channel_option span {
  font-weight:500;
}

.channel_option:hover {
  border-color:var(--forest);
}

.channel_selector .channel_option:has(input:checked) {
  border-color:var(--forest);
  background-color:var(--gentle-white);
  opacity:1;
}

.channel_selector .channel_option:has(input:focus-visible) {
  box-shadow:0 0 0 3px rgba(16, 139, 109, 0.35);
}