@rei/cedar 13.0.0-alpha.2 → 13.0.0-alpha.kurt-test

package/dist/lib/assets/cedar-compiled-f3a569d4.css

@@ -0,0 +1,3662 @@
+.cdr-accordion-group {
+  display: block;
+  list-style: none;
+  padding: 0;
+  margin: 0; }
+  .cdr-accordion-group li + li > .cdr-accordion {
+    border-top: none; }
+
+.cdr-banner {
+  position: relative;
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.4rem;
+  line-height: 1.8rem;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas: "main info-action" "message-body info-action"; }
+  .cdr-banner__wrapper--prominence {
+    box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-banner__main {
+    grid-area: main;
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: "icon-left message icon-right"; }
+  .cdr-banner__icon-left {
+    grid-area: icon-left;
+    display: inherit;
+    align-items: center;
+    justify-items: center; }
+  .cdr-banner__icon-left svg {
+      max-height: 2.2rem;
+      max-width: 2.2rem;
+      stroke: white;
+      stroke-width: 0.4rem;
+      paint-order: stroke fill;
+      margin: 0.4rem; }
+  .cdr-banner__message {
+    display: inherit;
+    grid-area: message;
+    padding: 0 0.8rem;
+    align-items: center; }
+  .cdr-banner__message-body {
+    grid-area: message-body;
+    background-color: #ffffff;
+    padding: 0.8rem; }
+  .cdr-banner__icon-right {
+    display: inherit;
+    align-items: center;
+    grid-area: icon-right; }
+  .cdr-banner__icon-right svg {
+      max-height: 2rem;
+      max-width: 2rem;
+      fill: rgba(3, 3, 1, 0.9) !important; }
+  .cdr-banner__info-action {
+    display: inherit;
+    grid-area: info-action;
+    align-content: center;
+    justify-content: center;
+    max-height: 3.2rem;
+    width: 4rem; }
+  .cdr-banner__info-action svg {
+      max-height: 2.2rem;
+      max-width: 2.2rem;
+      fill: #406eb5 !important; }
+  .cdr-banner--default .cdr-banner__main {
+    background-color: #f9f8f6;
+    border-top: 0.1rem solid;
+    border-right: 0.1rem solid;
+    border-bottom: 0.1rem solid;
+    border-color: #e8e0ce; }
+  .cdr-banner--default .cdr-banner__main .cdr-banner__icon-left {
+      background-color: #e8e0ce; }
+  .cdr-banner--default .cdr-banner__main .cdr-banner__icon-left svg {
+        fill: #726d64; }
+  .cdr-banner--default .cdr-banner__wrapper {
+    border-left: 0.4rem solid;
+    border-left-color: #726d64; }
+  .cdr-banner--info .cdr-banner__main {
+    background-color: #edf4f5;
+    border-top: 0.1rem solid;
+    border-right: 0.1rem solid;
+    border-bottom: 0.1rem solid;
+    border-color: #c2d8db; }
+  .cdr-banner--info .cdr-banner__main .cdr-banner__icon-left {
+      background-color: #c2d8db; }
+  .cdr-banner--info .cdr-banner__main .cdr-banner__icon-left svg {
+        fill: #408e86; }
+  .cdr-banner--info .cdr-banner__wrapper {
+    border-left: 0.4rem solid;
+    border-left-color: #408e86; }
+  .cdr-banner--warning .cdr-banner__main {
+    background-color: #fefcf1;
+    border-top: 0.1rem solid;
+    border-right: 0.1rem solid;
+    border-bottom: 0.1rem solid;
+    border-color: #f5e9b7; }
+  .cdr-banner--warning .cdr-banner__main .cdr-banner__icon-left {
+      background-color: #f5e9b7; }
+  .cdr-banner--warning .cdr-banner__main .cdr-banner__icon-left svg {
+        fill: #b68b37; }
+  .cdr-banner--warning .cdr-banner__wrapper {
+    border-left: 0.4rem solid;
+    border-left-color: #b68b37; }
+  .cdr-banner--success .cdr-banner__main {
+    background-color: #f4fbf5;
+    border-top: 0.1rem solid;
+    border-right: 0.1rem solid;
+    border-bottom: 0.1rem solid;
+    border-color: #d5e6cb; }
+  .cdr-banner--success .cdr-banner__main .cdr-banner__icon-left {
+      background-color: #d5e6cb; }
+  .cdr-banner--success .cdr-banner__main .cdr-banner__icon-left svg {
+        fill: #3b8349; }
+  .cdr-banner--success .cdr-banner__wrapper {
+    border-left: 0.4rem solid;
+    border-left-color: #3b8349; }
+  .cdr-banner--error .cdr-banner__main {
+    background-color: #fdf7f7;
+    border-top: 0.1rem solid;
+    border-right: 0.1rem solid;
+    border-bottom: 0.1rem solid;
+    border-color: #eecbc1; }
+  .cdr-banner--error .cdr-banner__main .cdr-banner__icon-left {
+      background-color: #eecbc1; }
+  .cdr-banner--error .cdr-banner__main .cdr-banner__icon-left svg {
+        fill: #bb4045; }
+  .cdr-banner--error .cdr-banner__wrapper {
+    border-left: 0.4rem solid;
+    border-left-color: #bb4045; }
+
+.cdr-breadcrumb {
+  line-height: 1;
+  /* List
+  ========== */
+  /* Item
+  ========== */
+  /* Link
+  ---------- */
+  /* Delimiter
+  ========== */
+  /* Ellipses
+    ========== */ }
+  .cdr-breadcrumb__list {
+    display: inline-flex;
+    flex-wrap: wrap;
+    padding: 0;
+    margin: 0; }
+  .cdr-breadcrumb__item {
+    display: inline-flex;
+    flex: none;
+    padding: 0;
+    color: rgba(66, 59, 47, 0.75); }
+  .cdr-breadcrumb__link {
+    text-decoration: none;
+    color: inherit; }
+  .cdr-breadcrumb__link:hover, .cdr-breadcrumb__link:active, .cdr-breadcrumb__link:focus {
+      color: #406eb5;
+      text-decoration: underline; }
+  .cdr-breadcrumb__delimiter {
+    color: inherit;
+    padding: 0 0.8rem; }
+  .cdr-breadcrumb__ellipses {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    border: none;
+    background: none;
+    background-color: transparent;
+    cursor: pointer;
+    display: inline-block;
+    fill: inherit;
+    padding: 0;
+    /* Ellipses Icon
+    ========== */ }
+  .cdr-breadcrumb__ellipses .cdr-breadcrumb__ellipses-icon {
+      color: rgba(66, 59, 47, 0.75);
+      border-bottom: 0.1rem solid transparent;
+      fill: inherit; }
+  .cdr-breadcrumb__ellipses:hover .cdr-breadcrumb__ellipses-icon, .cdr-breadcrumb__ellipses:active .cdr-breadcrumb__ellipses-icon, .cdr-breadcrumb__ellipses:focus .cdr-breadcrumb__ellipses-icon {
+      color: #406eb5;
+      text-decoration: underline; }
+  .cdr-breadcrumb__link, .cdr-breadcrumb__delimiter, .cdr-breadcrumb__ellipses {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.008rem;
+    font-size: 1.2rem;
+    line-height: 1.6rem; }
+  @media (min-width: 992px) {
+    .cdr-breadcrumb__link, .cdr-breadcrumb__delimiter, .cdr-breadcrumb__ellipses {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem; } }
+
+/* intentionally empty */
+.cdr-accordion {
+  border-top: 0.1rem solid #dcd6cb;
+  border-bottom: 0.1rem solid #dcd6cb;
+  position: relative;
+  z-index: 1;
+  list-style: none;
+  /* Style variants
+    ========================================================================== */
+  /* Border-Aligned
+     ========== */
+  /* Compact
+     ========== */
+  /* Border-Aligned and Compact
+     ========== */ }
+.cdr-accordion + .cdr-accordion {
+    border-top: none; }
+.cdr-accordion__button {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 600;
+    letter-spacing: -0.008rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    background-color: transparent;
+    border: none;
+    color: rgba(12, 11, 8, 0.75);
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    padding: 1.6rem;
+    position: relative;
+    text-align: left;
+    width: 100%;
+    z-index: 1; }
+.cdr-accordion__button:hover, .cdr-accordion__button:focus {
+      background-color: #f9f8f6; }
+.cdr-accordion__label {
+    margin-bottom: 0; }
+.cdr-accordion__header {
+    margin: 0;
+    padding: 0;
+    font-weight: unset;
+    font-style: unset;
+    font-size: unset; }
+.cdr-accordion__header--unwrapped {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: 0;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      margin: 1.6rem 0; }
+.cdr-accordion__icon {
+    margin-left: 1.6rem;
+    fill: #928b80;
+    transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1); }
+.cdr-accordion__icon .cdr-tabs--open {
+      transform: rotate(-180deg); }
+.cdr-accordion__content-container {
+    overflow: hidden;
+    transition-duration: 0.3s;
+    transition-property: max-height;
+    transition-timing-function: cubic-bezier(0.15, 0, 0.15, 1); }
+.cdr-accordion__content-container .cdr-tabs--open {
+      transition-duration: 0.3s; }
+.cdr-accordion__content {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.008rem;
+    font-size: 1.6rem;
+    line-height: 2.6rem;
+    background-color: transparent;
+    color: rgba(12, 11, 8, 0.75);
+    padding: 0.8rem 1.6rem 1.6rem;
+    transition: opacity 0.1s linear;
+    opacity: 0; }
+.cdr-accordion__content > * {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: 0.008rem;
+      font-size: 1.6rem;
+      line-height: 2.6rem; }
+.cdr-accordion__content.cdr-tabs--open {
+      opacity: 1; }
+.cdr-accordion__content.cdr-tabs--closed {
+      visibility: hidden; }
+.cdr-accordion--unwrap {
+    padding: 0; }
+.cdr-accordion--border-aligned {
+    margin: 0 1.6rem; }
+.cdr-accordion--border-aligned .cdr-accordion__button {
+      margin-left: -1.6rem;
+      width: calc(100% + 3.2rem); }
+.cdr-accordion--border-aligned .cdr-accordion__content {
+      padding: 0.8rem 0 1.6rem; }
+.cdr-accordion--compact .cdr-accordion__button {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 600;
+    letter-spacing: -0.008rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    padding: 1.2rem; }
+.cdr-accordion--compact .cdr-accordion__content {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    padding: 0.4rem 1.2rem 1.2rem; }
+.cdr-accordion--compact .cdr-accordion__content > * {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem; }
+.cdr-accordion--compact.cdr-accordion--border-aligned .cdr-accordion__button {
+    margin-left: -1.2rem;
+    width: calc(100% + 2.4rem); }
+.cdr-accordion--compact.cdr-accordion--border-aligned .cdr-accordion__content {
+    padding: 0.4rem 0 1.2rem; }
+.cdr-accordion--focused {
+    /*
+      This z-index change is to fix a Chrome-only visual issue with the light blue focus outline. Basically, the bottom
+      line of the outline is usually covered by the accordion immediately below what's currently focuesd. We increase
+      the z-index so that the outline can be correctly seen when the accordion is focused.
+    */
+    z-index: 10; }
+
+/* intentionally empty */
+.cdr-checkbox {
+  /* Checked
+  ========== */
+  /* Disabled
+  ========== */
+  /* Active
+  ========== */
+  /* Focus
+  ========== */ }
+.cdr-checkbox__input:checked ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49;
+    background-color: #4e4d49;
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E");
+    background-repeat: no-repeat; }
+.cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49; }
+.cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      width: 0.8rem;
+      height: 0.2rem;
+      background-color: #4e4d49;
+      border-radius: 0.2rem; }
+.cdr-checkbox:hover .cdr-label-wrapper__figure {
+    cursor: pointer;
+    box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
+    background-color: #f9f8f6; }
+.cdr-checkbox:hover .cdr-checkbox__input {
+    /* Hover + Checked
+      ========== */
+    /* Hover + Indeterminate
+      ========== */ }
+.cdr-checkbox:hover .cdr-checkbox__input:checked ~ .cdr-label-wrapper__figure {
+      box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
+      background-color: #928b80;
+      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
+.cdr-checkbox:hover .cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure {
+      box-shadow: inset 0 0 0 0.2rem #4e4d49; }
+.cdr-checkbox:hover .cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure::after {
+        background-color: #ffffff; }
+.cdr-checkbox__input:disabled {
+    /* Disabled + Checked
+    ========== */
+    /* Disabled + Indeterminate
+    ========== */ }
+.cdr-checkbox__input:disabled ~ .cdr-label-wrapper__figure {
+      box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
+      background-color: #f9f8f6 !important;
+      background-image: none !important; }
+.cdr-checkbox__input:disabled:checked ~ .cdr-label-wrapper__figure {
+      background-color: #f9f8f6 !important; }
+.cdr-checkbox__input:disabled[indeterminate] ~ .cdr-label-wrapper__figure {
+      box-shadow: inset 0 0 0 0.1rem #d1cbbd !important; }
+.cdr-checkbox__input:disabled[indeterminate] ~ .cdr-label-wrapper__figure::after {
+        background-color: #f9f8f6 !important; }
+.cdr-checkbox:active .cdr-label-wrapper__figure, .cdr-checkbox:active .cdr-checkbox__input:checked ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
+    background-color: #f9f8f6;
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234e4d49'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
+.cdr-checkbox:active .cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure::after {
+    content: none; }
+.cdr-checkbox__input:focus ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
+    background-color: #f9f8f6; }
+.cdr-checkbox__input:focus:checked ~ .cdr-label-wrapper__figure {
+    background-color: #928b80; }
+
+.cdr-card {
+  position: relative;
+  background-color: #ffffff;
+  border-radius: 0.4rem;
+  box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
+  color: rgba(12, 11, 8, 0.75);
+  width: 100%;
+  transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0);
+  cursor: pointer;
+  overflow: hidden; }
+  .cdr-card:active, .cdr-card:hover {
+    box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
+    transform: translateY(-0.2rem);
+    transition: 0.2s; }
+  :global(.cdr-card__link) {
+  position: static;
+  color: rgba(12, 11, 8, 0.75) !important;
+  text-decoration: none !important; }
+  :global(.cdr-card__link):hover {
+    text-decoration: underline !important;
+    color: #406eb5 !important; }
+  :global(.cdr-card__link)::before {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    z-index: 1;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: transparent; }
+
+/* ==========================================================================
+  # CdrCaption
+
+  All values should map to variables in
+  vars/CdrCaption.vars.pcss
+  in order to allow for theming
+
+  TOC:
+
+    :Base - CdrCaption
+========================================================================== */
+.cdr-caption {
+  max-width: 53rem;
+  line-height: 1;
+  padding: 0.8rem 0; }
+.cdr-caption cite {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-size: 1.2rem;
+    font-weight: 400;
+    letter-spacing: 0.016rem;
+    line-height: 1.8rem;
+    color: rgba(66, 59, 47, 0.75);
+    font-style: normal; }
+.cdr-caption__summary {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-size: 1.4rem;
+    font-weight: 400;
+    letter-spacing: 0.008rem;
+    line-height: 2.2rem;
+    margin: 0;
+    color: rgba(12, 11, 8, 0.75); }
+.cdr-caption__summary + cite {
+      display: inline-block;
+      margin-top: 0.8rem; }
+
+.cdr-grid {
+  display: grid;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  gap: 1.6rem 1.6rem; }
+  .cdr-grid--gutter-none {
+    gap: 0 0; }
+  .cdr-grid--gutter-small {
+    gap: 0.2rem 0.2rem; }
+  .cdr-grid--gutter-medium {
+    gap: 1.6rem 1.6rem; }
+  .cdr-grid--gutter-large {
+    gap: 3.2rem 3.2rem; }
+  @media (min-width: 0) and (max-width: 767px) {
+    .cdr-grid--gutter-none\@xs {
+      gap: 0 0; }
+    .cdr-grid--gutter-small\@xs {
+      gap: 0.2rem 0.2rem; }
+    .cdr-grid--gutter-medium\@xs {
+      gap: 1.6rem 1.6rem; }
+    .cdr-grid--gutter-large\@xs {
+      gap: 3.2rem 3.2rem; } }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .cdr-grid--gutter-none\@sm {
+      gap: 0 0; }
+    .cdr-grid--gutter-small\@sm {
+      gap: 0.2rem 0.2rem; }
+    .cdr-grid--gutter-medium\@sm {
+      gap: 1.6rem 1.6rem; }
+    .cdr-grid--gutter-large\@sm {
+      gap: 3.2rem 3.2rem; } }
+  @media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-grid--gutter-none\@md {
+      gap: 0 0; }
+    .cdr-grid--gutter-small\@md {
+      gap: 0.2rem 0.2rem; }
+    .cdr-grid--gutter-medium\@md {
+      gap: 1.6rem 1.6rem; }
+    .cdr-grid--gutter-large\@md {
+      gap: 3.2rem 3.2rem; } }
+  @media (min-width: 1232px) {
+    .cdr-grid--gutter-none\@lg {
+      gap: 0 0; }
+    .cdr-grid--gutter-small\@lg {
+      gap: 0.2rem 0.2rem; }
+    .cdr-grid--gutter-medium\@lg {
+      gap: 1.6rem 1.6rem; }
+    .cdr-grid--gutter-large\@lg {
+      gap: 3.2rem 3.2rem; } }
+
+.cdr-container {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
+  width: 100%; }
+  @media (min-width: 992px) {
+    .cdr-container {
+      padding-left: 3.2rem;
+      padding-right: 3.2rem; } }
+  .cdr-container--static {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 123.2rem; }
+
+/* intentionally empty */
+.cdr-form-group {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0;
+  font-size: 1.6rem;
+  line-height: 2rem;
+  border: none;
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+  -webkit-padding-before: 0;
+          padding-block-start: 0;
+  -webkit-padding-start: 0;
+          padding-inline-start: 0;
+  -webkit-padding-end: 0;
+          padding-inline-end: 0;
+  -webkit-padding-after: 0;
+          padding-block-end: 0; }
+.cdr-form-group legend {
+    -webkit-padding-start: 0;
+            padding-inline-start: 0;
+    margin-bottom: 0.8rem; }
+.cdr-form-group--error {
+    box-shadow: inset 0 0 0 0.1rem #b33322;
+    background-color: rgba(255, 242, 242, 0.75); }
+.cdr-form-group--error:hover {
+      background-color: transparent; }
+.cdr-form-group--disabled {
+    cursor: not-allowed;
+    color: #d1cbbd; }
+.cdr-form-group--disabled .cdr-form-group__optional, .cdr-form-group--disabled .cdr-form-group__required {
+      color: #d1cbbd; }
+.cdr-form-group__wrapper {
+    border-radius: 0.4rem;
+    display: flex;
+    flex-direction: column; }
+.cdr-form-group__wrapper > * {
+      flex: 1 1 0; }
+.cdr-form-group__optional {
+    color: rgba(66, 59, 47, 0.75); }
+
+.cdr-image {
+  max-width: 100%;
+  vertical-align: middle;
+  border-style: none;
+  /* Style variants
+    ========================================================================== */
+  /* responsive
+    ========== */
+  /* rounded
+    ========== */
+  /* circle
+    ========== */ }
+  .cdr-image--responsive {
+    display: block;
+    height: auto;
+    width: 100%; }
+  .cdr-image--rounded {
+    border-radius: 0.4rem; }
+  .cdr-image--circle {
+    border-radius: 999.9rem; }
+  /* ==========================================================================
+   # MEDIA FRAME
+   ========================================================================== */
+  .cdr-image-ratio {
+  position: relative;
+  overflow: hidden; }
+  .cdr-image-ratio::before {
+    content: '';
+    height: 0;
+    display: block;
+    padding-bottom: var(--ratio); }
+  .cdr-image-ratio__cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    object-fit: contain; }
+  .cdr-image-ratio__cover--crop {
+      object-fit: none; }
+  .cdr-image-ratio__cover--cover {
+      object-fit: cover; }
+
+/* intentionally empty */
+/* ==========================================================================
+  # INPUT LABEL
+  ========================================================================== */
+:global(.cdr-input__button) {
+  display: inline-block; }
+:global(.cdr-input__button) ~ :global(.cdr-input__button) {
+    position: relative;
+    margin-left: -0.4rem; }
+:global(.cdr-input__button) ~ :global(.cdr-input__button)::before {
+      content: '';
+      background-color: #928b80;
+      position: absolute;
+      left: -0.1rem;
+      width: 0.1rem;
+      height: 55%;
+      top: 50%;
+      transform: translateY(-50%); }
+:global(.cdr-input__button):hover, :global(.cdr-input__button):active, :global(.cdr-input__button):focus, :global(.cdr-input__button):focus-within {
+    background-color: #f9f8f6;
+    box-shadow: inset 0 0 0 0.2rem #20201d;
+    outline: none;
+    fill: rgba(12, 11, 8, 0.75); }
+:global(.cdr-input__button):hover svg, :global(.cdr-input__button):active svg, :global(.cdr-input__button):focus svg, :global(.cdr-input__button):focus-within svg {
+      box-shadow: none;
+      fill: rgba(12, 11, 8, 0.75) !important; }
+:global(.cdr-input__button):hover::before, :global(.cdr-input__button):active::before, :global(.cdr-input__button):focus::before, :global(.cdr-input__button):focus-within::before {
+      width: 0; }
+:global(.cdr-input__button):last-child {
+    margin-right: -0.8rem;
+    border-top-right-radius: 0.4rem;
+    border-bottom-right-radius: 0.4rem; }
+/* ==========================================================================
+  # INPUT
+  ========================================================================== */
+.cdr-input {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  font-weight: 500;
+  color: #20201d;
+  border: 0;
+  background-color: rgba(244, 242, 237, 0.15);
+  box-shadow: inset 0 0 0 0.1rem #928b80;
+  border-radius: 0.4rem;
+  fill: #928b80;
+  border-radius: 0.4rem;
+  padding: 0.8rem;
+  height: 4rem;
+  display: block;
+  width: 100%;
+  overflow: visible;
+  margin: 0;
+  /* Prevent iOS from altering border and box-shadow */
+  -webkit-appearance: none;
+  /* Style variants
+    ========================================================================== */
+  /* Size variants
+    ========================================================================== */
+  /* @xs
+    0px - 767px
+    ========== */
+  /* @sm
+    768px - 991px
+    ========== */
+  /* @md
+    992px - 1199px
+    ========== */
+  /* @lg
+    1200px and up
+    ========== */
+  /* Slot Sections
+    ========================================================================== */ }
+.cdr-input[type=number]::-webkit-inner-spin-button, .cdr-input[type=number]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    margin: 0; }
+.cdr-input:active, .cdr-input:focus {
+    outline: none;
+    box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+.cdr-input::-webkit-input-placeholder {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    color: rgba(66, 59, 47, 0.75); }
+.cdr-input::-ms-input-placeholder {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    color: rgba(66, 59, 47, 0.75); }
+.cdr-input::placeholder {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    color: rgba(66, 59, 47, 0.75); }
+.cdr-input[disabled] {
+    background-color: #f9f8f6;
+    color: #d1cbbd;
+    box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
+.cdr-input[disabled]:hover {
+      box-shadow: inset 0 0 0 0.1rem #d1cbbd;
+      cursor: not-allowed; }
+.cdr-input[disabled]::-webkit-input-placeholder {
+      color: #d1cbbd; }
+.cdr-input[disabled]::-ms-input-placeholder {
+      color: #d1cbbd; }
+.cdr-input[disabled]::placeholder {
+      color: #d1cbbd; }
+.cdr-input--focus svg {
+    fill: rgba(12, 11, 8, 0.75) !important; }
+.cdr-input--multiline {
+    height: auto; }
+.cdr-input--preicon {
+    /* $input-pre-icon-default-width = 25px with the expectation that
+        slot provided icon is close to that width */
+    padding-left: 3.7rem !important; }
+.cdr-input--posticon {
+    padding-right: 4.5rem; }
+.cdr-input--posticons {
+    padding-right: 9rem; }
+.cdr-input--primary {
+    background-color: rgba(244, 242, 237, 0.15); }
+.cdr-input--primary:active, .cdr-input--primary:focus {
+      background-color: #f9f8f6; }
+.cdr-input--secondary {
+    background-color: rgba(255, 255, 255, 0.85); }
+.cdr-input--secondary:active, .cdr-input--secondary:focus {
+      background-color: #ffffff; }
+.cdr-input--error {
+    background-color: rgba(255, 242, 242, 0.75);
+    box-shadow: inset 0 0 0 0.1rem #b33322; }
+.cdr-input--large {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.8rem;
+    line-height: 2.4rem;
+    line-height: 3.2rem;
+    padding-left: 0.8rem;
+    height: 4.8rem; }
+.cdr-input--large::-webkit-input-placeholder {
+      line-height: 3.2rem; }
+.cdr-input--large::-ms-input-placeholder {
+      line-height: 3.2rem; }
+.cdr-input--large::placeholder {
+      line-height: 3.2rem; }
+@media (min-width: 0) and (max-width: 767px) {
+    .cdr-input--large\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      line-height: 3.2rem;
+      padding-left: 0.8rem;
+      height: 4.8rem; }
+      .cdr-input--large\@xs::-webkit-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@xs::-ms-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@xs::placeholder {
+        line-height: 3.2rem; } }
+@media (min-width: 768px) and (max-width: 991px) {
+    .cdr-input--large\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      line-height: 3.2rem;
+      padding-left: 0.8rem;
+      height: 4.8rem; }
+      .cdr-input--large\@sm::-webkit-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@sm::-ms-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@sm::placeholder {
+        line-height: 3.2rem; } }
+@media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-input--large\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      line-height: 3.2rem;
+      padding-left: 0.8rem;
+      height: 4.8rem; }
+      .cdr-input--large\@md::-webkit-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@md::-ms-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@md::placeholder {
+        line-height: 3.2rem; } }
+@media (min-width: 1232px) {
+    .cdr-input--large\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      line-height: 3.2rem;
+      padding-left: 0.8rem;
+      height: 4.8rem; }
+      .cdr-input--large\@lg::-webkit-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@lg::-ms-input-placeholder {
+        line-height: 3.2rem; }
+      .cdr-input--large\@lg::placeholder {
+        line-height: 3.2rem; } }
+.cdr-input__pre-icon {
+    position: absolute;
+    top: 50%;
+    left: 0.8rem;
+    transform: translateY(-50%); }
+.cdr-input__post-icon {
+    display: block;
+    position: absolute;
+    top: 50%;
+    right: 0.8rem;
+    transform: translateY(-50%); }
+.cdr-input__helper-text {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    color: rgba(66, 59, 47, 0.75);
+    display: inline-block;
+    margin-top: 0.4rem; }
+/* ==========================================================================
+   # INPUT WRAPPER
+   ========================================================================== */
+.cdr-input-wrap {
+  position: relative;
+  flex-grow: 1;
+  fill: #928b80; }
+
+.cdr-chip {
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  width: -webkit-max-content;
+  width: max-content;
+  padding: 0.8rem 1.2rem;
+  border-radius: 3rem;
+  border: 0;
+  color: #4e4d49;
+  fill: #4e4d49;
+  background-color: #ffffff;
+  box-shadow: inset 0 0 0 0.1rem #928b80;
+  cursor: pointer;
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-size: 1.4rem;
+  line-height: 1.5rem;
+  font-weight: 400;
+  letter-spacing: -0.008rem;
+  transition: color 0.1s cubic-bezier(0.15, 0, 0.15, 0), fill 0.1s cubic-bezier(0.15, 0, 0.15, 0), background-color 0.1s cubic-bezier(0.15, 0, 0.15, 0), box-shadow 0.1s cubic-bezier(0.15, 0, 0.15, 0); }
+  .cdr-chip:disabled, .cdr-chip:disabled:hover, .cdr-chip:disabled:focus {
+    cursor: not-allowed !important;
+    background-color: #ffffff !important;
+    box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
+    color: #d1cbbd !important; }
+  .cdr-chip:hover {
+    background-color: #f9f8f6;
+    box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-chip:focus {
+    outline: none;
+    outline-offset: 0;
+    background-color: #ffffff;
+    box-shadow: inset 0 0 0 0.3rem #4e4d49; }
+  .cdr-chip:active {
+    background-color: #edeae3;
+    box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-chip[aria-pressed="true"], .cdr-chip[aria-checked="true"] {
+    text-shadow: 0 0 0.1rem currentColor;
+    background-color: #edeae3;
+    box-shadow: inset 0 0 0 0.1rem #4e4d49; }
+  .cdr-chip[aria-pressed="true"]:hover, .cdr-chip[aria-checked="true"]:hover {
+    background-color: #edeae3;
+    box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-chip[aria-pressed="true"]:focus, .cdr-chip[aria-checked="true"]:focus {
+    background-color: #edeae3;
+    box-shadow: inset 0 0 0 0.3rem #4e4d49; }
+  .cdr-chip__icon-left {
+  position: absolute;
+  left: 0.8rem; }
+  .cdr-chip__icon-right {
+  position: absolute;
+  right: 0.8rem; }
+  .cdr-chip__icon-left ~ .cdr-chip__content {
+  margin-left: 1.6rem; }
+  .cdr-chip__icon-right ~ .cdr-chip__content {
+  margin-right: 1.6rem; }
+
+.cdr-chip-group {
+  border: none;
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+  -webkit-padding-before: 0;
+          padding-block-start: 0;
+  -webkit-padding-start: 0;
+          padding-inline-start: 0;
+  -webkit-padding-end: 0;
+          padding-inline-end: 0;
+  -webkit-padding-after: 0;
+          padding-block-end: 0; }
+  .cdr-chip-group legend {
+    -webkit-padding-start: 0;
+            padding-inline-start: 0;
+    margin-bottom: 0.8rem; }
+  .cdr-chip-group__content > button:not(:last-child) {
+  margin-right: 0.8rem;
+  margin-bottom: 0.8rem; }
+  .cdr-chip-group__legend--hidden {
+  position: absolute;
+  width: 0.1rem;
+  height: 0.1rem;
+  padding: 0;
+  margin: -0.1rem;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+  .cdr-chip-group__legend {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0;
+  font-size: 1.6rem;
+  line-height: 2rem; }
+
+.cdr-list {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  /* nesting
+    ---------- */
+  /* Style variants
+    ========================================================================== */
+  /* Compact
+    ========== */
+  /* Ordered
+    ========== */
+  /* Unordered
+     ========== */
+  /* Inline
+  ========== */ }
+  .cdr-list > li + li {
+    margin-top: 0.8rem; }
+  .cdr-list li > .cdr-list {
+    margin-top: 0.8rem;
+    padding-left: 1em;
+    list-style-type: none; }
+  .cdr-list--compact {
+    /* nesting
+      ---------- */ }
+  .cdr-list--compact > li + li {
+      margin-top: 0.4rem; }
+  .cdr-list--compact li > .cdr-list {
+      margin-top: 0.4rem; }
+  .cdr-list--ordered {
+    list-style-type: decimal;
+    padding-left: 1.5em;
+    list-style-position: outside; }
+  .cdr-list--ordered li {
+      padding: 0 0 0 0.4rem; }
+  .cdr-list--ordered li {
+      /* nesting
+      ---------- */ }
+  .cdr-list--ordered li > .cdr-list {
+        position: relative;
+        padding-left: 1em; }
+  .cdr-list--ordered li > .cdr-list > li {
+          padding-left: 0; }
+  .cdr-list--ordered li > .cdr-list > li::before {
+            content: '\2013';
+            position: absolute;
+            color: rgba(66, 59, 47, 0.75);
+            left: 0; }
+  .cdr-list--unordered {
+    position: relative;
+    padding-left: 1em;
+    /* nesting
+      ---------- */ }
+  .cdr-list--unordered > li::before {
+      content: '\2022';
+      position: relative;
+      margin-left: -1em;
+      padding-right: 0.8rem;
+      color: rgba(66, 59, 47, 0.75); }
+  .cdr-list--unordered li > .cdr-list {
+      position: relative;
+      padding-left: 1em; }
+  .cdr-list--unordered li > .cdr-list > li::before {
+        content: '\2013';
+        position: relative;
+        margin-left: -1em;
+        padding-right: 0.8rem;
+        color: rgba(66, 59, 47, 0.75); }
+  .cdr-list--inline {
+    display: flex;
+    flex-wrap: wrap;
+    list-style-type: none;
+    padding-left: 0;
+    /* inline - compact
+    ---------- */
+    /* inline - unordered
+    ---------- */ }
+  .cdr-list--inline > li {
+      display: block; }
+  .cdr-list--inline > li + li {
+        margin-top: 0;
+        padding-left: 1em; }
+  .cdr-list--inline.cdr-list--compact > li + li {
+      padding-left: 0.5em; }
+  .cdr-list--inline.cdr-list--unordered {
+      left: 0;
+      /* inline - unordered - compact
+      ---------- */ }
+  .cdr-list--inline.cdr-list--unordered > li {
+        position: relative; }
+  .cdr-list--inline.cdr-list--unordered > li + li {
+          padding-left: 1.5em; }
+  .cdr-list--inline.cdr-list--unordered > li:first-of-type::before {
+          display: none; }
+  .cdr-list--inline.cdr-list--unordered > li::before {
+          content: '\2022';
+          color: rgba(66, 59, 47, 0.75);
+          display: block;
+          position: absolute;
+          top: 50%;
+          transform: translate(150%, -50%);
+          height: 0.6rem;
+          width: 0.6rem;
+          line-height: 0.6rem;
+          left: 0;
+          padding: 0;
+          margin: 0; }
+  .cdr-list--inline.cdr-list--unordered.cdr-list--compact > li + li {
+        padding-left: 1em; }
+  .cdr-list--inline.cdr-list--unordered.cdr-list--compact > li + li::before {
+          transform: translate(100%, -50%); }
+
+.cdr-modal {
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  overflow-y: scroll;
+  position: fixed;
+  right: 0;
+  top: 0;
+  visibility: visible;
+  z-index: 1000; }
+  @supports (-webkit-touch-callout: none) {
+    .cdr-modal * {
+      /* Safari iOS hack: force hardware acceleration on all elements inside modal
+           otherwise content that is offscreen will flicker/disappear when scrolling
+       Issue has to do with scrolling inside a position: fixed or relative container */
+      will-change: transform; } }
+  .cdr-modal__overlay {
+    background-color: rgba(244, 242, 237, 0.85);
+    -webkit-backdrop-filter: blur(1.6rem);
+            backdrop-filter: blur(1.6rem);
+    bottom: 0;
+    left: 0;
+    opacity: 1;
+    position: fixed;
+    right: 0;
+    top: 0;
+    transition: opacity 150ms;
+    z-index: 0; }
+  .cdr-modal__outerWrap {
+    display: flex;
+    box-sizing: border-box;
+    min-height: 100%;
+    position: static;
+    z-index: -1; }
+  .cdr-modal__contentWrap {
+    align-items: flex-start;
+    background-color: #ffffff;
+    display: flex;
+    flex-direction: column;
+    margin: auto;
+    min-height: 100%;
+    opacity: 1;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    transition: opacity 150ms 150ms;
+    width: 100%;
+    z-index: 0; }
+  .cdr-modal__contentWrap:focus {
+      outline: 0; }
+  .cdr-modal__innerWrap {
+    width: 100%;
+    padding: 1.6rem; }
+  .cdr-modal__dialog {
+    width: 100%; }
+  .cdr-modal__content {
+    position: relative; }
+  .cdr-modal__header {
+    display: flex;
+    padding-bottom: 1.6rem; }
+  .cdr-modal__title {
+    flex: auto;
+    font-family: Stuart, Georgia, serif;
+    font-style: normal;
+    font-weight: 500;
+    letter-spacing: 0;
+    font-size: 2.4rem;
+    line-height: 3rem; }
+  .cdr-modal__close-button {
+    align-self: flex-start;
+    border: 0.1rem solid #928b80;
+    flex: none;
+    margin-left: 0.8rem;
+    padding: 0.7rem;
+    position: relative;
+    top: -0.2rem;
+    right: -0.4rem; }
+  .cdr-modal__close-button:hover, .cdr-modal__close-button:focus {
+      border: 0.1rem solid #928b80; }
+  .cdr-modal__text {
+    padding: 0;
+    position: relative; }
+  .cdr-modal__text-content {
+    overflow: auto;
+    position: relative; }
+  @media (min-width: 768px) {
+    .cdr-modal__outerWrap {
+      padding: 1.6rem; }
+    .cdr-modal__innerWrap {
+      padding: 2.4rem; }
+    .cdr-modal__contentWrap {
+      border-radius: 0.4rem;
+      box-shadow: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
+      min-height: auto;
+      position: relative;
+      top: auto;
+      left: auto;
+      right: auto; }
+    .cdr-modal__dialog {
+      max-width: 64rem; }
+    .cdr-modal__close-button {
+      margin-left: 1.2rem;
+      right: -0.8rem;
+      top: -0.5rem; } }
+  .cdr-modal--closed {
+  transition: z-index 0s 300ms, visibility 0s 300ms;
+  visibility: hidden;
+  z-index: -1; }
+  .cdr-modal--closed .cdr-modal__overlay {
+    opacity: 0;
+    transition: opacity 150ms 150ms; }
+  .cdr-modal--closed .cdr-modal__contentWrap {
+    opacity: 0;
+    transition: opacity 150ms; }
+  :global(.cdr-modal__noscroll) {
+  overflow: hidden !important;
+  position: fixed !important;
+  width: 100%; }
+
+/* intentionally empty */
+.cdr-radio {
+  /* Figure
+  ========== */
+  /* States
+    ========================================================================== */
+  /* Checked
+  ========== */
+  /* Hover */
+  /* Disabled
+  ========== */
+  /* Focus
+  ========== */
+  /* Active
+  ========== */ }
+.cdr-radio .cdr-label-wrapper__figure {
+    border-radius: 100%; }
+.cdr-radio .cdr-label-wrapper__figure::after {
+      content: '';
+      position: absolute;
+      width: 0.4rem;
+      height: 0.4rem;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      border-radius: 999.9rem; }
+.cdr-radio__input:checked ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49;
+    background-color: #4e4d49; }
+.cdr-radio__input:checked ~ .cdr-label-wrapper__figure::after {
+      background-color: #ffffff; }
+.cdr-radio:hover .cdr-label-wrapper__figure {
+    cursor: pointer;
+    box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
+    background-color: #f9f8f6; }
+.cdr-radio:hover .cdr-radio__input:checked ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
+    background-color: #928b80; }
+.cdr-radio__input:disabled {
+    /* Disabled + Checked
+    ========== */ }
+.cdr-radio__input:disabled ~ .cdr-label-wrapper__figure {
+      cursor: not-allowed !important;
+      box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
+      background-color: #f9f8f6 !important; }
+.cdr-radio__input:disabled ~ .cdr-label-wrapper__figure:after {
+        background-color: #f9f8f6 !important; }
+.cdr-radio__input:disabled:checked ~ .cdr-label-wrapper__figure::after {
+      background-color: #f9f8f6 !important; }
+.cdr-radio__input:focus ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
+    background-color: #f9f8f6; }
+.cdr-radio__input:focus:checked ~ .cdr-label-wrapper__figure {
+    background-color: #928b80; }
+.cdr-radio:active .cdr-label-wrapper__figure, .cdr-radio:active .cdr-radio__input:checked ~ .cdr-label-wrapper__figure {
+    box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
+    background-color: #f9f8f6; }
+.cdr-radio:active .cdr-label-wrapper__figure::after, .cdr-radio:active .cdr-radio__input:checked ~ .cdr-label-wrapper__figure::after {
+      background-color: #4e4d49; }
+
+/* intentionally empty */
+/* ==========================================================================
+  # Cdrquote
+
+  TOC:
+
+    :Base - Cdrquote
+========================================================================== */
+.cdr-quote {
+  margin: 0;
+  padding: 2.4rem 1.6rem;
+  line-height: 1; }
+.cdr-quote cite {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.008rem;
+    font-size: 1.2rem;
+    line-height: 1.6rem;
+    color: rgba(66, 59, 47, 0.75);
+    display: block; }
+.cdr-quote__summary {
+    font-family: Stuart, Georgia, serif;
+    font-weight: 400;
+    font-size: 2.4rem;
+    line-height: 3.6rem;
+    letter-spacing: -.08rem;
+    color: rgba(12, 11, 8, 0.75);
+    margin: 0; }
+@media (min-width: 0) and (max-width: 767px) {
+      .cdr-quote__summary {
+        font-size: 1.8rem;
+        line-height: 2.8rem; } }
+.cdr-quote__summary + cite {
+      padding-top: 1.6rem; }
+.cdr-quote--pull {
+    border-style: solid;
+    border-color: #dcd6cb; }
+@media (min-width: 0) {
+      .cdr-quote--pull {
+        border-width: 0 0 0.1rem 0;
+        padding: 2.4rem 1.6rem;
+        margin: 0 0 1.6rem; } }
+@media (min-width: 768px) {
+      .cdr-quote--pull {
+        border-width: 0 0 0 0.1rem;
+        padding: 0.8rem 1.6rem 0.8rem 3.2rem;
+        margin: 1.6rem 0; } }
+.cdr-quote--pull .cdr-quote__summary {
+      font-weight: 600; }
+
+/* intentionally empty */
+.cdr-popover--position {
+  position: relative; }
+.cdr-popover--wrapper {
+  width: -webkit-max-content;
+  width: max-content;
+  height: -webkit-max-content;
+  height: max-content; }
+.cdr-popover--wrapper .cdr-popup--closed {
+    display: none; }
+.cdr-popover__title {
+  font-family: Stuart, Georgia, serif;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0;
+  font-size: 1.8rem;
+  line-height: 2.4rem;
+  margin-bottom: 0.8rem;
+  margin-right: 0.8rem; }
+.cdr-popover__container {
+  padding: 0.8rem;
+  padding-left: 1.6rem;
+  display: flex; }
+.cdr-popover__content {
+  flex: auto; }
+.cdr-popover__close-button {
+  align-self: flex-start;
+  flex: none;
+  padding: 0; }
+
+.cdr-tab-panel {
+  width: 100%;
+  height: 100%;
+  padding-top: 0.2rem; }
+
+@keyframes :global(exit-left) {
+  from {
+    transform: translateX(0);
+    opacity: 1; }
+  to {
+    transform: translateX(-1rem);
+    opacity: 0; } }
+
+@keyframes :global(exit-right) {
+  from {
+    transform: translateX(0);
+    opacity: 1; }
+  to {
+    transform: translateX(1rem);
+    opacity: 0; } }
+
+@keyframes :global(enter-left) {
+  from {
+    transform: translateX(-1rem);
+    opacity: 0; }
+  to {
+    transform: translateX(0);
+    opacity: 1; } }
+
+@keyframes :global(enter-right) {
+  from {
+    transform: translateX(1rem);
+    opacity: 0; }
+  to {
+    transform: translateX(0);
+    opacity: 1; } }
+
+.cdr-tab-panel-enter-left {
+  animation-duration: 0.2s;
+  animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
+
+.cdr-tab-panel-enter-left :global {
+    animation-name: enter-left; }
+
+.cdr-tab-panel-enter-right {
+  animation-duration: 0.2s;
+  animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
+
+.cdr-tab-panel-enter-right :global {
+    animation-name: enter-right; }
+
+.cdr-tab-panel-exit-left {
+  animation-duration: 0.2s;
+  animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
+
+.cdr-tab-panel-exit-left :global {
+    animation-name: exit-left; }
+
+.cdr-tab-panel-exit-right {
+  animation-duration: 0.2s;
+  animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
+
+.cdr-tab-panel-exit-right :global {
+    animation-name: exit-right; }
+
+.cdr-table {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.4rem;
+  line-height: 1.8rem;
+  color: rgba(12, 11, 8, 0.75);
+  border: none;
+  border-collapse: collapse; }
+  .cdr-table tr {
+    background-color: #ffffff; }
+  .cdr-table thead tr {
+    background-color: #f4f2ed; }
+  .cdr-table th,
+  .cdr-table td {
+    color: rgba(12, 11, 8, 0.75);
+    padding: 0.8rem 1.6rem;
+    text-align: left; }
+  .cdr-table th {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 600;
+    letter-spacing: -0.008rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem; }
+  .cdr-table caption {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 600;
+    letter-spacing: -0.008rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    text-align: left;
+    margin-bottom: 0.8rem; }
+  .cdr-table--small th, .cdr-table--small td {
+    padding: 0.4rem 1.6rem; }
+  .cdr-table--medium th, .cdr-table--medium td {
+    padding: 0.8rem 1.6rem; }
+  .cdr-table--large th, .cdr-table--large td {
+    padding: 1.6rem; }
+  .cdr-table--striped tr:nth-child(odd) {
+    background-color: #f9f8f6; }
+  .cdr-table--striped thead + tbody tr:nth-child(even) {
+    background-color: #f9f8f6; }
+  .cdr-table--striped thead + tbody tr:nth-child(odd) {
+    background-color: #ffffff; }
+  .cdr-table--striped tbody tr:nth-child(odd),
+  .cdr-table--striped tfoot tr:nth-child(odd) {
+    background-color: #f9f8f6; }
+  .cdr-table--border tr + tr > * {
+    border-top: 0.1rem solid #dcd6cb; }
+  .cdr-table--border thead tr + tr > * {
+    border-top: 0.1rem solid #928b80; }
+  .cdr-table--border tbody tr + tr > *, .cdr-table--border tfoot tr + tr > * {
+    border-top: 0.1rem solid #dcd6cb; }
+  .cdr-table--border thead + tbody,
+  .cdr-table--border tbody + tfoot {
+    border-top: 0.1rem solid #dcd6cb; }
+  .cdr-table--full-width {
+    width: 100%; }
+  .cdr-table--responsive {
+    display: block;
+    width: 100%;
+    overflow-x: auto; }
+  .cdr-table--hover tr:hover > * {
+    background-color: #f4f2ed; }
+  @media (min-width: 0) and (max-width: 767px) {
+    .cdr-table--full-width\@xs {
+      width: 100%; } }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .cdr-table--full-width\@sm {
+      width: 100%; } }
+  @media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-table--full-width\@md {
+      width: 100%; } }
+  @media (min-width: 1232px) {
+    .cdr-table--full-width\@lg {
+      width: 100%; } }
+
+/* intentionally empty */
+.cdr-tabs {
+  /* overflow-x: auto; */
+  display: flex;
+  flex-flow: column;
+  height: 50rem;
+  overflow-x: hidden;
+  /* https://davidwalsh.name/osx-overflow */
+  /* Compact
+    ========== */
+  /* No Border
+    ========== */
+  /* Full Width
+    ========== */
+  /* Centered
+    ========== */ }
+.cdr-tabs ::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 0.7rem; }
+.cdr-tabs ::-webkit-scrollbar-thumb {
+    border-radius: 0.4rem;
+    background-color: rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
+.cdr-tabs__header-container {
+    overflow-x: auto;
+    border-bottom: 0.1rem solid #928b80;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+.cdr-tabs__header-container::-webkit-scrollbar {
+      width: 0 !important;
+      height: 0 !important; }
+.cdr-tabs__gradient-container {
+    position: relative; }
+.cdr-tabs__gradient {
+    transition: opacity 0.2s ease;
+    -webkit-transition: opacity 0.2s ease;
+    position: absolute;
+    z-index: 100;
+    top: 0;
+    bottom: 0;
+    width: 4.8rem;
+    pointer-events: none;
+    opacity: 0; }
+.cdr-tabs__gradient--left {
+      left: 0; }
+.cdr-tabs__gradient--right {
+      right: 0; }
+.cdr-tabs__gradient--active {
+      opacity: 1; }
+.cdr-tabs__header {
+    display: flex;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    position: relative; }
+.cdr-tabs__header-item {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: inherit;
+    letter-spacing: -0.008rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    border: none;
+    background-color: transparent;
+    display: block;
+    color: rgba(66, 59, 47, 0.75);
+    font-weight: 300;
+    text-decoration: none;
+    padding: 1.2rem 0.8rem;
+    white-space: nowrap;
+    outline-offset: -0.3rem;
+    /* Prevent content from shifting when font-weight changes */ }
+.cdr-tabs__header-item + .cdr-tabs__header-item {
+      margin-left: 1.6rem; }
+.cdr-tabs__header-item-active {
+      color: rgba(12, 11, 8, 0.75);
+      font-weight: 500; }
+.cdr-tabs__header-item::before {
+      display: block;
+      content: attr(js-name);
+      font-weight: 500;
+      height: 0;
+      overflow: hidden;
+      visibility: hidden; }
+.cdr-tabs__header-item:active, .cdr-tabs__header-item:hover, .cdr-tabs__header-item:focus {
+      text-decoration: none;
+      color: #406eb5; }
+.cdr-tabs__header-item--disabled {
+      border: none;
+      background-color: transparent;
+      color: #d1cbbd; }
+.cdr-tabs__header-item--disabled:active, .cdr-tabs__header-item--disabled:hover, .cdr-tabs__header-item--disabled:focus {
+        color: #d1cbbd;
+        cursor: not-allowed; }
+.cdr-tabs__underline {
+    z-index: 1;
+    position: absolute;
+    width: 3rem;
+    margin: 0;
+    height: 0.4rem;
+    margin-top: -0.4rem;
+    box-sizing: border-box;
+    border: none;
+    background-color: #406eb5;
+    transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1); }
+.cdr-tabs__content-container {
+    position: relative;
+    flex: 1 1 auto;
+    overflow-x: hidden;
+    overflow-y: auto; }
+.cdr-tabs .fade-enter-active,
+  .cdr-tabs .fade-leave-active {
+    opacity: 0.5s; }
+.cdr-tabs .fade-enter,
+  .cdr-tabs .fade-leave-to {
+    opacity: 0; }
+.cdr-tabs--compact .cdr-tabs__header-item-label, .cdr-tabs--small .cdr-tabs__header-item-label {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: inherit;
+    letter-spacing: -0.008rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    padding: 0.6rem 1.2rem; }
+.cdr-tabs--compact .cdr-tabs__header-item + .cdr-tabs--compact .cdr-tabs__header-item, .cdr-tabs--small .cdr-tabs__header-item + .cdr-tabs--compact .cdr-tabs__header-item, .cdr-tabs--compact .cdr-tabs__header-item + .cdr-tabs--small .cdr-tabs__header-item, .cdr-tabs--small .cdr-tabs__header-item + .cdr-tabs--small .cdr-tabs__header-item {
+    margin-left: 0.8rem; }
+.cdr-tabs--no-border .cdr-tabs__header,
+  .cdr-tabs--no-border .cdr-tabs__header-container {
+    border-bottom: 0.1rem solid transparent; }
+.cdr-tabs--full-width .cdr-tabs__header-item {
+    flex-grow: 1; }
+.cdr-tabs--centered .cdr-tabs__header-item:first-of-type {
+    margin-left: auto; }
+.cdr-tabs--centered .cdr-tabs__header-item:last-of-type {
+    margin-right: auto; }
+
+.cdr-text {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  margin: 0; }
+
+/* ==========================================================================
+  # CdrLink
+
+  TOC:
+
+    :Base Styles
+      :States
+    :Modifiers
+      :Style variants
+        :Standalone
+========================================================================== */
+.cdr-link {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  margin: 0;
+  color: #406eb5;
+  fill: #406eb5;
+  cursor: pointer;
+  display: inline-flex;
+  outline: none;
+  padding: 0;
+  text-decoration: underline;
+  vertical-align: top; }
+.cdr-link:active, .cdr-link:focus {
+    color: #0b2d60; }
+.cdr-link:hover {
+    color: #406eb5;
+    text-decoration: none; }
+.cdr-link:focus {
+    outline: 0.2rem solid Highlight;
+    outline-color: -webkit-focus-ring-color;
+    outline-offset: 0; }
+/* Standalone
+    ========== */
+.cdr-link--standalone {
+  text-decoration: none; }
+.cdr-link--standalone:hover, .cdr-link--standalone:active, .cdr-link--standalone:focus, .cdr-link--standalone:visited {
+    text-decoration: underline; }
+.cdr-link--inherit-color {
+  fill: inherit;
+  color: inherit; }
+.cdr-link--inherit-color:active, .cdr-link--inherit-color:hover, .cdr-link--inherit-color:focus {
+    color: inherit;
+    fill: inherit; }
+
+/* intentionally empty */
+/* ==========================================================================
+  # CdrSelect
+
+  All values should map to variables in
+  vars/CdrSelect.vars.pcss
+  in order to allow for theming
+
+  TOC:
+
+  :Base - Select
+  :States
+
+  /* Style variants
+========================================================================== */
+.cdr-select {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  font-weight: 500;
+  background: rgba(244, 242, 237, 0.15);
+  color: #20201d;
+  box-shadow: inset 0 0 0 0.1rem #928b80;
+  border: 0;
+  border-radius: 0.4rem;
+  padding-left: 0.8rem;
+  padding-right: 3.2rem;
+  height: 4rem;
+  display: block;
+  width: 100%;
+  overflow: auto;
+  margin: 0;
+  /* Hide Browser Styled Drowpdown Arrow */
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  /* @xs
+  0px - 767px
+  ========== */
+  /* Size variants
+    ========================================================================== */
+  /* @sm
+    768px - 991px
+    ========== */
+  /* @md
+    992px - 1199px
+    ========== */
+  /* @lg
+    1200px and up
+    ========== */ }
+.cdr-select[disabled] {
+    background-color: #f9f8f6;
+    color: #d1cbbd;
+    box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
+.cdr-select[disabled]:hover {
+      box-shadow: inset 0 0 0 0.1rem #d1cbbd;
+      cursor: not-allowed; }
+.cdr-select:active, .cdr-select:focus {
+    box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
+    outline: none; }
+.cdr-select::-ms-expand {
+    display: none; }
+.cdr-select--primary {
+    background-color: rgba(244, 242, 237, 0.15); }
+.cdr-select--primary:active, .cdr-select--primary:focus {
+      background-color: #f9f8f6; }
+.cdr-select--secondary {
+    background-color: rgba(255, 255, 255, 0.85); }
+.cdr-select--secondary:active, .cdr-select--secondary:focus {
+      background-color: #ffffff; }
+.cdr-select--error {
+    background-color: rgba(255, 242, 242, 0.75);
+    box-shadow: inset 0 0 0 0.1rem #b33322; }
+.cdr-select--preicon {
+    /* $input-pre-icon-default-width = 25px with the expectation that
+        slot provided icon is close to that width */
+    padding-left: 3.7rem; }
+.cdr-select__prompt {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    font-style: normal;
+    color: rgba(12, 11, 8, 0.75); }
+.cdr-select__prompt[disabled] {
+      color: #d1cbbd; }
+.cdr-select__caret {
+    fill: rgba(12, 11, 8, 0.75);
+    position: absolute;
+    top: 50%;
+    right: 0.8rem;
+    transform: translateY(-50%);
+    pointer-events: none; }
+.cdr-select__caret--disabled {
+      fill: #dcd6cb; }
+.cdr-select__pre-icon {
+    position: absolute;
+    top: 50%;
+    left: 0.8rem;
+    transform: translateY(-50%); }
+.cdr-select--multiple {
+    height: auto;
+    padding: 0.8rem; }
+.cdr-select--multiple + .cdr-select__caret {
+      display: none; }
+@media (min-width: 0) and (max-width: 767px) {
+    .cdr-select--large\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      height: 4.8rem;
+      padding-left: 0.8rem; } }
+.cdr-select--large {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.8rem;
+    line-height: 2.4rem;
+    height: 4.8rem;
+    padding-left: 0.8rem; }
+@media (min-width: 768px) and (max-width: 991px) {
+    .cdr-select--large\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      height: 4.8rem;
+      padding-left: 0.8rem; } }
+@media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-select--large\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      height: 4.8rem;
+      padding-left: 0.8rem; } }
+@media (min-width: 1232px) {
+    .cdr-select--large\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      height: 4.8rem;
+      padding-left: 0.8rem; } }
+/* ==========================================================================
+   # SELECT WRAPPER
+   ========================================================================== */
+/* Sets new origin for relative positioning of Select and Caret */
+.cdr-select-wrap {
+  position: relative;
+  flex: 1; }
+
+/* intentionally empty */
+.cdr-pagination {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  list-style: none;
+  padding: 0;
+  /* Responsive */ }
+.cdr-pagination__li--links {
+    display: none; }
+.cdr-pagination__li--links + .cdr-pagination__li--links {
+      margin-left: 0.4rem; }
+.cdr-pagination__li--select {
+    display: block; }
+.cdr-pagination__link {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    background-color: transparent;
+    border: none;
+    padding: 0;
+    color: rgba(12, 11, 8, 0.75);
+    fill: rgba(12, 11, 8, 0.75);
+    display: block;
+    padding: 0.6rem 1.2rem;
+    text-decoration: none;
+    border-radius: 0.4rem; }
+.cdr-pagination__link:hover, .cdr-pagination__link:focus, .cdr-pagination__link:active {
+      background-color: #f9f8f6;
+      cursor: pointer; }
+.cdr-pagination__link--current {
+      position: relative; }
+.cdr-pagination__link--current:after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 0.2rem;
+        width: 80%;
+        background-color: #406eb5; }
+.cdr-pagination__link--current:hover, .cdr-pagination__link--current:focus, .cdr-pagination__link--current:active {
+        text-decoration: none; }
+.cdr-pagination__link.cdr-pagination__link--disabled {
+      color: #d1cbbd;
+      fill: #d1cbbd;
+      cursor: not-allowed; }
+.cdr-pagination__link.cdr-pagination__link--disabled:hover, .cdr-pagination__link.cdr-pagination__link--disabled:focus, .cdr-pagination__link.cdr-pagination__link--disabled:active {
+        color: #d1cbbd;
+        background-color: transparent; }
+.cdr-pagination__ellipse {
+    display: block;
+    padding: 0.6rem 1.2rem; }
+.cdr-pagination__prev {
+    display: flex;
+    align-items: center;
+    margin-right: 1.6rem; }
+.cdr-pagination__next {
+    display: flex;
+    align-items: center;
+    margin-left: 1.6rem; }
+.cdr-pagination__caret--prev {
+    margin-right: 0.2rem; }
+.cdr-pagination__caret--next {
+    margin-left: 0.2rem; }
+@media (min-width: 768px) {
+    .cdr-pagination__li--links {
+      display: block; }
+    .cdr-pagination__li--select {
+      display: none; } }
+
+.cdr-button {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: -0.008rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  border: none;
+  border-radius: 0.4rem;
+  cursor: pointer;
+  display: inline-flex;
+  outline: none;
+  overflow: visible;
+  margin: 0;
+  padding: 0.8rem 1.6rem;
+  text-align: left;
+  text-decoration: none;
+  text-transform: none;
+  vertical-align: middle;
+  transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0), background-color 0.2s cubic-bezier(0.15, 0, 0.15, 0), color 0.2s cubic-bezier(0.15, 0, 0.15, 0), fill 0.2s cubic-bezier(0.15, 0, 0.15, 0);
+  /* Modifier style variants
+    ========================================================================== */
+  /* Size variants
+    ========================================================================== */
+  /* Large
+     ========== */
+  /* Medium
+     ========== */
+  /* Small
+     ========== */
+  /* Icon Only
+     ========= */
+  /* Full Width
+    ========== */
+  /* Breakpoint variants
+
+  /* @xs
+    0px - 767px
+    ========== */
+  /* @sm
+    768px - 991px
+    ========== */
+  /* @md
+    992px - 1199px
+    ========== */
+  /* @lg
+    1200px and up
+    ========== */ }
+  .cdr-button:hover, .cdr-button:active, .cdr-button:focus {
+    outline: none;
+    outline-offset: 0;
+    text-decoration: none; }
+  .cdr-button[disabled] {
+    cursor: not-allowed; }
+  .cdr-button svg {
+    align-self: center;
+    fill: inherit; }
+  .cdr-button.cdr-button--has-icon-left svg {
+    margin-right: 0.4rem; }
+  .cdr-button.cdr-button--has-icon-right svg {
+    margin-left: 0.4rem; }
+  .cdr-button--primary {
+    background-color: #1f513f;
+    box-shadow: inset 0 0 0 0.1rem #1f513f;
+    color: #f9f8f6;
+    fill: #f9f8f6; }
+  .cdr-button--primary:hover, .cdr-button--primary:focus {
+      color: #1f513f;
+      fill: #1f513f;
+      background-color: #f4f2ed;
+      box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--primary:active {
+      color: #f9f8f6;
+      fill: #f9f8f6;
+      background-color: #1f513f;
+      box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed; }
+  .cdr-button--primary[disabled] {
+      background-color: #dcd6cb;
+      box-shadow: inset 0 0 0 0.1rem #dcd6cb;
+      color: #ffffff;
+      fill: #ffffff; }
+  .cdr-button--primary.cdr-button--elevated {
+      box-shadow: inset 0 0 0 0.1rem #1f513f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--primary.cdr-button--elevated:hover, .cdr-button--primary.cdr-button--elevated:focus {
+        box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--primary.cdr-button--elevated:active {
+        box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--secondary {
+    background-color: #f9f8f6;
+    box-shadow: inset 0 0 0 0.1rem #928b80;
+    color: #4e4d49;
+    fill: #928b80; }
+  .cdr-button--secondary:hover, .cdr-button--secondary:focus {
+      color: #4e4d49;
+      fill: #4e4d49;
+      background-color: #f4f2ed;
+      box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--secondary:active {
+      color: #f9f8f6;
+      fill: #f9f8f6;
+      background-color: #928b80;
+      box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
+  .cdr-button--secondary[disabled] {
+      background-color: #f9f8f6;
+      box-shadow: inset 0 0 0 0.1rem #dcd6cb;
+      color: #d1cbbd;
+      fill: #d1cbbd; }
+  .cdr-button--secondary.cdr-button--elevated {
+      box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--secondary.cdr-button--elevated:hover, .cdr-button--secondary.cdr-button--elevated:focus {
+        box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--secondary.cdr-button--elevated:active {
+        box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--dark {
+    background-color: #4e4d49;
+    box-shadow: inset 0 0 0 0.1rem #4e4d49;
+    color: #f9f8f6;
+    fill: #f9f8f6; }
+  .cdr-button--dark:hover, .cdr-button--dark:focus {
+      color: #4e4d49;
+      fill: #4e4d49;
+      background-color: #edeae3;
+      box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--dark:active {
+      color: #f9f8f6;
+      fill: #f9f8f6;
+      background-color: #4e4d49;
+      box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3; }
+  .cdr-button--dark[disabled] {
+      background-color: #dcd6cb;
+      box-shadow: inset 0 0 0 0.1rem #dcd6cb;
+      color: #ffffff;
+      fill: #ffffff; }
+  .cdr-button--dark.cdr-button--elevated {
+      box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--dark.cdr-button--elevated:hover, .cdr-button--dark.cdr-button--elevated:focus {
+        box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--dark.cdr-button--elevated:active {
+        box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--sale {
+    background-color: #c7370f;
+    box-shadow: inset 0 0 0 0.1rem #c7370f;
+    color: #ffffff;
+    fill: #ffffff; }
+  .cdr-button--sale:hover, .cdr-button--sale:focus {
+      color: #c7370f;
+      fill: #c7370f;
+      background-color: #f4f2ed;
+      box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--sale:active {
+      color: #ffffff;
+      fill: #ffffff;
+      background-color: #c7370f;
+      box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed; }
+  .cdr-button--sale[disabled] {
+      background-color: #dcd6cb;
+      box-shadow: inset 0 0 0 0.1rem #dcd6cb;
+      color: #ffffff;
+      fill: #ffffff; }
+  .cdr-button--sale.cdr-button--elevated {
+      box-shadow: inset 0 0 0 0.1rem #c7370f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--sale.cdr-button--elevated:hover, .cdr-button--sale.cdr-button--elevated:focus {
+        box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--sale.cdr-button--elevated:active {
+        box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--link {
+    color: #406eb5;
+    fill: #406eb5;
+    background-color: transparent;
+    text-decoration: underline; }
+  .cdr-button--link:active, .cdr-button--link:focus {
+      color: #0b2d60; }
+  .cdr-button--link:hover {
+      color: #406eb5;
+      text-decoration: none; }
+  .cdr-button--link:focus {
+      outline: 0.2rem solid Highlight;
+      outline-color: -webkit-focus-ring-color;
+      outline-offset: 0; }
+  .cdr-button--large {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 500;
+    letter-spacing: -0.008rem;
+    font-size: 1.8rem;
+    line-height: 2.4rem;
+    padding: 1.2rem 2.4rem;
+    width: auto; }
+  .cdr-button--large.cdr-button--has-icon-left {
+      padding-left: 2rem; }
+  .cdr-button--large.cdr-button--has-icon-right {
+      padding-right: 2rem; }
+  .cdr-button--large svg {
+      /* This is to correct icon size vs line height */
+      width: 2.4rem;
+      height: 2.4rem; }
+  .cdr-button--medium {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 500;
+    letter-spacing: -0.008rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    padding: 0.8rem 1.6rem;
+    width: auto; }
+  .cdr-button--medium.cdr-button--has-icon-left {
+      padding-left: 1.2rem; }
+  .cdr-button--medium.cdr-button--has-icon-right {
+      padding-right: 1.2rem; }
+  .cdr-button--medium svg {
+      /* This is to correct icon size vs line height */
+      width: 2.4rem;
+      height: 2.4rem; }
+  .cdr-button--small {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 500;
+    letter-spacing: -0.008rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    padding: 0.6rem 1.2rem;
+    width: auto; }
+  .cdr-button--small.cdr-button--has-icon-left {
+      padding-left: 0.8rem; }
+  .cdr-button--small.cdr-button--has-icon-right {
+      padding-right: 0.8rem; }
+  .cdr-button--small svg {
+      /* This is to correct icon size vs line height */
+      width: 2rem;
+      height: 2rem; }
+  .cdr-button--icon-only {
+    background: none;
+    border: none;
+    border-radius: 0.2rem;
+    box-shadow: none;
+    display: inline-block;
+    line-height: normal;
+    padding: 0.8rem;
+    fill: #928b80; }
+  .cdr-button--icon-only:hover {
+      background: none;
+      box-shadow: none;
+      border: none;
+      fill: #928b80; }
+  .cdr-button--icon-only:active, .cdr-button--icon-only:focus {
+      background: none;
+      outline: none;
+      border: none;
+      box-shadow: none;
+      fill: #928b80; }
+  .cdr-button--icon-only:active svg, .cdr-button--icon-only:focus svg {
+        box-shadow: inset 0 0 0 0.1rem #928b80; }
+  .cdr-button--icon-only[disabled] {
+      background: transparent;
+      box-shadow: none;
+      border: none;
+      fill: #dcd6cb; }
+  .cdr-button--icon-only > svg {
+      margin: 0; }
+  .cdr-button--icon-only-large {
+    padding: 1.2rem; }
+  .cdr-button--with-background {
+    border-radius: 50%;
+    fill: #928b80;
+    background-color: #f9f8f6;
+    box-shadow: inset 0 0 0 0.1rem #928b80; }
+  .cdr-button--with-background:hover, .cdr-button--with-background:focus {
+      fill: #928b80;
+      background-color: #f4f2ed;
+      box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
+  .cdr-button--with-background:hover svg, .cdr-button--with-background:focus svg {
+        box-shadow: none; }
+  .cdr-button--with-background:active {
+      color: #f9f8f6;
+      fill: #f9f8f6;
+      background-color: #928b80;
+      box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
+  .cdr-button--with-background:active svg {
+        box-shadow: none; }
+  .cdr-button--with-background[disabled] {
+      background-color: #f9f8f6;
+      box-shadow: inset 0 0 0 0.1rem #dcd6cb;
+      fill: #d1cbbd; }
+  .cdr-button--full-width {
+    width: 100% !important;
+    justify-content: center; }
+  @media (min-width: 0) and (max-width: 767px) {
+    .cdr-button--small\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding: 0.6rem 1.2rem;
+      width: auto; }
+      .cdr-button--small\@xs.cdr-button--has-icon-left {
+        padding-left: 0.8rem; }
+      .cdr-button--small\@xs.cdr-button--has-icon-right {
+        padding-right: 0.8rem; }
+      .cdr-button--small\@xs svg {
+        /* This is to correct icon size vs line height */
+        width: 2rem;
+        height: 2rem; }
+    .cdr-button--medium\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding: 0.8rem 1.6rem;
+      width: auto; }
+      .cdr-button--medium\@xs.cdr-button--has-icon-left {
+        padding-left: 1.2rem; }
+      .cdr-button--medium\@xs.cdr-button--has-icon-right {
+        padding-right: 1.2rem; }
+      .cdr-button--medium\@xs svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--large\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      padding: 1.2rem 2.4rem;
+      width: auto; }
+      .cdr-button--large\@xs.cdr-button--has-icon-left {
+        padding-left: 2rem; }
+      .cdr-button--large\@xs.cdr-button--has-icon-right {
+        padding-right: 2rem; }
+      .cdr-button--large\@xs svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--fullWidth\@xs {
+      width: 100% !important;
+      justify-content: center; } }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .cdr-button--small\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding: 0.6rem 1.2rem;
+      width: auto; }
+      .cdr-button--small\@sm.cdr-button--has-icon-left {
+        padding-left: 0.8rem; }
+      .cdr-button--small\@sm.cdr-button--has-icon-right {
+        padding-right: 0.8rem; }
+      .cdr-button--small\@sm svg {
+        /* This is to correct icon size vs line height */
+        width: 2rem;
+        height: 2rem; }
+    .cdr-button--medium\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding: 0.8rem 1.6rem;
+      width: auto; }
+      .cdr-button--medium\@sm.cdr-button--has-icon-left {
+        padding-left: 1.2rem; }
+      .cdr-button--medium\@sm.cdr-button--has-icon-right {
+        padding-right: 1.2rem; }
+      .cdr-button--medium\@sm svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--large\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      padding: 1.2rem 2.4rem;
+      width: auto; }
+      .cdr-button--large\@sm.cdr-button--has-icon-left {
+        padding-left: 2rem; }
+      .cdr-button--large\@sm.cdr-button--has-icon-right {
+        padding-right: 2rem; }
+      .cdr-button--large\@sm svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--fullWidth\@sm {
+      width: 100% !important;
+      justify-content: center; } }
+  @media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-button--small\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding: 0.6rem 1.2rem;
+      width: auto; }
+      .cdr-button--small\@md.cdr-button--has-icon-left {
+        padding-left: 0.8rem; }
+      .cdr-button--small\@md.cdr-button--has-icon-right {
+        padding-right: 0.8rem; }
+      .cdr-button--small\@md svg {
+        /* This is to correct icon size vs line height */
+        width: 2rem;
+        height: 2rem; }
+    .cdr-button--medium\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding: 0.8rem 1.6rem;
+      width: auto; }
+      .cdr-button--medium\@md.cdr-button--has-icon-left {
+        padding-left: 1.2rem; }
+      .cdr-button--medium\@md.cdr-button--has-icon-right {
+        padding-right: 1.2rem; }
+      .cdr-button--medium\@md svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--large\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      padding: 1.2rem 2.4rem;
+      width: auto; }
+      .cdr-button--large\@md.cdr-button--has-icon-left {
+        padding-left: 2rem; }
+      .cdr-button--large\@md.cdr-button--has-icon-right {
+        padding-right: 2rem; }
+      .cdr-button--large\@md svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--fullWidth\@md {
+      width: 100% !important;
+      justify-content: center; } }
+  @media (min-width: 1232px) {
+    .cdr-button--small\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding: 0.6rem 1.2rem;
+      width: auto; }
+      .cdr-button--small\@lg.cdr-button--has-icon-left {
+        padding-left: 0.8rem; }
+      .cdr-button--small\@lg.cdr-button--has-icon-right {
+        padding-right: 0.8rem; }
+      .cdr-button--small\@lg svg {
+        /* This is to correct icon size vs line height */
+        width: 2rem;
+        height: 2rem; }
+    .cdr-button--medium\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding: 0.8rem 1.6rem;
+      width: auto; }
+      .cdr-button--medium\@lg.cdr-button--has-icon-left {
+        padding-left: 1.2rem; }
+      .cdr-button--medium\@lg.cdr-button--has-icon-right {
+        padding-right: 1.2rem; }
+      .cdr-button--medium\@lg svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--large\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 500;
+      letter-spacing: -0.008rem;
+      font-size: 1.8rem;
+      line-height: 2.4rem;
+      padding: 1.2rem 2.4rem;
+      width: auto; }
+      .cdr-button--large\@lg.cdr-button--has-icon-left {
+        padding-left: 2rem; }
+      .cdr-button--large\@lg.cdr-button--has-icon-right {
+        padding-right: 2rem; }
+      .cdr-button--large\@lg svg {
+        /* This is to correct icon size vs line height */
+        width: 2.4rem;
+        height: 2.4rem; }
+    .cdr-button--fullWidth\@lg {
+      width: 100% !important;
+      justify-content: center; } }
+
+/* intentionally empty */
+.cdr-toast {
+  position: relative;
+  border-left: 0.4rem solid;
+  box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
+  margin-bottom: 1.6rem;
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.4rem;
+  line-height: 1.8rem; }
+@media (min-width: 768px) {
+    .cdr-toast {
+      width: 39rem; } }
+.cdr-toast__transition--toast-enter-from {
+    opacity: 0;
+    transform: translateX(2.4rem); }
+.cdr-toast__transition--toast-enter-active {
+    transition: all 0.5s cubic-bezier(0.32, 0.94, 0.6, 1); }
+.cdr-toast__transition--toast-leave-to {
+    opacity: 0; }
+.cdr-toast__transition--toast-leave-active {
+    transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
+.cdr-toast__main {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: "icon-left message close-button"; }
+.cdr-toast__icon-left {
+    width: 3.2rem;
+    grid-area: icon-left;
+    display: inherit;
+    align-items: center;
+    justify-items: center; }
+.cdr-toast__icon-left svg {
+      max-height: 2.2rem;
+      max-width: 2.2rem;
+      stroke: white;
+      stroke-width: 0.4rem;
+      paint-order: stroke fill;
+      margin: 0.4rem; }
+.cdr-toast__message {
+    display: inherit;
+    align-items: center;
+    grid-area: message;
+    padding: 0.7rem; }
+.cdr-toast__close-button {
+    display: inherit;
+    align-content: center;
+    grid-area: close-button;
+    max-height: 3.2rem; }
+.cdr-toast__close-button svg {
+      height: 2.2rem;
+      width: 2.2rem;
+      fill: rgba(3, 3, 1, 0.9) !important; }
+.cdr-toast--default {
+    border-left-color: #726d64; }
+.cdr-toast--default .cdr-toast__main {
+      background-color: #f9f8f6;
+      border-top: 0.1rem solid;
+      border-right: 0.1rem solid;
+      border-bottom: 0.1rem solid;
+      border-color: #e8e0ce; }
+.cdr-toast--default .cdr-toast__main .cdr-toast__icon-left {
+        background-color: #e8e0ce; }
+.cdr-toast--default .cdr-toast__main .cdr-toast__icon-left svg {
+          fill: #726d64; }
+.cdr-toast--info {
+    border-left-color: #408e86; }
+.cdr-toast--info .cdr-toast__main {
+      background-color: #edf4f5;
+      border-top: 0.1rem solid;
+      border-right: 0.1rem solid;
+      border-bottom: 0.1rem solid;
+      border-color: #c2d8db; }
+.cdr-toast--info .cdr-toast__main .cdr-toast__icon-left {
+        background-color: #c2d8db; }
+.cdr-toast--info .cdr-toast__main .cdr-toast__icon-left svg {
+          fill: #408e86; }
+.cdr-toast--warning {
+    border-left-color: #b68b37; }
+.cdr-toast--warning .cdr-toast__main {
+      background-color: #fefcf1;
+      border-top: 0.1rem solid;
+      border-right: 0.1rem solid;
+      border-bottom: 0.1rem solid;
+      border-color: #f5e9b7; }
+.cdr-toast--warning .cdr-toast__main .cdr-toast__icon-left {
+        background-color: #f5e9b7; }
+.cdr-toast--warning .cdr-toast__main .cdr-toast__icon-left svg {
+          fill: #b68b37; }
+.cdr-toast--success {
+    border-left-color: #3b8349; }
+.cdr-toast--success .cdr-toast__main {
+      background-color: #f4fbf5;
+      border-top: 0.1rem solid;
+      border-right: 0.1rem solid;
+      border-bottom: 0.1rem solid;
+      border-color: #d5e6cb; }
+.cdr-toast--success .cdr-toast__main .cdr-toast__icon-left {
+        background-color: #d5e6cb; }
+.cdr-toast--success .cdr-toast__main .cdr-toast__icon-left svg {
+          fill: #3b8349; }
+.cdr-toast--error {
+    border-left-color: #bb4045; }
+.cdr-toast--error .cdr-toast__main {
+      background-color: #fdf7f7;
+      border-top: 0.1rem solid;
+      border-right: 0.1rem solid;
+      border-bottom: 0.1rem solid;
+      border-color: #eecbc1; }
+.cdr-toast--error .cdr-toast__main svg {
+        fill: #bb4045; }
+.cdr-toast--error .cdr-toast__main .cdr-toast__icon-left {
+        background-color: #eecbc1; }
+.cdr-toast--error .cdr-toast__main .cdr-toast__icon-left svg {
+          fill: #bb4045; }
+
+@charset "UTF-8";
+.cdr-rating__icon {
+  width: 2.4rem;
+  height: 2.4rem;
+  font-size: 2.4rem; }
+.cdr-rating__count {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.4rem;
+  line-height: 1.8rem;
+  margin-left: 0.8rem; }
+.cdr-rating {
+  display: flex;
+  align-items: center;
+  position: relative;
+  line-height: 1;
+  color: rgba(12, 11, 8, 0.75);
+  /* Elements
+    ========================================================================== */
+  /* Placeholder
+    ========== */
+  /* Stars
+    ========== */
+  /* Modifiers
+    ========================================================================== */
+  /* Linked
+    ========== */
+  /* Large
+    ========== */
+  /* Medium
+    ========== */
+  /* Small
+    ========== */ }
+.cdr-rating__number {
+    font-weight: 600; }
+.cdr-rating__ratings {
+    display: flex; }
+.cdr-rating__icon {
+    position: relative;
+    z-index: 1; }
+.cdr-rating__caption-sr {
+    position: absolute;
+    width: 0.1rem;
+    height: 0.1rem;
+    padding: 0;
+    margin: -0.1rem;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0; }
+.cdr-rating__placeholder::after {
+    content: '';
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+.cdr-rating__placeholder::before {
+    content: "☆";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 0.5em;
+    color: #BD7B2D;
+    width: auto;
+    overflow: hidden; }
+.cdr-rating__placeholder--no-reviews::after {
+    content: '';
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23928B80' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+.cdr-rating__placeholder--no-reviews::before {
+    content: "☆";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 0.5em;
+    color: #BD7B2D;
+    width: auto;
+    overflow: hidden; }
+.cdr-rating__100::after {
+    content: '';
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+.cdr-rating__100::before {
+    content: "★";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 0.5em;
+    color: #BD7B2D;
+    width: auto;
+    overflow: hidden; }
+.cdr-rating__75::after {
+    content: '';
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M14.175 17.967l2.639 1.668-1.274-5.767 4.284-3.907-5.643-.515z'/%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M14.182 9.453L12 4.041l-2.179 5.41-5.645.51 4.284 3.907-1.274 5.767L12 16.579l2.18 1.389z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006 1.669-7.552-5.535-5.048 7.298-.66L12 1.364zm0 2.677L9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767L12 16.579l2.007 1.273v-8.83L12 4.042zm2.507 5.439v8.689l2.307 1.466-1.274-5.767 4.284-3.907-5.317-.481z'/%3E %3C/g%3E %3C/svg%3E");
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+.cdr-rating__75::before {
+    content: "★";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(calc(-50% - 0.125em), -50%);
+    font-size: 0.5em;
+    color: #BD7B2D;
+    width: 0.75em;
+    overflow: hidden; }
+.cdr-rating__50::after {
+    content: '';
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M16.815 19.635l-4.817-3.009-.006-12.615 2.188 5.44 5.645.51-4.284 3.907z'/%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M7.186 19.635L12 16.579V4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006 1.669-7.552-5.535-5.048 7.298-.66L12 1.364zm-.247 3.289L9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767 4.567-2.9V4.653zm.5.015v12.07l4.561 2.897-1.274-5.767 4.284-3.907-5.645-.51-1.926-4.783z'/%3E %3C/g%3E %3C/svg%3E");
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+.cdr-rating__50::before {
+    content: "★";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(calc(-50% - 0.25em), -50%);
+    font-size: 0.5em;
+    color: #BD7B2D;
+    width: 0.5em;
+    overflow: hidden; }
+.cdr-rating__25::after {
+    content: '';
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M9.822 17.968l-2.633 1.667 1.274-5.767-4.284-3.907 5.643-.515z'/%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M9.816 9.453l2.182-5.412 2.179 5.41 5.645.51-4.284 3.907 1.274 5.767-4.814-3.056-2.18 1.389z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.145 7.298.66-5.535 5.048 1.669 7.552L12 17.763 5.69 21.77l1.669-7.552L1.824 9.17l7.298-.66L12 1.365zM9.503 9.479l-5.327.482 4.284 3.907-1.274 5.767 2.317-1.472V9.479zM12 4.04l-1.997 4.957v8.848L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04z'/%3E %3C/g%3E %3C/svg%3E");
+    background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+.cdr-rating__25::before {
+    content: "★";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(calc(-50% - 0.335em), -50%);
+    font-size: 0.5em;
+    color: #BD7B2D;
+    width: 0.33em;
+    overflow: hidden; }
+.cdr-rating--linked {
+    display: inline-flex;
+    text-decoration: none; }
+.cdr-rating--linked .cdr-rating__count:hover, .cdr-rating--linked .cdr-rating__count:active, .cdr-rating--linked .cdr-rating__count:focus {
+      color: #406eb5;
+      text-decoration: underline; }
+.cdr-rating--linked .cdr-rating__count > .cdr-rating__number {
+      border-right: 0.1rem solid #b2ab9f;
+      padding: 0 0.6rem;
+      margin-right: 0.6rem; }
+.cdr-rating--large .cdr-rating__icon {
+    width: 3.2rem;
+    height: 3.2rem;
+    font-size: 3.2rem; }
+.cdr-rating--large .cdr-rating__count {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem; }
+.cdr-rating--medium .cdr-rating__icon {
+    width: 2.4rem;
+    height: 2.4rem;
+    font-size: 2.4rem; }
+.cdr-rating--medium .cdr-rating__count {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    margin-left: 0.8rem; }
+.cdr-rating--small .cdr-rating__icon {
+    width: 1.6rem;
+    height: 1.6rem;
+    font-size: 1.6rem; }
+.cdr-rating--small .cdr-rating__count {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.008rem;
+    font-size: 1.2rem;
+    line-height: 1.6rem;
+    margin-left: 0.4rem; }
+@media (min-width: 0) and (max-width: 767px) {
+    .cdr-rating--small\@xs .cdr-rating__icon {
+      width: 1.6rem;
+      height: 1.6rem;
+      font-size: 1.6rem; }
+    .cdr-rating--small\@xs .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.008rem;
+      font-size: 1.2rem;
+      line-height: 1.6rem;
+      margin-left: 0.4rem; }
+    .cdr-rating--medium\@xs .cdr-rating__icon {
+      width: 2.4rem;
+      height: 2.4rem;
+      font-size: 2.4rem; }
+    .cdr-rating--medium\@xs .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      margin-left: 0.8rem; }
+    .cdr-rating--large\@xs .cdr-rating__icon {
+      width: 3.2rem;
+      height: 3.2rem;
+      font-size: 3.2rem; }
+    .cdr-rating--large\@xs .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem; } }
+@media (min-width: 768px) and (max-width: 991px) {
+    .cdr-rating--small\@sm .cdr-rating__icon {
+      width: 1.6rem;
+      height: 1.6rem;
+      font-size: 1.6rem; }
+    .cdr-rating--small\@sm .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.008rem;
+      font-size: 1.2rem;
+      line-height: 1.6rem;
+      margin-left: 0.4rem; }
+    .cdr-rating--medium\@sm .cdr-rating__icon {
+      width: 2.4rem;
+      height: 2.4rem;
+      font-size: 2.4rem; }
+    .cdr-rating--medium\@sm .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      margin-left: 0.8rem; }
+    .cdr-rating--large\@sm .cdr-rating__icon {
+      width: 3.2rem;
+      height: 3.2rem;
+      font-size: 3.2rem; }
+    .cdr-rating--large\@sm .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem; } }
+@media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-rating--small\@md .cdr-rating__icon {
+      width: 1.6rem;
+      height: 1.6rem;
+      font-size: 1.6rem; }
+    .cdr-rating--small\@md .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.008rem;
+      font-size: 1.2rem;
+      line-height: 1.6rem;
+      margin-left: 0.4rem; }
+    .cdr-rating--medium\@md .cdr-rating__icon {
+      width: 2.4rem;
+      height: 2.4rem;
+      font-size: 2.4rem; }
+    .cdr-rating--medium\@md .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      margin-left: 0.8rem; }
+    .cdr-rating--large\@md .cdr-rating__icon {
+      width: 3.2rem;
+      height: 3.2rem;
+      font-size: 3.2rem; }
+    .cdr-rating--large\@md .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem; } }
+@media (min-width: 1232px) {
+    .cdr-rating--small\@lg .cdr-rating__icon {
+      width: 1.6rem;
+      height: 1.6rem;
+      font-size: 1.6rem; }
+    .cdr-rating--small\@lg .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.008rem;
+      font-size: 1.2rem;
+      line-height: 1.6rem;
+      margin-left: 0.4rem; }
+    .cdr-rating--medium\@lg .cdr-rating__icon {
+      width: 2.4rem;
+      height: 2.4rem;
+      font-size: 2.4rem; }
+    .cdr-rating--medium\@lg .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      margin-left: 0.8rem; }
+    .cdr-rating--large\@lg .cdr-rating__icon {
+      width: 3.2rem;
+      height: 3.2rem;
+      font-size: 3.2rem; }
+    .cdr-rating--large\@lg .cdr-rating__count {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem; } }
+
+/* intentionally empty */
+.cdr-tooltip--position {
+  position: relative; }
+.cdr-tooltip--wrapper {
+  width: -webkit-max-content;
+  width: max-content;
+  height: -webkit-max-content;
+  height: max-content; }
+.cdr-tooltip--wrapper .cdr-popup--closed {
+    position: absolute;
+    width: 0.1rem;
+    height: 0.1rem;
+    padding: 0;
+    margin: -0.1rem;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0; }
+.cdr-tooltip--wrapper .cdr-popup__content {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 600;
+    letter-spacing: -0.008rem;
+    font-size: 1.2rem;
+    line-height: 1.6rem;
+    background: #373734;
+    color: #f9f8f6;
+    border: 0.1rem solid #f9f8f6;
+    padding: 0.6rem 1.2rem; }
+.cdr-tooltip--wrapper .cdr-popup--bottom .cdr-popup__arrow::before {
+    border-bottom-color: #f9f8f6; }
+.cdr-tooltip--wrapper .cdr-popup--bottom .cdr-popup__arrow::after {
+    border-bottom-color: #373734; }
+.cdr-tooltip--wrapper .cdr-popup--top .cdr-popup__arrow::before {
+    border-top-color: #f9f8f6; }
+.cdr-tooltip--wrapper .cdr-popup--top .cdr-popup__arrow::after {
+    border-top-color: #373734; }
+.cdr-tooltip--wrapper .cdr-popup--right .cdr-popup__arrow::before {
+    border-right-color: #f9f8f6; }
+.cdr-tooltip--wrapper .cdr-popup--right .cdr-popup__arrow::after {
+    border-right-color: #373734; }
+.cdr-tooltip--wrapper .cdr-popup--left .cdr-popup__arrow::before {
+    border-left-color: #f9f8f6; }
+.cdr-tooltip--wrapper .cdr-popup--left .cdr-popup__arrow::after {
+    border-left-color: #373734; }
+
+.cdr-label-wrapper {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  padding: 0.8rem;
+  padding-left: 3.2rem;
+  padding-right: 1.2rem;
+  color: rgba(12, 11, 8, 0.75);
+  background-color: rgba(244, 242, 237, 0.15);
+  border-radius: 0.4rem;
+  width: 100%;
+  display: inline-block;
+  margin: 0;
+  display: flex;
+  align-items: flex-start;
+  flex-grow: 1;
+  position: relative;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  /* Sizes
+    ========================================================================== */
+  /* Breakpoint variants
+
+  /* @xs
+    0px - 767px
+    ========== */
+  /* @sm
+    768px - 991px
+    ========== */
+  /* @md
+    992px - 1199px
+    ========== */
+  /* @lg
+    1200px and up
+    ========== */ }
+  .cdr-label-wrapper__container {
+    font-size: 0;
+    line-height: 1; }
+  .cdr-label-wrapper input {
+    position: absolute;
+    opacity: 0;
+    z-index: -1; }
+  .cdr-label-wrapper--primary:hover {
+    background-color: #f9f8f6;
+    cursor: pointer; }
+  .cdr-label-wrapper--primary:focus-within {
+    background-color: #f9f8f6;
+    box-shadow: inset 0 0 0 0.2rem #20201d; }
+  .cdr-label-wrapper--primary:active {
+    background-color: #edeae3; }
+  .cdr-label-wrapper--secondary {
+    background-color: rgba(244, 242, 237, 0.15); }
+  .cdr-label-wrapper--secondary:hover {
+      background-color: rgba(255, 255, 255, 0.75);
+      cursor: pointer; }
+  .cdr-label-wrapper--secondary:focus-within {
+      background-color: rgba(255, 255, 255, 0.75); }
+  .cdr-label-wrapper--secondary:active {
+      background-color: #ffffff; }
+  .cdr-label-wrapper--disabled {
+    color: #d1cbbd !important;
+    cursor: not-allowed !important; }
+  .cdr-label-wrapper--disabled:hover, .cdr-label-wrapper--disabled:focus-within, .cdr-label-wrapper--disabled:active {
+      background-color: transparent !important; }
+  .cdr-label-wrapper--disabled .cdr-label-wrapper__figure {
+      cursor: not-allowed !important; }
+  .cdr-label-wrapper__figure {
+    top: 1.1rem;
+    width: 1.6rem;
+    height: 1.6rem;
+    position: absolute;
+    left: 0.8rem;
+    border-radius: 0.4rem;
+    background-color: rgba(244, 242, 237, 0.15);
+    box-shadow: 0 0 0 0.1rem #928b80;
+    transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0); }
+  .cdr-label-wrapper__figure::after {
+      width: 0.4rem;
+      height: 0.4rem; }
+  .cdr-label-wrapper__content {
+    -webkit-user-select: text;
+        -ms-user-select: text;
+            user-select: text; }
+  .cdr-label-wrapper--hide-figure {
+    padding-left: 0; }
+  .cdr-label-wrapper--hide-figure > .cdr-label-wrapper__figure {
+      display: none; }
+  .cdr-label-wrapper--small {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    padding-left: 3.2rem; }
+  .cdr-label-wrapper--small > .cdr-label-wrapper__figure {
+      width: 1.6rem;
+      height: 1.6rem; }
+  .cdr-label-wrapper--small > .cdr-label-wrapper__figure::after {
+        width: 0.4rem;
+        height: 0.4rem; }
+  .cdr-label-wrapper--medium {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    padding-left: 3.2rem; }
+  .cdr-label-wrapper--medium > .cdr-label-wrapper__figure {
+      width: 1.6rem;
+      height: 1.6rem; }
+  .cdr-label-wrapper--medium > .cdr-label-wrapper__figure::after {
+        width: 0.4rem;
+        height: 0.4rem; }
+  .cdr-label-wrapper--large {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+    padding-left: 3.6rem; }
+  .cdr-label-wrapper--large > .cdr-label-wrapper__figure {
+      width: 2rem;
+      height: 2rem; }
+  .cdr-label-wrapper--large > .cdr-label-wrapper__figure::after {
+        width: 0.5rem;
+        height: 0.5rem; }
+  @media (min-width: 0) and (max-width: 767px) {
+    .cdr-label-wrapper--small\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--small\@xs > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--small\@xs > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--medium\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--medium\@xs > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--medium\@xs > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--large\@xs {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.6rem; }
+      .cdr-label-wrapper--large\@xs > .cdr-label-wrapper__figure {
+        width: 2rem;
+        height: 2rem; }
+        .cdr-label-wrapper--large\@xs > .cdr-label-wrapper__figure::after {
+          width: 0.5rem;
+          height: 0.5rem; } }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .cdr-label-wrapper--small\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--small\@sm > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--small\@sm > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--medium\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--medium\@sm > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--medium\@sm > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--large\@sm {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.6rem; }
+      .cdr-label-wrapper--large\@sm > .cdr-label-wrapper__figure {
+        width: 2rem;
+        height: 2rem; }
+        .cdr-label-wrapper--large\@sm > .cdr-label-wrapper__figure::after {
+          width: 0.5rem;
+          height: 0.5rem; } }
+  @media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-label-wrapper--small\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--small\@md > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--small\@md > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--medium\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--medium\@md > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--medium\@md > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--large\@md {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.6rem; }
+      .cdr-label-wrapper--large\@md > .cdr-label-wrapper__figure {
+        width: 2rem;
+        height: 2rem; }
+        .cdr-label-wrapper--large\@md > .cdr-label-wrapper__figure::after {
+          width: 0.5rem;
+          height: 0.5rem; } }
+  @media (min-width: 1232px) {
+    .cdr-label-wrapper--small\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.4rem;
+      line-height: 1.8rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--small\@lg > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--small\@lg > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--medium\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.2rem; }
+      .cdr-label-wrapper--medium\@lg > .cdr-label-wrapper__figure {
+        width: 1.6rem;
+        height: 1.6rem; }
+        .cdr-label-wrapper--medium\@lg > .cdr-label-wrapper__figure::after {
+          width: 0.4rem;
+          height: 0.4rem; }
+    .cdr-label-wrapper--large\@lg {
+      font-family: Graphik, "Helvetica Neue", sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      letter-spacing: -0.016rem;
+      font-size: 1.6rem;
+      line-height: 2.2rem;
+      padding-left: 3.6rem; }
+      .cdr-label-wrapper--large\@lg > .cdr-label-wrapper__figure {
+        width: 2rem;
+        height: 2rem; }
+        .cdr-label-wrapper--large\@lg > .cdr-label-wrapper__figure::after {
+          width: 0.5rem;
+          height: 0.5rem; } }
+
+.cdr-form-error {
+  font-family: Graphik, "Helvetica Neue", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: -0.016rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
+  color: #b33322;
+  fill: #b33322;
+  margin-top: 0.4rem; }
+  .cdr-form-error__icon {
+    position: relative;
+    width: 1.8rem;
+    height: 1.8rem;
+    display: inline-block; }
+  .cdr-form-error__icon::after {
+      content: '';
+      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='9' cy='9' r='8' stroke='%23FFF5F5' stroke-width='2' opacity='0.75'/%3E %3Ccircle cx='9' cy='9' r='6.25' fill='white' stroke='%23B33322' stroke-width='1.5'/%3E %3Crect x='5.6416' y='6.70215' width='1.5' height='8' rx='0.75' transform='rotate(-45 5.6416 6.70215)' fill='%23B33322'/%3E %3C/svg%3E");
+      background-repeat: no-repeat;
+      position: absolute;
+      top: 0.2rem;
+      left: 0;
+      width: 100%;
+      height: 100%; }
+
+.cdr-label-standalone {
+  display: grid;
+  grid-template-areas: "label label info" "input input input" "post post post"; }
+  .cdr-label-standalone__label-wrapper {
+    grid-area: label; }
+  .cdr-label-standalone__label {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    color: rgba(12, 11, 8, 0.75);
+    margin: 0; }
+  .cdr-label-standalone__label--sr-only {
+      position: absolute;
+      width: 0.1rem;
+      height: 0.1rem;
+      padding: 0;
+      margin: -0.1rem;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      border: 0; }
+  .cdr-label-standalone__label--disabled {
+      color: #d1cbbd; }
+  .cdr-label-standalone__label--disabled .cdr-label-standalone__optional {
+        color: #d1cbbd; }
+  .cdr-label-standalone__optional {
+    color: rgba(66, 59, 47, 0.75); }
+  .cdr-label-standalone__helper {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    color: rgba(66, 59, 47, 0.75);
+    margin-top: 0.2rem; }
+  .cdr-label-standalone__info {
+    font-family: Graphik, "Helvetica Neue", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.016rem;
+    font-size: 1.4rem;
+    line-height: 1.8rem;
+    grid-area: info;
+    order: 2;
+    align-self: end;
+    justify-self: end; }
+  .cdr-label-standalone__post-content {
+    grid-area: post; }
+  .cdr-label-standalone__info-action {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 4rem; }
+  .cdr-label-standalone__input-wrap {
+    position: relative;
+    display: flex;
+    grid-area: input; }
+  .cdr-label-standalone__input-spacing {
+    margin-top: 0.8rem; }
+
+.cdr-icon {
+  display: inline-block;
+  vertical-align: middle;
+  flex: 0 0 auto;
+  width: 2.4rem;
+  height: 2.4rem;
+  fill: #928b80;
+  /* @xs
+    0px - 767px
+    ========== */
+  /* @sm
+    768px - 991px
+    ========== */
+  /* @md
+    992px - 1199px
+    ========== */
+  /* @lg
+    1200px and up
+    ========== */ }
+  .cdr-icon--small {
+    width: 1.6rem;
+    height: 1.6rem; }
+  .cdr-icon--large {
+    width: 3.2rem;
+    height: 3.2rem; }
+  @media (min-width: 0) and (max-width: 767px) {
+    .cdr-icon--small\@xs {
+      width: 1.6rem;
+      height: 1.6rem; }
+    .cdr-icon--large\@xs {
+      width: 3.2rem;
+      height: 3.2rem; } }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .cdr-icon--small\@sm {
+      width: 1.6rem;
+      height: 1.6rem; }
+    .cdr-icon--large\@sm {
+      width: 3.2rem;
+      height: 3.2rem; } }
+  @media (min-width: 992px) and (max-width: 1231px) {
+    .cdr-icon--small\@md {
+      width: 1.6rem;
+      height: 1.6rem; }
+    .cdr-icon--large\@md {
+      width: 3.2rem;
+      height: 3.2rem; } }
+  @media (min-width: 1232px) {
+    .cdr-icon--small\@lg {
+      width: 1.6rem;
+      height: 1.6rem; }
+    .cdr-icon--large\@lg {
+      width: 3.2rem;
+      height: 3.2rem; } }
+  .cdr-icon--inherit-color {
+  fill: inherit; }
+
+@keyframes :global(popup-exit-down) {
+  from {
+    top: calc(100% + 1.4rem); }
+  to {
+    top: 100%; } }
+
+@keyframes :global(popup-enter-down) {
+  from {
+    top: 100%; }
+  to {
+    top: calc(100% + 1.4rem); } }
+
+@keyframes :global(popup-arrow-exit-down) {
+  from {
+    bottom: -1.5rem; }
+  to {
+    bottom: 0; } }
+
+@keyframes :global(popup-arrow-enter-down) {
+  from {
+    bottom: 0; }
+  to {
+    bottom: -1.5rem; } }
+
+@keyframes :global(popup-exit-up) {
+  from {
+    bottom: calc(100% + 1.4rem); }
+  to {
+    bottom: 100%; } }
+
+@keyframes :global(popup-enter-up) {
+  from {
+    bottom: 100%; }
+  to {
+    bottom: calc(100% + 1.4rem); } }
+
+@keyframes :global(popup-arrow-exit-up) {
+  from {
+    top: -1.5rem; }
+  to {
+    top: 0; } }
+
+@keyframes :global(popup-arrow-enter-up) {
+  from {
+    top: 0; }
+  to {
+    top: -1.5rem; } }
+
+@keyframes :global(popup-exit-left) {
+  from {
+    right: calc(100% + 1.4rem); }
+  to {
+    right: 100%; } }
+
+@keyframes :global(popup-enter-left) {
+  from {
+    right: 100%; }
+  to {
+    right: calc(100% + 1.4rem); } }
+
+@keyframes :global(popup-arrow-exit-left) {
+  from {
+    left: -1.5rem; }
+  to {
+    left: 0; } }
+
+@keyframes :global(popup-arrow-enter-left) {
+  from {
+    left: 0; }
+  to {
+    left: -1.5rem; } }
+
+@keyframes :global(popup-exit-right) {
+  from {
+    left: calc(100% + 1.4rem); }
+  to {
+    left: 100%; } }
+
+@keyframes :global(popup-enter-right) {
+  from {
+    left: 100%; }
+  to {
+    left: calc(100% + 1.4rem); } }
+
+@keyframes :global(popup-arrow-exit-right) {
+  from {
+    right: -1.5rem; }
+  to {
+    right: 0; } }
+
+@keyframes :global(popup-arrow-enter-right) {
+  from {
+    right: 0; }
+  to {
+    right: -1.5rem; } }
+
+.cdr-popup {
+  opacity: 0;
+  transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
+
+.cdr-popup--open {
+    opacity: 1; }
+
+.cdr-popup--closed {
+    opacity: 0; }
+
+.cdr-popup__content {
+    animation-duration: 0.2s;
+    animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
+    animation-fill-mode: forwards;
+    background: #ffffff;
+    border: 0.1rem solid #928b80;
+    border-radius: 0.4rem;
+    box-shadow: 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
+    max-width: 28.6rem;
+    width: -webkit-max-content;
+    width: max-content;
+    position: absolute;
+    z-index: 100; }
+
+.cdr-popup__arrow::before, .cdr-popup__arrow::after {
+    content: '';
+    position: absolute;
+    margin: auto;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-color: transparent;
+    animation-duration: 0.2s;
+    animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
+    animation-fill-mode: forwards;
+    z-index: 100; }
+
+.cdr-popup__arrow::before {
+    border-width: 1rem; }
+
+.cdr-popup__arrow::after {
+    border-width: 0.9rem; }
+
+.cdr-popup--top .cdr-popup__content, .cdr-popup--top .cdr-popup__arrow::before, .cdr-popup--top .cdr-popup__arrow::after, .cdr-popup--bottom .cdr-popup__content, .cdr-popup--bottom .cdr-popup__arrow::before, .cdr-popup--bottom .cdr-popup__arrow::after {
+    left: 50%;
+    transform: translateX(-50%); }
+
+.cdr-popup--bottom.cdr-popup--open .cdr-popup__content :global {
+    animation-name: popup-enter-down; }
+
+.cdr-popup--bottom.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--bottom.cdr-popup--open .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-enter-down; }
+
+.cdr-popup--bottom.cdr-popup--exit .cdr-popup__content :global {
+    animation-name: popup-exit-down; }
+
+.cdr-popup--bottom.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--bottom.cdr-popup--exit .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-exit-down; }
+
+.cdr-popup--bottom .cdr-popup__content {
+    top: calc(100% + 1.4rem); }
+
+.cdr-popup--bottom .cdr-popup__arrow::before {
+    border-bottom-color: #928b80; }
+
+.cdr-popup--bottom .cdr-popup__arrow::after {
+    border-bottom-color: #ffffff; }
+
+.cdr-popup--top.cdr-popup--open .cdr-popup__content :global {
+    animation-name: popup-enter-up; }
+
+.cdr-popup--top.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--top.cdr-popup--open .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-enter-up; }
+
+.cdr-popup--top.cdr-popup--exit .cdr-popup__content :global {
+    animation-name: popup-exit-up; }
+
+.cdr-popup--top.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--top.cdr-popup--exit .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-exit-up; }
+
+.cdr-popup--top .cdr-popup__content {
+    bottom: calc(100% + 1.4rem); }
+
+.cdr-popup--top .cdr-popup__arrow::before {
+    border-top-color: #928b80; }
+
+.cdr-popup--top .cdr-popup__arrow::after {
+    border-top-color: #ffffff; }
+
+.cdr-popup--corner-left .cdr-popup__content {
+    left: 0;
+    transform: unset; }
+
+.cdr-popup--corner-right .cdr-popup__content {
+    left: unset;
+    right: 0;
+    transform: unset; }
+
+.cdr-popup--left .cdr-popup__content, .cdr-popup--left .cdr-popup__arrow::before, .cdr-popup--left .cdr-popup__arrow::after, .cdr-popup--right .cdr-popup__content, .cdr-popup--right .cdr-popup__arrow::before, .cdr-popup--right .cdr-popup__arrow::after {
+    top: 50%;
+    transform: translateY(-50%); }
+
+.cdr-popup--left.cdr-popup--open .cdr-popup__content :global {
+    animation-name: popup-enter-left; }
+
+.cdr-popup--left.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--left.cdr-popup--open .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-enter-left; }
+
+.cdr-popup--left.cdr-popup--exit .cdr-popup__content :global {
+    animation-name: popup-exit-left; }
+
+.cdr-popup--left.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--left.cdr-popup--exit .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-exit-left; }
+
+.cdr-popup--left .cdr-popup__content {
+    right: calc(100% + 1.4rem); }
+
+.cdr-popup--left .cdr-popup__arrow::before {
+    border-left-color: #928b80; }
+
+.cdr-popup--left .cdr-popup__arrow::after {
+    border-left-color: #ffffff; }
+
+.cdr-popup--right.cdr-popup--open .cdr-popup__content :global {
+    animation-name: popup-enter-right; }
+
+.cdr-popup--right.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--right.cdr-popup--open .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-enter-right; }
+
+.cdr-popup--right.cdr-popup--exit .cdr-popup__content :global {
+    animation-name: popup-exit-right; }
+
+.cdr-popup--right.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--right.cdr-popup--exit .cdr-popup__arrow::after :global {
+    animation-name: popup-arrow-exit-right; }
+
+.cdr-popup--right .cdr-popup__content {
+    left: calc(100% + 1.4rem); }
+
+.cdr-popup--right .cdr-popup__arrow::before {
+    border-right-color: #928b80; }
+
+.cdr-popup--right .cdr-popup__arrow::after {
+    border-right-color: #ffffff; }
+
+.cdr-popup--corner-top .cdr-popup__content {
+    top: 0;
+    transform: unset; }
+
+.cdr-popup--corner-bottom .cdr-popup__content {
+    top: unset;
+    bottom: 0;
+    transform: unset; }