@font-face {
  font-family: "Gibson";
  src: url("/fonts/Gibson-Medium.otf") format("truetype");
}
html.redesign.redesign-comm-prefs {
  background: linear-gradient(to bottom, blue 0, blue 280px, white 280px, white 94%, black 94%, black 100%);
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport {
  width: 100%;
  max-width: 1300px;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view {
  width: 100%;
  max-width: 1300px;
  padding: 0;
  display: flex;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar {
  order: -1;
  width: 237px;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar hgroup {
  margin-bottom: 16px;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar hgroup h1 {
  padding: 0;
  font-family: "Gibson", sans-serif;
  font-weight: 800;
  font-size: 21px;
  color: rgba(0, 0, 0, 0.5);
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar hgroup h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li {
  border: none;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li a {
  background: rgba(221, 228, 237, 0.5);
  border: 1px solid #dde4ed;
  border-bottom: none;
  box-shadow: none;
  font-family: "Poppins", sans-serif;
  color: blue;
  font-size: 15px;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li a span.ss-icon {
  color: blue;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li a.current {
  background: unset;
  border-left: none;
  border-right: none;
  font-weight: 600;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li a.current:hover {
  color: blue;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li a:last-child {
  border-bottom: 1px solid #dde4ed;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#sidebar nav.account-nav ol li a:hover {
  color: rgba(0, 0, 255, 0.5);
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content {
  width: 100%;
  max-width: 963px;
  box-shadow: none;
  padding-top: 27px;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content h1 {
  padding: 0;
  margin: 15px 0 75px;
  text-transform: capitalize;
  font-family: "Gibson", sans-serif;
  font-weight: 400;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content form ol li input,
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content form ol li label,
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content form ol li p {
  font-family: "Poppins", sans-serif;
  color: black;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content form ol li input[name=commit] {
  background-color: blue;
  border-color: blue;
  color: white;
}
html.redesign.redesign-comm-prefs body.account-newsletters div.viewport div#view div#content form ol li input[name=cancel] {
  border-color: blue;
  color: blue;
  margin-left: 10px;
}