@charset "UTF-8";
.fizz-styles {
  /* Box sizing rules */
  /* Remove default padding */
  /* Remove default margin */
  /* Set core root defaults */
  /* Set core body defaults */
  /* A elements that don’t have a class get default styles */
  /* Make images easier to work with */
  /* Inherit fonts for inputs and buttons */
  /* Remove all animations and transitions for people that prefer not to see them */
  /* Reset header styles to separate semantics from visual style */
  /* These styles are gross and we should try and keep this file empty */
  /* These are apparently no longer in use. They were made for the releases page, which now just links to GitHub */
  /* DEPRECATED */
}
.fizz-styles *,
.fizz-styles *::before,
.fizz-styles *::after {
  box-sizing: border-box;
}
.fizz-styles :where(ul[class], ol[class]) {
  padding: 0;
  list-style: none;
}
.fizz-styles body,
.fizz-styles h1,
.fizz-styles h2,
.fizz-styles h3,
.fizz-styles h4,
.fizz-styles h5,
.fizz-styles h6,
.fizz-styles p,
.fizz-styles ul,
.fizz-styles ol,
.fizz-styles li,
.fizz-styles figure,
.fizz-styles figcaption,
.fizz-styles blockquote,
.fizz-styles dl,
.fizz-styles dd {
  margin: 0;
}
.fizz-styles html {
  scroll-behavior: smooth;
}
.fizz-styles body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
.fizz-styles a:not([class]) {
  text-decoration-skip-ink: auto;
}
.fizz-styles img {
  max-width: 100%;
  display: block;
}
.fizz-styles input,
.fizz-styles button,
.fizz-styles textarea,
.fizz-styles select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .fizz-styles * {
    animation-duration: 0.01s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01s !important;
    scroll-behavior: auto !important;
  }
}
.fizz-styles body {
  font-family: "Inter", sans-serif;
  color: #1B1B1B;
  background-color: #FFFFFF;
  min-width: 325px;
}
.fizz-styles svg {
  display: block;
  flex-shrink: 0;
}
.fizz-styles iframe {
  border: 0;
}
.fizz-styles :where(button) {
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.fizz-styles :where(button):focus {
  outline: none;
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles :where(button):hover {
  background-color: #EFF0F0;
}
.fizz-styles :focus:not(:focus-visible) {
  outline: 0;
}
.fizz-styles h1, .fizz-styles h2, .fizz-styles h3, .fizz-styles h4, .fizz-styles h5, .fizz-styles h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.fizz-styles th {
  text-align: inherit;
  font-weight: inherit;
}
.fizz-styles small,
.fizz-styles time {
  display: inline-block;
  color: #595959;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles :where(a) {
  color: #127CA5;
  text-decoration: none;
}
.fizz-styles :where(a:hover) {
  text-decoration: underline;
}
.fizz-styles :where(ul, ol):not([class]) {
  padding-left: 1rem;
}
.fizz-styles strong {
  font-weight: 600;
}
.fizz-styles code:not([class]) {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  background-color: #1B1B1B;
  color: #EAEAEA;
  padding: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  border-radius: 4px;
  position: relative;
  top: -0.125rem;
  white-space: break-spaces;
}
.fizz-styles .fizz-hide-caret .popover__arrow {
  display: none;
}
.fizz-styles [class*=fizz-heading] {
  font-weight: 600;
}
.fizz-styles .fizz-heading-1 {
  font-size: 2rem;
  line-height: 2.5rem;
}
.fizz-styles .fizz-heading-2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.fizz-styles .fizz-heading-3 {
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.fizz-styles .fizz-heading-4 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.fizz-styles .fizz-text-large {
  font-size: 1rem;
  line-height: 1.5rem;
}
.fizz-styles .fizz-text-medium {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-text-small {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles .fizz-text-tiny {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles .fizz-text-inherit {
  color: inherit;
}
.fizz-styles .fizz-underline-none {
  text-decoration: none;
}
.fizz-styles .fizz-underline-dashed {
  border-bottom: 1px dashed currentColor;
}
.fizz-styles .fizz-text-underline {
  text-decoration: underline;
}
.fizz-styles .fizz-text-uppercase {
  text-transform: uppercase;
}
.fizz-styles .fizz-text-capitalize {
  text-transform: capitalize;
}
.fizz-styles .fizz-text-right {
  text-align: right;
}
.fizz-styles .fizz-text-left {
  text-align: left;
}
.fizz-styles .fizz-text-center {
  text-align: center;
}
.fizz-styles .fizz-no-wrap,
.fizz-styles .fizz-nowrap {
  white-space: nowrap;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-text-center-on-large {
    text-align: center;
  }
}
@media (max-width: calc(700px - 1px)) {
  .fizz-styles .fizz-text-center-on-small {
    text-align: center;
  }
}
.fizz-styles .fizz-text-regular {
  font-weight: 400;
}
.fizz-styles .fizz-text-strong {
  font-weight: 600;
}
.fizz-styles [class*=fizz-icon-text] {
  display: flex;
  font-weight: 600;
}
.fizz-styles [class*=fizz-icon-text] :not(:last-child) {
  margin-right: 0.5rem;
}
.fizz-styles [class*=fizz-icon-text] a {
  color: inherit;
  text-decoration: underline;
}
.fizz-styles .fizz-icon-text-small {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles .fizz-icon-text-small svg {
  height: 0.75rem;
  width: 0.75rem;
  position: relative;
  top: 3px;
}
.fizz-styles .fizz-text-eyebrow {
  color: #595959;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.fizz-styles .fizz-truncate {
  --max-width: 20ch;
  display: inline-block;
  white-space: nowrap;
  max-width: var(--max-width);
  overflow: hidden;
  text-overflow: ellipsis;
}
.fizz-styles .fizz-clamp {
  --lines: 2;
  display: -webkit-box;
  -webkit-line-clamp: var(--lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fizz-styles .fizz-bullet-on-large {
  display: block;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-bullet-on-large {
    display: inline;
  }
  .fizz-styles .fizz-bullet-on-large:before {
    content: "•";
    margin-right: 0.25em;
  }
}
.fizz-styles .fizz-text-info {
  color: #127CA5;
  font-size: 0.625rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
}
.fizz-styles [class*=fizz-tag] {
  border-radius: 4px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #FFFFFF;
  background-color: #D9D9D9;
}
.fizz-styles a[class*=fizz-tag] {
  color: #FFFFFF;
}
.fizz-styles a[class*=fizz-tag]:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.fizz-styles .fizz-tag-blue {
  background-color: #127CA5;
}
.fizz-styles .fizz-tag-red {
  background-color: #DF2B26;
}
.fizz-styles [class*=fizz-card] {
  background-color: #FFFFFF;
  overflow: hidden;
}
.fizz-styles [class*=fizz-card] :where(figcaption) {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-card-featured figcaption {
  padding: 1.5rem;
}
.fizz-styles .fizz-card-featured-large {
  background-color: #FFFFFF;
}
.fizz-styles .fizz-card-featured-large img {
  margin-left: auto;
  margin-right: auto;
}
.fizz-styles .fizz-card-featured-large figcaption {
  padding: 1.5rem;
  text-align: center;
}
.fizz-styles .fizz-card-featured-large [class*=fizz-button] {
  margin-left: auto;
  margin-right: auto;
}
.fizz-styles .fizz-card-small {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-width: 0;
  position: relative;
}
.fizz-styles .fizz-card-small img {
  padding: 2rem 1rem 0 1rem;
  object-fit: contain;
  align-self: stretch;
  max-height: 230px;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-card-featured-large {
    background-color: #FFFFFF;
    display: flex;
  }
  .fizz-styles .fizz-card-featured-large > * {
    flex: 0 0 50%;
  }
  .fizz-styles .fizz-card-featured-large img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .fizz-styles .fizz-card-featured-large figcaption {
    flex: 0 0 50%;
    padding: 3rem;
    text-align: left;
  }
  .fizz-styles .fizz-card-featured-large [class*=fizz-button] {
    margin-left: 0;
    margin-right: 0;
  }
}
.fizz-styles .fizz-card-interactive {
  position: relative;
}
.fizz-styles .fizz-card-interactive:hover {
  box-shadow: 0px 3px 5px rgba(89, 89, 89, 0.25), 0px 0px 1px rgba(89, 89, 89, 0.3);
}
.fizz-styles .fizz-card-interactive figcaption {
  position: relative;
  pointer-events: none;
  z-index: 1;
}
.fizz-styles .fizz-card-interactive figcaption a {
  pointer-events: all;
}
.fizz-styles .fizz-overlay-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fizz-styles a.fizz-card:hover {
  text-decoration: none;
}
.fizz-styles .fizz-card-floating {
  box-shadow: 0px 3px 5px rgba(89, 89, 89, 0.25), 0px 0px 1px rgba(89, 89, 89, 0.3);
}
.fizz-styles .fizz-card-padded {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-card-padded {
    padding: 1rem 1.5rem;
  }
}
.fizz-styles [class*=fizz-icon] {
  fill: currentColor;
}
.fizz-styles .fizz-icon-12 {
  width: 0.75rem;
  height: 0.75rem;
}
.fizz-styles .fizz-icon-16 {
  width: 1rem;
  height: 1rem;
}
.fizz-styles .fizz-icon-24 {
  width: 1.5rem;
  height: 1.5rem;
}
.fizz-styles .fizz-icon-32 {
  width: 2rem;
  height: 2rem;
}
.fizz-styles .fizz-icon-48 {
  width: 2.5rem;
  height: 2.5rem;
}
.fizz-styles .fizz-icon-inverse {
  fill: #FFFFFF;
}
.fizz-styles .fizz-icon-warning {
  fill: #F7B01C;
}
.fizz-styles .fizz-icon-brand {
  fill: #052C48;
}
.fizz-styles .fizz-icon-brand:hover {
  fill: #025384;
}
.fizz-styles .fizz-icon-wordmark {
  width: 64px;
  height: 32px;
  stroke: transparent;
}
.fizz-styles .fizz-social-icon {
  color: #052C48;
}
.fizz-styles .fizz-social-icon:hover {
  color: #025384;
}
.fizz-styles .fizz-icon-toggle button {
  color: #BFBFBF;
}
.fizz-styles .fizz-icon-toggle .fizz-is-active {
  color: #052C48;
}
.fizz-styles .fizz-icon-spinner,
.fizz-styles .fizz-icon-spinner-small {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'%3E%3Cpath d='M126.68 41.84a60 60 0 10-83.359 86.32l3.334-3.453a55.199 55.199 0 0158.576-91.066 55.206 55.206 0 0118.115 11.651l3.334-3.453z' fill='%233CA9CD'/%3E%3Cpath d='M43.321 128.16a59.999 59.999 0 00101.67-44.207 59.996 59.996 0 00-18.311-42.114l-3.334 3.453a55.198 55.198 0 011.362 78.053 55.197 55.197 0 01-78.053 1.362l-3.334 3.453z' fill='%23EEFBFF'/%3E%3C/svg%3E");
  animation: spinner 1s linear infinite;
}
.fizz-styles .fizz-icon-spinner-small {
  width: 40px;
  height: 40px;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fizz-styles .fizz-icon-logo {
  height: 24px;
  width: auto;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-icon-logo {
    height: 39px;
  }
}
.fizz-styles .fizz-flip-icon svg {
  transform: rotate(180deg);
}
.fizz-styles .fizz-header-brand {
  background-color: #052C48;
  color: #FFFFFF;
}
.fizz-styles .fizz-header-brand .fizz-header-2 {
  color: #FFFFFF !important;
}
.fizz-styles .fizz-header-brand > div {
  padding: 0 1rem;
}
.fizz-styles [class*=fizz-header] .fizz-icon-wordmark {
  width: 80px;
  height: 40px;
}
.fizz-styles .fizz-header-brand a {
  color: inherit;
}
.fizz-styles .fizz-header-brand .fizz-horizontal-list a {
  color: #FFFFFF;
  white-space: nowrap;
  padding: 1rem 0;
}
.fizz-styles .fizz-header-brand .fizz-provi-wordmark {
  padding: 0.5rem 0;
}
@media (max-width: 700px) {
  .fizz-styles .fizz-header-brand nav {
    display: none;
  }
}
.fizz-styles .fizz-subnav {
  background-color: #FFFFFF;
}
.fizz-styles .fizz-subnav > div {
  padding: 1rem 1rem;
}
.fizz-styles .fizz-hero {
  margin-top: 2rem;
  background-color: #FFFFFF;
  display: grid;
  grid-template-rows: 80px auto;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  grid-gap: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  max-height: 500px;
}
.fizz-styles .fizz-hero img {
  max-height: 100%;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-hero {
    margin-top: 4rem;
    grid-template-columns: minmax(auto, 500px) minmax(min-content, 400px);
    grid-template-rows: minmax(auto, 4rem) 1fr minmax(auto, 4rem);
    padding: 1rem;
  }
  .fizz-styles .fizz-hero img,
.fizz-styles .fizz-hero svg {
    grid-column-start: 2;
    grid-row-start: 2;
  }
  .fizz-styles .fizz-hero figcaption {
    grid-column-start: 1;
    grid-row-start: 2;
  }
}
.fizz-styles [class*=fizz-button] {
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  display: block;
  color: #052C48;
  background-color: #FFFFFF;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
}
.fizz-styles [class*=fizz-button]:focus-visible,
.fizz-styles [class*=fizz-icon-button]:focus-visible {
  outline: none;
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles a[class*=fizz-button]:hover {
  text-decoration: none;
}
.fizz-styles .fizz-button:hover:not(:disabled),
.fizz-styles .fizz-button-small:hover:not(:disabled),
.fizz-styles .fizz-button-large:hover:not(:disabled) {
  border-color: #052C48;
}
.fizz-styles .fizz-button:disabled,
.fizz-styles .fizz-button-small:disabled,
.fizz-styles .fizz-button-large:disabled,
.fizz-styles .fizz-button-primary:disabled,
.fizz-styles .fizz-button-secondary:disabled,
.fizz-styles .fizz-button-super-primary:disabled {
  opacity: 0.5;
  cursor: default;
}
.fizz-styles .fizz-button-small,
.fizz-styles .fizz-button-group .fizz-button-small {
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: 0.25rem 0.5rem;
}
.fizz-styles .fizz-button-large,
.fizz-styles .fizz-button-group .fizz-button-large {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 1rem;
}
.fizz-styles .fizz-button-small:not(.fizz-button):hover,
.fizz-styles .fizz-button-large:not(.fizz-button):hover {
  border-color: transparent;
}
.fizz-styles .fizz-button-primary {
  background-color: #052C48;
  color: #FFFFFF;
  border-color: transparent;
}
.fizz-styles .fizz-button-primary:hover:not(:disabled) {
  background-color: #025384;
}
.fizz-styles .fizz-button-secondary {
  background-color: #127CA5;
  color: #FFFFFF;
  border-color: #127CA5;
}
.fizz-styles .fizz-button-secondary:hover:not(:disabled) {
  background-color: #006789;
}
.fizz-styles .fizz-button-danger {
  background-color: #DF2B26;
  color: #FFFFFF;
  border-color: #DF2B26;
}
.fizz-styles .fizz-button-danger:hover:not(:disabled) {
  background-color: #B1201B;
}
.fizz-styles .fizz-button-super-primary {
  background-color: #078854;
  color: #FFFFFF;
  border-color: #078854;
}
.fizz-styles .fizz-button-super-primary:hover:not(:disabled) {
  background-color: #006644;
}
.fizz-styles [class*=fizz-button-icon] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fizz-styles [class*=fizz-button-icon] > :not(:last-child) {
  margin-right: 0.5rem;
}
.fizz-styles .fizz-button-text {
  color: #127CA5;
  border-color: transparent;
  background-color: transparent;
}
.fizz-styles .fizz-button-text:hover {
  background-color: #CDECF5;
}
.fizz-styles .fizz-button-text:disabled {
  color: #23B1DA;
  cursor: default;
}
.fizz-styles .fizz-button-text:disabled:hover {
  background-color: transparent;
}
.fizz-styles .fizz-icon-button {
  background-color: inherit;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 4px;
  border: 0;
}
.fizz-styles .fizz-icon-button:hover {
  background-color: #EFF0F0;
}
.fizz-styles .fizz-icon-button:disabled:hover {
  background-color: transparent;
  cursor: unset;
}
.fizz-styles .fizz-icon-button:disabled svg {
  fill: #BFBFBF;
}
.fizz-styles .fizz-icon-button.fizz-button-small {
  width: 28px;
  height: 28px;
  padding: 0;
}
.fizz-styles .fizz-icon-button-small {
  background-color: inherit;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  border: 0;
}
.fizz-styles .fizz-icon-button-small:disabled svg {
  opacity: 0.5;
}
.fizz-styles .fizz-icon-button-small:hover {
  background-color: #EFF0F0;
}
.fizz-styles .fizz-icon-button-subdued svg {
  fill: #848484;
}
.fizz-styles .fizz-icon-button-subdued:hover svg {
  fill: #1B1B1B;
}
.fizz-styles .fizz-icon-button-inverted svg {
  fill: #FFFFFF;
}
.fizz-styles .fizz-icon-button-inverted:hover svg {
  fill: #052C48;
}
.fizz-styles .fizz-icon-button-small:active {
  background-color: #127CA5;
}
.fizz-styles .fizz-icon-button-small:active svg {
  fill: #FFFFFF;
}
.fizz-styles .fizz-icon-button-inverted:active {
  background-color: #127CA5;
}
.fizz-styles .fizz-icon-button-inverted:active svg {
  fill: #FFFFFF;
}
.fizz-styles .fizz-button-group {
  display: inline-flex;
  border: none;
  border-radius: 0;
  overflow: hidden;
  padding: 0;
}
.fizz-styles .fizz-button-group:after {
  content: "";
  display: block;
  clear: both;
}
.fizz-styles .fizz-button-group > [class*=fizz-button] {
  border-radius: 0;
  color: #595959;
}
.fizz-styles .fizz-button-group > [class*=fizz-button]:not(:last-child) {
  border-right-width: 1px;
}
.fizz-styles .fizz-button-group > [class*=fizz-button]:first-child {
  border-radius: 4px 0 0 4px;
}
.fizz-styles .fizz-button-group > [class*=fizz-button]:last-child {
  border-radius: 0 4px 4px 0;
}
.fizz-styles .fizz-button-group > .fizz-is-active {
  background-color: #052C48;
  color: #FFFFFF;
  border-color: transparent;
}
.fizz-styles .fizz-button-group > [class*=fizz-button]:hover:not(:disabled):not(.fizz-is-active) {
  background-color: #FFFFFF;
  border-color: #BFBFBF;
}
.fizz-styles .fizz-button-group > [class*=fizz-button]:not(:first-child) {
  border-left-width: 0;
}
.fizz-styles .fizz-close-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.fizz-styles .fizz-close-button:hover {
  background-color: inherit;
}
.fizz-styles .fizz-close-button svg {
  fill: #848484;
}
.fizz-styles .fizz-close-button:hover svg {
  fill: #1B1B1B;
}
.fizz-styles .fizz-button-select {
  display: block;
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  color: #1B1B1B;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  padding: 0.5rem calc(2rem + 0.5rem) 0.5rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z' fill='%23262626'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: top 50% right 1rem;
  background-size: 1rem 1rem;
  background-color: #FFFFFF;
  text-align: left;
}
.fizz-styles .fizz-button-select:focus {
  outline: none;
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles .fizz-button-select:active,
.fizz-styles .fizz-button-select:hover {
  border-color: #127CA5;
}
.fizz-styles .fizz-button-spinner {
  position: relative;
  color: transparent;
  user-select: none;
}
.fizz-styles .fizz-button-spinner:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: spinner-button 1s linear infinite;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5c-4.7-4.7-12.3-4.7-17 0l1.4 1.4C8.8 1 15.2 1 19.1 4.9s3.9 10.2 0 14.1l1.4 1.4c4.7-4.6 4.7-12.2 0-16.9z' fill='%23002B48'/%3E%3C/svg%3E ");
}
.fizz-styles .fizz-button-primary.fizz-button-spinner:before,
.fizz-styles .fizz-button-secondary.fizz-button-spinner:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5c-4.7-4.7-12.3-4.7-17 0l1.4 1.4C8.8 1 15.2 1 19.1 4.9s3.9 10.2 0 14.1l1.4 1.4c4.7-4.6 4.7-12.2 0-16.9z' fill='%23FFFFFF'/%3E%3C/svg%3E ");
}
@keyframes spinner-button {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.fizz-styles .fizz-cart-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: #127CA5;
  color: #FFFFFF;
  border-radius: 16px;
  border: 1px solid transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 20 4H5.21l-.94-2H1Zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: left 0.75rem top 50%;
  padding: 0.5rem 0.75rem 0.5rem calc(2rem + 0.5rem);
}
.fizz-styles .fizz-cart-button:hover {
  background-color: #127CA5;
}
.fizz-styles [data-cart-items="0"].fizz-cart-button {
  color: inherit;
  background-color: #F5F7F7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 20 4H5.21l-.94-2H1Zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2Z' fill='%23002B48'/%3E%3C/svg%3E");
}
.fizz-styles [data-cart-items="0"].fizz-cart-button:hover {
  background-color: #EAEAEA;
}
.fizz-styles .fizz-location-button {
  padding: 0.25rem;
  border-radius: 4px;
  color: #052C48;
}
.fizz-styles .fizz-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: 1rem;
  z-index: 1400;
}
.fizz-styles .fizz-modal.fizz-is-open {
  display: block;
}
.fizz-styles .fizz-modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1400;
}
.fizz-styles .fizz-modal-content {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
  max-height: calc(100vh - 2rem);
  overflow: hidden;
  z-index: 1500;
  box-shadow: 0 0 10px 2px #595959;
}
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-sidebar,
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-footer {
  max-height: calc(100vh - 2rem);
}
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-sidebar [data-grid-area=main] {
  max-height: calc(100vh - 194px);
}
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-footer [data-grid-area=aside],
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-footer [data-grid-area=main] {
  max-height: calc(100vh - 194px);
}
.fizz-styles .fizz-modal-wide {
  grid-template-columns: 1fr minmax(min-content, 850px) 1fr;
}
.fizz-styles .fizz-modal-large .fizz-modal-content {
  max-width: 720px;
}
.fizz-styles .fizz-modal-medium .fizz-modal-content {
  max-width: 480px;
}
.fizz-styles .fizz-modal-small .fizz-modal-content {
  max-width: 360px;
}
.fizz-styles .fizz-modal-small [data-grid-area=main] {
  min-height: 200px;
}
.fizz-styles .fizz-modal-wide .fizz-modal-content {
  padding: 2rem;
}
.fizz-styles .fizz-modal-header {
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  position: relative;
}
.fizz-styles .fizz-modal-main {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.fizz-styles .fizz-modal-footer {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.fizz-styles .fizz-modal-close {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}
@media (min-width: 700px) {
  .fizz-styles .fizz-modal-content {
    margin-top: 10vh;
    max-height: 80vh;
  }
  .fizz-styles .fizz-modal-wide .fizz-modal-content {
    padding: 4rem 8rem;
    grid-column-start: 2;
  }
  .fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-sidebar,
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-footer {
    max-height: 80vh;
  }
  .fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-sidebar [data-grid-area=aside],
.fizz-styles .fizz-modal-content > .fizz-layout-fixed-header-and-footer [data-grid-area=aside] {
    max-height: 100%;
  }
}
.fizz-styles .fizz-toggle-menu {
  border-radius: 4px;
}
.fizz-styles .fizz-toggle-menu dt,
.fizz-styles .fizz-toggle-details dt,
.fizz-styles .fizz-toggle-menu > div,
.fizz-styles .fizz-toggle-details > div {
  background-color: #FFFFFF;
  padding: 1rem 1rem;
  color: #052C48;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 1rem;
}
.fizz-styles .fizz-toggle-menu dt {
  cursor: pointer;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z' fill='%23002B48'/%3E%3C/svg%3E");
  background-position: top 50% right 1rem;
  border: 1px solid #EAEAEA;
  border-bottom: 0;
}
.fizz-styles .fizz-toggle-menu dt:first-of-type,
.fizz-styles .fizz-toggle-menu dd + dt {
  border-radius: 4px 4px 0 0;
}
.fizz-styles .fizz-toggle-details dt {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z' fill='%23002B48'/%3E%3C/svg%3E");
  background-position: top 50% right 1rem;
}
.fizz-styles .fizz-toggle-menu dt.fizz-is-open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59Z 4 8.4 16 20 28z' fill='%23002B48'/%3E%3C/svg%3E");
  background-position: top 50% left 1rem;
  text-align: center;
}
.fizz-styles .fizz-toggle-details dt.fizz-is-open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6Z' fill='%23002B48'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-toggle-menu dt:hover {
  color: #127CA5;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z' fill='%23008FBE'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-toggle-details dt:hover {
  color: #127CA5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z' fill='%23008FBE'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-toggle-menu dt.fizz-is-open:hover {
  color: #127CA5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59Z 4 8.4 16 20 28z' fill='%23008FBE'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-toggle-details dt.fizz-is-open:hover {
  color: #127CA5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6Z' fill='%23008FBE'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-toggle-menu dt:not(:last-child),
.fizz-styles .fizz-toggle-details dt:not(:last-child),
.fizz-styles .fizz-toggle-menu > div,
.fizz-styles .fizz-toggle-details > div {
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-toggle-menu dd,
.fizz-styles .fizz-toggle-details dd {
  background-color: #FFFFFF;
  padding: 1rem;
  border: solid #EAEAEA;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 4px 4px;
}
.fizz-styles .fizz-toggle-menu dd + dd {
  border-top: 1px solid #EAEAEA;
  border-radius: 4px;
}
.fizz-styles .fizz-toggle-menu dd:not(:last-child),
.fizz-styles .fizz-toggle-details dd:not(:last-child) {
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 1rem;
}
.fizz-styles .fizz-toggle-menu form,
.fizz-styles .fizz-toggle-menu section,
.fizz-styles .fizz-toggle-details form {
  padding: 0 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.fizz-styles .fizz-toggle-menu form:not(:last-of-type),
.fizz-styles .fizz-toggle-menu section:not(:last-of-type) {
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 1rem;
}
.fizz-styles .fizz-toggle-menu dt {
  position: relative;
}
.fizz-styles .fizz-toggle-menu dt .fizz-toggle {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.fizz-styles [class*=fizz-placeholder] {
  background-color: #EAEAEA;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30 26.9V5.1C30 3.4 28.6 2 26.9 2H5.1C3.4 2 2 3.4 2 5.1v21.8C2 28.6 3.4 30 5.1 30h21.8c1.7 0 3.1-1.4 3.1-3.1zm-19.4-8.6l3.9 4.7 5.4-7 7 9.3H5.1l5.5-7z' fill='%23A1AEB2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  background-position: center center;
}
.fizz-styles .fizz-placeholder-square {
  width: 100%;
  height: 265px;
}
.fizz-styles .fizz-avatar,
.fizz-styles .fizz-avatar-center,
.fizz-styles .fizz-avatar-right {
  width: 150px;
  height: 150px;
  border: 4px solid #FFFFFF;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-avatar > *,
.fizz-styles .fizz-avatar-center > * .fizz-avatar-right > * {
  height: 100%;
  width: auto;
  margin: 0 auto;
  object-fit: cover;
}
.fizz-styles .fizz-avatar-center {
  justify-self: center;
}
.fizz-styles .fizz-avatar-right {
  justify-self: end;
}
.fizz-styles [class*=avatar-initial] {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  line-height: 2rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
}
.fizz-styles .fizz-avatar-initial-1 {
  color: #FFFFFF;
  background-color: #127CA5;
}
.fizz-styles .fizz-avatar-initial-2 {
  color: #FFFFFF;
  background-color: #052C48;
}
.fizz-styles .fizz-input-text,
.fizz-styles .fizz-input-search,
.fizz-styles .fizz-input-search-subdued,
.fizz-styles .fizz-textarea {
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  margin: 0;
  color: #1B1B1B;
  max-width: 100%;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-input-text::placeholder, .fizz-styles .fizz-input-text::-ms-input-placeholder,
.fizz-styles .fizz-input-search::placeholder,
.fizz-styles .fizz-input-search::-ms-input-placeholder,
.fizz-styles .fizz-input-search-subdued::placeholder,
.fizz-styles .fizz-input-search-subdued::-ms-input-placeholder,
.fizz-styles .fizz-textarea::placeholder,
.fizz-styles .fizz-textarea::-ms-input-placeholder {
  color: #595959;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-input-text,
.fizz-styles .fizz-input-search,
.fizz-styles .fizz-input-search-subdued,
.fizz-styles .fizz-textarea {
    font-size: 0.875rem;
  }
}
.fizz-styles .fizz-textarea {
  max-width: 100%;
  resize: vertical;
  padding: 0.5rem 1rem;
}
.fizz-styles .fizz-select {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
  color: #1B1B1B;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem calc(2rem + 0.5rem) 0.5rem 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z' fill='%23262626'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: top 50% right 1rem;
  background-size: 1rem 1rem;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-select option {
  padding: 0;
}
.fizz-styles .fizz-checkbox,
.fizz-styles .fizz-radio-button {
  width: 1rem;
  height: 1rem;
  border: 1px solid #BFBFBF;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.fizz-styles .fizz-checkbox {
  border-radius: 4px;
}
.fizz-styles .fizz-radio-button {
  position: relative;
  border-radius: 50%;
}
.fizz-styles .fizz-checkbox-large {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #BFBFBF;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
}
.fizz-styles .fizz-checkbox:checked,
.fizz-styles .fizz-checkbox-large:checked {
  background-color: #127CA5;
  border-color: #127CA5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 17.1l6.8 6.9L26 10.7 23.3 8 12.8 18.6l-4.2-4.2L6 17.1z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.fizz-styles .fizz-radio-button:checked {
  background-color: #127CA5;
  border-color: #127CA5;
}
.fizz-styles .fizz-radio-button:checked:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  background-color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.fizz-styles .fizz-checkbox:focus-visible,
.fizz-styles .fizz-checkbox:hover,
.fizz-styles .fizz-checkbox-large:focus-visible,
.fizz-styles .fizz-checkbox-large:hover,
.fizz-styles .fizz-radio-button:focus-visible,
.fizz-styles .fizz-radio-button:hover {
  outline: none;
  border-color: #127CA5;
  background-color: #CDECF5;
}
.fizz-styles .fizz-checkbox:checked:hover,
.fizz-styles .fizz-checkbox:checked:focus-visible,
.fizz-styles .fizz-checkbox-large:checked:hover,
.fizz-styles .fizz-checkbox-large:checked:focus-visible,
.fizz-styles .fizz-radio-button:checked:hover,
.fizz-styles .fizz-radio-button:checked:focus-visible {
  background-color: #127CA5;
  border-color: #127CA5;
}
.fizz-styles .fizz-checkbox:disabled,
.fizz-styles .fizz-checkbox-large:disabled,
.fizz-styles .fizz-radio-button:disabled {
  background-color: #EFF0F0;
  border-color: #BFBFBF;
}
.fizz-styles .fizz-checkbox:disabled:checked,
.fizz-styles .fizz-checkbox-large:disabled:checked,
.fizz-styles .fizz-radio-button:disabled:checked {
  background-color: #CDECF5;
  border-color: transparent;
}
.fizz-styles .fizz-input-text:focus,
.fizz-styles .fizz-input-search:focus,
.fizz-styles .fizz-input-search-subdued:focus,
.fizz-styles .fizz-select:focus,
.fizz-styles .fizz-textarea:focus {
  outline: none;
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles .fizz-input-text:active:not(:disabled),
.fizz-styles .fizz-input-search:active:not(:disabled),
.fizz-styles .fizz-input-search-subdued:active:not(:disabled),
.fizz-styles .fizz-select:active:not(:disabled),
.fizz-styles .fizz-textarea:active:not(:disabled),
.fizz-styles .fizz-input-text:hover:not(:disabled),
.fizz-styles .fizz-input-search:hover:not(:disabled),
.fizz-styles .fizz-input-search-subdued:hover:not(:disabled),
.fizz-styles .fizz-select:hover:not(:disabled),
.fizz-styles .fizz-textarea:hover:not(:disabled) {
  border-color: #127CA5;
}
.fizz-styles .fizz-input-text:disabled,
.fizz-styles .fizz-input-search:disabled,
.fizz-styles .fizz-input-search-subdued:disabled,
.fizz-styles .fizz-select:disabled,
.fizz-styles .fizz-textarea:disabled {
  background-color: #EFF0F0;
}
.fizz-styles .fizz-label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.fizz-styles .fizz-file-upload {
  border: 1px dashed #BFBFBF;
  display: grid;
  place-items: center center;
  padding: 1.5rem;
  position: relative;
}
.fizz-styles .fizz-file-upload > span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M14.3 8v15h3.5V8l7 7 2.5-2.4-10-10c-.7-.7-1.8-.7-2.4 0l-10 10L7.3 15l7-7zm12.2 18.5h-21v-5.2H2v7c0 1 .7 1.8 1.8 1.8h24.5c1 0 1.8-.7 1.8-1.8v-7h-3.5v5.2z' fill='%23002B48'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 1rem 1rem;
  padding-top: 1rem;
}
.fizz-styles .fizz-file-upload [type=file] {
  display: none;
}
.fizz-styles .fizz-file-upload.fizz-is-disabled {
  border-style: solid;
  margin-bottom: calc(2rem + 0.25rem);
}
.fizz-styles .fizz-file-upload.fizz-is-disabled [type=file] + span {
  display: none;
}
.fizz-styles .fizz-file-upload.fizz-is-disabled .fizz-progress {
  position: absolute;
  width: calc(100% - 2rem);
  top: 1.5rem;
  left: 1rem;
}
.fizz-styles .fizz-file-upload.fizz-is-disabled + p {
  display: none;
}
.fizz-styles .fizz-progress + p {
  padding-top: 1rem;
  font-weight: 600;
  color: #595959;
  text-align: center;
}
.fizz-styles .fizz-input-search,
.fizz-styles .fizz-input-search-subdued {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22 19.6h-1.3l-.4-.4c1.6-1.8 2.5-4.2 2.5-6.8C22.8 6.7 18.2 2 12.4 2S2 6.7 2 12.4s4.7 10.4 10.4 10.4c2.6 0 4.9-.9 6.8-2.5l.4.4V22l8 8 2.4-2.4-8-8zm-9.6 0c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.2 7.2 3.2 7.2 7.2-3.2 7.2-7.2 7.2z' fill='%23002B48'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: top 50% left 0.75rem;
  padding-left: calc(2rem + 0.25rem);
}
.fizz-styles .fizz-input-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.5rem;
}
.fizz-styles .fizz-input-large {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.fizz-styles .fizz-select.fizz-input-small {
  padding: 0.25rem 1.5rem 0.25rem 0.5rem;
  background-position: top 50% right 0.5rem;
}
.fizz-styles .fizz-input-error,
.fizz-styles .fizz-bordered.fizz-input-error,
.fizz-styles input:invalid,
.fizz-styles input.dirty.invalid {
  border-color: #DF2B26;
}
.fizz-styles .fizz-input-with-button {
  padding: 0;
  overflow: hidden;
}
.fizz-styles .fizz-input-with-button:focus-within {
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles .fizz-input-with-button input {
  border: 0;
  padding: 0.5rem 2rem 0.5rem 1rem;
  margin: 0;
  width: calc(100% - 2.5rem);
}
.fizz-styles .fizz-input-with-button input:focus {
  outline: none;
}
.fizz-styles .fizz-input-with-button + button {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.fizz-styles .fizz-input-search-subdued {
  border-color: transparent;
  background-color: #F5F7F7;
  background-position: top 50% right 0.75rem;
  padding-right: calc(2rem + 1rem);
  padding-left: 1rem;
}
.fizz-styles .fizz-input-search-subdued:focus {
  background-color: white;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-input-search-subdued {
    background-size: 20px;
  }
}
.fizz-styles .fizz-pagination,
.fizz-styles .fizz-pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fizz-styles .fizz-pagination :not(:last-child) {
  margin-right: 0.25rem;
}
.fizz-styles .fizz-pagination-list a {
  color: #1B1B1B;
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 4px;
  text-decoration: none;
  line-height: 2rem;
  text-align: center;
  font-size: 0.875rem;
}
.fizz-styles .fizz-pagination-list a:hover {
  background-color: #EFF0F0;
}
.fizz-styles .fizz-pagination-list .fizz-is-active a {
  background-color: #127CA5;
  color: #FFFFFF;
}
.fizz-styles .fizz-pagination-list li:not(.fizz-is-active) {
  display: none;
}
.fizz-styles .fizz-pagination-list li.fizz-is-active a {
  display: none;
}
.fizz-styles .fizz-pagination-list li.fizz-is-active:before {
  content: "Page " attr(data-page);
}
@media (min-width: 700px) {
  .fizz-styles .fizz-pagination-list li:not(.fizz-is-active),
.fizz-styles .fizz-pagination-list li.fizz-is-active a {
    display: block;
  }
  .fizz-styles .fizz-pagination-list li.fizz-is-active:before {
    display: none;
  }
}
.fizz-styles .fizz-prev span,
.fizz-styles .fizz-next span,
.fizz-styles .fizz-prev-small span,
.fizz-styles .fizz-next-small span {
  display: none;
}
.fizz-styles .fizz-prev,
.fizz-styles .fizz-next,
.fizz-styles .fizz-prev-small,
.fizz-styles .fizz-next-small {
  background-color: #052C48;
  border: 0;
  border-radius: 4px;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
.fizz-styles .fizz-prev:disabled,
.fizz-styles .fizz-next:disabled,
.fizz-styles .fizz-prev-small:disabled,
.fizz-styles .fizz-next-small:disabled {
  background-color: #D9D9D9;
}
.fizz-styles .fizz-prev,
.fizz-styles .fizz-next {
  width: 2rem;
  height: 2rem;
}
.fizz-styles .fizz-prev-small,
.fizz-styles .fizz-next-small {
  width: 1.5rem;
  height: 1.5rem;
}
.fizz-styles .fizz-prev,
.fizz-styles .fizz-prev-small {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59Z 4 8.4 16 20 28z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-next,
.fizz-styles .fizz-next-small {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-prev {
  background-position: center left calc(1rem * .4375);
}
.fizz-styles .fizz-next {
  background-position: center left calc(1rem * .5625);
}
.fizz-styles .fizz-prev-small {
  background-position: center left 0.1875rem;
}
.fizz-styles .fizz-next-small {
  background-position: center right 0.1875rem;
}
.fizz-styles .fizz-pagination-list > li.fizz-is-active {
  font-weight: 600;
}
.fizz-styles .fizz-toggle {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: relative;
}
.fizz-styles .fizz-toggle input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.fizz-styles .fizz-toggle-switch {
  width: 2rem;
  height: 1rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  background-color: #595959;
  transition: all 0.1s ease-in-out;
  position: relative;
}
.fizz-styles .fizz-toggle input:checked + .fizz-toggle-switch {
  background-color: #127CA5;
}
.fizz-styles .fizz-toggle input:disabled + .fizz-toggle-switch {
  background-color: #D9D9D9;
}
.fizz-styles .fizz-toggle input:focus-visible + .fizz-toggle-switch {
  outline: none;
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles .fizz-toggle-switch:after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  position: absolute;
  background-color: #FFFFFF;
  top: 1px;
  left: 1px;
  transition: all 0.1s ease-in-out;
}
.fizz-styles .fizz-toggle input:checked + .fizz-toggle-switch:after {
  transform: translateX(calc(1rem));
}
.fizz-styles .fizz-toggle input:disabled + .fizz-toggle-switch:after {
  background-color: #F5F7F7;
}
.fizz-styles .fizz-progress {
  --progress: 20%;
  background: linear-gradient(90deg, #008fbe var(--progress), #d9dee0 var(--progress));
  width: 100%;
  height: 2px;
}
.fizz-styles .fizz-progress-tracker {
  --progress: 20%;
  --left-color: #078854;
  --right-color: #D9D9D9;
  background: linear-gradient(90deg, var(--left-color) var(--progress), var(--right-color) var(--progress));
  width: 100%;
  height: 0.5rem;
  border-radius: 0.25rem;
}
.fizz-styles .fizz-progress-tracker[data-type=credit-utilization] {
  --left-color: #025384;
  --right-color: #DF2B26;
}
.fizz-styles [class*=fizz-key] {
  padding-left: 1.5rem;
  position: relative;
}
.fizz-styles [class*=fizz-key]:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
  background-color: #D9D9D9;
  position: absolute;
  left: 0;
  top: 2px;
}
.fizz-styles .fizz-key-red:before {
  background-color: #DF2B26;
}
.fizz-styles .fizz-key-green:before {
  background-color: #078854;
}
.fizz-styles .fizz-key-blue:before {
  background-color: #025384;
}
.fizz-styles .fizz-drag-and-drop {
  font-weight: 600;
}
.fizz-styles .fizz-drag-and-drop > li {
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 0.5rem;
}
.fizz-styles .fizz-drag-and-drop span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.fizz-styles .fizz-drag-and-drop .fizz-is-active {
  position: relative;
  background-color: #EAEAEA;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
  z-index: 300;
}
.fizz-styles [class*=fizz-badge] {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.125rem 0.5rem;
  display: inline-block;
  white-space: nowrap;
  border-radius: 4px;
  background-color: #EAEAEA;
}
.fizz-styles .fizz-badge {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.125rem 0.5rem;
}
.fizz-styles .fizz-badge-small {
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 1;
  padding: 0.25rem;
}
.fizz-styles [class*=fizz-badge-icon] {
  color: #078854;
  font-size: 0.75rem;
  line-height: 1.125rem;
  background-color: #FFFFFF;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.fizz-styles [class*=fizz-badge-icon] :not(:last-child) {
  margin-right: 0.125rem;
}
.fizz-styles .fizz-badge-icon-vertical {
  flex-direction: column;
}
.fizz-styles .fizz-badge-icon-vertical :not(:last-child) {
  margin-right: 0;
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-badge-icon-overlay {
  padding: 0.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.fizz-styles .fizz-carousel {
  position: relative;
  max-width: calc(100vw - 47px);
}
.fizz-styles .fizz-carousel > div {
  display: grid;
  grid-auto-columns: minmax(200px, 1fr);
  grid-auto-flow: column;
  gap: 1rem;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  padding-bottom: 0.5rem;
}
.fizz-styles .fizz-carousel > div > * {
  scroll-snap-align: start;
}
.fizz-styles .fizz-carousel .fizz-prev-small,
.fizz-styles .fizz-carousel .fizz-next-small {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.fizz-styles .fizz-carousel .fizz-prev-small {
  left: calc(-2rem - 0.25rem);
}
.fizz-styles .fizz-carousel .fizz-next-small {
  right: calc(-2rem - 0.25rem);
}
.fizz-styles .fizz-scroll-horizontal {
  overflow: auto;
}
.fizz-styles .fizz-scroll-on-small {
  overflow: auto;
  padding-bottom: 8px;
}
.fizz-styles .fizz-scroll-on-small > * {
  --width: 190px;
  width: var(--width);
  flex-shrink: 0;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-carousel > div {
    grid-auto-columns: minmax(calc(25% - .75rem), 1fr);
  }
  .fizz-styles .fizz-carousel .fizz-prev-small,
.fizz-styles .fizz-carousel .fizz-next-small {
    display: block;
  }
  .fizz-styles .fizz-scroll-horizontal {
    margin-right: auto;
  }
  .fizz-styles .fizz-scroll-on-small {
    padding-bottom: 0;
    overflow: visible;
  }
  .fizz-styles .fizz-scroll-on-small > * {
    width: auto;
    flex-shrink: 1;
  }
}
.fizz-styles [class*=fizz-alert] {
  padding: 1rem 3rem 1rem calc(1.5rem + 2rem);
  border: 1px solid;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: top 1rem left 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: relative;
}
@media (min-width: 700px) {
  .fizz-styles [class*=fizz-alert] {
    min-width: 400px;
  }
  .fizz-styles [class*=fizz-alert] > * {
    max-width: 800px;
  }
}
.fizz-styles [class*=fizz-alert] strong {
  display: inline-block;
  margin-right: 0.25rem;
}
.fizz-styles .fizz-alert-error {
  background-color: #FBDDDF;
  border-color: #DF2B26;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16.1 1.8c-7.7 0-14 6.3-14 14s6.3 14 14 14 14-6.3 14-14-6.3-14-14-14zm1.2 20.4h-2.4v-2.6h2.4v2.6zm0-5.1h-2.4V9.4h2.4v7.7z' fill='%23cb2431'/%3E%3C/svg%3E%0A");
}
.fizz-styles .fizz-alert-info {
  background-color: #F1F6FB;
  border-color: #052C48;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2C8.3 2 2 8.3 2 16s6.3 14 14 14 14-6.3 14-14S23.7 2 16 2zm1.4 21h-2.8v-8.4h2.8V23zm0-11.2h-2.8V9h2.8v2.8z' fill='%0A%23226FA4'/%3E%3C/svg%3E%0A");
}
.fizz-styles .fizz-alert-success {
  background-color: #E3F2F0;
  border-color: #078854;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2C8.3 2 2 8.3 2 16s6.3 14 14 14 14-6.3 14-14S23.7 2 16 2zm-3 21l-6.8-6.7 1.9-1.9 4.8 4.8L23.2 9l1.9 1.9L13 23z' fill='%2336B37E'/%3E%3C/svg%3E%0A");
}
.fizz-styles .fizz-alert-warning {
  background-color: #F8F3DB;
  border-color: #F7B01C;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M2 28.1h28L16 3.9 2 28.1zm15.3-3.8h-2.5v-2.5h2.5v2.5zm0-5.1h-2.5v-5.1h2.5v5.1z' fill='%23FFAB00'/%3E%3C/svg%3E ");
}
.fizz-styles .fizz-flash-message-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.fizz-styles .fizz-flash-message-container > * {
  box-shadow: 0px 3px 5px rgba(89, 89, 89, 0.25), 0px 0px 1px rgba(89, 89, 89, 0.3);
}
.fizz-styles .fizz-flash-message-container > *:not(:last-child) {
  margin-bottom: 0.75rem;
}
.fizz-styles .fizz-image-container {
  --height: 85px;
  height: var(--height);
  background-color: #BFBFBF;
  overflow: hidden;
}
.fizz-styles .fizz-image-overlay {
  --aspect-ratio: 16/9;
  position: relative;
}
.fizz-styles .fizz-image-overlay img {
  aspect-ratio: var(--aspect-ratio);
  width: 100%;
  object-fit: cover;
}
.fizz-styles .fizz-image-overlay:before {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(27, 27, 27, 0.65) 100%);
  position: absolute;
  inset: 0;
}
.fizz-styles .fizz-image-overlay div {
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.fizz-styles [class*=fizz-pill] {
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  white-space: nowrap;
}
.fizz-styles .fizz-table-condensed [class*=fizz-pill] {
  font-size: inherit;
  line-height: inherit;
}
.fizz-styles .fizz-pill-red {
  background-color: #FBDDDF;
}
.fizz-styles .fizz-pill-yellow {
  background-color: #F8F3DB;
}
.fizz-styles .fizz-pill-green {
  background-color: #E3F2F0;
}
.fizz-styles .fizz-pill-gray {
  background-color: #EAEAEA;
}
.fizz-styles .fizz-pill-teal {
  background-color: #CDECF5;
}
.fizz-styles .fizz-pill-black {
  background-color: #1B1B1B;
  color: #FFFFFF;
}
.fizz-styles [class*=fizz-table] {
  --heading-col-width: 150px;
  width: 100%;
  border-spacing: 0;
}
.fizz-styles [class*=fizz-table] tbody tr,
.fizz-styles [class*=fizz-table] thead tr {
  position: relative;
  background-color: #FFFFFF;
}
@media (max-width: 700px) {
  .fizz-styles [class*=fizz-table]:not(.fizz-table-matrix):not(.fizz-table-compact):not(.fizz-table-cell-borders):not(.fizz-table-unresponsive) tbody tr:first-of-type td:first-of-type {
    border-top: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-table-condensed:not(.fizz-table-unresponsive) td:first-of-type {
    border-top: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-table-condensed tr:last-of-type td:last-of-type {
    border-bottom: 1px solid #EAEAEA;
  }
}
.fizz-styles .fizz-table:not(.fizz-table-unresponsive) tbody tr:not(.fizz-is-hidden) {
  display: block;
}
.fizz-styles .fizz-table:not(.fizz-table-cell-borders):not(.fizz-table-condensed) td:first-of-type {
  padding-top: 1rem;
}
.fizz-styles .fizz-table:not(.fizz-table-cell-borders):not(.fizz-table-condensed) td:last-of-type {
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 1rem;
}
.fizz-styles .fizz-table-condensed:not(.fizz-table-cell-borders) tbody tr:first-of-type td:first-of-type {
  padding-top: 0.25rem;
}
.fizz-styles .fizz-table-bordered tr:last-of-type td:last-of-type {
  border-bottom: 0;
}
.fizz-styles .fizz-table-bordered tr:last-of-type td {
  border-bottom: 0;
}
.fizz-styles [class*=fizz-table] th,
.fizz-styles [class*=fizz-table] caption {
  vertical-align: bottom;
  font-weight: 600;
}
.fizz-styles [class*=fizz-table] th:not(.fizz-text-right):not(.fizz-text-center),
.fizz-styles [class*=fizz-table] caption {
  text-align: left;
}
.fizz-styles .fizz-table:not(.fizz-table-unresponsive) th {
  display: none;
}
.fizz-styles .fizz-table th,
.fizz-styles .fizz-table td,
.fizz-styles .fizz-table caption {
  padding: 0.5rem 1rem;
  font-size: inherit;
  line-height: inherit;
}
.fizz-styles .fizz-table caption {
  padding: 1rem;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-table-condensed th,
.fizz-styles .fizz-table-condensed td,
.fizz-styles .fizz-table-condensed caption {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles .fizz-table:not(.fizz-table-unresponsive) tbody tr:not(.fizz-is-hidden) td {
  display: flex;
  align-items: flex-start;
}
.fizz-styles .fizz-table:not(.fizz-table-unresponsive) td[data-label]:before {
  content: attr(data-label);
  font-weight: 600;
  min-width: var(--heading-col-width);
  text-align: left;
}
.fizz-styles .fizz-table td[data-label].fizz-align-content-start:before {
  align-self: flex-start;
}
.fizz-styles .fizz-table-menu {
  position: absolute;
  top: 12px;
  right: 18px;
  width: 30px;
  height: auto;
  background-color: inherit;
}
.fizz-styles .fizz-table-menu .fizz-popover {
  display: none;
  position: absolute;
  top: 2rem;
  right: 0;
  z-index: 300;
}
@media (max-width: 700px) {
  .fizz-styles .fizz-has-table-menu > td:first-of-type {
    padding-right: 4rem;
  }
}
.fizz-styles .fizz-icon-button-small.fizz-is-active + .fizz-popover {
  display: block;
}
.fizz-styles .fizz-table span + span {
  margin-left: 0.5rem;
}
.fizz-styles .fizz-table-bordered {
  border: 1px solid #EAEAEA;
  border-collapse: collapse;
}
.fizz-styles .fizz-table-cell-borders th:first-of-type,
.fizz-styles .fizz-table-cell-borders td:first-of-type {
  border-top: 1px solid #EAEAEA;
}
.fizz-styles .fizz-table-cell-borders {
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-table-matrix {
  border: 1px solid #EAEAEA;
  width: auto;
}
.fizz-styles .fizz-table-matrix th,
.fizz-styles .fizz-table-matrix td {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles .fizz-table-matrix td {
  border-bottom: 0;
}
.fizz-styles .fizz-table-matrix th {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-table-matrix td {
  padding: 0.25rem 1rem;
}
.fizz-styles .fizz-table-matrix tbody tr:first-of-type td {
  padding-top: 0.75rem;
}
.fizz-styles .fizz-table-matrix tbody tr:last-of-type td {
  padding-bottom: 0.75rem;
}
.fizz-styles .fizz-table-matrix th:nth-of-type(n+2),
.fizz-styles .fizz-table-matrix td:nth-of-type(n+2) {
  text-align: center;
}
.fizz-styles .fizz-table-matrix th:not(:last-child),
.fizz-styles .fizz-table-matrix td:not(:last-child) {
  border-right: 1px solid #EAEAEA;
}
.fizz-styles .fizz-table-compact {
  background-color: #FFFFFF;
}
.fizz-styles .fizz-table-compact tfoot {
  font-size: 1rem;
  line-height: 1.5rem;
}
.fizz-styles .fizz-table-compact tfoot td {
  white-space: nowrap;
}
.fizz-styles .fizz-table-compact th,
.fizz-styles .fizz-table-compact td {
  padding: 0.25rem 1rem;
  vertical-align: top;
}
.fizz-styles .fizz-table-compact .fizz-align-right {
  text-align: right;
}
.fizz-styles .fizz-table-compact th:first-child,
.fizz-styles .fizz-table-compact td:first-child {
  padding-left: 0;
}
.fizz-styles .fizz-table-compact th:last-child,
.fizz-styles .fizz-table-compact td:last-child {
  padding-right: 0;
}
.fizz-styles .fizz-table-align-top tbody td {
  vertical-align: top;
}
.fizz-styles .fizz-table-unresponsive {
  font-variant-numeric: tabular-nums;
}
.fizz-styles .fizz-table-unresponsive th,
.fizz-styles .fizz-table-unresponsive tbody td {
  display: table-cell;
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-table-unresponsive thead tr:not(.fizz-is-hidden),
.fizz-styles .fizz-table-unresponsive tbody tr:not(.fizz-is-hidden) {
  display: table-row;
}
@media (max-width: calc(700px - 1px)) {
  .fizz-styles .fizz-row-select td:not(:first-child) {
    margin-left: 2rem;
  }
  .fizz-styles .fizz-row-select tr {
    position: relative;
  }
  .fizz-styles .fizz-row-select td:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    border-bottom: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-row-select td:first-child .fizz-checkbox {
    position: relative;
    margin-top: 0.225em;
  }
  .fizz-styles .fizz-row-select tbody tr:first-child td:nth-of-type(2) {
    border-top: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-row-select td:nth-of-type(2) {
    padding-top: 1rem;
  }
}
@media (min-width: 700px) {
  .fizz-styles .fizz-table {
    font-variant-numeric: tabular-nums;
  }
  .fizz-styles .fizz-table:not(.fizz-table-unresponsive) th,
.fizz-styles .fizz-table:not(.fizz-table-unresponsive) tbody tr:not(.fizz-is-hidden) td {
    display: table-cell;
    border-bottom: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-table:not(.fizz-table-unresponsive) thead tr:not(.fizz-is-hidden),
.fizz-styles .fizz-table:not(.fizz-table-unresponsive) tbody tr:not(.fizz-is-hidden) {
    display: table-row;
    margin: 0;
  }
  .fizz-styles .fizz-table tr {
    border-bottom: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-table th,
.fizz-styles .fizz-table td {
    padding: 1rem 1.5rem;
  }
  .fizz-styles .fizz-table caption {
    padding: 1rem 1.5rem;
    margin-bottom: 0;
  }
  .fizz-styles .fizz-table-condensed th,
.fizz-styles .fizz-table-condensed td,
.fizz-styles .fizz-table-condensed caption {
    padding: 0.25rem 0.5rem;
  }
  .fizz-styles .fizz-table-bordered caption,
.fizz-styles .fizz-table-cell-borders caption {
    border: solid #EAEAEA;
    border-width: 1px 1px 0 1px;
  }
  .fizz-styles .fizz-table-cell-borders {
    border-bottom: 0;
  }
  .fizz-styles .fizz-table:not(.fizz-table-condensed) td:first-of-type {
    border-top: 0;
    padding-top: 1rem;
  }
  .fizz-styles .fizz-table:not(.fizz-table-condensed) td:last-of-type {
    padding-bottom: 1rem;
  }
  .fizz-styles .fizz-table td:before {
    display: none;
  }
  .fizz-styles .fizz-table th.fizz-align-right,
.fizz-styles .fizz-table td.fizz-align-right {
    text-align: right;
  }
  .fizz-styles .fizz-table-highlight-rows tbody tr:hover td {
    background-color: #F5F7F7;
    position: relative;
  }
  .fizz-styles .fizz-table-menu {
    position: relative;
    top: auto;
    right: auto;
  }
  .fizz-styles .fizz-table-menu .fizz-popover {
    display: none;
    position: absolute;
    top: 2rem;
    right: 0;
  }
  .fizz-styles .fizz-table:not(.fizz-table-bordered):not(.fizz-table-cell-borders) td:first-of-type {
    border-top: none;
  }
  .fizz-styles .fizz-table-cell-borders th,
.fizz-styles .fizz-table-cell-borders td {
    border: solid #EAEAEA;
    border-width: 0 1px 1px 0;
  }
  .fizz-styles .fizz-table-cell-borders tr:first-of-type th {
    border-top-width: 1px;
  }
  .fizz-styles .fizz-table-cell-borders th:first-of-type,
.fizz-styles .fizz-table-cell-borders td:first-of-type {
    border-left-width: 1px;
  }
  .fizz-styles .fizz-table tr:first-of-type th {
    border-top: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-row-select td:first-child {
    position: relative;
  }
  .fizz-styles .fizz-row-select .fizz-checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.fizz-styles .fizz-row-open + .fizz-is-hidden {
  display: table-row !important;
}
.fizz-styles .fizz-summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 4l12 12-12 12V4z' fill='%23848484'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 0 top 50%;
  background-size: 12px 12px;
  padding-right: 16px;
  margin-bottom: 12px;
}
.fizz-styles .fizz-summary :not(:last-child) {
  margin-right: 4px;
}
.fizz-styles details[open] .fizz-summary {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M28 10L16 22 4 10h24z' fill='%23848484'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-summary::-webkit-details-marker {
  display: none;
}
.fizz-styles .fizz-overlay {
  position: relative;
}
.fizz-styles .fizz-overlay:before {
  content: "";
  display: block;
  background-color: rgba(0, 122, 153, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #007A99;
}
.fizz-styles .fizz-overlay:after {
  content: attr(data-label);
  display: inline-block;
  background-color: #007A99;
  color: #FFFFFF;
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  border-radius: 4px;
}
.fizz-styles ul[class*=fizz-tab-list],
.fizz-styles ol[class*=fizz-tab-list] {
  padding: 0 1rem;
}
.fizz-styles .fizz-tab-list {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.fizz-styles .fizz-tab-list > li {
  padding: 1rem;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.fizz-styles .fizz-tab-list > li:not(:last-child) {
  margin-right: 0.5rem;
}
.fizz-styles .fizz-tab-list > .fizz-is-active {
  font-weight: 600;
}
.fizz-styles .fizz-tab-list > li[disabled] {
  color: #848484;
  cursor: default;
}
.fizz-styles .fizz-tab-list > li:after {
  content: "";
  display: block;
  border-bottom: 4px solid transparent;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
}
.fizz-styles .fizz-tab-list > li:not([disabled]):not(.fizz-is-active):hover:after {
  border-color: #D9D9D9;
}
.fizz-styles .fizz-tab-list > .fizz-is-active:after {
  border-color: #1F9CC6;
}
.fizz-styles .fizz-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-breadcrumbs a {
  color: #595959;
  white-space: nowrap;
}
.fizz-styles .fizz-breadcrumbs a:hover {
  color: #127CA5;
  text-decoration: underline;
}
.fizz-styles .fizz-breadcrumbs li:not(:last-child) {
  padding-right: 1rem;
  position: relative;
}
.fizz-styles .fizz-breadcrumbs li:not(:last-child):after {
  content: "";
  display: block;
  width: 1rem;
  height: 1.25rem;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z' fill='%23BFBFBF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 75%;
}
.fizz-styles .fizz-option-item-list li {
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  padding: 1.5rem 1rem;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z' fill='%23BFBFBF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: top 50% right 1rem;
}
.fizz-styles .fizz-option-item-list li:not(:last-child) {
  margin-bottom: 1rem;
}
.fizz-styles .fizz-option-item-list li > :not(:last-child) {
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-option-item-list li:hover {
  border-color: #127CA5;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z' fill='%23008FBE'/%3E%3C/svg%3E");
  cursor: pointer;
}
.fizz-styles [class*=fizz-definition-list] dt {
  font-weight: 600;
}
.fizz-styles .fizz-definition-list > dd:not(:last-child) {
  margin-bottom: 1rem;
}
.fizz-styles .fizz-definition-list > dt:not(:last-child) {
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-definition-list-horizontal {
  --grid-gap: 0.5rem 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  text-align: left;
  gap: var(--grid-gap);
}
.fizz-styles .fizz-horizontal-list {
  display: flex;
  align-items: center;
}
.fizz-styles .fizz-horizontal-list li:not(:last-child) {
  margin-right: 1.5rem;
}
.fizz-styles .fizz-horizontal-list a {
  color: inherit;
  text-decoration: none;
}
.fizz-styles .fizz-horizontal-list a:hover {
  text-decoration: underline;
}
.fizz-styles ol.fizz-ordered-list {
  list-style-type: decimal;
  padding-left: 1rem;
}
.fizz-styles ul.fizz-unordered-list {
  list-style-type: disc;
  padding-left: 1rem;
}
.fizz-styles .fizz-overflow-list {
  --card-width: 65px;
  --card-height: 100px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-width), 1fr));
  height: var(--card-height);
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
}
.fizz-styles .fizz-overflow-list li {
  display: grid;
  place-items: center;
  width: var(--card-width);
  height: var(--card-height);
  background-color: #FFFFFF;
  flex-shrink: 0;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-overflow-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.fizz-styles .fizz-definition-list-grid > * {
  display: flex;
  align-items: baseline;
}
.fizz-styles .fizz-definition-list-grid > :not(:last-child) {
  margin-bottom: 0.5rem;
}
.fizz-styles .fizz-definition-list-grid > * > :first-child {
  min-width: var(--label-min-width, 125px);
}
.fizz-styles .fizz-definition-list-grid dt {
  color: #595959;
  font-weight: 600;
  font-size: 0.75rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-definition-list-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: var(--first-item-min-width, 175px) repeat(auto-fit, minmax(var(--item-min-width, 150px), 1fr));
  }
  .fizz-styles .fizz-definition-list-grid > * {
    display: block;
  }
}
.fizz-styles .fizz-popover {
  display: inline-block;
  background-color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 1.125rem;
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  box-shadow: 0 0 1px 0 rgba(89, 89, 89, 0.3), 0 3px 5px 0 rgba(89, 89, 89, 0.25);
}
.fizz-styles .fizz-popover a {
  display: block;
  padding: 0.5rem 0.75rem;
}
.fizz-styles .fizz-popover a:not([class*=fizz-text]) {
  color: inherit;
}
.fizz-styles .fizz-popover a:hover {
  text-decoration: none;
  background-color: #EFF0F0;
}
.fizz-styles .fizz-popover :not(:last-child) {
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-quantity-selector {
  background-color: #FFFFFF;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #EAEAEA;
}
.fizz-styles .fizz-quantity-selector .fizz-input-text {
  width: 2rem;
  height: 2rem;
  padding: 0;
  text-align: center;
  margin-right: 0.5rem;
}
.fizz-styles .fizz-quantity-selector .fizz-label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  flex: 1;
  margin-right: 1rem;
}
.fizz-styles .fizz-quantity-selector .fizz-button {
  width: 2rem;
  height: 2rem;
  min-height: 2rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fizz-styles .fizz-quantity-selector .fizz-button:first-of-type {
  margin-right: 0.25rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-quantity-selector {
    max-width: 250px;
  }
}
.fizz-styles .fizz-tooltip-container {
  position: relative;
  width: min-content;
}
.fizz-styles .fizz-tooltip-trigger {
  appearance: none;
  border: 0;
  background-color: transparent;
  padding: 0;
  font-weight: 600;
  white-space: nowrap;
}
.fizz-styles .fizz-tooltip {
  display: none;
  position: absolute;
  background-color: #1B1B1B;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  box-shadow: 0px 3px 5px rgba(89, 89, 89, 0.25), 0px 0px 1px rgba(89, 89, 89, 0.3);
  top: calc(100% + 0.25rem);
  width: max-content;
  max-width: var(--min-width, 180px);
  text-align: left;
  z-index: 300;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-tooltip {
    max-width: var(--max-width, 320px);
  }
}
.fizz-styles .fizz-tooltip-trigger:hover + .fizz-tooltip,
.fizz-styles .fizz-tooltip-container.fizz-is-active .fizz-tooltip {
  display: block;
}
.fizz-styles .fizz-tooltip-right {
  right: 0;
}
.fizz-styles .fizz-tooltip-center {
  left: 50%;
  transform: translateX(-50%);
}
.fizz-styles .fizz-tooltip-top {
  top: auto;
  bottom: calc(100% + 0.25rem);
}
.fizz-styles .fizz-progress-list {
  counter-reset: step;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-progress-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1.125rem;
  width: 100%;
  color: #595959;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
}
.fizz-styles .fizz-progress-list li:before {
  counter-increment: step;
  content: counter(step);
  display: none;
}
.fizz-styles .fizz-progress-list li:after {
  content: "Step " attr(data-step);
  font-weight: 400;
  color: #595959;
}
.fizz-styles .fizz-progress-list a {
  color: inherit;
  display: block;
}
.fizz-styles .fizz-progress-list a:hover {
  text-decoration: none;
  color: #127CA5;
}
.fizz-styles .fizz-progress-list li.fizz-is-active {
  color: #127CA5;
  font-weight: 600;
}
.fizz-styles .fizz-progress-list li.fizz-is-active:before,
.fizz-styles .fizz-progress-list li.fizz-is-complete:before {
  color: #FFFFFF;
  background-color: #127CA5;
}
.fizz-styles .fizz-progress-list li.fizz-is-complete:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 17.1l6.8 6.9L26 10.7 23.3 8 12.8 18.6l-4.2-4.2L6 17.1z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.fizz-styles .fizz-progress-list li:not(.fizz-is-active) {
  display: none;
}
@media (min-width: 500px) {
  .fizz-styles .fizz-progress-list {
    align-items: center;
  }
  .fizz-styles .fizz-progress-list:before {
    display: block;
    content: "";
    border-bottom: 2px solid #EAEAEA;
    height: 0;
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .fizz-styles .fizz-progress-list li {
    width: auto;
    justify-content: flex-start;
    padding: 0 0.5rem;
  }
  .fizz-styles .fizz-progress-list li:first-of-type {
    padding-left: 0;
  }
  .fizz-styles .fizz-progress-list li:last-of-type {
    padding-right: 0;
  }
  .fizz-styles .fizz-progress-list li:before {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-align: center;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin-right: 0.5rem;
    flex-shrink: 0;
  }
  .fizz-styles .fizz-progress-list li:not(.fizz-is-active) {
    display: flex;
  }
  .fizz-styles .fizz-progress-list li:after {
    display: none;
  }
}
.fizz-styles .fizz-progress-list-vertical {
  counter-reset: step;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-progress-list-vertical:before {
  content: "";
  display: block;
  width: 0;
  border-left: 2px solid #EAEAEA;
  position: absolute;
  top: 0;
  bottom: 25%;
  left: 11px;
}
.fizz-styles .fizz-progress-list-vertical li {
  counter-increment: step;
  padding-left: 2rem;
  position: relative;
}
.fizz-styles .fizz-progress-list-vertical li > :first-child:before {
  content: counter(step);
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-align: center;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin-right: 0.5rem;
  flex-shrink: 0;
  position: absolute;
  top: -2px;
  left: 0;
  outline: 0.5rem solid #FFFFFF;
}
.fizz-styles .fizz-progress-list-vertical li.fizz-is-complete :first-child:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 17.1l6.8 6.9L26 10.7 23.3 8 12.8 18.6l-4.2-4.2L6 17.1z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  color: white;
  background-color: #127CA5;
}
.fizz-styles .fizz-progress-list-vertical > :not(:last-child) {
  margin-bottom: 1rem;
}
.fizz-styles .fizz-progress-list-vertical > * :not(:last-child) {
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-progress-list-vertical > * > :first-child {
  color: #595959;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.fizz-styles .fizz-progress-list-vertical > .fizz-is-active :first-child:before {
  color: #FFFFFF;
  background-color: #127CA5;
}
.fizz-styles .fizz-progress-list-vertical > .fizz-is-active > :first-child {
  color: #127CA5;
  font-weight: 600;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-progress-list-vertical > :not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .fizz-styles .fizz-progress-list-vertical > * {
    display: flex;
    align-items: baseline;
  }
  .fizz-styles .fizz-progress-list-vertical > * > :first-child {
    flex-basis: var(--first-col, 175px);
  }
  .fizz-styles .fizz-progress-list-vertical > * > :last-child {
    flex: 1;
    margin-left: 0.5rem;
  }
}
.fizz-styles .fizz-accordion {
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow: hidden;
}
.fizz-styles .fizz-accordion summary:focus {
  outline: 0;
}
.fizz-styles .fizz-accordion summary {
  padding: 1rem 3rem 1rem 1rem;
  list-style: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z' fill='%23262626'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: right 1em top 1.25em;
}
.fizz-styles .fizz-accordion summary::-webkit-details-marker {
  display: none;
}
.fizz-styles .fizz-accordion[open] summary {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6Z' fill='%23262626'/%3E%3C/svg%3E%0A");
}
.fizz-styles .fizz-accordion[open] .fizz-hide-on-open {
  display: none;
}
.fizz-styles .fizz-accordion summary:hover {
  background-color: #F5F7F7;
  cursor: pointer;
}
.fizz-styles .fizz-accordion[open] summary:hover {
  border-radius: 4px 4px 0 0;
}
.fizz-styles .fizz-notification,
.fizz-styles .fizz-notification-bordered {
  position: relative;
}
.fizz-styles .fizz-notification:after,
.fizz-styles .fizz-notification-inline:after,
.fizz-styles .fizz-notification-bordered:after {
  content: attr(data-counter);
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #127CA5;
  text-align: center;
  border-radius: 50%;
  border: 2px solid transparent;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  position: absolute;
  color: #FFFFFF;
  top: -0.5rem;
  right: -0.5rem;
}
.fizz-styles .fizz-notification-bordered:after {
  border-color: #FFFFFF;
}
.fizz-styles .fizz-icon-button-small.fizz-notification:after {
  top: -0.5rem;
  right: -0.5rem;
}
.fizz-styles .fizz-notification-inline {
  display: inline-flex;
  align-items: center;
}
.fizz-styles .fizz-notification-inline:after {
  position: static;
  display: inline-block;
  margin-left: 0.5rem;
}
.fizz-styles .fizz-marker {
  position: relative;
}
.fizz-styles .fizz-marker:before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #127CA5;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: calc((1em * 1.5) / 4);
  left: -20px;
}
.fizz-styles .fizz-calendar {
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: center;
}
.fizz-styles .fizz-calendar caption {
  font-weight: 600;
  white-space: nowrap;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-calendar th {
  font-weight: 600;
}
.fizz-styles .fizz-calendar td {
  padding: 0.5rem;
}
.fizz-styles .fizz-calendar .fizz-is-active {
  background-color: #F5F7F7;
  border-radius: 4px;
}
.fizz-styles .fizz-calendar .fizz-is-highlighted {
  font-weight: 600;
  color: #127CA5;
  position: relative;
}
.fizz-styles .fizz-calendar .fizz-is-highlighted:after {
  content: "";
  display: block;
  height: 0.25rem;
  width: 0.25rem;
  background-color: #127CA5;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  left: calc(50% - 2px);
  bottom: 0.25rem;
}
.fizz-styles .fizz-nav-list > :not(:last-child) {
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-nav-list a {
  display: block;
  padding: 0.5rem;
  font-weight: 400;
  color: #002B48;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.fizz-styles .fizz-nav-list a svg {
  fill: #848484;
}
.fizz-styles .fizz-nav-list a > :not(:last-child) {
  margin-right: 0.5rem;
}
.fizz-styles .fizz-nav-list a:hover,
.fizz-styles .fizz-nav-list a.fizz-is-active {
  text-decoration: none;
  background-color: #F5F7F7;
}
.fizz-styles .fizz-nav-list a.fizz-is-active {
  font-weight: 600;
}
.fizz-styles .fizz-nav-list a:hover svg,
.fizz-styles .fizz-nav-list a.fizz-is-active svg {
  fill: currentColor;
}
.fizz-styles .fizz-nav-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 2rem 0 2rem;
}
.fizz-styles .fizz-nav-secondary button {
  position: relative;
  padding: 0.5rem 1.5rem 1rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #052C48;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41Z' fill='%23002B48'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: right 0.25rem top 10px;
}
.fizz-styles .fizz-nav-secondary button:hover,
.fizz-styles .fizz-nav-secondary button:focus {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6Z' fill='%23002B48'/%3E%3C/svg%3E");
}
.fizz-styles .fizz-nav-secondary button:focus {
  outline: 0;
  border-color: transparent;
  box-shadow: none;
}
.fizz-styles .fizz-nav-secondary button:hover:after,
.fizz-styles .fizz-nav-secondary button:focus:after {
  content: "";
  display: block;
  height: 2px;
  width: calc(100% - 0.75rem);
  background-color: #127CA5;
  position: absolute;
  bottom: 0;
  left: 0.5rem;
}
@media (min-width: 960px) {
  .fizz-styles .fizz-nav-secondary {
    gap: 2rem;
  }
  .fizz-styles .fizz-nav-secondary button {
    padding: 0.5rem 2rem 1rem 1rem;
    background-position: right 0.5rem top 10px;
  }
  .fizz-styles .fizz-nav-secondary button:hover:after,
.fizz-styles .fizz-nav-secondary button:focus:after {
    left: 1rem;
    width: calc(100% - 24px);
  }
}
.fizz-styles .fizz-icon-menu > :not(:last-child) {
  margin-bottom: 0.5rem;
}
.fizz-styles .fizz-icon-menu a {
  display: flex;
  align-items: center;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}
.fizz-styles .fizz-icon-menu a:hover {
  text-decoration: none;
  background-color: #EFF0F0;
}
.fizz-styles .fizz-icon-menu a > :not(:last-child) {
  margin-right: 1rem;
}
.fizz-styles [class*=fizz-chip] {
  background-color: #EFF0F0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid transparent;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.fizz-styles [class*=fizz-chip] span + svg {
  position: relative;
  left: 0.25rem;
}
.fizz-styles [class*=fizz-chip]:not(.fizz-surface-inverse):hover {
  background-color: #D9D9D9;
}
.fizz-styles [class*=fizz-chip]:focus {
  outline: none;
  border-color: #127CA5;
  box-shadow: 0px 0px 6px #0090C3;
}
.fizz-styles .fizz-drawer {
  position: fixed;
  z-index: 400;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s, visibility 0.3s;
}
.fizz-styles .fizz-drawer:focus {
  outline: none;
}
.fizz-styles .fizz-drawer-content {
  --max-width: 350px;
  width: calc(100% - 1rem);
  max-width: var(--max-width);
  background-color: #FFFFFF;
  border-right: 1px solid #EAEAEA;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}
.fizz-styles .fizz-drawer-is-open {
  overflow: hidden;
}
.fizz-styles .fizz-drawer-is-open .fizz-drawer {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.5);
}
.fizz-styles .fizz-drawer-is-open .fizz-drawer-content {
  transform: translateX(0);
}
.fizz-styles .fizz-has-panel {
  position: relative;
  overflow-x: hidden;
}
.fizz-styles .fizz-panel {
  --panel-width: 350px;
  width: 100%;
  max-width: var(--panel-width);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0px 3px 5px rgba(89, 89, 89, 0.25), 0px 0px 1px rgba(89, 89, 89, 0.3);
  background-color: #FFFFFF;
  transform: translateX(calc(100% + 5px));
  transition: transform 0.3s ease-in-out;
}
.fizz-styles .fizz-panel-is-open .fizz-panel {
  transform: translateX(0);
}
.fizz-styles .fizz-file-progress {
  border: 1px solid #EAEAEA;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.fizz-styles .fizz-file-progress button:last-child {
  display: none;
}
.fizz-styles .fizz-file-progress[style*="--progress: 100"],
.fizz-styles .fizz-file-progress[style*="--progress:100"] {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10.78 3.22 8l-.947.94L6 12.667l8-8-.94-.94L6 10.78Z' fill='%23009765'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: right 3rem center;
}
.fizz-styles .fizz-file-progress[style*="--progress: 100"] button:last-child,
.fizz-styles .fizz-file-progress[style*="--progress:100"] button:last-child {
  display: grid;
}
.fizz-styles .fizz-file-progress[style*="--progress: 100"] button:first-child,
.fizz-styles .fizz-file-progress[style*="--progress:100"] button:first-child {
  display: none;
}
.fizz-styles .fizz-file-progress:before {
  --_progress: var(--progress, 0);
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #F1F6FB;
  width: calc(var(--_progress) * 1%);
  transition: width;
}
.fizz-styles .fizz-file-progress span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.fizz-styles .fizz-file-progress span:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.3 10.7h5.3V12H5.3v-1.3zm0-2.7h5.3v1.3H5.3V8zm4-6.7H4c-.7 0-1.3.6-1.3 1.3v10.7c0 .7.6 1.3 1.3 1.3h8c.7 0 1.3-.6 1.3-1.3v-8l-4-4zm2.7 12H4V2.7h4.7V6H12v7.3z' fill='%23848484'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}
.fizz-styles .fizz-layout-primary {
  background-color: #FFFFFF;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto;
  grid-template-areas: "header" "main" "footer";
}
.fizz-styles .fizz-layout-primary > [data-grid-area=header] {
  grid-area: header;
  background-color: #052C48;
  color: #FFFFFF;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=header] .fizz-logo {
  fill: currentColor;
  height: 1.5rem;
  width: auto;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=header] a {
  color: inherit;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=header] .fizz-container {
  padding: 0.75rem 1rem;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=main] {
  grid-area: main;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=footer] {
  grid-area: footer;
  background-color: #595959;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=footer] a {
  color: inherit;
}
.fizz-styles .fizz-layout-primary > [data-grid-area=footer] .fizz-container {
  padding: 1.5rem 1rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-primary [data-grid-area=header] .fizz-logo {
    height: 2.5rem;
  }
}
.fizz-styles .fizz-layout-3-2 > [data-grid-area=title-bar] {
  grid-area: title-bar;
  background-color: #052C48;
  color: #FFFFFF;
}
.fizz-styles .fizz-layout-3-2 > [data-grid-area=title-bar] > .fizz-container {
  padding: 0.25rem 1rem 1.5rem 1rem;
}
.fizz-styles .fizz-layout-3-2 > [data-grid-area=main] {
  grid-area: main;
}
.fizz-styles .fizz-layout-3-2 > [data-grid-area=main] > .fizz-container {
  padding: 1rem;
  margin-top: -2rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: auto;
}
.fizz-styles .fizz-layout-3-2 .fizz-container {
  max-width: 1056px;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-3-2 > [data-grid-area=main] > .fizz-container {
    grid-template-columns: 3fr 2fr;
    gap: 1rem;
  }
}
.fizz-styles .fizz-align-items-end {
  align-items: end;
}
.fizz-styles .fizz-frame-square {
  --size: 100%;
  border: 1px solid #EAEAEA;
  padding: 0.25rem;
  width: var(--size);
  height: var(--size);
  flex-shrink: 0;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-frame-square > * {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.fizz-styles .fizz-highlight-on-hover:hover {
  background-color: #F5F7F7;
}
.fizz-styles a.fizz-highlight-on-hover {
  display: block;
}
.fizz-styles a.fizz-highlight-on-hover:hover {
  background-color: #F1F6FB;
  text-decoration: none;
}
.fizz-styles .fizz-scroller {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  width: 100%;
}
.fizz-styles .fizz-iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.fizz-styles .fizz-overflow-x {
  overflow-x: auto;
}
.fizz-styles .fizz-overflow-y {
  overflow-y: auto;
}
.fizz-styles .fizz-overflow-hidden {
  overflow: hidden;
}
@media (max-width: 700px) {
  .fizz-styles .fizz-overflow-x-small {
    --extra: (2rem);
    overflow-y: auto;
    width: calc(100% + var(--extra));
  }
  .fizz-styles .fizz-flex-row.fizz-overflow-x-small {
    justify-content: flex-start;
  }
}
.fizz-styles .fizz-full-height {
  min-height: 100vh;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-floating {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  }
  .fizz-styles .fizz-wrapper-large {
    max-width: calc(1440px + 2rem);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .fizz-styles .fizz-iframe-small {
    width: 395px;
  }
  .fizz-styles .fizz-position-relative {
    position: relative;
  }
}
.fizz-styles [class*=fizz-container] {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.fizz-styles .fizz-container-xl {
  max-width: 1440px;
}
.fizz-styles .layout-1 {
  display: flex;
  flex-direction: column;
}
.fizz-styles .layout-1 > main {
  flex: 1;
}
.fizz-styles .layout-1 > header {
  margin-bottom: 2rem;
}
.fizz-styles .layout-1 > header > div,
.fizz-styles .layout-1 > footer > div {
  padding: 1rem;
}
.fizz-styles .layout-1 > footer {
  margin-top: 4rem;
}
.fizz-styles .layout-1 main > article {
  max-width: 75ch;
  margin: 0 auto;
  padding: 0 1rem;
}
@media (min-width: 700px) {
  .fizz-styles .layout-1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(max-content, 192px) minmax(min-content, 1100px) minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-gap: 1rem;
  }
  .fizz-styles .layout-1 > header {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .fizz-styles .layout-1 > aside {
    grid-column-start: 2;
  }
  .fizz-styles .layout-1 > main {
    grid-column-start: 3;
  }
  .fizz-styles .layout-1 > header > div,
.fizz-styles .layout-1 > footer > div {
    max-width: 1440px;
    margin: 0 auto;
  }
  .fizz-styles .layout-1 > footer {
    grid-column-start: 1;
    grid-column-end: -1;
  }
}
.fizz-styles .fizz-layout-storefront {
  display: grid;
  grid-template-rows: auto auto 1fr;
}
.fizz-styles .fizz-layout-storefront .fizz-iframe {
  height: calc(100vh - 120px);
}
.fizz-styles .fizz-layout-storefront > [data-grid-area=main] {
  padding: 0 1rem;
}
.fizz-styles .fizz-layout-storefront-editor > .fizz-header-brand,
.fizz-styles .fizz-layout-storefront-editor > .fizz-subnav,
.fizz-styles .fizz-layout-storefront-editor > aside nav {
  position: sticky;
}
.fizz-styles .fizz-layout-storefront-editor > .fizz-header-brand,
.fizz-styles .fizz-layout-storefront-editor > .fizz-subnav {
  z-index: 200;
}
.fizz-styles .fizz-layout-storefront-editor > nav {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.fizz-styles .fizz-layout-storefront-editor > .fizz-subnav {
  top: 0;
}
.fizz-styles .fizz-layout-storefront-editor > aside nav {
  margin: 1rem 1rem calc(1rem + 70px) 1rem;
}
.fizz-styles .fizz-layout-storefront-editor .fizz-layout-storefront-preview {
  display: none;
}
.fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=header],
.fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=header] {
  grid-area: header;
  padding: 1.5rem;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(182, 182, 182, 0.5);
  border-bottom: 1px solid #EAEAEA;
  position: sticky;
  width: 100%;
  z-index: 100;
}
.fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=aside],
.fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=aside] {
  position: sticky;
  top: 0;
  bottom: 0;
  grid-area: aside;
  padding: 1rem;
  background-color: #FFFFFF;
  max-height: 80%;
  overflow-y: auto;
}
.fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=aside],
.fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=aside] {
  display: none;
}
.fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-sidebar > [data-grid-area=aside],
.fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-footer > [data-grid-area=aside] {
  display: block;
}
.fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-sidebar > [data-grid-area=main],
.fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-footer > [data-grid-area=main],
.fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-footer > [data-grid-area=footer] {
  display: none;
}
.fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=main],
.fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=main] {
  grid-area: main;
  padding: 1rem;
  background-color: #FFFFFF;
  overflow-y: auto;
}
.fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=footer],
.fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=footer] {
  padding: 1.5rem;
  background-color: #FFFFFF;
  box-shadow: 0 -2px 4px 0 rgba(182, 182, 182, 0.5);
  border-top: 1px solid #EAEAEA;
}
.fizz-styles .fizz-layout-storefront-preview {
  display: grid;
  grid-template-columns: 1rem 1fr 1rem;
  grid-template-rows: 125px 75px 75px 2rem auto;
  background-color: #FFFFFF;
  min-height: 100%;
}
.fizz-styles .fizz-layout-storefront-preview > [data-grid-area=header] {
  grid-row: 1/3;
  grid-column: 1/4;
}
.fizz-styles .fizz-layout-storefront-preview > [data-grid-area=header] img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.fizz-styles .fizz-layout-storefront-preview > [data-grid-area=avatar] {
  grid-row: 2/4;
  grid-column: 2;
}
.fizz-styles .fizz-layout-storefront-preview > [data-grid-area=main] {
  grid-row: 5;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1rem 1fr 1rem;
}
.fizz-styles .fizz-layout-storefront-preview > [data-grid-area=main] > * {
  grid-column: 2/3;
}
.fizz-styles .fizz-layout-storefront-preview [data-grid-area=breakout] {
  background-color: white;
  padding: 1.5rem 1rem;
  grid-column: 1/-1;
  margin-bottom: 1.5rem;
}
.fizz-styles .fizz-layout-storefront-preview [data-grid-area=breakout] figure {
  width: 100%;
}
.fizz-styles .fizz-layout-storefront-preview [data-grid-area=product-cards] form :first-child {
  width: 100%;
}
@media (min-width: 700px) {
  .fizz-styles {
    /* STOREFRONT PREVIEW */
  }
  .fizz-styles .fizz-layout-storefront {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(min-content, 1175px) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
  }
  .fizz-styles .fizz-layout-storefront > header,
.fizz-styles .fizz-layout-storefront > nav,
.fizz-styles .fizz-layout-storefront .fizz-grid-row-full {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .fizz-styles .fizz-layout-storefront .fizz-grid-row-full {
    display: flex;
    justify-content: center;
  }
  .fizz-styles .fizz-layout-storefront > main {
    grid-column-start: 2;
  }
  .fizz-styles .fizz-layout-storefront > header > div,
.fizz-styles .fizz-layout-storefront > nav > div {
    max-width: 1440px;
    margin: 0 auto;
  }
  .fizz-styles .fizz-layout-storefront-editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px minmax(min-content, 1060px) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    position: relative;
  }
  .fizz-styles .fizz-layout-storefront-editor > header,
.fizz-styles .fizz-layout-storefront-editor > nav {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .fizz-styles .fizz-layout-storefront-editor > aside nav {
    z-index: 100;
    margin: 0;
  }
  .fizz-styles .fizz-layout-storefront-editor > .fizz-header-brand {
    top: 0;
  }
  .fizz-styles .fizz-layout-storefront-editor > .fizz-subnav {
    top: 56px;
  }
  .fizz-styles .fizz-layout-storefront-editor > aside {
    grid-column-start: 2;
    grid-row-start: 3;
    margin: 2rem 1rem;
    position: relative;
  }
  .fizz-styles .fizz-layout-storefront-editor > aside {
    position: sticky;
    overflow-y: auto;
    max-height: calc(90vh - 158px);
    top: 158px;
    z-index: 100;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .fizz-styles .fizz-layout-storefront-editor > aside::-webkit-scrollbar {
    display: none;
  }
  .fizz-styles .fizz-layout-storefront-editor > main {
    grid-column-start: 3;
    grid-row-start: 3;
    background-color: #FFFFFF;
    margin: 2rem 1rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  }
  .fizz-styles .fizz-layout-storefront-editor > header > div,
.fizz-styles .fizz-layout-storefront-editor > nav > div {
    max-width: 1440px;
    margin: 0 auto;
  }
  .fizz-styles .fizz-layout-storefront-preview {
    grid-template-columns: minmax(0, 1fr) 50px minmax(min-content, calc(1440px - 100px)) 50px minmax(0, 1fr);
    grid-template-rows: max-content 75px 2rem auto;
  }
  .fizz-styles .fizz-layout-storefront-preview > [data-grid-area=header] {
    grid-column: 2/5;
    grid-row: 1;
  }
  .fizz-styles .fizz-layout-storefront-preview > [data-grid-area=header] img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 300px;
    max-width: 100%;
  }
  .fizz-styles .fizz-layout-storefront-preview > [data-grid-area=avatar] {
    grid-column: 3/4;
    grid-row: 1;
    align-self: end;
    transform: translateY(75px);
  }
  .fizz-styles .fizz-layout-storefront-preview > [data-grid-area=main] {
    grid-column: 1/-1;
    grid-row: 4;
    align-self: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 50px minmax(0, 1300px) 50px minmax(0, 1fr);
  }
  .fizz-styles .fizz-layout-storefront-preview > [data-grid-area=main] > * {
    grid-column: 3/4;
  }
  .fizz-styles .fizz-layout-storefront-preview [data-grid-area=breakout] {
    padding: 2rem 50px;
    display: grid;
    grid-template-columns: minmax(50px, 1fr) minmax(0, 1300px) minmax(50px, 1fr);
    grid-column: 1/-1;
  }
  .fizz-styles .fizz-layout-storefront-preview [data-grid-area=breakout] > * {
    grid-column: 2/3;
    align-items: stretch;
  }
  .fizz-styles .fizz-layout-storefront-preview [data-grid-area=product-cards] {
    grid-column: 3/4;
  }
  .fizz-styles .fizz-layout-storefront-preview [data-grid-area=product-cards] > * {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
  .fizz-styles .fizz-layout-storefront-preview [data-grid-area=product-cards] form :first-child {
    flex: 0 0 calc(50% - 0.5rem);
  }
  .fizz-styles .fizz-layout-fixed-header-and-sidebar {
    position: relative;
    display: grid;
    grid-template-columns: minmax(270px, 1fr) 3fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header header" "aside main" "footer footer";
  }
  .fizz-styles .fizz-layout-fixed-header-and-footer {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header" "main" "footer";
  }
  .fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=aside] {
    display: block;
    top: 73px;
  }
  .fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=aside] {
    display: block;
  }
  .fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=main] {
    padding: 2rem;
  }
  .fizz-styles .fizz-layout-fixed-header-and-sidebar > [data-grid-area=footer],
.fizz-styles .fizz-layout-fixed-header-and-footer > [data-grid-area=footer] {
    grid-area: footer;
    padding: 1.5rem;
    background-color: #FFFFFF;
    box-shadow: 0 -2px 4px 0 rgba(182, 182, 182, 0.5);
    border-top: 1px solid #EAEAEA;
    position: sticky;
    width: 100%;
    z-index: 100;
  }
  .fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-sidebar > [data-grid-area=aside] {
    display: block;
  }
  .fizz-styles .fizz-sidebar-is-open .fizz-layout-fixed-header-and-sidebar > [data-grid-area=main] {
    display: block;
  }
}
.fizz-styles .fizz-layout-sidebar-iframe {
  display: grid;
  height: 100vh;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "header" "nav" "aside";
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=header] {
  grid-area: header;
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=nav] {
  grid-area: nav;
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=aside] {
  grid-area: aside;
  position: relative;
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=aside] .fizz-toggle-list {
  margin: 1rem;
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=aside] .fizz-scroller {
  margin-bottom: 86px;
  width: calc(100% - 2rem);
  top: 1rem;
  left: 1rem;
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=main] {
  grid-area: main;
}
.fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=main] iframe {
  display: none;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-sidebar-iframe {
    --aside-width: calc(290px + 2rem);
    grid-template-columns: minmax(1rem, 1fr) var(--aside-width) minmax(0, calc(1440px - var(--aside-width))) minmax(1rem, 1fr);
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "header header header header" "nav nav nav nav" ". aside main .";
    padding-bottom: 2rem;
  }
  .fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=nav] {
    margin-bottom: 2rem;
  }
  .fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=aside] {
    margin-right: 2rem;
  }
  .fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=aside] .fizz-toggle-list {
    margin: 0;
  }
  .fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=aside] .fizz-scroller {
    margin-bottom: 0;
    width: calc(var(--aside-width) - 32px);
    top: 0;
    left: 0;
  }
  .fizz-styles .fizz-layout-sidebar-iframe > [data-grid-area=main] iframe {
    display: block;
  }
}
.fizz-styles .fizz-layout-narrow-two-up {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min-content, 100%) minmax(0, 1fr);
  grid-template-rows: auto;
  grid-gap: 1.5rem;
  grid-template-areas: ". top ." ". left ." ". right .";
  align-items: start;
  margin-top: 32px;
}
.fizz-styles .fizz-layout-narrow-two-up > [data-grid-area=left],
.fizz-styles .fizz-layout-narrow-two-up > [data-grid-area=right] {
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-layout-narrow-two-up > [data-grid-area=top] {
  grid-area: top;
}
.fizz-styles .fizz-layout-narrow-two-up > [data-grid-area=left] {
  grid-area: left;
}
.fizz-styles .fizz-layout-narrow-two-up > [data-grid-area=right] {
  grid-area: right;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-narrow-two-up {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(min-content, 382px)) minmax(0, 1fr);
    grid-template-areas: ". top top ." ". left right .";
  }
}
.fizz-styles .layout-header-footer {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: 80vh;
}
.fizz-styles .layout-header-footer [data-grid-area=main] {
  overflow-y: auto;
  max-height: 100%;
}
.fizz-styles .fizz-layout-header-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min-content, 1175px) minmax(0, 1fr);
  grid-template-rows: auto;
  grid-gap: 1rem;
  grid-template-areas: "header header header" ". section ." ". main .";
}
.fizz-styles .fizz-layout-header-main [data-grid-area=header] {
  grid-area: header;
  background-color: white;
  padding: 1.5rem 1rem;
}
.fizz-styles .fizz-layout-header-main [data-grid-area=header] > * {
  max-width: 1175px;
  margin: 0 auto;
}
.fizz-styles .fizz-layout-header-main [data-grid-area=section] {
  grid-area: section;
}
.fizz-styles .fizz-layout-header-main [data-grid-area=main] {
  grid-area: main;
  border: solid #EAEAEA;
  border-width: 1px 1px 0 1px;
}
.fizz-styles .fizz-layout-60-40 {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  grid-template-areas: "header" "main";
}
.fizz-styles .fizz-layout-60-40 [data-grid-area=header] {
  grid-row-start: 1;
  grid-column-start: 1;
}
.fizz-styles .fizz-layout-60-40 [data-grid-area=main] {
  grid-row-start: 2;
  grid-column-start: 1;
}
.fizz-styles .fizz-layout-60-40 [data-grid-area=sidebar] {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-60-40 {
    grid-template-columns: minmax(min-content, 3fr) 2fr;
    grid-template-rows: 1fr;
  }
  .fizz-styles .fizz-layout-60-40 [data-grid-area=main] {
    grid-row-start: 1;
  }
  .fizz-styles .fizz-layout-60-40 [data-grid-area=sidebar] {
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
.fizz-styles .fizz-layout-header-50-50 {
  display: grid;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "header" "aside" "main";
  background-color: #FFFFFF;
}
.fizz-styles .fizz-layout-header-50-50 [data-grid-area=header] {
  grid-area: header;
  padding: 1rem;
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-layout-header-50-50 [data-grid-area=aside] {
  grid-area: aside;
  padding: 1rem 2rem;
  background: none !important;
}
.fizz-styles .fizz-layout-header-50-50 [data-grid-area=main] {
  grid-area: main;
  padding: 0.75rem;
  background-color: #FFFFFF;
}
.fizz-styles .fizz-layout-header-50-50 [data-grid-area=main] > form {
  padding: 2rem 1.5rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-header-50-50 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header header" "aside main";
  }
  .fizz-styles .fizz-layout-header-50-50 [data-grid-area=header] {
    padding: 1.5rem;
  }
  .fizz-styles .fizz-layout-header-50-50 [data-grid-area=aside] {
    padding: 4rem 1.5rem;
    background-repeat: no-repeat;
    background-position: 50% bottom;
  }
  .fizz-styles .fizz-layout-header-50-50 [data-grid-area=main] {
    padding: 4rem 1.5rem;
  }
  .fizz-styles .fizz-layout-header-50-50 [data-grid-area=aside] > *,
.fizz-styles .fizz-layout-header-50-50 [data-grid-area=main] > * {
    max-width: 514px;
    margin: 0 auto;
  }
}
@media (min-width: 1175px) {
  .fizz-styles .fizz-layout-header-50-50 [data-grid-area=main] > form {
    padding: 3rem 4rem;
  }
}
.fizz-styles .fizz-layout-one-col-centered {
  max-width: 514px;
  margin: 0 auto;
  padding: 3rem 0.75rem;
}
.fizz-styles .fizz-layout-one-col-centered [data-grid-area=main] > form {
  padding: 2rem 1rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-one-col-centered {
    padding: 4rem 0.75rem;
  }
  .fizz-styles .fizz-layout-one-col-centered [data-grid-area=main] > form {
    padding: 6rem 3rem;
  }
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "main" "footer";
  background-color: #FFFFFF;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] {
  grid-area: header;
  background-color: #FFFFFF;
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: 1fr minmax(0, 514px) 1fr;
  grid-template-rows: 1fr 1fr;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(1),
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(3) {
  padding: 1rem;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(3) {
  grid-column-start: 3;
  grid-column-end: -1;
  align-self: center;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(2) {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  border-top: 1px solid #EAEAEA;
  padding: 1rem;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(2) > * {
  max-width: 514px;
  margin: 0 auto;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=main] {
  grid-area: main;
  width: 100%;
  max-width: 514px;
  margin: 0 auto;
  padding: 1rem;
}
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=footer] {
  grid-area: footer;
  background-color: #FFFFFF;
  padding: 1.5rem;
  border-top: 1px solid #EAEAEA;
  position: sticky;
  bottom: 0;
}
@media (min-width: 1175px) {
  .fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] {
    grid-template-columns: min(1fr) minmax(0, 514px) min(1fr);
    grid-template-rows: auto;
    gap: 1rem;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(1),
.fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(3) {
    padding: 1.5rem;
  }
  .fizz-styles .fizz-layout-1-col-narrow-header-footer [data-grid-area=header] > :nth-child(2) {
    min-width: 0;
    grid-row-start: 1;
    grid-column-start: 2;
    grid-column-end: 3;
    border-top: none;
    padding: 1.5rem 0;
  }
}
.fizz-styles .fizz-layout-1-col-wide {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  min-height: 100vh;
  background-color: #FFFFFF;
  grid-template-areas: "header" "title" "tabs" "main";
}
.fizz-styles .fizz-layout-1-col-wide > [data-grid-area=header] {
  grid-area: header;
  background-color: #052C48;
  color: #FFFFFF;
  padding: 0.75rem 1rem;
}
.fizz-styles .fizz-layout-1-col-wide > [data-grid-area=title] {
  grid-area: title;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-layout-1-col-wide > [data-grid-area=tabs] {
  grid-area: tabs;
  border-bottom: 1px solid #EAEAEA;
  height: calc(100% - 1px);
  overflow-x: auto;
  overflow-y: hidden;
}
.fizz-styles .fizz-layout-1-col-wide > [data-grid-area=tabs] .fizz-tab-list {
  max-width: 1440px;
}
.fizz-styles .fizz-layout-1-col-wide > [data-grid-area=main] {
  grid-area: main;
  padding: 2rem 1rem;
}
.fizz-styles .fizz-layout-1-col-wide > * > *:not([data-grid-area=main]) {
  max-width: calc(1440px - 4rem);
  margin: 0 auto;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-1-col-wide > [data-grid-area=header] {
    padding: 0.75rem 2rem;
  }
  .fizz-styles .fizz-layout-1-col-wide > [data-grid-area=title] {
    padding: 1.5rem 2rem;
  }
  .fizz-styles .fizz-layout-1-col-wide > [data-grid-area=main] {
    padding: 2rem;
  }
}
.fizz-styles .fizz-layout-sidebar-left {
  display: grid;
  min-height: 100vh;
  background-color: white;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto 1fr;
  grid-template-areas: "header" "title" "tabs" "sidebar" "main";
}
.fizz-styles .fizz-layout-sidebar-left > [data-grid-area=header] {
  grid-area: header;
  background-color: #052C48;
  color: #FFFFFF;
  padding: 0.75rem 1rem;
}
.fizz-styles .fizz-layout-sidebar-left > [data-grid-area=title] {
  grid-area: title;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-layout-sidebar-left > [data-grid-area=sidebar] {
  grid-area: sidebar;
  padding: 2rem 1rem;
}
.fizz-styles .fizz-layout-sidebar-left > [data-grid-area=main] {
  grid-area: main;
  padding: 2rem 1rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-sidebar-left {
    grid-template-rows: auto auto auto 1fr;
    grid-template-columns: 260px 1fr;
    grid-template-areas: "header header" "title title" "tabs tabs" "sidebar main";
  }
  .fizz-styles .fizz-layout-sidebar-left > [data-grid-area=header] {
    padding: 0.75rem 2rem;
  }
  .fizz-styles .fizz-layout-sidebar-left > [data-grid-area=title] {
    padding: 1.5rem 2rem;
  }
  .fizz-styles .fizz-layout-sidebar-left > [data-grid-area=sidebar] {
    padding: 2rem;
    border-right: 1px solid #EAEAEA;
  }
  .fizz-styles .fizz-layout-sidebar-left > [data-grid-area=main] {
    padding: 2rem;
  }
}
.fizz-styles .fizz-layout-one-col-title-bar > [data-grid-area=title-bar] {
  grid-area: title-bar;
  background-color: #127CA5;
  color: #FFFFFF;
}
.fizz-styles .fizz-layout-one-col-title-bar > [data-grid-area=title-bar] > .fizz-container {
  padding: 0.25rem 1rem 1.5rem 1rem;
}
.fizz-styles .fizz-layout-one-col-title-bar > [data-grid-area=main] {
  grid-area: main;
  margin-top: -2rem;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-one-col-title-bar > [data-grid-area=main] > .fizz-container {
    grid-template-columns: 3fr 2fr;
    gap: 1rem;
  }
}
.fizz-styles .fizz-layout-sidebar-main {
  --sidebar-max-width: 248px;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-sidebar-main {
    gap: 2rem;
    grid-template-columns: var(--sidebar-max-width) 1fr;
    grid-template-areas: "sidebar main";
  }
  .fizz-styles .fizz-layout-sidebar-main [data-grid-area=sidebar] {
    grid-area: sidebar;
  }
  .fizz-styles .fizz-layout-sidebar-main [data-grid-area=main] {
    grid-area: main;
  }
}
.fizz-styles .fizz-layout-header {
  padding: 0.5rem 1rem;
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  align-items: center;
  gap: 0.5rem;
  grid-template-columns: 38px 1fr auto auto;
  grid-template-rows: repeat(3, auto);
  grid-template-areas: "menu logo notifications cart" "user user user user" "search search search search";
}
.fizz-styles .fizz-layout-header > [data-grid-area=menu] {
  position: relative;
  grid-area: menu;
}
.fizz-styles .fizz-layout-header > [data-grid-area=logo] {
  grid-area: logo;
}
.fizz-styles .fizz-layout-header > [data-grid-area=user] {
  grid-area: user;
  justify-self: center;
}
.fizz-styles .fizz-layout-header > [data-grid-area=notifications] {
  grid-area: notifications;
}
.fizz-styles .fizz-layout-header > [data-grid-area=cart] {
  grid-area: cart;
}
.fizz-styles .fizz-layout-header > [data-grid-area=search] {
  grid-area: search;
}
.fizz-styles .fizz-layout-header > [data-grid-area=search] > input {
  width: 100%;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-layout-header {
    padding: 0.5rem 2rem;
    grid-template-columns: 38px 1fr auto auto auto;
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "menu logo user notifications cart" "search search search search search";
  }
}
@media (min-width: 960px) {
  .fizz-styles .fizz-layout-header {
    grid-template-columns: 30px auto 1fr auto auto auto;
    grid-template-rows: auto;
    gap: 1rem;
    grid-template-areas: "menu logo search user notifications cart";
  }
}
.fizz-styles .fizz-layout-invoice {
  display: grid;
  grid-template-areas: "alert" "pay-cta" "table";
  gap: 2rem;
  max-width: 688px;
  margin-inline: auto;
}
.fizz-styles [data-grid-area=table] {
  grid-area: table;
  order: 3;
}
.fizz-styles [data-grid-area=pay-cta] {
  grid-area: pay-cta;
}
.fizz-styles [data-grid-area=alert] {
  grid-area: alert;
}
@media (min-width: 1200px) {
  .fizz-styles .fizz-layout-invoice {
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-template-areas: "table alert" "table pay-cta";
    gap: 2rem;
    max-width: 1344px;
  }
}
.fizz-styles [class*=fizz-flex-row],
.fizz-styles [class*=fizz-space-between] {
  display: flex;
  align-items: center;
}
.fizz-styles [class*=fizz-space-between] {
  justify-content: space-between;
}
.fizz-styles [class*=-responsive] {
  flex-direction: column;
  align-items: stretch;
}
.fizz-styles .fizz-flex-row-inline {
  display: inline-flex;
}
.fizz-styles .fizz-flex-wrap {
  flex-wrap: wrap;
}
.fizz-styles .fizz-flex-wrap {
  --gap: 1rem;
  gap: var(--gap);
}
.fizz-styles .fizz-flex-wrap > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 0;
}
.fizz-styles .fizz-flex-row > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-space-between > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 1rem;
}
.fizz-styles .fizz-flex-row-0 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline-0 > :not(:last-child):not([class*=fizz-inline]), .fizz-styles .fizz-space-between-0 > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 0;
}
.fizz-styles .fizz-flex-row-4 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline-4 > :not(:last-child):not([class*=fizz-inline]), .fizz-styles .fizz-space-between-4 > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 0.25rem;
}
.fizz-styles .fizz-flex-row-8 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline-8 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-space-between-8 > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 0.5rem;
}
.fizz-styles .fizz-flex-row-12 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline-12 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-space-between-12 > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 0.75rem;
}
.fizz-styles .fizz-flex-row-24 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline-24 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-space-between-24 > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 1.5rem;
}
.fizz-styles .fizz-flex-row-32 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-flex-row-inline-32 > :not(:last-child):not([class*=fizz-inline]),
.fizz-styles .fizz-space-between-32 > :not(:last-child):not([class*=fizz-inline]) {
  margin-right: 2rem;
}
.fizz-styles .fizz-flex-row-responsive > :not(:last-child):not([class*=fizz-stack]),
.fizz-styles .fizz-space-between-responsive > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 1rem;
}
.fizz-styles [class*="-0-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0;
}
.fizz-styles [class*="-4-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0.25rem;
}
.fizz-styles [class*="-8-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0.5rem;
}
.fizz-styles [class*="-12-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0.75rem;
}
.fizz-styles [class*="-24-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 1.5rem;
}
.fizz-styles [class*="-32-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 2rem;
}
.fizz-styles .fizz-flex-item {
  flex: 1;
}
.fizz-styles .fizz-flex-no-shrink {
  flex-shrink: 0;
}
.fizz-styles .fizz-flex-reverse {
  flex-direction: row-reverse;
}
.fizz-styles .fizz-justify-center {
  justify-content: center;
}
.fizz-styles .fizz-justify-end {
  justify-content: flex-end;
}
.fizz-styles .fizz-align-self-start {
  align-self: start;
}
.fizz-styles .fizz-align-self-end {
  align-self: end;
}
.fizz-styles .fizz-align-self-center {
  align-self: center;
}
.fizz-styles .fizz-align-self-stretch {
  align-self: stretch;
}
.fizz-styles [class*=fizz-flex-row].fizz-align-stretch,
.fizz-styles [class*=fizz-space-between].fizz-align-stretch {
  align-items: stretch;
}
.fizz-styles [class*=fizz-flex-row].fizz-align-content-start,
.fizz-styles [class*=fizz-space-between].fizz-align-content-start {
  align-items: flex-start;
}
.fizz-styles [class*=fizz-flex-row].fizz-align-content-end,
.fizz-styles [class*=fizz-space-between].fizz-align-content-end {
  align-items: flex-end;
}
.fizz-styles [class*=fizz-flex-row].fizz-align-content-baseline,
.fizz-styles [class*=fizz-space-between].fizz-align-content-baseline {
  align-items: baseline;
}
.fizz-styles [class*=fizz-flex-row].fizz-align-content-stretch,
.fizz-styles [class*=fizz-space-between].fizz-align-content-stretch {
  align-items: stretch;
}
@media (min-width: 700px) {
  .fizz-styles [class*=fizz-flex-row],
.fizz-styles [class*=fizz-space-between] {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .fizz-styles [class*=fizz-flex-vertical] {
    flex-direction: column;
    align-items: flex-start;
  }
  .fizz-styles .fizz-flex-row-inline {
    display: inline-flex;
  }
  .fizz-styles .fizz-flex-row-responsive > :not(:last-child):not([class*=fizz-stack]),
.fizz-styles .fizz-space-between-responsive > :not(:last-child):not([class*=fizz-stack]) {
    margin-bottom: 0;
    margin-right: 1rem;
  }
  .fizz-styles [class*="-4-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
    margin-bottom: 0;
    margin-right: 0.25rem;
  }
  .fizz-styles [class*="-8-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
  .fizz-styles [class*="-24-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
  .fizz-styles [class*="-32-responsive"] > :not(:last-child):not([class*=fizz-stack]) {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}
.fizz-styles .fizz-flex-multirow {
  --gap-small: $spacing-16;
  --gap-large: $spacing-16;
  --max-width-small: 100px;
  --max-width-large: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-small);
}
.fizz-styles .fizz-flex-multirow > * {
  max-width: var(--max-width-small);
}
@media (min-width: 700px) {
  .fizz-styles .fizz-flex-multirow {
    gap: var(--gap-large);
  }
  .fizz-styles .fizz-flex-multirow > * {
    max-width: var(--max-width-large);
  }
}
.fizz-styles .fizz-stack-0 {
  margin-bottom: 0;
}
.fizz-styles .fizz-stack-4 {
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-stack-8 {
  margin-bottom: 0.5rem;
}
.fizz-styles .fizz-stack-12 {
  margin-bottom: 0.75rem;
}
.fizz-styles .fizz-stack-16 {
  margin-bottom: 1rem;
}
.fizz-styles .fizz-stack-24 {
  margin-bottom: 1.5rem;
}
.fizz-styles .fizz-stack-32 {
  margin-bottom: 2rem;
}
.fizz-styles .fizz-stack-48 {
  margin-bottom: 3rem;
}
.fizz-styles .fizz-stack-64 {
  margin-bottom: 4rem;
}
.fizz-styles .fizz-inline-0 {
  margin-right: 0;
}
.fizz-styles .fizz-inline-4 {
  margin-right: 0.25rem;
}
.fizz-styles .fizz-inline-8 {
  margin-right: 0.5rem;
}
.fizz-styles .fizz-inline-12 {
  margin-right: 0.75rem;
}
.fizz-styles .fizz-inline-16 {
  margin-right: 1rem;
}
.fizz-styles .fizz-inset-none {
  padding: 0;
}
.fizz-styles .fizz-inset-square-4 {
  padding: 0.25rem;
}
.fizz-styles .fizz-inset-square-8 {
  padding: 0.5rem;
}
.fizz-styles .fizz-inset-square-12 {
  padding: 0.75rem;
}
.fizz-styles .fizz-inset-square-16 {
  padding: 1rem;
}
.fizz-styles .fizz-inset-square-24 {
  padding: 1.5rem;
}
.fizz-styles .fizz-inset-square-32 {
  padding: 2rem;
}
.fizz-styles .fizz-inset-vertical-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.fizz-styles .fizz-inset-vertical-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.fizz-styles .fizz-inset-vertical-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.fizz-styles .fizz-inset-vertical-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.fizz-styles .fizz-inset-vertical-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.fizz-styles .fizz-inset-vertical-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.fizz-styles .fizz-inset-horizontal-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.fizz-styles .fizz-inset-horizontal-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.fizz-styles .fizz-inset-horizontal-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.fizz-styles .fizz-inset-horizontal-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.fizz-styles .fizz-inset-horizontal-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.fizz-styles .fizz-inset-horizontal-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.fizz-styles .fizz-inset-squish-12 {
  padding: 0.25rem 0.75rem;
}
.fizz-styles .fizz-inset-squish-16 {
  padding: 0.5rem 1rem;
}
.fizz-styles .fizz-inset-squish-24 {
  padding: 1rem 1.5rem;
}
.fizz-styles .fizz-inset-squish-32 {
  padding: 0.5rem 2rem;
}
.fizz-styles .fizz-inset-squish-64 {
  padding: 3rem 4rem;
}
.fizz-styles .fizz-inset-squish-96 {
  padding: 3rem 6rem;
}
.fizz-styles .fizz-inset-stretch-24 {
  padding: 1.5rem 1rem;
}
.fizz-styles .fizz-inset-stretch-32 {
  padding: 2rem 1rem;
}
.fizz-styles .fizz-flow-4 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0.25rem;
}
.fizz-styles .fizz-flow-8 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0.5rem;
}
.fizz-styles .fizz-flow-12 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 0.75rem;
}
.fizz-styles .fizz-flow-16 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 1rem;
}
.fizz-styles .fizz-flow-24 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 1.5rem;
}
.fizz-styles .fizz-flow-32 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 2rem;
}
.fizz-styles .fizz-flow-48 > :not(:last-child):not([class*=fizz-stack]) {
  margin-bottom: 3rem;
}
.fizz-styles .fizz-full-width {
  width: 100%;
}
.fizz-styles .fizz-half-width {
  width: 50%;
}
.fizz-styles .fizz-third-width {
  width: 33%;
}
.fizz-styles .fizz-quarter-width {
  width: 25%;
}
.fizz-styles .fizz-fifth-width {
  width: 20%;
}
.fizz-styles .fizz-max-content {
  width: max-content;
}
.fizz-styles .fizz-no-min-width {
  min-width: 0;
}
.fizz-styles .fizz-expand-12 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.fizz-styles .fizz-expand-16 {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (max-width: 700px) {
  .fizz-styles .fizz-expand-16-on-small {
    width: calc(100% + (1rem * 2));
    margin-left: -1rem;
  }
  .fizz-styles .fizz-expand-24-on-small {
    width: calc(100% + (1.5rem * 2));
    margin-left: -1.5rem;
  }
}
@media (min-width: 700px) {
  .fizz-styles .fizz-full-width {
    --max-width: none;
    max-width: var(--max-width);
  }
  .fizz-styles .fizz-expand-32-on-large {
    width: calc(100% + (2rem * 2));
    margin-left: -2rem;
  }
}
.fizz-styles :where(.fizz-grid) {
  --grid-col-min: 135px;
  --grid-col-max: 135px;
  --gap: 1rem;
  --align-items: normal;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-col-min), 1fr));
  gap: var(--gap);
  align-items: var(--align-items);
}
.fizz-styles .fizz-grid-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-col-min), 1fr));
}
@media (min-width: 700px) {
  .fizz-styles :where(.fizz-grid) {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-col-max), 1fr));
  }
}
.fizz-styles .fizz-grid-equal-columns {
  --grid-columns: 3;
  --grid-col-min: 200px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  align-items: center;
  justify-items: start;
  gap: 1rem;
}
.fizz-styles .fizz-grid-equal-columns > * + :not(last-child) {
  justify-self: center;
}
.fizz-styles .fizz-grid-equal-columns > :last-child {
  justify-self: right;
}
.fizz-styles .fizz-grid-trio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  min-height: 1.5rem;
}
.fizz-styles .fizz-grid-trio [data-grid-area=left] {
  grid-column: 1;
  justify-self: start;
}
.fizz-styles .fizz-grid-trio [data-grid-area=center] {
  grid-column: 2;
  justify-self: center;
}
.fizz-styles .fizz-grid-trio [data-grid-area=right] {
  grid-column: 3;
  justify-self: right;
}
.fizz-styles .fizz-grid-center {
  display: grid;
  place-items: center;
}
.fizz-styles .fizz-surface {
  background-color: #FFFFFF;
}
.fizz-styles .fizz-surface-gray {
  background-color: #F5F7F7;
}
.fizz-styles .fizz-surface-gray-inverse {
  background-color: #595959;
}
.fizz-styles .fizz-surface-red {
  background-color: #FBDDDF;
}
.fizz-styles .fizz-surface-blue {
  background-color: #F1F6FB;
}
.fizz-styles .fizz-surface-yellow {
  background-color: #F8F3DB;
}
.fizz-styles .fizz-surface-green {
  background-color: #E3F2F0;
}
.fizz-styles .fizz-surface-teal {
  background-color: #CDECF5;
}
.fizz-styles .fizz-surface-brand {
  background-color: #052C48;
}
.fizz-styles .fizz-surface-brand-secondary {
  background-color: #127CA5;
}
.fizz-styles .fizz-surface-inverse {
  background-color: #1B1B1B;
  color: #FFFFFF;
}
.fizz-styles [class*=subdued] {
  color: #595959;
}
.fizz-styles .fizz-text-inverse {
  color: #FFFFFF;
}
.fizz-styles .fizz-text-brand {
  color: #052C48;
}
.fizz-styles .fizz-text-positive {
  color: #078854;
}
.fizz-styles .fizz-text-interactive {
  color: #127CA5;
}
.fizz-styles .fizz-text-deal {
  color: #078854;
}
.fizz-styles .fizz-text-warning {
  color: #F7B01C;
}
.fizz-styles .fizz-text-negative,
.fizz-styles .fizz-text-urgent,
.fizz-styles .fizz-text-error {
  color: #DF2B26;
}
.fizz-styles .fizz-text-negative a,
.fizz-styles .fizz-text-urgent a,
.fizz-styles .fizz-text-error a {
  color: inherit;
  text-decoration: underline;
}
.fizz-styles .fizz-inline-block {
  display: inline-block;
}
.fizz-styles .fizz-is-hidden {
  display: none;
}
.fizz-styles .fizz-hide-on-small,
.fizz-styles .fizz-hide-on-small.fizz-space-between,
.fizz-styles .fizz-hide-on-small[class*=fizz-flex-row] {
  display: none;
}
.fizz-styles .fizz-hide-on-large {
  display: block;
}
.fizz-styles .fizz-hide-on-large.fizz-space-between,
.fizz-styles .fizz-hide-on-large[class*=fizz-flex-row] {
  display: flex;
}
@media (min-width: 700px) {
  .fizz-styles .fizz-hide-on-small {
    display: block;
  }
  .fizz-styles .fizz-hide-on-small.fizz-space-between,
.fizz-styles .fizz-hide-on-small[class*=fizz-flex-row] {
    display: flex;
  }
  .fizz-styles .fizz-hide-on-large,
.fizz-styles .fizz-hide-on-large.fizz-space-between,
.fizz-styles .fizz-hide-on-large[class*=fizz-flex-row] {
    display: none;
  }
}
.fizz-styles .fizz-contain {
  object-fit: contain;
}
.fizz-styles .fizz-cover {
  object-fit: cover;
}
.fizz-styles .fizz-margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.fizz-styles .fizz-center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fizz-styles .fizz-bordered,
.fizz-styles .fizz-bordered-squared {
  border: 1px solid #EAEAEA;
}
.fizz-styles .fizz-bordered {
  border-radius: 4px;
}
.fizz-styles .fizz-border-bottom {
  border-bottom: 1px solid #EAEAEA;
}
.fizz-styles .fizz-border-top {
  border-top: 1px solid #EAEAEA;
}
.fizz-styles .fizz-border-left {
  border-left: 1px solid #EAEAEA;
}
.fizz-styles .fizz-border-right {
  border-right: 1px solid #EAEAEA;
}
.fizz-styles .fizz-outline-active {
  outline: 4px solid #127CA5;
}
.fizz-styles .fizz-padded-border-top {
  border-top: 1px solid #EAEAEA;
  padding-top: 1rem;
}
.fizz-styles .fizz-radius-small {
  border-radius: 2px;
}
.fizz-styles .fizz-radius-medium {
  border-radius: 4px;
}
.fizz-styles .fizz-radius-large {
  border-radius: 8px;
}
.fizz-styles .fizz-radius-xlarge {
  border-radius: 16px;
}
.fizz-styles .fizz-radius-round {
  border-radius: 50%;
}
.fizz-styles .fizz-radius-none {
  border-radius: 0;
}
.fizz-styles .fizz-elevation-1 {
  box-shadow: 0px 3px 5px rgba(89, 89, 89, 0.25), 0px 0px 1px rgba(89, 89, 89, 0.3);
  position: relative;
}
.fizz-styles [class*=fizz-aspect] {
  position: relative;
  height: 0;
}
.fizz-styles .fizz-aspect-16-9 {
  padding-bottom: 56.25%;
}
.fizz-styles .fizz-aspect-4-3 {
  padding-bottom: 75%;
}
.fizz-styles .fizz-aspect-square {
  padding-bottom: 100%;
}
.fizz-styles [class*=fizz-aspect] :first-child {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.fizz-styles .fizz-relative {
  position: relative;
}
.fizz-styles .fizz-absolute {
  position: absolute;
}
.fizz-styles .fizz-sticky {
  position: sticky;
}
.fizz-styles [class*=fizz-fixed] {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
}
.fizz-styles .fizz-fixed-top {
  top: 0;
  bottom: auto;
}
.fizz-styles .fizz-fixed-bottom {
  top: auto;
  bottom: 0;
}
.fizz-styles .fizz-sticky-top {
  background-color: #FFFFFF;
  position: sticky;
  top: 0;
  z-index: 100;
}
.fizz-styles .fizz-sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #FFFFFF;
}