foo.css

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

a {
  background-color: transparent
}

strong {
  font-weight: bolder
}

button,
input,
select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[hidden] {
  display: none
}

html {
  box-sizing: border-box;
  font-family: sans-serif
}

*,
:after,
:before {
  box-sizing: inherit
}

dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0
}

button {
  background: transparent;
  padding: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

ol,
ul {
  margin: 0
}

*,
:after,
:before {
  border: 0 solid #b0babf;
  border-color: var(--color-cool-7)
}

input::-webkit-input-placeholder {
  color: inherit;
  opacity: .5
}

input:-ms-input-placeholder {
  color: inherit;
  opacity: .5
}

input::-ms-input-placeholder {
  color: inherit;
  opacity: .5
}

input::placeholder {
  color: inherit;
  opacity: .5
}

[role=button],
button {
  cursor: pointer
}

.list-reset {
  list-style: none;
  padding: 0
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.bg-primary {
  background-color: #027ab6;
  background-color: var(--color-primary)
}

.bg-primary-lighter {
  background-color: hsl(200, 98%, 46%);
  background-color: var(--color-primary-lighter)
}

.bg-dark-primary {
  background-color: #1f232e;
  background-color: var(--color-dark-primary)
}

.bg-positive {
  background-color: #48c785;
  background-color: var(--color-positive)
}

.bg-neutral {
  background-color: #ffa600;
  background-color: var(--color-neutral)
}

.bg-cool-5 {
  background-color: #879197;
  background-color: var(--color-cool-5)
}

.bg-cool-7 {
  background-color: #b0babf;
  background-color: var(--color-cool-7)
}

.bg-cool-9 {
  background-color: #dce2e5;
  background-color: var(--color-cool-9)
}

.bg-cool-12 {
  background-color: #edf1f2;
  background-color: var(--color-cool-12)
}

.bg-cool-13 {
  background-color: #f1f3f4;
  background-color: var(--color-cool-13)
}

.bg-cool-14 {
  background-color: #fcfdfd;
  background-color: var(--color-cool-14)
}

.bg-cool-15 {
  background-color: #fff;
  background-color: var(--color-cool-15)
}

.bg-transparent {
  background-color: transparent
}

.hover\:bg-primary:hover {
  background-color: #027ab6;
  background-color: var(--color-primary)
}

.hover\:bg-cool-6:hover {
  background-color: #9ca6ab;
  background-color: var(--color-cool-6)
}

.focus\:bg-primary:focus {
  background-color: #027ab6;
  background-color: var(--color-primary)
}

.focus\:bg-transparent:focus {
  background-color: transparent
}

.border-primary {
  border-color: #027ab6;
  border-color: var(--color-primary)
}

.border-primary-lighter {
  border-color: hsl(200, 98%, 46%);
  border-color: var(--color-primary-lighter)
}

.border-cool-3 {
  border-color: #43494c;
  border-color: var(--color-cool-3)
}

.border-cool-4 {
  border-color: #656d72;
  border-color: var(--color-cool-4)
}

.border-cool-6 {
  border-color: #9ca6ab;
  border-color: var(--color-cool-6)
}

.border-cool-8 {
  border-color: #c6ced2;
  border-color: var(--color-cool-8)
}

.border-cool-11 {
  border-color: #ebeef0;
  border-color: var(--color-cool-11)
}

.border-cool-12 {
  border-color: #edf1f2;
  border-color: var(--color-cool-12)
}

.border-cool-13 {
  border-color: #f1f3f4;
  border-color: var(--color-cool-13)
}

.border-cool-15 {
  border-color: #fff;
  border-color: var(--color-cool-15)
}

.border-transparent {
  border-color: transparent
}

.focus\:border-primary:focus,
.hover\:border-primary:hover {
  border-color: #027ab6;
  border-color: var(--color-primary)
}

.rounded-5 {
  border-radius: 5px
}

.rounded {
  border-radius: 40px;
  border-radius: var(--primary-border-radius)
}

.rounded-full {
  border-radius: 9999px
}

.border-solid {
  border-style: solid
}

.border-dashed {
  border-style: dashed
}

.border-1 {
  border-width: 1px
}

.border-2 {
  border-width: 2px
}

.border {
  border-width: 1px
}

.border-b-0 {
  border-bottom-width: 0
}

.border-t-1 {
  border-top-width: 1px
}

.border-b-1 {
  border-bottom-width: 1px
}

.border-r-2 {
  border-right-width: 2px
}

.border-b-2 {
  border-bottom-width: 2px
}

.border-b-3 {
  border-bottom-width: 3px
}

.border-b {
  border-bottom-width: 1px
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.hidden {
  display: none
}

.flex {
  display: flex
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.flex-no-wrap {
  flex-wrap: nowrap
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.flex-1 {
  flex: 1 1 0%
}

.flex-auto {
  flex: 1 1 auto
}

.flex-no-shrink {
  flex-shrink: 0
}

.font-primary {
  font-family: XfinityStandard, Helvetica, Arial, sans-serif;
  font-family: var(--primary-font-stack)
}

.font-200 {
  font-weight: 200
}

.font-300 {
  font-weight: 300
}

.font-400 {
  font-weight: 400
}

.font-500 {
  font-weight: 500
}

.h-0 {
  height: 0
}

.h-10 {
  height: 10px
}

.h-15 {
  height: 15px
}

.h-20 {
  height: 20px
}

.h-25 {
  height: 25px
}

.h-50 {
  height: 50px
}

.h-75 {
  height: 75px
}

.h-3\/5 {
  height: 60%
}

.h-full {
  height: 100%
}

.leading-tight {
  line-height: 1.25
}

.leading-normal {
  line-height: 1.5
}

.m-4 {
  margin: 1rem
}

.my-1 {
  margin-top: .1875rem;
  margin-bottom: .1875rem
}

.mx-1 {
  margin-left: .1875rem;
  margin-right: .1875rem
}

.my-2 {
  margin-top: .375rem;
  margin-bottom: .375rem
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.mx-6 {
  margin-left: 1.75rem;
  margin-right: 1.75rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.mt-1 {
  margin-top: .1875rem
}

.mb-1 {
  margin-bottom: .1875rem
}

.ml-1 {
  margin-left: .1875rem
}

.mr-2 {
  margin-right: .375rem
}

.mb-2 {
  margin-bottom: .375rem
}

.ml-2 {
  margin-left: .375rem
}

.mt-3 {
  margin-top: .75rem
}

.mr-3 {
  margin-right: .75rem
}

.mb-3 {
  margin-bottom: .75rem
}

.ml-3 {
  margin-left: .75rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-5 {
  margin-bottom: 1.375rem
}

.max-w-450 {
  max-width: 450px
}

.max-w-500 {
  max-width: 500px
}

.min-h-5 {
  min-height: 5px
}

.min-h-250 {
  min-height: 250px
}

.min-h-500 {
  min-height: 500px
}

.min-h-full {
  min-height: 100%
}

.min-w-0 {
  min-width: 0
}

.min-w-175 {
  min-width: 175px
}

.min-w-320 {
  min-width: 320px
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem
}

.opacity-0 {
  opacity: 0
}

.opacity-100 {
  opacity: 1
}

.outline-none {
  outline: 0
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-scroll {
  overflow: scroll
}

.overflow-x-scroll {
  overflow-x: scroll
}

.overflow-y-scroll {
  overflow-y: scroll
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch
}

.p-2 {
  padding: .375rem
}

.p-3 {
  padding: .75rem
}

.p-4 {
  padding: 1rem
}

.px-1 {
  padding-left: .1875rem;
  padding-right: .1875rem
}

.py-2 {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.px-2 {
  padding-left: .375rem;
  padding-right: .375rem
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.py-5 {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem
}

.px-5 {
  padding-left: 1.375rem;
  padding-right: 1.375rem
}

.py-6 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem
}

.py-7 {
  padding-top: 2.125rem;
  padding-bottom: 2.125rem
}

.pb-0 {
  padding-bottom: 0
}

.pt-2 {
  padding-top: .375rem
}

.pb-2 {
  padding-bottom: .375rem
}

.pr-3 {
  padding-right: .75rem
}

.pl-3 {
  padding-left: .75rem
}

.pt-4 {
  padding-top: 1rem
}

.pb-4 {
  padding-bottom: 1rem
}

.pt-5 {
  padding-top: 1.375rem
}

.pr-5 {
  padding-right: 1.375rem
}

.pb-5 {
  padding-bottom: 1.375rem
}

.pl-5 {
  padding-left: 1.375rem
}

.pointer-events-none {
  pointer-events: none
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.pin {
  right: 0;
  left: 0
}

.pin,
.pin-y {
  top: 0;
  bottom: 0
}

.pin-t {
  top: 0
}

.pin-r {
  right: 0
}

.pin-b {
  bottom: 0
}

.pin-l {
  left: 0
}

.resize {
  resize: both
}

.shadow {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
  box-shadow: var(--shadow)
}

.fill-current {
  fill: currentColor
}

.stroke-current {
  stroke: currentColor
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-primary {
  color: #027ab6;
  color: var(--color-primary)
}

.text-primary-lighter {
  color: hsl(200, 98%, 46%);
  color: var(--color-primary-lighter)
}

.text-cool-0 {
  color: #000;
  color: var(--color-cool-0)
}

.text-cool-1 {
  color: #1a1a1a;
  color: var(--color-cool-1)
}

.text-cool-3 {
  color: #43494c;
  color: var(--color-cool-3)
}

.text-cool-4 {
  color: #656d72;
  color: var(--color-cool-4)
}

.text-cool-5 {
  color: #879197;
  color: var(--color-cool-5)
}

.text-cool-6 {
  color: #9ca6ab;
  color: var(--color-cool-6)
}

.text-cool-7 {
  color: #b0babf;
  color: var(--color-cool-7)
}

.text-cool-8 {
  color: #c6ced2;
  color: var(--color-cool-8)
}

.text-cool-10 {
  color: #e7ecee;
  color: var(--color-cool-10)
}

.text-cool-12 {
  color: #edf1f2;
  color: var(--color-cool-12)
}

.text-cool-13 {
  color: #f1f3f4;
  color: var(--color-cool-13)
}

.text-cool-15 {
  color: #fff;
  color: var(--color-cool-15)
}

.hover\:text-primary:hover {
  color: #027ab6;
  color: var(--color-primary)
}

.hover\:text-primary-darker:hover {
  color: hsl(200, 98%, 26%);
  color: var(--color-primary-darker)
}

.hover\:text-primary-lighter:hover {
  color: hsl(200, 98%, 46%);
  color: var(--color-primary-lighter)
}

.hover\:text-cool-1:hover {
  color: #1a1a1a;
  color: var(--color-cool-1)
}

.hover\:text-cool-15:hover {
  color: #fff;
  color: var(--color-cool-15)
}

.focus\:text-primary:focus {
  color: #027ab6;
  color: var(--color-primary)
}

.focus\:text-primary-darker:focus {
  color: hsl(200, 98%, 26%);
  color: var(--color-primary-darker)
}

.focus\:text-cool-15:focus {
  color: #fff;
  color: var(--color-cool-15)
}

.text-14px {
  font-size: 14px
}

.text-scale-n2 {
  font-size: .875rem
}

.text-scale-n1 {
  font-size: .9375rem
}

.text-scale-0 {
  font-size: 1rem
}

.text-scale-1 {
  font-size: 1.125rem
}

.text-scale-2 {
  font-size: 1.25rem
}

.text-scale-3 {
  font-size: 1.5rem
}

.text-scale-4 {
  font-size: 1.875rem
}

.no-underline {
  text-decoration: none
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.tracking-wide {
  letter-spacing: .05em
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.w-0 {
  width: 0
}

.w-5 {
  width: 5px
}

.w-10 {
  width: 10px
}

.w-15 {
  width: 15px
}

.w-20 {
  width: 20px
}

.w-25 {
  width: 25px
}

.w-50 {
  width: 50px
}

.w-75 {
  width: 75px
}

.w-100 {
  width: 100px
}

.w-200 {
  width: 200px
}

.w-1\/5 {
  width: 20%
}

.w-3\/5 {
  width: 60%
}

.w-full {
  width: 100%
}

.z-10 {
  z-index: 10
}

.z-50 {
  z-index: 50
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap
}

.transition-opacity {
  transition-property: opacity
}

.transition-bg {
  transition-property: background-color
}

.transition-color {
  transition-property: color
}

.transition-transform {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.transition-slow {
  transition-duration: .75s;
  transition-duration: var(--transition-slow)
}

.transition-medium {
  transition-duration: .375s;
  transition-duration: var(--transition-medium)
}

.transition-fast {
  transition-duration: .1875s;
  transition-duration: var(--transition-fast)
}

.transition-ease-out {
  transition-timing-function: ease-out
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.scale-1 {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.focus\:gradient-subtle:focus,
.hover\:gradient-subtle:hover {
  background-image: linear-gradient(90deg, #fff, #fcfdfd 15%, #fcfdfd 85%, #fff);
  background-image: var(--gradient-subtle)
}

.aspect-ratio-1\:1 {
  position: relative;
  overflow: hidden
}

.aspect-ratio-1\:1:before {
  display: block;
  content: "";
  padding-bottom: 100%
}

:root {
  --primary-font-stack: XfinityStandard, Helvetica, Arial, sans-serif;
  --secondary-font-stack: Roboto, Noto, sans-serif;
  --primary-hue: 200;
  --primary-saturation: 98%;
  --primary-luminosity: 36%;
  --dark-primary-hue: 225;
  --dark-primary-saturation: 19%;
  --dark-primary-luminosity: 15%;
  --cool-hue-override: var(--primary-hue);
  --transparent: transparent;
  --color-cool-15: hsl(var(--cool-hue-override, 255), 255%, 255%);
  --color-cool-14: hsl(var(--cool-hue-override, 180), 14%, 99%);
  --color-cool-13: hsl(var(--cool-hue-override, 200), 13%, 95%);
  --color-cool-12: hsl(var(--cool-hue-override, 204), 17%, 94%);
  --color-cool-11: hsl(var(--cool-hue-override, 204), 14%, 93%);
  --color-cool-10: hsl(var(--cool-hue-override, 206), 16%, 92%);
  --color-cool-9: hsl(var(--cool-hue-override, 207), 15%, 88%);
  --color-cool-8: hsl(var(--cool-hue-override, 207), 11%, 80%);
  --color-cool-7: hsl(var(--cool-hue-override, 206), 10%, 72%);
  --color-cool-6: hsl(var(--cool-hue-override, 204), 8%, 64%);
  --color-cool-5: hsl(var(--cool-hue-override, 206), 7%, 56%);
  --color-cool-4: hsl(var(--cool-hue-override, 210), 6%, 42%);
  --color-cool-3: hsl(var(--cool-hue-override, 210), 6%, 28%);
  --color-cool-2: hsl(var(--cool-hue-override, 200), 3%, 17%);
  --color-cool-1: hsl(var(--cool-hue-override, 0), 0%, 10%);
  --color-cool-0: hsl(var(--cool-hue-override, 0), 0%, 0%);
  --color-primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-luminosity));
  --color-primary-lighter: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-luminosity) + 10%));
  --color-primary-darker: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-luminosity) - 10%));
  --color-dark-primary: hsl(var(--dark-primary-hue), var(--dark-primary-saturation), var(--dark-primary-luminosity));
  --color-dark-primary-lighter: hsl(var(--dark-primary-hue), var(--dark-primary-saturation), calc(var(--dark-primary-luminosity) + 10%));
  --color-dark-primary-darker: hsl(var(--dark-primary-hue), var(--dark-primary-saturation), calc(var(--dark-primary-luminosity) - 10%));
  --color-positive: #48c785;
  --color-neutral: #ffa600;
  --color-negative: #ff5c5c;
  --primary-border-radius: 40px;
  --shadow: 0 2px 10px hsla(var(--cool-hue-override, 50), 50%, 0%, .35);
  --ring-dark: 2px solid var(--color-primary);
  --ring-light: 2px solid var(--color-primary);
  --gradient-subtle: linear-gradient(90deg, var(--color-cool-15), var(--color-cool-14) 15%, var(--color-cool-14) 85%, var(--color-cool-15));
  --network-activity: linear-gradient(90deg, #7155d3, #638adc);
  --transition-multiplier: .75;
  --transition-fast: calc(0.25s*var(--transition-multiplier));
  --transition-medium: calc(0.5s*var(--transition-multiplier));
  --transition-slow: calc(1s*var(--transition-multiplier))
}

@media screen and (prefers-reduced-motion:reduce) {
  :root {
    --transition-multiplier: .1
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px
}

@media (min-width:400px) {
  .sm\:block {
    display: block
  }
}

@media (min-width:750px) {
  .md\:bg-transparent {
    background-color: transparent
  }

  .md\:rounded-5 {
    border-radius: 5px
  }

  .md\:border-1 {
    border-width: 1px
  }

  .md\:block {
    display: block
  }

  .md\:inline-block {
    display: inline-block
  }

  .md\:hidden {
    display: none
  }

  .md\:flex {
    display: flex
  }

  .md\:flex-row {
    flex-direction: row
  }

  .md\:flex-col {
    flex-direction: column
  }

  .md\:flex-wrap {
    flex-wrap: wrap
  }

  .md\:items-center {
    align-items: center
  }

  .md\:justify-between {
    justify-content: space-between
  }

  .md\:flex-1 {
    flex: 1 1 0%
  }

  .md\:flex-none {
    flex: none
  }

  .md\:h-30 {
    height: 30px
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
  }

  .md\:mt-0 {
    margin-top: 0
  }

  .md\:mb-0 {
    margin-bottom: 0
  }

  .md\:mb-3 {
    margin-bottom: .75rem
  }

  .md\:mb-4 {
    margin-bottom: 1rem
  }

  .md\:mb-5 {
    margin-bottom: 1.375rem
  }

  .md\:mb-6 {
    margin-bottom: 1.75rem
  }

  .md\:min-h-0 {
    min-height: 0
  }

  .md\:min-h-320 {
    min-height: 320px
  }

  .md\:-mx-2 {
    margin-left: -.375rem;
    margin-right: -.375rem
  }

  .md\:overflow-x-visible {
    overflow-x: visible
  }

  .md\:p-4 {
    padding: 1rem
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .md\:py-2 {
    padding-top: .375rem;
    padding-bottom: .375rem
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .md\:py-5 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
  }

  .md\:px-5 {
    padding-left: 1.375rem;
    padding-right: 1.375rem
  }

  .md\:py-6 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
  }

  .md\:pb-2 {
    padding-bottom: .375rem
  }

  .md\:pt-3 {
    padding-top: .75rem
  }

  .md\:pb-3 {
    padding-bottom: .75rem
  }

  .md\:pb-4 {
    padding-bottom: 1rem
  }

  .md\:pt-6 {
    padding-top: 1.75rem
  }

  .md\:static {
    position: static
  }

  .md\:text-left {
    text-align: left
  }

  .md\:text-16px {
    font-size: 16px
  }

  .md\:text-scale-0 {
    font-size: 1rem
  }

  .md\:text-scale-2 {
    font-size: 1.25rem
  }

  .md\:w-30 {
    width: 30px
  }

  .md\:w-150 {
    width: 150px
  }

  .md\:w-500 {
    width: 500px
  }

  .md\:w-1\/3 {
    width: 33.33333%
  }

  .md\:w-2\/5 {
    width: 40%
  }

  .md\:w-full {
    width: 100%
  }

  .md\:columns-2 {
    -webkit-columns: 2;
    column-count: 2
  }
}

@media (min-width:1024px) {
  .lg\:mb-2 {
    margin-bottom: .375rem
  }

  .lg\:py-6 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
  }

  .lg\:w-1\/5 {
    width: 20%
  }
}