* {
  box-sizing: inherit;
}

body, html {
  width: 100%;
}

body {
  box-sizing: border-box;
  background: #fff;
  color: #666;
  text-align: center;
  margin: 0;
}
body.show-standard .takeover-version {
  display: none;
}
body.show-takeover .standard-version {
  display: none;
}

a {
  color: #ec575a;
}
a:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
}

img {
  display: block;
  width: 100%;
}

.hide-mobile,
.hide-mobile-inline,
.hide-mobile-tablet-inline {
  display: none;
}

.show-desktop {
  display: none;
}

.container {
  margin: 0 auto;
  max-width: 50rem;
}

.icon-link {
  overflow: hidden;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -999em;
}

.donate-link {
  display: block;
  font: 900 1.29375rem/3.25rem "Avenir", arial, sans-serif;
  letter-spacing: 0.064375rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 auto;
  height: 3.25rem;
  transition: background-color 300ms, color 300ms;
}

.donate-link-red {
  background: #ec575a;
  color: #fff;
}
.donate-link-red:hover {
  background-color: #f48688;
}

.donate-link-red-outline {
  background: transparent;
  border: 0.125rem solid #ec575a;
}
.donate-link-red-outline:hover {
  color: #fff;
  background: #ec575a;
}

.takeover-banner {
  display: block;
  background: #003366;
  color: #fff;
  font: 600 1.125rem/1.5 "Avenir", arial, sans-serif;
  padding: 1.625rem 0;
}
.takeover-banner .takeover-container {
  margin: 0 auto;
  width: 13rem;
}
.takeover-banner a {
  position: relative;
  display: inline-block;
  color: inherit;
  padding-right: 1.5rem;
}
.takeover-banner a:after {
  content: "";
  position: absolute;
  background-image: url("../images/icon_arrow_yellow_right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -0.75rem 0 0;
  width: 0.875rem;
  height: 1.5rem;
  top: 50%;
  right: 0;
}

header {
  position: relative;
  background-image: url("../images/header_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
header .logo {
  position: absolute;
  width: 8rem;
  height: 7rem;
  top: 0;
  left: 1.25rem;
}
header .header-content {
  padding: 16.25rem 0 0;
}
header h1 {
  color: #fff;
  font: 2rem "Caveat", cursive;
  text-transform: uppercase;
  margin: 0;
}
header .giving-day-logo {
  overflow: hidden;
  display: block;
  background-image: url("../images/giving_day_logo_header_mb.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -999em;
  margin: 2rem auto;
  width: 15rem;
  height: 7.5rem;
}
header .giving-day-ext-logo {
  overflow: hidden;
  display: block;
  background-image: url("../images/giving_day_logo_ext_header_mb.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -999em;
  margin: 2rem auto;
  width: 15rem;
  height: 5rem;
}
header .takeover-buttons {
  display: none;
}
header .double-link {
  margin: 0 auto;
  width: 17.125rem;
}
header .down-arrow {
  display: block;
  background: transparent;
  padding: 1rem;
  border: 0;
  width: 100%;
}
header .down-arrow img {
  margin: 0 auto;
  width: 1.4375rem;
}

section {
  padding: 3rem 1.5rem;
}
section h1 {
  color: #ec575a;
  font: bold 2.625rem "Caveat", cursive;
  text-transform: uppercase;
}
section h2 {
  font: bold 1.75rem/1.4 "Avenir", arial, sans-serif;
  letter-spacing: 0.04375rem;
}
section h3 {
  color: #ec575a;
  font: 1.5rem "Avenir", arial, sans-serif;
}
section p {
  font: 1.25rem/1.4 "Mulish", arial, sans-serif;
  margin: 2rem auto;
}

#fundraising-section {
  background: #fbb136;
  color: #fff;
}
#fundraising-section .video-container iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 40rem;
  height: 56.25vw;
  max-height: 22.5rem;
}
#fundraising-section h2 {
  margin: 2rem auto;
  width: 17rem;
}
#fundraising-section p {
  font-weight: bold;
  margin-bottom: 3rem;
}
#fundraising-section .donate-link {
  margin: 1.5rem auto 0;
  width: 17.125rem;
}

.thermometer-container .thermometer-outer {
  position: relative;
  background: #fff;
  border: 0.1875rem solid #ec575a;
  border-radius: 0.625rem;
  width: 100%;
  height: 3.0625rem;
}
.thermometer-container .thermometer-inner {
  position: absolute;
  background: #ec575a;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 2500ms width;
}
.thermometer-container .thermometer-copy {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  color: #ec575a;
  font: bold 1.375rem/1.8 "Avenir", arial, sans-serif;
  letter-spacing: 0.034375rem;
}

