:root {
        --color-primary: #24439D;
        --color-primary-170: #101e47;
        --color-primary-120: #1c347a;
        --color-primary-90: #3a57a8;
        --color-primary-75: #6076b8;
        --color-primary-60: #8697ca;
        --color-primary-50: #a1aed5;
        --color-primary-40: #bcc6e1;
        --color-primary-25: #d7dded;
        --color-primary-20: #e3e8f5;
        --color-primary-10: #f1f4fa;
        --color-page-bg: #ffffff;
        --color-button: #2b4197;
        --color-button-hover: #f5865d;
        --color-secondary: #dbe5ff;
        --color-secondary-50: #eef3ff;
        --color-white: #ffffff;
        --color-text: #282828;
        --color-muted: #56655f;
        --color-border: #d9e8e3;
        --color-border-strong: #8db4a8;
        --color-field: #ffffff;
        --color-error: #af0e0e;
        --color-error-bg: #fff4f4;
        --color-success: #237a45;
        --color-success-bg: #ecfdf3;
        --color-focus: #0060e6;
        --container-width: 1352px;
        --form-width: 760px;
        --step-content-width: 640px;
        --summary-width: 430px;
        --content-gap: 50px;
        --content-shell-width: calc(var(--form-width) + var(--content-gap) + var(--summary-width));
        --radius: 8px;
        --icon-location: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z'/%3E%3C/svg%3E");
        --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z'/%3E%3C/svg%3E");
        --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M210-496 382-324 750-692' fill='none' stroke='black' stroke-width='92' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        --icon-dropdown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%236076b8' d='M480-310 226-564l76-76 178 178 178-178 76 76-254 254Z'/%3E%3C/svg%3E");
      }

      * {
        box-sizing: border-box;
      }

      html {
        min-width: 320px;
        background: var(--color-page-bg);
        color: var(--color-text);
        font-family: "Inter", Arial, Helvetica, sans-serif;
        font-size: 15px;
        line-height: 1.5;
      }

      body {
        min-width: 320px;
        margin: 0;
        background: var(--color-page-bg);
        color: var(--color-text);
      }

      body.is-submitting {
        cursor: progress;
      }

      button,
      input,
      select,
      textarea {
        font: inherit;
      }

      button {
        cursor: pointer;
      }

      a {
        color: var(--color-primary);
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 0.18em;
      }

      a:focus-visible,
      button:focus-visible,
      input:focus-visible,
      select:focus-visible,
      textarea:focus-visible,
      .order-flow-section-heading h2:focus-visible {
        outline: 3px solid var(--color-focus);
        outline-offset: 3px;
      }

      [hidden] {
        display: none !important;
      }

      .the-flow-header {
        background: var(--color-white);
        border-bottom: 1px solid var(--color-primary-20);
      }

      .container {
        width: min(calc(100% - 32px), var(--container-width));
        margin: 0 auto;
      }

      .the-flow-header__inner {
        display: flex;
        width: min(calc(100% - 32px), var(--content-shell-width));
        min-height: 88px;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
      }

      .the-flow-header__brand {
        display: inline-flex;
        min-width: 0;
        align-items: center;
        gap: 14px;
        color: var(--color-primary);
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
      }

      .the-flow-header__logo {
        display: inline-flex;
        width: 92px;
        height: 40px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
      }

      .the-flow-header__logo img {
        display: block;
        width: 92px;
        max-width: 100%;
        height: auto;
      }

      .the-flow-header__name {
        min-width: 0;
        overflow-wrap: anywhere;
      }

      .the-flow-header__abort {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        gap: 10px;
        color: var(--color-primary);
        font-size: 0.95rem;
        font-weight: 600;
        text-decoration: none;
      }

      .the-flow-header__abort-icon {
        display: inline-flex;
        width: 22px;
        height: 22px;
        align-items: center;
        justify-content: center;
        color: var(--color-primary);
        line-height: 0;
      }

      .the-flow-header__abort-icon svg {
        display: block;
        width: 22px;
        height: 22px;
        fill: currentColor;
      }

      .orderflow-page {
        padding: 42px 0 72px;
      }

      .component-header {
        width: min(100%, var(--content-shell-width));
        margin: 0 auto 32px;
        color: var(--color-primary);
        font-weight: 600;
        hyphens: none;
        overflow-wrap: break-word;
      }

      .component-header h1 {
        margin: 0;
        color: var(--color-primary);
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 0.98;
      }

      .orderflow-page-content {
        display: grid;
        width: min(100%, var(--content-shell-width));
        margin: 0 auto;
        grid-template-columns: minmax(0, var(--form-width)) minmax(320px, var(--summary-width));
        gap: var(--content-gap);
        align-items: start;
      }

      .orderflow-page-content__form,
      .orderflow-page-content__summary {
        min-width: 0;
      }

      .orderflow-page-content__summary {
        position: sticky;
        top: 24px;
        align-self: start;
        height: fit-content;
        overflow: visible;
      }

      .order-flow {
        display: grid;
        gap: 14px;
      }

      .order-flow-section {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: var(--radius);
        background: var(--color-white);
      }

      .order-flow-section::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 4;
        border: 2px solid var(--color-primary-20);
        border-radius: inherit;
        pointer-events: none;
        transition: border-color 160ms ease;
      }

      .order-flow-section--current {
        z-index: 5;
        overflow: visible;
      }

      .order-flow-section--current::before {
        border-color: var(--color-primary);
      }

      .order-flow-section--complete::before {
        border-color: var(--color-primary);
      }

      .order-flow-section-row {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr) minmax(96px, auto);
        min-width: 0;
      }

      .order-flow-section-row--header {
        position: relative;
        z-index: 1;
        min-height: 86px;
        align-items: stretch;
        border-radius: var(--radius) var(--radius) 0 0;
        background: var(--color-white);
      }

      .order-flow-section-row--header .order-flow-section-row-column__inner {
        min-height: 86px;
      }

      .order-flow-section--current .order-flow-section-row--header,
      .order-flow-section--complete .order-flow-section-row--header {
        background: var(--color-primary-10);
      }

      .order-flow-section-row--form {
        position: relative;
        z-index: 1;
        display: none;
      }

      .order-flow-section-row--form::before {
        content: "";
        position: absolute;
        top: 0;
        right: 2px;
        left: 2px;
        border-top: 1px solid var(--color-primary-20);
        pointer-events: none;
      }

      .order-flow-section--current .order-flow-section-row--form {
        z-index: 5;
        display: block;
      }

      .order-flow-section-row-column {
        min-width: 0;
      }

      .order-flow-section-row-column__inner {
        min-width: 0;
      }

      .order-flow-section-row-column--status .order-flow-section-row-column__inner,
      .order-flow-section-row-column--action .order-flow-section-row-column__inner {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
      }

      .order-flow-section-row-column--action .order-flow-section-row-column__inner {
        justify-content: flex-end;
        padding-right: 14px;
      }

      .order-flow-section-row-column--content .order-flow-section-row-column__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 16px 16px 16px 0;
      }

      .order-flow-section-row--form {
        padding: 0 32px 32px;
      }

      .height-transition {
        overflow: hidden;
      }

      .order-flow-section--current .height-transition {
        overflow: visible;
      }

      .order-flow-section-content-expanding-area {
        padding-top: 28px;
      }

      .order-flow-section-form {
        width: min(100%, var(--step-content-width));
        min-width: 0;
        margin: 0 auto;
      }

      .order-flow-section-status-badge {
        display: inline-grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 50%;
        background: var(--color-primary-20);
        color: var(--color-primary);
        font-size: 0.9rem;
        font-weight: 600;
      }

      .order-flow-section-status-badge span {
        display: inline-grid;
        place-items: center;
      }

      .order-flow-section--current .order-flow-section-status-badge {
        background: var(--color-primary);
        color: var(--color-white);
      }

      .order-flow-section--complete .order-flow-section-status-badge {
        background: var(--color-primary);
        color: var(--color-white);
      }

      .order-flow-section--complete .order-flow-section-status-badge span {
        width: 18px;
        height: 18px;
        font-size: 0;
      }

      .order-flow-section--complete .order-flow-section-status-badge span::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background: currentColor;
        -webkit-mask: var(--icon-check) center / contain no-repeat;
        mask: var(--icon-check) center / contain no-repeat;
      }

      .order-flow-section-heading h2 {
        margin: 0;
        color: var(--color-primary);
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.25;
      }

      .order-flow-section-summary {
        display: none;
        margin: 6px 0 0;
        color: var(--color-primary-75);
        font-size: 0.95rem;
        line-height: 1.4;
      }

      .order-flow-section--complete .order-flow-section-summary {
        display: block;
      }

      .order-flow-section-toggle {
        min-height: 38px;
        padding: 8px 14px;
        border: 1px solid var(--color-primary-40);
        border-radius: 999px;
        background: var(--color-white);
        color: var(--color-primary);
        font-size: 0.88rem;
        font-weight: 600;
      }

      .order-flow-section-toggle:hover:not(:disabled) {
        border-color: var(--color-primary);
        background: var(--color-primary-10);
      }

      .order-flow-section-toggle:disabled {
        visibility: hidden;
        cursor: default;
      }

      .order-flow-section__header {
        width: min(100%, var(--step-content-width));
        margin: 0 auto 22px;
      }

      .order-flow-section__kicker {
        display: none;
      }

      .order-flow-section__title {
        display: none;
      }

      .order-flow-section__intro {
        max-width: none;
        margin: 0;
        color: var(--color-muted);
        font-size: 1rem;
      }

      .field-grid {
        display: grid;
        gap: 18px;
      }

      .field-grid--two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .field-grid--three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .product-selection {
        margin-top: 18px;
      }

      .field {
        min-width: 0;
      }

      .field--full {
        grid-column: 1 / -1;
      }

      .field label,
      .field-label {
        display: block;
        margin: 0 0 7px;
        color: var(--color-primary);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.3;
      }

      .field-hint,
      .field-error {
        margin: 7px 0 0;
        font-size: 0.9rem;
        line-height: 1.4;
      }

      .field-hint {
        color: var(--color-muted);
      }

      .field-error {
        display: none;
        color: var(--color-error);
        font-weight: 600;
      }

      .field.has-error .field-error {
        display: block;
      }

      .identity-input-wrap {
        position: relative;
      }

      .identity-input-wrap input {
        padding-right: 48px;
      }

      .identity-status-icon {
        position: absolute;
        top: 50%;
        right: 14px;
        display: inline-grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 50%;
        color: var(--color-primary);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-50%);
      }

      input[data-identity-validation-state="loading"] + .identity-status-icon,
      input[data-identity-validation-state="valid"] + .identity-status-icon {
        opacity: 1;
      }

      input[data-identity-validation-state="loading"] + .identity-status-icon::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 2px solid var(--color-primary-20);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
      }

      input[data-identity-validation-state="valid"] + .identity-status-icon {
        background: var(--color-success);
        color: var(--color-white);
      }

      input[data-identity-validation-state="valid"] + .identity-status-icon::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background: currentColor;
        -webkit-mask: var(--icon-check) center / contain no-repeat;
        mask: var(--icon-check) center / contain no-repeat;
      }

      .identity-validation-status {
        margin: 7px 0 0;
        color: var(--color-success);
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.4;
      }

      .identity-validation-status[data-status="loading"] {
        color: var(--color-muted);
      }

      .date-picker-field {
        position: relative;
      }

      .date-input-wrap {
        position: relative;
      }

      .date-input-wrap input[type="date"] {
        padding-right: 54px;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
      }

      .date-input-wrap input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
      }

      .date-picker-trigger {
        position: absolute;
        top: 50%;
        right: 6px;
        display: inline-grid;
        width: 40px;
        height: 40px;
        padding: 0;
        place-items: center;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: var(--color-primary-60);
        transform: translateY(-50%);
      }

      .date-picker-trigger:hover {
        background: var(--color-primary-10);
        color: var(--color-primary);
      }

      .date-picker-trigger:focus-visible {
        outline: 3px solid var(--color-focus);
        outline-offset: 1px;
      }

      .date-picker-icon {
        display: inline-grid;
        width: 24px;
        height: 24px;
        place-items: center;
        pointer-events: none;
      }

      .date-picker-icon::before {
        content: "";
        display: block;
        width: 21px;
        height: 21px;
        background: currentColor;
        -webkit-mask: var(--icon-calendar) center / contain no-repeat;
        mask: var(--icon-calendar) center / contain no-repeat;
      }

      .date-picker-popover {
        position: absolute;
        z-index: 30;
        top: calc(100% + 8px);
        right: 0;
        width: min(320px, calc(100vw - 48px));
        padding: 14px;
        border: 1px solid var(--color-primary-40);
        border-radius: var(--radius);
        background: var(--color-white);
        color: var(--color-primary);
      }

      .date-picker-popover__header {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        gap: 8px;
        align-items: center;
        margin-bottom: 10px;
      }

      .date-picker-popover__title {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
      }

      .date-picker-popover__nav {
        display: inline-grid;
        width: 40px;
        height: 40px;
        padding: 0;
        place-items: center;
        border: 1px solid var(--color-primary-25);
        border-radius: 6px;
        background: var(--color-white);
        color: var(--color-primary);
        font-size: 1.35rem;
        line-height: 1;
      }

      .date-picker-popover__nav:hover:not(:disabled) {
        border-color: var(--color-primary);
        background: var(--color-primary-10);
      }

      .date-picker-popover__nav:disabled {
        cursor: not-allowed;
        opacity: 0.35;
      }

      .date-picker-popover__weekdays,
      .date-picker-popover__days {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 4px;
      }

      .date-picker-popover__weekdays {
        margin-bottom: 4px;
      }

      .date-picker-popover__weekday {
        padding: 4px 0;
        color: var(--color-primary-75);
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1;
        text-align: center;
      }

      .date-picker-popover__blank,
      .date-picker-popover__day {
        min-width: 0;
        aspect-ratio: 1;
      }

      .date-picker-popover__day {
        display: inline-grid;
        padding: 0;
        place-items: center;
        border: 1px solid transparent;
        border-radius: 6px;
        background: transparent;
        color: var(--color-primary);
        font-size: 0.88rem;
        font-variant-numeric: tabular-nums;
      }

      .date-picker-popover__day:hover:not(:disabled),
      .date-picker-popover__day:focus-visible {
        border-color: var(--color-primary-40);
        background: var(--color-primary-10);
        outline: none;
      }

      .date-picker-popover__day.is-today {
        border-color: var(--color-primary-40);
      }

      .date-picker-popover__day.is-selected {
        border-color: var(--color-primary);
        background: var(--color-primary);
        color: var(--color-white);
        font-weight: 600;
      }

      .date-picker-popover__day:disabled {
        cursor: not-allowed;
        opacity: 0.28;
      }

      .date-picker-popover__footer {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--color-primary-20);
      }

      .date-picker-popover__action {
        min-height: 38px;
        padding: 8px 12px;
        border: 1px solid var(--color-primary-25);
        border-radius: 999px;
        background: var(--color-white);
        color: var(--color-primary);
        font-size: 0.86rem;
        font-weight: 600;
      }

      .date-picker-popover__action:hover {
        border-color: var(--color-primary);
        background: var(--color-primary-10);
      }

      .field input,
      .field select,
      .field textarea {
        display: block;
        width: 100%;
        min-height: 52px;
        padding: 13px 15px;
        border: 1.5px solid var(--color-primary-50);
        border-radius: var(--radius);
        background: var(--color-field);
        color: var(--color-text);
        font-size: 1rem;
        line-height: 1.4;
        transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
      }

      .field textarea {
        min-height: 110px;
        resize: vertical;
      }

      .field select {
        padding-right: 50px;
        appearance: none;
        -webkit-appearance: none;
        background-color: var(--color-field);
        background-image: var(--icon-dropdown);
        background-repeat: no-repeat;
        background-position: right 14px center;
        background-size: 23px 23px;
        color: var(--color-text);
        cursor: pointer;
      }

      .picklist-field {
        position: relative;
      }

      .picklist-field.is-open {
        z-index: 30;
      }

      .picklist-button {
        display: flex;
        width: 100%;
        min-height: 52px;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 13px 14px 13px 15px;
        border: 1.5px solid var(--color-primary-50);
        border-radius: var(--radius);
        background: var(--color-field);
        color: var(--color-text);
        font: inherit;
        line-height: 1.4;
        text-align: left;
        cursor: pointer;
        transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
      }

      .picklist-button:hover {
        border-color: var(--color-primary-75);
      }

      .picklist-button:focus-visible,
      .picklist-field input[aria-invalid="true"] + .picklist-button:focus-visible {
        border-color: var(--color-focus);
        box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.16);
        outline: none;
      }

      .picklist-field input[aria-invalid="true"] + .picklist-button {
        border-color: var(--color-error);
        background: var(--color-error-bg);
      }

      .picklist-button [data-picklist-value] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .picklist-button__icon {
        display: inline-grid;
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
        place-items: center;
        color: var(--color-primary-60);
        transition: transform 160ms ease;
      }

      .picklist-button__icon::before {
        content: "";
        display: block;
        width: 23px;
        height: 23px;
        background: currentColor;
        -webkit-mask: var(--icon-dropdown) center / contain no-repeat;
        mask: var(--icon-dropdown) center / contain no-repeat;
      }

      .picklist-field.is-open .picklist-button__icon {
        transform: rotate(180deg);
      }

      .field input:hover,
      .field select:hover,
      .field textarea:hover {
        border-color: var(--color-primary-75);
      }

      .field input:focus,
      .field select:focus,
      .field textarea:focus {
        border-color: var(--color-focus);
        box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.16);
        outline: none;
      }

      .field input[aria-invalid="true"],
      .field select[aria-invalid="true"],
      .field textarea[aria-invalid="true"] {
        border-color: var(--color-error);
        background: var(--color-error-bg);
      }

      .choice-grid {
        display: grid;
        gap: 16px;
      }

      .choice-grid--two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .choice-grid--three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .choice-grid--stacked {
        grid-template-columns: 1fr;
      }

      .choice-grid .conditional-panel {
        margin-top: 0;
      }

      .choice-card {
        position: relative;
        display: block;
        min-width: 0;
        height: 100%;
        cursor: pointer;
      }

      .choice-card input {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
      }

      .choice-card__body {
        display: flex;
        height: 100%;
        flex-direction: column;
        gap: 6px;
        justify-content: flex-start;
        padding: 24px;
        border: 2px solid var(--color-primary-20);
        border-radius: var(--radius);
        background: var(--color-white);
        color: var(--color-primary);
        transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
      }

      .choice-card:hover .choice-card__body {
        border-color: var(--color-primary-50);
      }

      .choice-card input:checked + .choice-card__body {
        border: 2px solid var(--color-primary);
        background: var(--color-primary-10);
      }

      .choice-card input:focus-visible + .choice-card__body {
        outline: 3px solid var(--color-focus);
        outline-offset: 3px;
      }

      .choice-card__title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--color-primary);
        font-size: 1.15rem;
        font-weight: 600;
        line-height: 1.25;
      }

      .choice-card__text {
        margin: 0;
        color: var(--color-primary-75);
        font-size: 0.95rem;
        line-height: 1.45;
      }

      .choice-card__price {
        margin-top: auto;
        color: var(--color-primary);
        font-size: 0.92rem;
        font-weight: 600;
      }

      .choice-card__check {
        display: inline-grid;
        width: 26px;
        height: 26px;
        flex: 0 0 auto;
        place-items: center;
        border: 2px solid var(--color-primary-40);
        border-radius: 50%;
        color: transparent;
      }

      .choice-card__check::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background: currentColor;
        -webkit-mask: var(--icon-check) center / contain no-repeat;
        mask: var(--icon-check) center / contain no-repeat;
      }

      .choice-card input:checked + .choice-card__body .choice-card__check {
        border-color: var(--color-primary);
        background: var(--color-primary);
        color: var(--color-white);
      }

      .section-divider {
        margin: 26px 0;
        border: 0;
        border-top: 1px solid var(--color-primary-20);
      }

      .address-field {
        position: relative;
      }

      .address-input-wrap {
        position: relative;
      }

      .address-input-wrap input {
        padding-right: 48px;
      }

      .address-status-icon {
        position: absolute;
        top: 50%;
        right: 14px;
        display: inline-grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border-radius: 50%;
        color: var(--color-primary-60);
        pointer-events: none;
        transform: translateY(-50%);
      }

      .address-field.is-verified .address-status-icon {
        background: var(--color-primary);
        color: var(--color-white);
      }

      .address-field.is-loading .address-status-icon::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 2px solid var(--color-primary-20);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
      }

      .address-field.is-verified .address-status-icon::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background: currentColor;
        -webkit-mask: var(--icon-check) center / contain no-repeat;
        mask: var(--icon-check) center / contain no-repeat;
      }

      .address-field:not(.is-verified):not(.is-loading) .address-status-icon::before {
        content: "";
        display: block;
        width: 21px;
        height: 21px;
        background: currentColor;
        -webkit-mask: var(--icon-location) center / contain no-repeat;
        mask: var(--icon-location) center / contain no-repeat;
      }

      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }

      .suggestions,
      .picklist-options {
        position: absolute;
        z-index: 20;
        right: 0;
        left: 0;
        display: none;
        max-height: 300px;
        margin: 6px 0 0;
        padding: 6px;
        overflow: auto;
        border: 1.5px solid var(--color-primary-40);
        border-radius: var(--radius);
        background: var(--color-white);
      }

      .suggestions.is-open,
      .picklist-field.is-open .picklist-options {
        display: block;
      }

      .suggestions__option,
      .suggestions__status,
      .picklist-option {
        display: block;
        width: 100%;
        padding: 12px 14px;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: var(--color-primary);
        font-size: 0.95rem;
        line-height: 1.35;
        text-align: left;
      }

      .picklist-option + .picklist-option {
        margin-top: 2px;
      }

      .suggestions__option:hover,
      .suggestions__option.is-active,
      .picklist-option:hover,
      .picklist-option.is-active,
      .picklist-option:focus-visible {
        background: var(--color-primary-10);
        outline: none;
      }

      .suggestions__status {
        color: var(--color-muted);
        cursor: default;
      }

      .conditional-panel {
        margin-top: 18px;
        padding: 22px;
        border: 1.5px solid var(--color-primary-20);
        border-radius: var(--radius);
        background: var(--color-primary-10);
      }

      #delivery-address-panel {
        margin-top: 0;
      }

      .conditional-panel__title {
        margin: 0 0 14px;
        color: var(--color-primary);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.3;
      }

      .checkbox-row {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-top: 18px;
      }

      label.checkbox-row {
        cursor: pointer;
      }

      .checkbox-row--center {
        align-items: center;
      }

      .checkbox-row input {
        width: 20px;
        height: 20px;
        margin: 2px 0 0;
        accent-color: var(--color-primary);
      }

      .checkbox-row--center input {
        margin-top: 0;
      }

      .checkbox-row label {
        margin: 0;
        color: var(--color-primary);
        font-weight: 600;
        line-height: 1.45;
      }

      .checkbox-row__title {
        display: block;
        margin: 0;
        color: var(--color-primary);
        font-weight: 600;
        line-height: 1.45;
      }

      .checkbox-row__hint {
        display: block;
        margin-top: 4px;
        color: var(--color-muted);
        font-size: 0.9rem;
        font-weight: 400;
      }

      .consent-panel {
        position: relative;
        display: flex;
        flex-direction: row;
        gap: 14px;
        margin-top: 22px;
        padding: 20px;
        align-items: center;
        justify-content: flex-start;
        border: 1.5px solid var(--color-primary-40);
        border-radius: var(--radius);
        background: var(--color-white);
        text-align: left;
        transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
      }

      .checkbox-row.consent-panel {
        display: flex;
        flex-direction: row;
        align-items: center;
      }

      .consent-panel > input[type="checkbox"] {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
      }

      .consent-panel > .choice-card__check {
        flex: 0 0 26px;
        align-self: center;
        border-radius: 6px;
      }

      .consent-panel > .checkbox-row__content {
        display: inline-flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-width: 0;
        gap: 4px;
        justify-content: center;
      }

      .consent-panel > input[type="checkbox"]:checked + .choice-card__check {
        border-color: var(--color-primary);
        background: var(--color-primary);
        color: var(--color-white);
      }

      .consent-panel .checkbox-row__title {
        line-height: 1.35;
      }

      .consent-panel .checkbox-row__hint {
        margin-top: 0;
        line-height: 1.4;
      }

      .consent-panel:hover {
        border-color: var(--color-primary-60);
        background: var(--color-primary-10);
      }

      .consent-panel:has(input:focus-visible) {
        border-color: var(--color-focus);
        box-shadow: 0 0 0 3px rgba(0, 96, 230, 0.16);
      }

      .form-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 14px;
        margin-top: 30px;
        padding-top: 24px;
        border-top: 1px solid var(--color-primary-20);
      }

      .button {
        display: inline-flex;
        min-width: 244px;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 10px 18px;
        border: 1px solid var(--color-button);
        border-radius: 30px;
        font-family: "Inter", Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 23px;
        text-align: center;
        text-decoration: none;
        transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, opacity 200ms ease;
      }

      .button--primary {
        background: var(--color-button);
        color: var(--color-white);
      }

      .button--primary::after {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
        background: currentColor;
        content: "";
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12M8 2l5 5-5 5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12M8 2l5 5-5 5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      }

      .button--primary:hover:not(:disabled) {
        border-color: var(--color-button-hover);
        background: var(--color-button-hover);
      }

      .button--secondary {
        background: var(--color-white);
        color: var(--color-button);
      }

      .button--secondary:hover:not(:disabled) {
        background: var(--color-page-bg);
      }

      .button[disabled] {
        cursor: not-allowed;
        opacity: 0.58;
      }

      .button__spinner {
        display: none;
        width: 18px;
        height: 18px;
        border: 2px solid rgba(255, 255, 255, 0.45);
        border-top-color: var(--color-white);
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
      }

      .button.is-loading .button__spinner {
        display: inline-block;
      }

      .button.is-loading .button__text {
        opacity: 0.86;
      }

      .button.is-loading::after {
        display: none;
      }

      .mitid-button-icon {
        flex: 0 0 auto;
      }

      .status-message {
        display: none;
        margin-top: 18px;
        padding: 14px 16px;
        border-radius: var(--radius);
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.45;
      }

      .status-message.is-visible {
        display: block;
      }

      .status-message--error {
        border: 1px solid rgba(175, 14, 14, 0.28);
        background: var(--color-error-bg);
        color: var(--color-error);
      }

      .status-message--success {
        border: 1px solid rgba(35, 122, 69, 0.28);
        background: var(--color-success-bg);
        color: var(--color-success);
      }

      .price-details-orderflow {
        overflow: hidden;
        border-radius: var(--radius);
        background: #f6f1ee;
      }

      .summary-drawer-toggle {
        display: none;
      }

      .summary-product-card__label {
        display: inline-flex;
        width: fit-content;
        margin: 0 0 14px;
        padding: 5px 12px 7px;
        border-radius: 4px;
        background: var(--color-secondary);
        color: var(--color-primary);
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1.2;
      }

      .summary-product-card__name {
        margin: 0;
        color: var(--color-primary);
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.2;
      }

      .summary-product-card__text {
        margin: 10px 0 0;
        color: var(--color-primary-75);
        font-size: 0.94rem;
        line-height: 1.45;
      }

      .price-details-orderflow__price-groups {
        padding: 16px;
        background: inherit;
      }

      .price-details-orderflow__price-group {
        margin: 0 0 16px;
        padding: 20px;
        border-radius: var(--radius);
        background: var(--color-white);
        color: var(--color-primary);
      }

      .price-details-orderflow__price-group:last-child {
        margin-bottom: 0;
      }

      .price-details-orderflow__group-title {
        margin: 0 0 12px;
        color: var(--color-primary);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.3;
      }

      .price-details-orderflow__group-description {
        margin: 0 0 14px;
        color: var(--color-primary-75);
        font-size: 0.92rem;
        line-height: 1.45;
      }

      .price-details-orderflow__api-status {
        margin: 0 0 12px;
        color: var(--color-primary-75);
        font-size: 0.86rem;
        line-height: 1.4;
      }

      .price-details-orderflow__group-item,
      .price-details-orderflow__group-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 16px;
        align-items: baseline;
        padding: 5px 0;
        color: var(--color-primary);
        font-size: 0.94rem;
        line-height: 1.35;
      }

      .price-details-orderflow__item-value,
      .price-details-orderflow__summary-value {
        font-variant-numeric: tabular-nums;
        text-align: right;
        white-space: nowrap;
      }

      .price-details-orderflow__group-summary {
        margin-top: 10px;
        padding-top: 14px;
        border-top: 2px solid var(--color-primary);
      }

      .price-details-orderflow__group-summary--emphasis {
        font-weight: 600;
      }

      .price-details-orderflow__total-section {
        padding: 22px 28px 26px;
        border-top: 1px solid var(--color-primary-20);
        border-radius: 0 0 var(--radius) var(--radius);
        background: var(--color-primary);
        color: var(--color-white);
      }

      .price-details-orderflow__total-section p {
        margin: 0;
        font-size: 0.92rem;
        line-height: 1.45;
      }

      .price-details-orderflow__total-section a {
        color: var(--color-white);
      }

      .site-footer {
        margin-top: auto;
        background: #f6f1ee;
        color: #615e5b;
        font-family: "Inter", Arial, Helvetica, sans-serif;
      }

      .site-footer__main,
      .site-footer__legal-inner {
        width: min(calc(100% - 32px), var(--content-shell-width));
        margin: 0 auto;
      }

      .site-footer__main {
        display: flex;
        gap: clamp(48px, 6vw, 88px);
        align-items: start;
        padding: 64px 0;
      }

      .site-footer__brand {
        display: block;
        flex: 0 0 clamp(140px, 18vw, 220px);
        width: 92px;
        line-height: 0;
      }

      .site-footer__logo {
        display: block;
        width: 92px;
        max-width: 100%;
        height: auto;
      }

      .site-footer__columns {
        display: grid;
        flex: 1 1 auto;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(24px, 3vw, 48px);
        min-width: 0;
      }

      .site-footer__heading {
        margin: 0;
        color: #222222;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.22px;
        line-height: 26px;
      }

      .site-footer__main section,
      .site-footer__main section:first-child {
        min-width: 0;
        padding: 0;
        border: 0;
      }

      .site-footer__toggle {
        display: block;
        width: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        color: inherit;
        font: inherit;
        text-align: left;
      }

      .site-footer__toggle:disabled {
        background: transparent !important;
        color: inherit;
        cursor: default;
        opacity: 1;
      }

      .site-footer__toggle:hover,
      .site-footer__toggle:focus-visible {
        background: transparent !important;
      }

      .site-footer__toggle-icon {
        display: none;
      }

      .site-footer__list,
      .site-footer__legal-list {
        max-width: none;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .site-footer__list {
        margin-top: 32px;
      }

      .site-footer__list li {
        margin: 0 0 12px;
        color: #615e5b;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.6;
      }

      .site-footer__link {
        color: #615e5b;
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        overflow-wrap: anywhere;
        text-decoration: none;
      }

      .site-footer__link--emphasis {
        font-weight: 500;
      }

      .site-footer__link:hover,
      .site-footer__link:focus-visible {
        color: #615e5b;
        text-decoration: none;
      }

      .site-footer__mobile-policies {
        display: none;
      }

      .site-footer__legal-inner {
        padding: 24px 0;
        border-top: 1px solid #d4d5d9;
      }

      .site-footer__legal-list {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px clamp(8px, 1.5vw, 24px);
      }

      .site-footer__legal-list li {
        flex: 0 0 auto;
      }

      .site-footer__legal-list li,
      .site-footer__legal-list .site-footer__link {
        white-space: nowrap;
      }

      .site-footer__legal-list .site-footer__link {
        font-size: 14px;
        letter-spacing: -0.22px;
        line-height: 28px;
      }

      .site-footer__legal-list .site-footer__link:hover,
      .site-footer__legal-list .site-footer__link:focus-visible {
        color: #2b4197;
      }

      @media (min-width: 1121px) {
        .site-footer__columns {
          grid-template-columns: repeat(4, max-content);
          gap: 0;
          justify-content: space-between;
        }
      }

      @media (max-width: 1120px) {
        .site-footer__main {
          flex-direction: column;
          gap: 40px;
          padding: 48px 0;
        }

        .site-footer__brand {
          flex-basis: auto;
        }

        .site-footer__columns {
          width: 100%;
          gap: 32px 40px;
        }

        .site-footer__list {
          margin-top: 20px;
        }

        .site-footer__list li {
          margin-bottom: 8px;
          font-size: 14px;
          line-height: 1.4;
        }
      }

      @media (max-width: 760px) {
        .site-footer__columns {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 639px) {
        .site-footer__main {
          gap: 24px;
          padding: 40px 0;
        }

        .site-footer__brand {
          margin-bottom: 16px;
        }

        .site-footer__columns {
          display: block;
        }

        .site-footer__heading {
          font-size: 18px;
          line-height: 24px;
        }

        .site-footer__main .site-footer__group,
        .site-footer__main .site-footer__mobile-policies {
          border-top: 1px solid rgba(97, 94, 91, 0.22);
        }

        .site-footer__main .site-footer__mobile-policies {
          display: block;
          border-bottom: 1px solid rgba(97, 94, 91, 0.22);
        }

        .site-footer__toggle {
          display: flex;
          width: 100%;
          min-height: 56px;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
          cursor: pointer;
        }

        .site-footer__toggle-icon {
          display: block;
          flex: 0 0 auto;
          transition: transform 160ms ease;
        }

        .site-footer__toggle[aria-expanded="true"] .site-footer__toggle-icon {
          transform: rotate(180deg);
        }

        .site-footer__list {
          margin: 0 0 20px;
        }

        .site-footer__list li {
          margin-bottom: 8px;
        }

        .site-footer__legal {
          display: none;
        }
      }

      @media (min-width: 1200px) {
        :root {
          --content-gap: 72px;
        }
      }

      @media (max-width: 1080px) {
        .orderflow-page-content {
          grid-template-columns: minmax(0, 1fr);
        }

        .orderflow-page-content__summary {
          position: fixed;
          right: 18px;
          bottom: max(18px, env(safe-area-inset-bottom));
          left: 18px;
          z-index: 50;
          width: min(680px, calc(100% - 36px));
          margin: 0 auto;
          pointer-events: none;
        }

        .summary-drawer-toggle {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto auto;
          gap: 12px;
          align-items: center;
          width: 100%;
          min-height: 64px;
          padding: 12px 16px;
          border: 2px solid var(--color-primary);
          border-radius: var(--radius);
          background: var(--color-white);
          color: var(--color-primary);
          font: inherit;
          text-align: left;
          cursor: pointer;
          pointer-events: auto;
        }

        .summary-drawer-toggle__content {
          display: grid;
          gap: 2px;
          min-width: 0;
        }

        .summary-drawer-toggle__eyebrow {
          color: var(--color-primary-75);
          font-size: 0.78rem;
        font-weight: 600;
          line-height: 1.2;
        }

        .summary-drawer-toggle__title {
          min-width: 0;
          overflow: hidden;
        font-weight: 600;
          line-height: 1.2;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .summary-drawer-toggle__label {
          color: var(--color-primary);
          font-size: 0.9rem;
        font-weight: 600;
          line-height: 1.2;
          white-space: nowrap;
        }

        .summary-drawer-toggle__icon {
          display: inline-grid;
          width: 28px;
          height: 28px;
          place-items: center;
          color: var(--color-primary-60);
          transition: transform 160ms ease;
        }

        .summary-drawer-toggle__icon::before {
          content: "";
          display: block;
          width: 23px;
          height: 23px;
          background: currentColor;
          -webkit-mask: var(--icon-dropdown) center / contain no-repeat;
          mask: var(--icon-dropdown) center / contain no-repeat;
        }

        .orderflow-page-content__summary.is-expanded .summary-drawer-toggle__icon {
          transform: rotate(180deg);
        }

        .price-details-orderflow {
          max-height: 0;
          margin-top: 8px;
          overflow: hidden;
          opacity: 0;
          pointer-events: none;
          transform: translateY(8px);
          transition: max-height 180ms ease, opacity 160ms ease, transform 160ms ease;
        }

        .orderflow-page-content__summary.is-expanded .price-details-orderflow {
          max-height: min(72vh, 680px);
          max-height: min(72dvh, 680px);
          overflow-y: auto;
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0);
        }
      }

      @media (max-width: 760px) {
        html,
        body {
          width: 100%;
          max-width: 100%;
          overflow-x: hidden;
        }

        .container {
          width: 100%;
          max-width: 100%;
          padding-right: 16px;
          padding-left: 16px;
        }

        .the-flow-header__inner {
          min-height: 76px;
        }

        .the-flow-header__abort span:not(.the-flow-header__abort-icon) {
          display: none;
        }

        .orderflow-page {
          padding: 42px 0 56px;
        }

        .component-header {
          margin-bottom: 22px;
        }

        .order-flow-section {
          width: 100%;
          max-width: 100%;
          min-width: 0;
          overflow: hidden;
        }

        .order-flow-section--current {
          overflow: visible;
        }

        .order-flow-section-row {
          grid-template-columns: 58px minmax(0, 1fr) auto;
        }

        .order-flow-section-row-column--status .order-flow-section-row-column__inner {
          justify-content: flex-start;
          padding-left: 18px;
        }

        .order-flow-section-row-column--content .order-flow-section-row-column__inner {
          padding: 16px 10px 16px 0;
        }

        .order-flow-section-row-column--action .order-flow-section-row-column__inner {
          padding-right: 8px;
        }

        .order-flow-section-row--form {
          padding: 0 18px 24px;
        }

        .order-flow-section-toggle {
          width: 34px;
          min-width: 34px;
          padding: 8px 0;
          overflow: hidden;
          text-indent: -999px;
        }

        .order-flow-section-toggle::after {
          content: "↺";
          float: left;
          width: 100%;
          text-indent: 0;
        }

        .orderflow-page-content,
        .orderflow-page-content__form,
        .orderflow-page-content__summary,
        #signup-form,
        .field-grid,
        .choice-grid,
        .conditional-panel {
          width: 100%;
          max-width: 100%;
          min-width: 0;
        }

        .component-header h1,
        .order-flow-section__title,
        .order-flow-section__intro,
        .choice-card__title,
        .choice-card__text,
        .field-hint,
        .field-error,
        .identity-validation-status,
        .summary-product-card__text {
          overflow-wrap: anywhere;
        }

        .field-grid--two,
        .field-grid--three,
        .choice-grid--two,
        .choice-grid--three {
          grid-template-columns: 1fr;
        }

        .choice-card__body {
          position: relative;
          min-height: auto;
          padding: 20px 64px 20px 20px;
        }

        .choice-card__body .choice-card__check {
          position: absolute;
          top: 50%;
          right: 20px;
          transform: translateY(-50%);
        }

        .form-actions {
          flex-direction: column-reverse;
        }

        .button {
          width: 100%;
        }

        .signup-flow {
          padding-bottom: calc(88px + env(safe-area-inset-bottom));
        }

        .orderflow-page-content__summary {
          right: 12px;
          bottom: max(12px, env(safe-area-inset-bottom));
          left: 12px;
          width: auto;
          max-width: none;
        }

        .summary-drawer-toggle {
          grid-template-columns: minmax(0, 1fr) auto;
        }

        .summary-drawer-toggle__label {
          display: none;
        }

        .price-details-orderflow__group-item,
        .price-details-orderflow__group-summary {
          grid-template-columns: 1fr;
          gap: 3px;
        }

        .price-details-orderflow__item-value,
        .price-details-orderflow__summary-value {
          text-align: left;
          white-space: normal;
        }
      }

      @media print {
        html,
        body {
          background: var(--color-white);
        }

        .the-flow-header__abort,
        .form-actions {
          display: none;
        }

        .orderflow-page-content {
          display: block;
        }

        .order-flow-section {
          display: block;
          break-inside: avoid;
          margin-bottom: 18px;
        }

        .price-details-orderflow {
          max-height: none;
          overflow: visible;
          opacity: 1;
          transform: none;
          box-shadow: none;
        }

        .summary-drawer-toggle {
          display: none;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          transition-duration: 0.01ms !important;
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          scroll-behavior: auto !important;
        }
      }