#rescue-spotlight h2 {
  color: #ec575a;
}
#rescue-spotlight h1 {
  color: #666;
}

#saved-by-love-section,
#auction-article {
  padding: 0;
}
#saved-by-love-section .section-content,
#auction-article .section-content {
  color: #3c3c3c;
  padding: 3rem 1.5rem;
}

#saved-by-love-section .section-content {
  background: #fdedd5;
}
#saved-by-love-section .column-left h2 {
  font: 900 1.5rem "Avenir", arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}
#saved-by-love-section .column-left p {
  font: 1.2rem "Avenir", arial, sans-serif;
  margin-top: 0;
}
#saved-by-love-section .column-right .calendar-icon {
  display: none;
}
#saved-by-love-section .column-right h3 {
  font: bold 1.75rem "Avenir", arial, sans-serif;
  letter-spacing: 0.04375rem;
}
#saved-by-love-section .column-right p {
  font: 1.25rem "Avenir", arial, sans-serif;
}
#saved-by-love-section .column-right .donate-link {
  margin: 1.5rem auto 1rem;
  width: 17.125rem;
}

#wooftop-section {
  padding: 0;
}
#wooftop-section #auction-article {
  background: #fdedd5;
  padding: 3rem 1.5rem;
}
#wooftop-section #auction-article h2 {
  color: #ec575a;
}

#compassion-saves-section {
  background: #f8f8f8;
}
#compassion-saves-section h2 {
  color: #ec575a;
  margin: 1.25rem auto;
  width: 12rem;
}
#compassion-saves-section h2 em {
  color: #fbb136;
  font-style: normal;
}
#compassion-saves-section h1 {
  color: inherit;
  font-size: 1.875rem;
}

#social-section {
  padding-bottom: 1rem;
}
#social-section h2 {
  color: #fbb136;
  font: bold 1.75rem "Avenir", arial, sans-serif;
}
#social-section h2 a {
  color: #ec575a;
}
#social-section p {
  font: 1.25rem/1.65 "Mulish", arial, sans-serif;
}
#social-section p em {
  font-style: italic;
  font-weight: bold;
}

#slider-section h2 {
  color: inherit;
  margin-top: 0;
}
#slider-section h2 em {
  color: #ec575a;
  font-style: normal;
}
#slider-section .slider-title-start,
#slider-section .slider-title-end,
#slider-section .slider-name-container {
  display: block;
}
#slider-section .slider-title-start,
#slider-section .slider-title-end {
  color: #666;
  font: 900 1.875rem "Avenir", arial, sans-serif;
  letter-spacing: 0.046875rem;
  text-transform: uppercase;
}
#slider-section .slider-name-container {
  display: inline-block;
  color: #ec575a;
  font: bold 1.875rem "Caveat", cursive;
  letter-spacing: 0.085rem;
  text-transform: uppercase;
  padding: 0 1rem;
  border-bottom: 0.1875rem solid #ec575a;
  margin: 0.5rem auto 0.75rem;
}
#slider-section .slider-name {
  display: none;
  text-decoration: none;
}
#slider-section .slider-container {
  position: relative;
  margin: 0;
}
#slider-section .slider-panels-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#slider-section .slider-panels {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 600%;
  top: 0;
  left: 0;
}
#slider-section .slider-arrow {
  position: absolute;
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
  width: 0.875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#slider-section #slider-arrow-left {
  left: -1.25rem;
}
#slider-section #slider-arrow-right {
  right: -1.25rem;
}
#slider-section.slide-1 #slider-arrow-left {
  display: none;
}
#slider-section.slide-6 #slider-arrow-right {
  display: none;
}
#slider-section .slide {
  width: 16.667%;
}
#slider-section .slider-bullets {
  margin: 1rem 0;
}
#slider-section .slider-bullet {
  overflow: hidden;
  position: relative;
  background: transparent;
  text-indent: -999em;
  border: 0;
  width: 1.5rem;
  height: 1.5rem;
}
#slider-section .slider-bullet:after {
  content: "";
  position: absolute;
  background: #fbb136;
  border-radius: 100%;
  margin: -0.15625rem auto 0;
  top: 50%;
  left: 0;
  right: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  transition: 300ms;
}
#slider-section .slider-bullet:hover:after {
  margin-top: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
}
#slider-section.slide-1 #slider-name-1 {
  display: block;
}
#slider-section.slide-1 .slider-panels {
  left: 0%;
}
#slider-section.slide-1 #slider-bullet-1:after {
  margin-top: -0.34375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}
#slider-section.slide-2 #slider-name-2 {
  display: block;
}
#slider-section.slide-2 .slider-panels {
  left: -100%;
}
#slider-section.slide-2 #slider-bullet-2:after {
  margin-top: -0.34375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}
#slider-section.slide-3 #slider-name-3 {
  display: block;
}
#slider-section.slide-3 .slider-panels {
  left: -200%;
}
#slider-section.slide-3 #slider-bullet-3:after {
  margin-top: -0.34375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}
#slider-section.slide-4 #slider-name-4 {
  display: block;
}
#slider-section.slide-4 .slider-panels {
  left: -300%;
}
#slider-section.slide-4 #slider-bullet-4:after {
  margin-top: -0.34375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}
#slider-section.slide-5 #slider-name-5 {
  display: block;
}
#slider-section.slide-5 .slider-panels {
  left: -400%;
}
#slider-section.slide-5 #slider-bullet-5:after {
  margin-top: -0.34375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}
#slider-section.slide-6 #slider-name-6 {
  display: block;
}
#slider-section.slide-6 .slider-panels {
  left: -500%;
}
#slider-section.slide-6 #slider-bullet-6:after {
  margin-top: -0.34375rem;
  width: 0.6875rem;
  height: 0.6875rem;
}

#give-now-bar {
  display: block;
  background: #ec575a;
  color: #fff;
  font: 600 1.625rem "Avenir", arial, sans-serif;
  letter-spacing: 0.040625rem;
  line-height: 1.4;
  text-transform: uppercase;
  padding: 1.875rem 8%;
}

footer {
  background: #003366;
  color: #fff;
  padding: 3rem 1.25rem;
}
footer .footer-copy {
  font: 0.875rem/1.72 "Mulish", arial, sans-serif;
  text-align: left;
  margin: 2.5rem 0;
}
footer .footer-copy a {
  color: inherit;
}
footer .logo {
  display: block;
  margin: 0 auto;
  width: 50%;
}
footer hr {
  color: #3a5e82;
}
footer .charity-icons {
  text-align: left;
  margin: 1rem 0;
}
footer .charity-icons img {
  vertical-align: middle;
  display: inline-block;
}
footer .icon-candid,
footer .icon-charity-navigator {
  display: inline-block;
}
footer .icon-candid {
  margin-right: 0.5rem;
  width: 2.5rem;
}
footer .icon-charity-navigator {
  width: 4rem;
}
footer .footer-icons {
  text-align: left;
}
footer .tax-info {
  font: bold 0.6875rem/1.72 "Mulish", arial, sans-serif;
}
footer .share-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  margin: 2rem 0;
}
footer .share-container p {
  font: bold 0.8125rem/1.25rem "Mulish", arial, sans-serif;
  margin: 0 1rem 0 0;
}
footer .share-links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 10rem;
}
footer .share-links .icon-link {
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.75;
  transition: opacity 300ms;
}
footer .share-links .icon-link:hover {
  opacity: 1;
}
footer .share-links .icon-facebook {
  background-image: url("../images/icon_facebook.png");
}
footer .share-links .icon-twitter {
  background-image: url("../images/icon_twitter.png");
}
footer .share-links .icon-instagram {
  background-image: url("../images/icon_instagram.png");
}
footer .share-links .icon-youtube {
  background-image: url("../images/icon_youtube.png");
}
footer .address-container {
  font: 0.8125rem/2.3 "Mulish", arial, sans-serif;
  text-align: left;
}

.show-takeover footer .logo {
  width: 15rem;
  height: 6.125rem;
}

@media screen and (min-width: 48em) {
  .hide-mobile {
    display: block;
  }

  .hide-mobile-inline {
    display: inline;
  }

  .hide-tablet-inline {
    display: none;
  }

  .hide-tablet-desktop {
    display: none;
  }

  .donate-link {
    font-size: 1.875rem;
    line-height: 4.625rem;
    width: 24.75rem;
    height: 4.625rem;
  }

  .takeover-banner {
    font-size: 1.875rem;
  }
  .takeover-banner .takeover-container {
    width: 40rem;
  }

  header .logo {
    width: 10.5rem;
    height: 9.0625rem;
  }
  header .donate-link {
    width: 24.75rem;
  }
  header .header-content {
    text-align: center;
    padding-top: 25.5rem;
    padding-bottom: 3.25rem;
  }
  header h1 {
    font-size: 3.4375rem;
  }
  header .giving-day-logo {
    background-image: url("../images/giving_day_logo_header.png");
    margin-bottom: 3rem;
    width: 45rem;
    height: 7.5rem;
  }
  header .giving-day-ext-logo {
    background-image: url("../images/giving_day_logo_ext_header.png");
    margin-bottom: 3rem;
    width: 41.375rem;
    height: 3.4375rem;
  }
  header .takeover-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3rem auto 1.5rem;
    width: 28.5rem;
  }
  header .takeover-buttons .donate-link {
    background: #3380cc;
    color: white;
    font: 600 1.6875rem "Avenir", arial, sans-serif;
    letter-spacing: 0;
    line-height: 2.875rem;
    text-transform: none;
    margin: 0 0 1.5rem;
    width: 28%;
    height: 2.875rem;
  }
  header .takeover-buttons .donate-link:hover {
    background-color: #003366;
  }
  header .down-arrow {
    margin-top: 2rem;
  }
  header .down-arrow img {
    width: 2.75rem;
  }

  section {
    padding: 3.625rem 1.75rem;
  }
  section h2 {
    font-size: 2.25rem;
  }

  #fundraising-section h2 {
    width: auto;
  }
  #fundraising-section .donate-link {
    font-size: 1.4375rem;
    line-height: 3.5625rem;
    margin-top: 0;
    width: 19.125rem;
    height: 3.5625rem;
  }

  .thermometer-container {
    position: relative;
    margin: 4rem auto 0.25rem;
    width: 85%;
  }
  .thermometer-container .thermometer-outer {
    margin-bottom: 1.5rem;
  }
  .thermometer-container .thermometer-copy {
    font-size: 1.875rem;
    margin-top: 1.5rem;
  }

  .thermometer-icon {
    position: absolute;
    background-image: url("../images/thermometer_icon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 100%;
    margin: -3.75rem -3.75rem 0 0;
    width: 7.5rem;
    height: 7.5rem;
    top: 50%;
    right: 0;
  }

  #rescue-spotlight .column-left img {
    margin: 0 auto;
    width: 29.25rem;
  }
  #rescue-spotlight .column-right .donate-link {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }

  #saved-by-love-section .section-content,
#auction-article .section-content {
    padding: 3.625rem 1.75rem;
  }

  #saved-by-love-section p {
    font-weight: bold;
    width: 37.5rem;
  }

  #wooftop-section .wooftop-logo {
    margin: 0 auto;
    width: 18.8125rem;
    height: 11.25rem;
  }
  #wooftop-section #wooftop-article p {
    width: 31rem;
  }
  #wooftop-section #auction-article .wooftop-auction-photos {
    margin: 0 auto;
    width: 24.625rem;
  }
  #wooftop-section #auction-article h2 {
    margin-left: auto;
    margin-right: auto;
    width: 20rem;
  }
  #wooftop-section #auction-article p {
    width: 25.5rem;
  }

  #compassion-saves-section h2 {
    width: auto;
  }
  #compassion-saves-section h1 {
    font-size: 2.875rem;
  }
  #compassion-saves-section p {
    font-size: 1.5rem;
    width: 40rem;
  }

  #social-section {
    padding-left: 0;
    padding-right: 0;
  }
  #social-section h2 {
    padding: 0 1.75rem;
    margin: 0 auto;
    width: auto;
  }
  #social-section p {
    margin: 1rem auto 4rem;
    width: 34rem;
  }

  #slider-section {
    padding-bottom: 2rem;
  }
  #slider-section h2 {
    margin-bottom: 1rem;
  }
  #slider-section .slider-title-start,
#slider-section .slider-title-end,
#slider-section .slider-name-container {
    display: inline-block;
  }
  #slider-section .slider-title-start,
#slider-section .slider-title-end {
    font-size: 2.5rem;
  }
  #slider-section .slider-name-container {
    font-size: 2.75rem;
    padding: 0 2rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
  #slider-section .slider-panels-container {
    margin: 0 auto;
    width: 80%;
  }
  #slider-section .slider-arrow {
    width: 1.6875rem;
  }
  #slider-section #slider-arrow-left {
    left: 1rem;
  }
  #slider-section #slider-arrow-right {
    right: 1rem;
  }
  #slider-section .slider-bullets {
    margin: 2rem 0 0;
  }

  #give-now-bar {
    font-size: 1.875rem;
  }

  footer {
    padding: 3.125rem 12.5%;
  }
  footer .logo {
    width: 18.625rem;
    height: 11.8125rem;
  }
  footer .footer-icons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content: flex-start;
  }
  footer .charity-icons,
footer .tax-info,
footer .share-container {
    margin: 0;
  }
  footer .tax-info {
    margin: 0 auto 0 1rem;
    width: 15.875rem;
  }
  footer .share-container {
    display: block;
  }
  footer .share-container p {
    margin-bottom: 0.5rem;
  }
  footer .address-container {
    text-align: center;
    margin-top: 2rem;
  }
  footer .address-container .separator {
    margin: 0 0.25rem;
  }

  .show-takeover footer .logo {
    width: 19.75rem;
    height: 8.125rem;
  }
}
@media screen and (min-width: 64em) {
  .hide-mobile-tablet-inline {
    display: inline;
  }

  .hide-tablet-inline {
    display: inline;
  }

  .hide-desktop {
    display: none;
  }

  .show-desktop {
    display: block;
  }

  .donate-link-red {
    line-height: 5.1875rem;
    width: 27.875rem;
    height: 5.1875rem;
  }

  .takeover-banner .takeover-container {
    width: auto;
  }

  header {
    padding-right: 0;
  }
  header .header-content {
    width: 100%;
  }
  header h1 {
    font-size: 3.25rem;
    margin: 0 auto;
    width: 27.5rem;
  }
  header .giving-day-logo {
    width: 54.5rem;
    height: 9.25rem;
  }
  header .double-link {
    font-size: 1.875rem;
    line-height: 4.625rem;
    width: 24.75rem;
    height: 4.625rem;
  }
  header .down-arrow {
    margin-top: 2.5rem;
  }

  section {
    padding: 4.5rem 0;
  }
  section h1 {
    font-size: 4.375;
    margin-bottom: 0rem;
  }
  section .section-content,
section #wooftop-article,
section #auction-article {
    margin: 0 auto;
    max-width: 62.25rem;
  }

  #fundraising-section h2 {
    margin-bottom: 3rem;
  }
  #fundraising-section p {
    margin-top: 3rem;
    width: 36rem;
  }

  .thermometer-container {
    width: auto;
  }

  #rescue-spotlight {
    padding: 4rem 11% 0;
  }
  #rescue-spotlight .section-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #rescue-spotlight .column-left {
    text-align: left;
    width: 55%;
  }
  #rescue-spotlight .donate-link-red {
    width: 100%;
  }
  #rescue-spotlight .column-right {
    width: 35%;
  }
  #rescue-spotlight .column-right .image-container {
    margin: 0 auto;
    max-width: 19.5rem;
  }

  .show-takeover #rescue-spotlight {
    padding-bottom: 4rem;
  }

  #saved-by-love-section .section-content,
#wooftop-section .section-content {
    padding: 3.5rem 2.75rem 4.625rem;
  }

  #saved-by-love-section {
    padding: 4.5rem 4rem 0;
  }

  #wooftop-section {
    padding: 0 4rem;
  }

  #wooftop-section #auction-article {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 2.75rem 3.5rem;
  }
  #wooftop-section #auction-article .wooftop-auction-photos {
    margin: 0;
  }
  #wooftop-section #auction-article .column-right {
    width: 27.5rem;
  }
  #wooftop-section #auction-article h2 {
    margin-top: 0;
  }

  #social-section h2 {
    font-size: 2.125rem;
    width: 100%;
  }
  #social-section p {
    font-size: 1.5rem;
    width: 36.625rem;
  }

  #slider-section .slider-panels-container {
    width: 50rem;
  }
  #slider-section #slider-arrow-left {
    left: 2rem;
  }
  #slider-section #slider-arrow-right {
    right: 2rem;
  }
  #slider-section .slide-link {
    font-size: 2.8125rem;
  }

  #give-now-bar {
    font-size: 2.125rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  footer {
    padding: 3.25rem 11%;
  }
  footer hr {
    margin-bottom: 2.5rem;
  }
  footer .footer-icons {
    align-items: center;
  }
  footer .tax-info {
    width: 19rem;
  }
  footer .share-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  footer .share-container p {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 90em) {
  header .giving-day-logo {
    width: 61.75rem;
    height: 10.375rem;
  }
}