/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./assets/css/themes/pci/_pci.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.auto-coverages.l-columns.l-columns--2-large {
  gap: 0px;
}
.auto-coverages .list-alt-check-icon {
  background: var(--image-list-alt-check-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.auto-coverages .information-icon {
  background: var(--image-information-icon) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}
.auto-coverages .personal-injury-icon {
  background: var(--image-personal-injury-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.auto-coverages .no-crash-icon {
  background: var(--image-no-crash-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.auto-coverages .list-item div:first-child {
  flex: 2;
}
.auto-coverages .list-item div:last-child {
  flex: 1;
}

.loading-indicator-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(35, 36, 41, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/**
 * Margin mixin for applying margin values with responsive breakpoint support
 * 
 * This mixin generates margin CSS properties based on direction, size, and optional breakpoint.
 * It supports predefined spacing values from the $spacers map or 'auto' value.
 * All margin properties are applied with !important flag.
 * 
 * @param {string} $direction - The direction to apply margin
 *   - 'top' or 't': margin-top
 *   - 'right' or 'r': margin-right
 *   - 'bottom' or 'b': margin-bottom
 *   - 'left' or 'l': margin-left
 *   - 'x': horizontal margins (left and right)
 *   - 'y': vertical margins (top and bottom)
 *   - 'all': all sides
 * 
 * @param {string|number} $size - The size key from $spacers map or 'auto'
 *   - Must be a valid key in the $spacers map (e.g., 'sm', 'md', 'lg', 1, 2, 3, etc.)
 *   - Or 'auto' for automatic margins
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive behavior
 *   - When provided, margins will only apply at that breakpoint and up
 *   - Uses media-breakpoint-up() mixin internally
 * 
 * @example
 *   // Basic usage - top margin with size 'md'
 *   @include margin('top', 'md');
 * 
 * @example
 *   // Horizontal auto margins for centering
 *   @include margin('x', 'auto');
 * 
 * @example
 *   // Responsive margin - only applies on tablet and up
 *   @include margin('bottom', 'lg', 'md');
 * 
 * @example
 *   // All sides margin with numeric size
 *   @include margin('all', 3);
 * 
 * @example
 *   // Vertical margins with responsive breakpoint
 *   @include margin('y', 'sm', 'lg');
 */
/**
 * Padding mixin for applying spacing with optional breakpoint support
 * 
 * This mixin generates padding utilities based on direction, size from the $spacers map,
 * and optional responsive breakpoints using the media-breakpoint-up mixin.
 * 
 * @param {string} $direction - The direction to apply padding:
 *   - 'top' or 't': padding-top
 *   - 'right' or 'r': padding-right  
 *   - 'bottom' or 'b': padding-bottom
 *   - 'left' or 'l': padding-left
 *   - 'x': horizontal padding (left and right)
 *   - 'y': vertical padding (top and bottom)
 *   - 'all': padding on all sides
 * 
 * @param {string|number} $size - Key from the $spacers map (e.g., 'sm', 'md', 'lg', 1, 2, 3)
 * 
 * @param {string|null} $breakpoint - Optional breakpoint name for responsive padding
 *   When null, padding applies to all screen sizes
 * 
 * @example Basic usage
 *   .my-element {
 *     @include padding('top', 'md');
 *   }
 * 
 * @example Horizontal padding
 *   .my-element {
 *     @include padding('x', 'lg');
 *   }
 * 
 * @example Responsive padding
 *   .my-element {
 *     @include padding('all', 'sm', 'tablet');
 *   }
 * 
 * @example Multiple responsive paddings
 *   .my-element {
 *     @include padding('y', 'xs');           // Small vertical padding on all screens
 *     @include padding('y', 'md', 'tablet'); // Medium vertical padding on tablet+
 *     @include padding('y', 'lg', 'desktop'); // Large vertical padding on desktop+
 *   }
 */
/**
 * Applies a gap property with a specified size from the spacers map.
 * 
 * @param {string} $size - The spacing size key from the $spacers map (e.g., 1, 2, 3, 4, 5)
 * @param {string|null} $breakpoint - Optional breakpoint name to apply the gap only at specific screen sizes
 * 
 * @example Basic usage
 *   .flex-container {
 *     @include gap(3);
 *   }
 * 
 * @example With breakpoint
 *   .grid-layout {
 *     @include gap(2, 'md');
 *   }
 * 
 * @example Multiple breakpoints
 *   .responsive-grid {
 *     @include gap(1, 'sm');
 *     @include gap(3, 'lg');
 *   }
 */
/**
 * Applies a row gap to flex or grid containers with responsive breakpoint support.
 * 
 * @param {String} $size - The size key from the $spacers map (e.g., 1, 2, 3, 4, 5)
 * @param {String} $breakpoint - Optional breakpoint name (sm, md, lg, xl, xxl). If null, applies to all screen sizes
 * 
 * @example Basic usage
 *   .my-grid {
 *     @include row-gap(3);
 *   }
 * 
 * @example With breakpoint
 *   .responsive-grid {
 *     @include row-gap(2, md);
 *   }
 * 
 * @example Multiple breakpoints
 *   .flexible-grid {
 *     @include row-gap(1, sm);
 *     @include row-gap(3, lg);
 *   }
 * 
 * @requires $spacers - Map containing spacing values
 * @requires media-breakpoint-up() - Mixin for responsive breakpoints
 * 
 * @output Generates row-gap property with !important flag within media query (if breakpoint specified)
 */
/**
 * Applies column-gap spacing to an element with optional responsive breakpoint support.
 * 
 * This mixin sets the column-gap property using predefined spacing values from the $spacers map.
 * It can be applied at specific breakpoints using the media-breakpoint-up mixin.
 * 
 * @param {String} $size - The spacing size key from the $spacers map (e.g., 'sm', 'md', 'lg', '1', '2', '3')
 * @param {String|null} $breakpoint - Optional breakpoint name for responsive application (e.g., 'sm', 'md', 'lg', 'xl')
 * 
 * @example Basic usage
 *   .grid-container {
 *     @include column-gap('md');
 *   }
 * 
 * @example With responsive breakpoint
 *   .grid-container {
 *     @include column-gap('lg', 'md');
 *   }
 * 
 * @example Multiple responsive column gaps
 *   .grid-container {
 *     @include column-gap('sm');
 *     @include column-gap('md', 'md');
 *     @include column-gap('lg', 'lg');
 *   }
 * 
 * @requires $spacers - Map containing spacing values
 * @requires media-breakpoint-up - Mixin for responsive breakpoints
 */
/**
 * Generates responsive spacing CSS properties with optional breakpoint support.
 * 
 * @param {string} $property - The CSS property to apply spacing to (e.g., 'margin', 'padding')
 * @param {string|null} $direction - Optional direction suffix (e.g., 'top', 'bottom', 'left', 'right', 'x', 'y', 'all')
 * @param {string|number} $size - The spacing size value (can be a spacing scale value or custom size)
 * @param {string|null} $breakpoint - Optional breakpoint name to wrap the spacing in a media query
 * 
 * @example
 * // Basic padding usage
 * .card {
 *   @include spacing('padding', 'all', 16px);
 * }
 * 
 * @example
 * // Margin with direction
 * .section {
 *   @include spacing('margin', 'top', 24px);
 * }
 * 
 * @example
 * // Responsive padding for specific breakpoint
 * .container {
 *   @include spacing('padding', 'x', 32px, 'md');
 * }
 * 
 * @example
 * // Responsive margin bottom for mobile
 * .hero {
 *   @include spacing('margin', 'bottom', 48px, 'sm');
 * }
 */
.banner-heading {
  background-color: var(--color-page-heading-bg);
  color: var(--color-text-base);
}
.banner-heading .l-content-container {
  padding-top: 45px  !important;
  padding-bottom: 45px  !important;
}
@media (min-width: 45em) {
  .banner-heading .l-content-container {
    padding-top: 60px  !important;
    padding-bottom: 60px  !important;
  }
}

.banner-container {
  display: flex;
  background-color: var(--color-page-heading-bg);
}
.banner-container .policy-data-title {
  margin: 0;
}
.banner-container .policy-data {
  margin: 5px 0 0 0;
}
.banner-container > .l-content-container {
  flex: auto;
}

.banner.m-hero.t-accent-light {
  background-color: var(--color-banner);
}
.banner.m-hero.t-accent-light:before {
  background-color: var(--color-banner);
}
.banner.m-hero.t-accent-light .button-container {
  gap: 15px;
}
.banner.m-hero.t-accent-light .button-container img {
  border-radius: 0;
}
.banner.m-hero.t-accent-light .a-breadcrumb .a-breadcrumb-list__item .a-breadcrumb-page {
  cursor: pointer;
  color: var(--color-text-light);
}
.banner.m-hero.t-accent-light:has(.m-hero__image img) nav.a-breadcrumb:not(m-long-form-hero .a-breadcrumb) {
  background: none;
}
.banner.m-hero.t-accent-light.imageless-banner .m-hero-message {
  padding-top: 60px;
}
.banner.m-hero.t-accent-light.imageless-banner .a-breadcrumb-list__item::before {
  background-color: var(--color-phone-call-btn) !important;
}
.banner.m-hero.t-accent-light.imageless-banner .a-breadcrumb-list__item .a-breadcrumb-page {
  color: var(--color-phone-call-btn);
  text-decoration-color: var(--color-phone-call-btn);
}

.policy-status {
  padding: 4px 37px 4px 12px;
  border-radius: 20px;
  color: var(--color-text-light);
  width: fit-content;
  max-width: 100%;
}
.policy-status.active {
  background: var(--color-active);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}
.policy-status.cancelled {
  background: var(--color-cancelled);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}
.policy-status.scheduled {
  background: var(--color-scheduled);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}
.policy-status.expired {
  background: var(--color-scheduled);
  background-image: var(--image-info-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 24px 24px;
}

@media (min-width: 45em) {
  .banner.m-hero.t-accent-light .a-breadcrumb .a-breadcrumb-list__item .a-breadcrumb-page {
    color: var(--color-phone-call-btn);
  }
}
.banner--interactive.m-hero {
  min-height: auto;
  border-bottom: none;
  padding-bottom: 0px  !important;
}
.banner--interactive.m-hero:before, .banner--interactive.m-hero:after {
  display: none;
}
.banner--interactive.m-hero:has(.a-breadcrumb) .m-hero-message:not(.m-long-form-hero .m-hero-message) {
  padding-top: 16px  !important;
  padding-bottom: 16px  !important;
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}

.a-button {
  line-height: 24px;
}
.a-button.m-show-more-button {
  padding: 0;
}

.call-center-layout {
  gap: 8.33333%;
}
.call-center-layout__main-area {
  flex: 6;
}
.call-center-layout__tile-area {
  flex: 5;
}

@media (min-width: 45em) {
  .call-center-layout--no-tile .call-center-layout__main-area {
    flex: 6;
  }
  .call-center-layout--no-tile::after {
    content: "";
    flex: 5;
  }
}

.call-center .title-image {
  border-radius: 0;
}
.call-center .phone-call-btn {
  max-width: 285px;
  display: block;
  align-items: center;
  text-align: center;
  direction: ltr;
  margin: 0 auto;
  unicode-bidi: plaintext;
}
.call-center .phone-call-btn a {
  text-decoration: none;
  color: var(--color-phone-call-btn);
}

.change-payment-date .page-heading {
  background-color: var(--color-page-heading-bg);
  color: var(--color-text-base);
}
.change-payment-date .call-center-layout {
  margin-top: 32px  !important;
}
.change-payment-date .call-center-layout__main-area .data-row {
  margin-top: 0px  !important;
}
.change-payment-date .call-center-layout__main-area .data-row .remaining-balance {
  display: none;
}
.change-payment-date .call-center-layout__main-area .payment-date-tooltip {
  display: none;
}
.change-payment-date .call-center-layout__main-area .m-form-row.m-form-row--full-width {
  margin-top: 32px  !important;
}

.contact-us .contact-card {
  border: 1px solid var(--color-border);
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px var(--color-shadow);
}

.container-box {
  border: 1px solid var(--color-border);
  border-radius: 8px;
}
.container-box .container-box-title {
  gap: 10px;
}

.document .container-box .container-box-title {
  padding-top: 24px  !important;
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}
.document .m-table {
  margin-top: 0px  !important;
  padding-bottom: 24px  !important;
}
.document .m-table thead > tr > th {
  padding-top: 32px  !important;
  padding-bottom: 15px  !important;
}
.document .m-table thead > tr > th.first {
  padding-left: 24px  !important;
}
.document .m-table thead > tr > th.last {
  padding-right: 24px  !important;
}
.document .m-table tbody > tr > td {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
.document .m-table tbody > tr > td.first {
  padding-left: 24px  !important;
}
.document .m-table tbody > tr > td.last {
  padding-right: 24px  !important;
}
.document .m-table table thead tr {
  border-bottom: 1px solid var(--color-border);
}
.document .m-table table thead tr th,
.document .m-table table thead tr td {
  background-color: transparent;
}
.document .m-table table tbody {
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}
.document .m-table table tbody tr {
  border-bottom: unset;
}
@media (min-width: 45em) {
  .document .m-table table tbody tr th,
  .document .m-table table tbody tr td {
    padding-top: 20px  !important;
    padding-bottom: 20px  !important;
  }
}
.document .m-table table th,
.document .m-table table td {
  padding-left: 0px  !important;
  vertical-align: top;
  border: unset;
}
.document .m-table table th:last-child,
.document .m-table table td:last-child {
  padding-right: 0px  !important;
}
.document .m-table table .download-button {
  text-align: right;
}
.document .m-table table .download-button .a-link-icon.no-wrap {
  white-space: nowrap;
}
.document .m-table table .download-button .a-link-icon::after {
  margin-right: 0px  !important;
}
.document .m-table .u-text--center {
  margin-top: 24px  !important;
}
.document .m-table .a-pagination {
  margin-top: 24px  !important;
}
.document .pink-slip-request {
  margin-top: 32px  !important;
}
.document .pink-slip-request .m-card-content {
  padding: 24px  !important;
  border: 1px solid var(--color-border);
  border-radius: 15px;
  background-color: var(--color-box-background);
}
.document .pink-slip-request .m-card-content .m-card-content__inner .title-section {
  display: flex;
}
.document .pink-slip-request .m-card-content .m-card-content__inner .title-section .title {
  padding-right: 24px  !important;
}
.document .pink-slip-request .m-card-content .m-card-content__inner .title-section .pink-slip-document-icon {
  background: var(--image-pink-slip-document-icon) no-repeat;
  height: 72px;
  width: 72px;
}
.document .pink-slip-request .m-card-content .m-card-content__inner .description {
  padding-top: 16px  !important;
  padding-bottom: 24px  !important;
}
.document .pink-slip-request .m-card-content .m-card-content__inner .pink-slip-button {
  display: flex;
  justify-content: center;
}
.document .pink-slip-request .m-card-content .m-card-content__inner .pink-slip-button .a-button {
  max-width: auto;
}

@media (min-width: 45em) {
  .document .pink-slip-request {
    margin-top: 0px  !important;
  }
  .document .pink-slip-request .m-card-content .m-card-content__inner .pink-slip-button {
    justify-content: start;
  }
  .document .pink-slip-request .m-card-content .m-card-content__inner .pink-slip-button .a-button {
    max-width: fit-content;
  }
}
.drivers .l-columns {
  row-gap: 15px;
}
.drivers .driver-icon {
  background: var(--image-driver-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.drivers .divider-bottom {
  border-bottom: 1px solid var(--color-sub-border);
}
@media (min-width: 45em) {
  .drivers .l-columns {
    row-gap: 20px;
  }
}

.footer .m-footer-content .phoneNum {
  color: var(--color-text-light);
}
.footer .m-footer-content .footer-link {
  color: var(--color-text-light);
}
.footer .m-footer-content .link-container {
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 45em) {
  .footer .m-footer-content .link-container {
    grid-template-columns: repeat(5, minmax(0, 19.5fr)) minmax(0, 22fr);
  }
}

.js-o-masthead .o-masthead.verify-email .o-masthead__logged-in-link,
.js-o-masthead .o-masthead.verify-email .o-masthead__skip-links {
  display: none;
}
.js-o-masthead .o-masthead-navigation__close::after {
  display: none;
}
.js-o-masthead .o-masthead-support__heading {
  border-bottom: 0px;
}
.js-o-masthead .o-masthead-support__heading.with-border {
  border-top: 1px solid var(--color-border);
}
.js-o-masthead .a-list-plain {
  padding-top: 0;
}
.js-o-masthead .a-list-plain a.o-masthead-support__link {
  background-image: none;
}
.js-o-masthead .log-out a {
  text-decoration-color: var(--color-text-light);
}
.js-o-masthead .log-out .log-out-icon {
  -webkit-mask-image: var(--image-logout-icon);
          mask-image: var(--image-logout-icon);
  height: 24px;
  width: 24px;
  background: currentColor;
}

@media (min-width: 45em) {
  .js-o-masthead .o-masthead-logged-in__logout {
    border-top: 0;
  }
  .js-o-masthead.js-o-masthead--narrow-megamenu .o-masthead-support__heading {
    border-bottom: 0px;
  }
  .js-o-masthead.js-o-masthead--narrow-megamenu .o-masthead-support__heading.with-border {
    border-top: 1px solid var(--color-border);
  }
}
.landing .card-container {
  border: 1px solid rgb(198, 198, 198);
}
.landing .card-container.t-accent-dark {
  background: rgb(0, 89, 107);
}
.landing .card-container .title-image {
  border-radius: 0;
}
.landing .policy-title {
  gap: 10px;
}
.landing .policy-title .policy-status {
  min-height: 34px;
  height: 100%;
  border-radius: 20px;
}
.landing .policy-title .policy-status.active {
  background: rgba(62, 129, 44, 0.2);
  background-image: var(--image-active-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
.landing .policy-title .policy-status.cancelled {
  background: rgba(177, 1, 1, 0.2);
  background-image: var(--image-cancelled-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
.landing .policy-title .policy-status.scheduled {
  background: rgb(230, 231, 230);
  background-image: var(--image-scheduled-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
.landing .policy-title .policy-status.expired {
  background: rgb(230, 231, 230);
  background-image: var(--image-scheduled-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 20px 20px;
}
@media (min-width: 45em) {
  .landing .policy-title {
    gap: 15px;
  }
}

.landing .full-width-tile.l-content-container.l-columns {
  gap: 24px;
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px;
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-image.property-bundle-image {
  background-image: var(--image-auto-bundle-tile);
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-image.auto-bundle-image {
  background-image: var(--image-property-bundle-tile);
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content {
  background: var(--color-bundle-tile-background);
  padding: 24px  !important;
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content .m-card-content__inner {
  padding: 0px  !important;
  background: var(--color-bundle-tile-background);
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content .m-card-content__inner.m-card-content__inner--bottom {
  margin-right: 0px  !important;
  margin-top: 20px  !important;
}
.landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content .m-card-content__inner .title {
  color: var(--color-text-light);
  margin-bottom: 0px  !important;
}
@media (min-width: 45em) {
  .landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-image {
    height: auto;
  }
  .landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content {
    padding-left: 30px  !important;
  }
  .landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content .m-card-content__inner {
    margin-right: 20px  !important;
  }
  .landing .full-width-tile.l-content-container.l-columns .m-promo-banner.bundle-card .m-card-content .m-card-content__inner.m-card-content__inner--bottom {
    margin-top: 0px  !important;
  }
}
.landing .full-width-tile .m-card-content {
  color: var(--color-text-light);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.active {
  background: var(--color-active-landing-tile-bg);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.cancelled {
  background: var(--color-cancelled-landing-tile-bg);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.scheduled {
  background: var(--color-scheduled-landing-tile-bg);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.expired {
  background: var(--color-expired-landing-tile-bg);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.cursor-pointer:hover .a-heading.a-heading--2.a-heading--semibold {
  text-decoration: underline;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.cursor-pointer:has(.landing-policy-status:hover) .a-heading.a-heading--2.a-heading--semibold {
  -webkit-text-decoration: 2px dotted underline;
          text-decoration: 2px dotted underline;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom {
  background: var(--color-text-light);
  padding: 0px  !important;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 24px;
  padding: 24px  !important;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  gap: 16px;
  order: 1;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .documents .a-button .document-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .documents .a-button .vehicle-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .documents .a-button .property-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .documents .a-button .billing-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .vehicles .a-button .document-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .vehicles .a-button .vehicle-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .vehicles .a-button .property-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .vehicles .a-button .billing-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .properties .a-button .document-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .properties .a-button .vehicle-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .properties .a-button .property-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .properties .a-button .billing-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .billing .a-button .document-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .billing .a-button .vehicle-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .billing .a-button .property-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .billing .a-button .billing-icon {
  background-repeat: no-repeat;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .documents .a-button .document-icon {
  background-image: var(--image-document-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .billing .a-button .billing-icon {
  background-image: var(--image-billing-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .vehicles .a-button .vehicle-icon {
  background-image: var(--image-vehicle-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .properties .a-button .property-icon {
  background-image: var(--image-property-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .a-button:hover .document-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .a-button:hover .vehicle-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .a-button:hover .property-icon,
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details .a-button:hover .billing-icon {
  filter: brightness(0) invert(1);
}
@media (min-width: 45em) {
  .landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .get-details {
    flex-direction: row;
    margin-left: auto;
    width: auto;
    order: 2;
  }
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom app-landing-policy-quick-actions {
  display: contents;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action {
  width: 100%;
  order: 2;
  display: flex;
  justify-content: center;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action .m-showhide {
  margin: 0px  !important;
  border-bottom: none;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action .m-showhide .m-showhide__heading.a-heading {
  border-top: none;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action .m-showhide .m-showhide__heading.a-heading .m-showhide__control {
  margin: 0px  !important;
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action .m-showhide .m-showhide__heading.a-heading .m-showhide__control .m-showhide__control-heading {
  margin-bottom: 0px  !important;
}
@media (min-width: 45em) {
  .landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action {
    width: auto;
    order: 1;
  }
}
.landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom .quick-action-links {
  width: 100%;
  flex-basis: 100%;
  order: 3;
}
@media (min-width: 45em) {
  .landing .full-width-tile .m-card-content .m-card-content__inner.m-card-content__inner--bottom {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
}
.landing .full-width-tile .m-card-content .m-card-content__inner .a-heading {
  color: var(--color-text-light);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .a-heading.a-heading--2.a-heading--semibold {
  color: var(--color-heading);
  text-decoration-color: var(--color-heading);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status {
  min-height: 34px;
  height: 100%;
  border-radius: 12px;
  color: var(--color-text-dark);
  padding: 4px 4px 4px 12px;
  display: flex;
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status:hover {
  cursor: default;
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.active {
  background: var(--color-active-policy-status-bg);
  border: 1px solid var(--color-active-policy-status-border);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.active .a-link-icon.a-link-icon--information::after {
  background-color: var(--color-active-policy-status-info-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.scheduled {
  background: var(--color-scheduled-policy-status-bg);
  border: 1px solid var(--color-scheduled-policy-status-border);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.scheduled .a-link-icon.a-link-icon--information::after {
  background-color: var(--color-scheduled-policy-status-info-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.cancelled {
  background: var(--color-cancelled-policy-status-bg);
  border: 1px solid var(--color-cancelled-policy-status-border);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.cancelled .a-link-icon.a-link-icon--information::after {
  background-color: var(--color-cancelled-policy-status-info-icon);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.expired {
  background: var(--color-expired-policy-status-bg);
  border: 1px solid var(--color-expired-policy-status-border);
}
.landing .full-width-tile .m-card-content .m-card-content__inner .landing-policy-status.expired .a-link-icon.a-link-icon--information::after {
  background-color: var(--color-expired-policy-status-info-icon);
}
.landing .full-width-tile .claims-card-container {
  margin-top: 36px  !important;
}
.landing .full-width-tile .claims-card-container .a-button .information-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--image-exclamation-icon) no-repeat center;
}
.landing .full-width-tile .claims-card-container .a-button:hover .information-icon {
  filter: brightness(0) invert(1);
}
.landing .full-width-tile .claims-card-container .claims-loss-card {
  padding-top: 0px  !important;
}
@media (min-width: 45em) {
  .landing .full-width-tile .claims-card-container .claims-loss-card {
    padding-top: 24px  !important;
  }
}
.landing .full-width-tile .claims-card-container .claims-read-more-card {
  padding: 24px  !important;
  margin-top: 32px  !important;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background-color: var(--color-light-blue-25);
}
@media (min-width: 45em) {
  .landing .full-width-tile .claims-card-container .claims-read-more-card {
    margin-top: 0px  !important;
  }
}
.landing .m-hero-message__text {
  max-width: 100%;
}

.quick-action-links .quick-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px 24px;
  padding: 0px  !important;
}
@media (min-width: 45em) {
  .quick-action-links .quick-links {
    padding-top: 24px  !important;
  }
}
.quick-action-links .quick-links__spacer {
  visibility: hidden;
}
@media (min-width: 45em) {
  .quick-action-links .quick-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 67.5em) {
  .quick-action-links .quick-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .quick-action-links .quick-links__spacer {
    visibility: visible;
    display: block;
  }
}
.quick-action-links .quick-link {
  border-bottom: 1px solid var(--color-border);
}
.quick-action-links .quick-link .a-button--tertiary {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding-top: 12px  !important;
  padding-bottom: 12px  !important;
}
.quick-action-links .quick-link__desc {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px  !important;
  margin-bottom: 16px  !important;
  color: var(--color-black);
}

.quick-action-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://static.aviva.io/assets/themes-managed/v6.0.5/aviva/fusion/images/icons/masks/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

.app-loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 120ms ease;
}
.app-loader--visible {
  opacity: 1;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.92);
}

/**
 * Display mixin for applying display values with optional responsive breakpoint support
 * 
 * This mixin generates display CSS properties based on the display value and optional breakpoint.
 * It supports all display values from the $displays variable.
 * All display properties are applied with !important flag.
 * 
 * @param {string} $value - The display value to apply
 *   - Must be a valid value from the $displays list (none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex, grid)
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive behavior
 *   - When provided, display will only apply at that breakpoint and up
 *   - Uses media-breakpoint-up() mixin internally
 * 
 * @example
 *   // Basic usage - hide element
 *   @include display('none');
 * 
 * @example
 *   // Flex display
 *   @include display('flex');
 * 
 * @example
 *   // Responsive display - only applies on tablet and up
 *   @include display('grid', 'md');
 * 
 * @example
 *   // Hide on mobile, show as block on larger screens
 *   @include display('none');
 *   @include display('block', 'sm');
 */
/**
 * Hide element mixin - shorthand for display: none
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive hiding
 * 
 * @example
 *   // Hide element completely
 *   @include hide();
 * 
 * @example
 *   // Hide only on desktop and up
 *   @include hide('lg');
 */
/**
 * Block display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive block display
 * 
 * @example
 *   // Show as block element
 *   @include block();
 * 
 * @example
 *   // Show as block only on tablet and up
 *   @include block('md');
 */
/**
 * Flex display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive flex display
 * 
 * @example
 *   // Display as flex
 *   @include flex();
 * 
 * @example
 *   // Display as flex only on mobile and up
 *   @include flex('sm');
 */
/**
 * Inline flex display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive inline-flex display
 * 
 * @example
 *   // Display as inline-flex
 *   @include inline-flex();
 * 
 * @example
 *   // Display as inline-flex only on desktop and up
 *   @include inline-flex('lg');
 */
/**
 * Grid display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive grid display
 * 
 * @example
 *   // Display as grid
 *   @include grid();
 * 
 * @example
 *   // Display as grid only on tablet and up
 *   @include grid('md');
 */
/**
 * Inline display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive inline display
 * 
 * @example
 *   // Display as inline
 *   @include inline();
 * 
 * @example
 *   // Display as inline only on mobile and up
 *   @include inline('sm');
 */
/**
 * Inline-block display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive inline-block display
 * 
 * @example
 *   // Display as inline-block
 *   @include inline-block();
 * 
 * @example
 *   // Display as inline-block only on desktop and up
 *   @include inline-block('lg');
 */
/**
 * Table display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive table display
 * 
 * @example
 *   // Display as table
 *   @include table();
 * 
 * @example
 *   // Display as table only on tablet and up
 *   @include table('md');
 */
/**
 * Table row display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive table-row display
 * 
 * @example
 *   // Display as table-row
 *   @include table-row();
 * 
 * @example
 *   // Display as table-row only on desktop and up
 *   @include table-row('lg');
 */
/**
 * Table cell display mixin with optional responsive support
 * 
 * @param {string|null} $breakpoint - Optional breakpoint for responsive table-cell display
 * 
 * @example
 *   // Display as table-cell
 *   @include table-cell();
 * 
 * @example
 *   // Display as table-cell only on mobile and up
 *   @include table-cell('sm');
 */
/**
 * Helper mixin for generating all display utilities for a specific breakpoint
 * This is used internally to generate utility classes but can be used manually if needed
 * 
 * @param {string|null} $breakpoint - The breakpoint to generate utilities for
 * 
 * @example
 *   // Generate display utilities for medium breakpoint
 *   @include generate-display-utilities('md');
 */
/**
 * Responsive flex mixin with breakpoint support
 * 
 * @param {string} $property - Flex property type ('direction', 'wrap', 'justify', 'align-items', etc.)
 * @param {string} $value - Value for the flex property
 * @param {string|null} $breakpoint - Optional breakpoint for responsive behavior
 * 
 * @example
 * .container {
 *   @include flex('direction', 'column');
 *   @include flex('justify', 'space-between', 'md');
 * }
 */
.o-modal {
  min-height: auto;
  padding: 0;
  width: 100%;
}
.o-modal .o-modal-inner {
  border-radius: 24px;
}
.o-modal .title-image {
  border-radius: 0;
}
.o-modal .title-icon {
  vertical-align: baseline;
}
.o-modal .warning-icon {
  border-radius: 0;
}
.o-modal .warning-icon-title {
  background-image: var(--image-error-icon-title);
  background-repeat: no-repeat;
  background-position: top;
  height: 75px;
  margin-bottom: 24px;
}
.o-modal .lower-section {
  background-color: var(--color-modal-background);
}

@media (min-width: 45em) {
  .o-modal {
    width: 660px;
  }
}
.o-modal .o-modal__content .info-modal {
  padding: 32px;
}
.o-modal .o-modal__content .info-modal .modal-title {
  margin: 0;
}
.o-modal .o-modal__content .info-modal .modal-content {
  margin: 24px 0 24px 0;
}

.submit-claim-modal .phone-btn a {
  color: var(--color-phone-call-btn);
}

.timeout-modal {
  padding: 32px  !important;
}
.timeout-modal .title {
  text-align: center;
}
.timeout-modal .description {
  text-align: center;
  margin-top: 24px  !important;
}
.timeout-modal .timeout-image {
  text-align: center;
  height: 113px;
  background: var(--image-timeout-icon) no-repeat center center;
  margin-top: 24px  !important;
  margin-bottom: 24px  !important;
}
.timeout-modal .time-left {
  text-align: center;
}
.timeout-modal .btn-section {
  display: block !important;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section {
    display: flex !important;
  }
}
.timeout-modal .btn-section {
  margin-top: 24px  !important;
  justify-content: center !important;
  gap: 24px  !important;
}
.timeout-modal .btn-section .a-button {
  width: 100%;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section .a-button {
    width: 214px;
  }
}
.timeout-modal .btn-section .done-btn {
  margin-top: 20px  !important;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section .done-btn {
    margin-top: 0px  !important;
  }
}

.bundle-modal {
  padding-top: 32px  !important;
  padding-bottom: 32px  !important;
  padding-left: 16px  !important;
  padding-right: 16px  !important;
}
@media (min-width: 45em) {
  .bundle-modal {
    padding-left: 32px  !important;
    padding-right: 32px  !important;
  }
}
.bundle-modal .title {
  margin: 0px  !important;
}
.bundle-modal .subtitle {
  margin-top: 24px  !important;
}
.bundle-modal .btn-section {
  text-align: center;
}
.bundle-modal .btn-section .close-btn {
  margin-top: 20px  !important;
}
.bundle-modal.contact-bottom-section {
  background-color: var(--color-modal-background);
  padding-top: 15px  !important;
}
@media (min-width: 45em) {
  .bundle-modal.contact-bottom-section {
    padding-top: 20px  !important;
  }
}
.bundle-modal.contact-bottom-section .hours {
  margin-top: 15px  !important;
  margin-bottom: 15px  !important;
}
.bundle-modal .disclaimer {
  margin-top: 24px  !important;
}

.max-date-change-modal {
  padding: 16px 24px 24px 24px;
}
.max-date-change-modal .title {
  margin: 0;
  padding-top: 16px;
}
.max-date-change-modal .close-btn-ion {
  display: block;
  cursor: pointer;
  margin-left: auto;
  padding-top: 16px  !important;
  padding-bottom: 0px  !important;
}
.max-date-change-modal .phone-btn {
  text-align: center;
  padding-top: 0;
}
.max-date-change-modal .business-hours {
  text-align: center;
  margin-top: 15px;
}

@media (min-width: 45em) {
  .max-date-change-modal {
    padding: 20px 32px 32px 32px;
  }
  .max-date-change-modal .title {
    padding-top: 24px;
  }
  .max-date-change-modal .business-hours {
    margin-top: 20px;
  }
}
.iframe-css {
  border-radius: 12px;
  background-color: #eeefee;
}

.named-insured .l-columns {
  row-gap: 15px;
}
.named-insured .person-icon {
  background: var(--image-named-insured-icon) no-repeat center center;
  height: 30px;
  width: 30px;
}
.named-insured .divider-bottom {
  border-bottom: 1px solid var(--color-sub-border);
}
@media (min-width: 45em) {
  .named-insured .l-columns {
    row-gap: 20px;
  }
}

.payment-details {
  margin-bottom: 24px  !important;
}
.payment-details.m-card-content {
  background-color: var(--color-notification-info-background);
  border-radius: 15px;
  padding: 24px;
}
.payment-details.m-card-content .m-card-content__inner .make-payment-button .a-button.a-button--primary {
  max-width: 100%;
}
.payment-details.m-card-content .m-card-content__inner .amount-info span {
  color: var(--color-text-light);
  flex: 50%;
}
.payment-details.m-card-content .m-card-content__inner .amount-info span.a-heading.a-heading--5 {
  padding-bottom: 10px  !important;
}
.payment-details .title-icon {
  background: var(--image-payment-schedule-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.payment-details .detail-row div {
  flex: 1;
}

.bank-details.m-card-content {
  border: 1px solid var(--color-border);
  border-radius: 15px;
  padding: 24px;
}
.bank-details.m-card-content .m-card-content__inner .l-columns--2-large.l-columns {
  gap: 20px;
}
.bank-details.m-card-content .m-card-content__inner .btn-container {
  gap: 20px;
}
.bank-details.m-card-content .m-card-content__inner .btn-container div {
  flex: 50%;
}
.bank-details.m-card-content .m-card-content__inner .btn-container .a-button {
  height: 100%;
  max-width: 100%;
}

@media (min-width: 45em) {
  .bank-details .btn-container {
    gap: 24px;
  }
}
.payment-schedule .container-box .container-box-title {
  padding-top: 24px  !important;
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}
.payment-schedule .container-box:has(.payment-schedule-empty-state) .container-box-title {
  padding-left: 0px;
  padding-right: 0px;
}
.payment-schedule .information-icon {
  background: var(--image-information-icon) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}
.payment-schedule .m-table {
  margin-top: 0px  !important;
  padding-bottom: 24px  !important;
}
.payment-schedule .m-table thead > tr > th {
  padding-bottom: 16px  !important;
  padding-top: 32px  !important;
}
.payment-schedule .m-table thead > tr > th.first {
  padding-left: 24px  !important;
}
.payment-schedule .m-table thead > tr > th.last {
  padding-right: 24px  !important;
  text-align: end;
}
.payment-schedule .m-table tbody > tr > td {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
.payment-schedule .m-table tbody > tr > td.first {
  padding-left: 24px  !important;
}
.payment-schedule .m-table tbody > tr > td.last {
  padding-right: 24px  !important;
  text-align: end;
}
.payment-schedule .m-table table thead tr {
  border-bottom: 1px solid var(--color-border);
}
.payment-schedule .m-table table thead tr th,
.payment-schedule .m-table table thead tr td {
  background-color: transparent;
}
.payment-schedule .m-table table tbody {
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}
.payment-schedule .m-table table tbody tr {
  border-bottom: unset;
}
.payment-schedule .m-table table th,
.payment-schedule .m-table table td {
  padding-left: 0px  !important;
  vertical-align: top;
  border: unset;
}
.payment-schedule .m-table table th:last-child,
.payment-schedule .m-table table td:last-child {
  padding-right: 0px  !important;
}
.payment-schedule .payment-schedule-empty-state {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 16px;
  padding: 16px  !important;
  margin-top: 24px  !important;
  margin-bottom: 24px  !important;
}
.payment-schedule .payment-schedule-empty-state__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.payment-schedule .payment-schedule-empty-state__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.property-policy-list .m-card-content {
  min-height: 200px;
}

.property-coverages.l-columns.l-columns--2-large {
  gap: 0px;
}
.property-coverages .title-icon {
  background: var(--image-list-alt-check-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.property-coverages .information-icon {
  background: var(--image-information-icon) no-repeat center center;
  cursor: pointer;
  height: 20px;
  width: 20px;
  min-width: 20px;
  vertical-align: sub;
}
.property-coverages .list-alt-check-icon {
  background: var(--image-list-alt-check-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.property-coverages .person-icon {
  background: var(--image-person-icon) no-repeat center center;
  height: 36px;
  width: 36px;
}
.property-coverages .worry-free-bundle-part {
  background-color: var(--color-modal-background);
  border-radius: 25px;
}
.property-coverages .transparent-button {
  border: 0;
  background: transparent;
}
.property-coverages .break-column {
  flex-basis: 100%;
  width: 0;
}
.property-coverages .op-coverage-text {
  flex: 1 1 25%;
}
.property-coverages .list-item div:first-child {
  flex: 2;
}
.property-coverages .list-item div:last-child {
  flex: 1;
}

.property-details small.coverage-note.small {
  margin-bottom: 24px  !important;
}
@media (min-width: 45em) {
  .property-details small.coverage-note.small {
    margin-bottom: 32px  !important;
  }
}
.property-details .disclaimer {
  margin-top: 24px  !important;
  padding-bottom: 60px  !important;
  margin-bottom: 0;
}
@media (min-width: 45em) {
  .property-details .disclaimer {
    margin-top: 60px  !important;
    padding-bottom: 60px  !important;
  }
}

.m-tabs .m-tabs__nav {
  margin-bottom: 0;
}

.notifications {
  background-color: var(--color-text-light);
  border: 1px solid var(--color-border);
  border-radius: 8px;
}

.notification-window {
  border-radius: 8px;
  padding: 16px  !important;
}
.notification-window__icon {
  display: none;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.notification-window__content {
  flex: 1 1 0;
  min-width: 0;
}
.notification-window__title {
  margin: 0px  !important;
}
.notification-window__description {
  margin-top: 4px  !important;
}
.notification-window.warning {
  background: var(--color-notification-window-warning-bg);
  border: 1px solid var(--color-notification-window-warning-border);
}
.notification-window.warning .notification-window__icon {
  background-image: var(--image-notification-warning-icon);
}
.notification-window.info {
  background: var(--color-notification-window-info-bg);
  border: 1px solid var(--color-notification-window-info-border);
}
.notification-window.info .notification-window__icon {
  background-image: var(--image-notification-info-icon);
}

.notification-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px  !important;
  padding: 16px  !important;
  gap: 16px  !important;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  background: var(--color-text-light);
}
.notification-bar__item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 16px  !important;
}
.notification-bar__item.warning .notification-bar__icon {
  background-image: var(--image-notification-bar-warning-icon);
}
.notification-bar__item.info .notification-bar__icon {
  background-image: var(--image-notification-bar-info-icon);
}
.notification-bar__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.notification-bar__content {
  flex: 1 1 0;
  min-width: 0;
}
.notification-bar__title {
  margin: 0px  !important;
}
.notification-bar__message {
  margin-top: 4px  !important;
}
.notification-bar__action {
  cursor: pointer;
}

.empty-screen-min-height {
  min-height: 800px;
}

.policy-landing .tabs-wrapper {
  margin-top: 30px;
}

.auto-policy-list .title,
.property-policy-list .title {
  margin-bottom: 30px;
}
.auto-policy-list .m-card-content .tile-model,
.property-policy-list .m-card-content .tile-model {
  margin: 5px 0 0 0;
}
.auto-policy-list .m-card-content .tile-vin,
.auto-policy-list .m-card-content .tile-unit,
.property-policy-list .m-card-content .tile-vin,
.property-policy-list .m-card-content .tile-unit {
  margin-top: 10px;
}

@media (min-width: 45em) {
  .m-card-content {
    padding: 32px;
  }
}
div.m-card-notification-wrapper .m-card-notification-wrapper__inner > .m-card-notification {
  max-width: 100%;
  margin-left: 0px  !important;
  margin-right: 0px  !important;
}
div.m-card-notification-wrapper .m-card-notification-wrapper__inner > .m-card-notification button.m-card__close {
  right: -15px;
}

.maintenance-page .maintenance-container {
  margin-top: 60px  !important;
}
@media (min-width: 45em) {
  .maintenance-page .maintenance-container {
    margin-top: 80px  !important;
  }
}
.maintenance-page .maintenance-container {
  margin-bottom: 60px  !important;
}
.maintenance-page .maintenance-container .content {
  margin-top: 60px  !important;
}
.maintenance-page .maintenance-container .description {
  margin-top: 20px  !important;
}
.maintenance-page .maintenance-container .description a {
  text-decoration: none;
}
.maintenance-page .maintenance-container .section-divider {
  margin-top: 60px  !important;
}

.service-unavailable .content-container {
  margin-top: 60px  !important;
}
@media (min-width: 45em) {
  .service-unavailable .content-container {
    margin-top: 80px  !important;
  }
}
.service-unavailable .content-container {
  margin-bottom: 60px  !important;
}
.service-unavailable .content-container .content {
  margin-top: 60px  !important;
}
.service-unavailable .content-container .description {
  margin-top: 20px  !important;
}
.service-unavailable .content-container .description a {
  text-decoration: none;
}

.auto-landing .payment-details-wrapper .m-tabs .m-tabs__content {
  margin-top: 32px  !important;
}
.auto-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
  margin-top: 24px  !important;
}
@media (min-width: 45em) {
  .auto-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
    margin-top: 0px  !important;
  }
}
@media (min-width: 45em) {
  .auto-landing .payment-details-wrapper .m-tabs .m-tabs__content .details {
    margin-left: 24px  !important;
  }
}

.property-landing .payment-details-wrapper .m-tabs .m-tabs__content {
  margin-top: 32px  !important;
}
.property-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
  margin-top: 24px  !important;
}
@media (min-width: 45em) {
  .property-landing .payment-details-wrapper .m-tabs .m-tabs__content .schedule {
    margin-top: 0px  !important;
  }
}
@media (min-width: 45em) {
  .property-landing .payment-details-wrapper .m-tabs .m-tabs__content .details {
    margin-left: 24px  !important;
  }
}

.one-time-payment .call-center-layout {
  margin-top: 32px  !important;
}
.one-time-payment .m-button-group {
  margin-top: 60px  !important;
}
.one-time-payment input[formControlName=nameOnCard] {
  width: 100%;
}
@media (min-width: 45em) {
  .one-time-payment input[formControlName=nameOnCard] {
    width: 390px;
  }
}

.payment-history {
  margin-top: 24px  !important;
}
.payment-history .container-box .container-box-title {
  padding-top: 24px  !important;
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}
.payment-history .m-table {
  margin-top: 0px  !important;
  padding-bottom: 24px  !important;
}
.payment-history .m-table thead > tr > th {
  padding-bottom: 16px  !important;
  padding-top: 32px  !important;
}
.payment-history .m-table thead > tr > th.first {
  padding-left: 24px  !important;
}
.payment-history .m-table thead > tr > th.last {
  padding-right: 24px  !important;
  text-align: end;
}
.payment-history .m-table tbody > tr > td {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
.payment-history .m-table tbody > tr > td.first {
  padding-left: 24px  !important;
}
.payment-history .m-table tbody > tr > td.last {
  padding-right: 24px  !important;
  text-align: end;
}
.payment-history .m-table tbody > tr > td.last .payment-amount .subtext-light {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.payment-history .m-table table thead tr {
  border-bottom: 1px solid var(--color-border);
}
.payment-history .m-table table thead tr th,
.payment-history .m-table table thead tr td {
  background-color: transparent;
}
.payment-history .m-table table tbody {
  padding-left: 24px  !important;
  padding-right: 24px  !important;
}
.payment-history .m-table table tbody tr {
  border-bottom: unset;
}
.payment-history .m-table table th,
.payment-history .m-table table td {
  padding-left: 0px  !important;
  vertical-align: top;
  border: unset;
}
.payment-history .m-table table th:last-child,
.payment-history .m-table table td:last-child {
  padding-right: 0px  !important;
}

.policy-details > .l-content-container {
  margin-top: 30px  !important;
}

.auto-oar-notification {
  display: flex;
  align-items: flex-start;
  margin-top: 24px  !important;
  gap: 10px  !important;
}
.auto-oar-notification__icon {
  flex-shrink: 0;
  background: var(--image-oar-notification-icon) no-repeat center center;
  background-size: contain;
}
.auto-oar-notification__content {
  flex: 1 1 0;
  min-width: 0;
}
.auto-oar-notification__heading {
  margin: 0px  !important;
}
.auto-oar-notification__body {
  margin-top: 4px  !important;
  margin-bottom: 0px  !important;
}

.service-unavailable .content-container {
  margin-top: 60px  !important;
}
@media (min-width: 45em) {
  .service-unavailable .content-container {
    margin-top: 130px  !important;
  }
}
.service-unavailable .content-container {
  margin-bottom: 60px  !important;
}
@media (min-width: 45em) {
  .service-unavailable .content-container {
    margin-bottom: 130px  !important;
  }
}
.service-unavailable .content-container .content.a-heading.a-heading--3.a-heading--semibold {
  margin-top: 32px  !important;
}
.service-unavailable .content-container .description {
  margin-top: 16px  !important;
}
.service-unavailable .okta-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px  !important;
  margin-bottom: 60px  !important;
  padding-bottom: 0px  !important;
}

/*Note: subtext in figma*/
/*Note: subtext-semibold in figma*/
/*Note: h3-reg in figma*/
/*Note: h3-semibold in figma*/
/*Note: h4 in figma*/
/*Note: h4-semibold in figma*/
/*Note: h4-bold in figma*/
/*Note: Not part of Figma */
/*Note: table-heading mixing not part of figma for pci*/
.o-masthead {
  background: none;
}
.o-masthead .o-masthead-logo .o-masthead-logo__link {
  padding: 0px  !important;
}
.o-masthead .o-masthead-logo .o-masthead-logo__image {
  max-height: 45px;
}
.o-masthead .o-masthead__logged-in-link a {
  background-color: var(--color-background-black);
  border-bottom-color: var(--color-background-black);
}
.o-masthead .o-masthead-logged-in-link__name {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.o-masthead .o-masthead__menu-link a {
  color: var(--color-text-dark) !important;
}
.o-masthead .o-masthead__menu-link a:focus,
.o-masthead .o-masthead__menu-link a:hover {
  border-bottom-color: var(--color-text-dark) !important;
}
.o-masthead-main-content a, .o-masthead__primary-nav a, .o-masthead__skip-links a {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.js-o-masthead .l-page-wrapper.is-open:after {
  background: var(--color-background-dark);
}
.js-o-masthead .o-masthead-navigation {
  background: var(--color-background-dark);
  padding-top: 10px  !important;
}
@media (min-width: 45em) {
  .js-o-masthead .o-masthead-navigation {
    padding-top: 0px  !important;
  }
}
.js-o-masthead .o-masthead-navigation .a-button--tertiary {
  color: var(--color-text-dark) !important;
}
.js-o-masthead .o-masthead-navigation .a-button--tertiary:visited {
  color: var(--color-text-dark) !important;
}
.js-o-masthead .o-masthead-navigation .a-button--tertiary:hover {
  text-decoration-color: var(--color-text-dark) !important;
}
.js-o-masthead .o-masthead-navigation__close-wrapper .a-button--tertiary.o-masthead-navigation__close {
  display: inline-block;
  color: var(--color-text-light) !important;
}
.js-o-masthead .o-masthead-navigation .o-masthead-logged-in {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
  padding-left: 30px  !important;
  padding-right: 30px  !important;
  margin-top: 10px  !important;
}
@media (min-width: 45em) {
  .js-o-masthead .o-masthead-navigation .o-masthead-logged-in {
    padding: 0px  !important;
    margin-top: 0px  !important;
  }
  .js-o-masthead .o-masthead-navigation .o-masthead-logged-in__content {
    padding: 30px  !important;
  }
}
.js-o-masthead .o-masthead-navigation .o-masthead-support .a-button--tertiary {
  text-decoration: none;
}
@media (max-width: 45em) {
  .js-o-masthead .o-masthead-navigation .o-masthead-support {
    background: var(--color-background-dark);
    border: none;
  }
  .js-o-masthead .o-masthead-navigation .o-masthead-support .a-button--tertiary {
    color: var(--color-text-light) !important;
  }
}

.a-textbox {
  border: 1px solid var(--color-pci-grey);
  background: var(--color-bg-white);
  color: var(--color-pci-grey);
  border-radius: 4px;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.a-textbox:active {
  color: var(--color-text-dark);
  border: 1px solid var(--color-border-black);
  box-shadow: none;
}
.a-textbox:active:hover::after {
  background-color: unset;
}
.a-textbox:hover {
  transform: none;
  box-shadow: none;
  background-color: var(--color-bg-white);
  filter: none;
}
.a-textbox:hover::after {
  transform: none;
}
.a-textbox:focus-visible {
  border: 1px solid var(--color-text-dark);
  color: var(--color-text-dark);
  background: var(--color-bg-white);
  box-shadow: none;
  outline: none;
}
.a-textbox.default {
  height: 50px;
}

.is-error .a-textbox {
  border: 1px solid var(--color-error-border);
}

.m-form-row__error-message {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 15px  !important;
  padding-left: 30px  !important;
  margin-left: 0px  !important;
  position: relative;
}
.m-form-row__error-message::before {
  background-image: var(--image-error-icon);
  background-size: 20px 20px;
}
.m-form-row__validation-message {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px  !important;
}
.m-form-row .a-label {
  margin-bottom: 15px  !important;
}
.m-form-row .a-textbox {
  margin-top: 0px  !important;
}
.m-form-row #amount {
  max-width: 262px;
}
@media (max-width: 45em) {
  .m-form-row #amount {
    max-width: 100%;
  }
}
.m-form-row .m-form-affix__label {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 10px  !important;
  width: 30px;
}
.m-form-row .m-form-affix__label-wrapper::before {
  width: 50px;
  background-color: var(--color-grey-2);
}

.a-button,
.a-button.a-button-secondary,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel,
.a-button.a-button--primary,
.timeout-modal .btn-section .a-button.a-button--cancel,
.a-button.a-button--tertiary,
.t-accent-light .a-button,
.t-accent-light .a-button.a-button--primary,
.t-accent-light .a-button.a-button-secondary,
.t-accent-light .timeout-modal .btn-section .a-button.a-button--primary.done-btn,
.timeout-modal .btn-section .t-accent-light .a-button.a-button--primary.done-btn,
.t-accent-light .timeout-modal .btn-section .a-button.done-btn.a-button--cancel,
.timeout-modal .btn-section .t-accent-light .a-button.done-btn.a-button--cancel,
.t-accent-light .a-button.a-button--tertiary,
.t-accent-dark .a-button,
.t-accent-dark .a-button.a-button--primary,
.t-accent-dark .a-button.a-button-secondary,
.t-accent-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn,
.timeout-modal .btn-section .t-accent-dark .a-button.a-button--primary.done-btn,
.t-accent-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel,
.timeout-modal .btn-section .t-accent-dark .a-button.done-btn.a-button--cancel,
.t-accent-dark .a-button.a-button--tertiary {
  display: flex;
  min-width: 140px;
  max-width: 408px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 2px solid transparent;
  box-shadow: none;
  transition: none;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.a-button::after,
.a-button.a-button-secondary::after,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn::after,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel::after,
.a-button.a-button--primary::after,
.timeout-modal .btn-section .a-button.a-button--cancel::after,
.a-button.a-button--tertiary::after,
.t-accent-light .a-button::after,
.t-accent-light .a-button.a-button--primary::after,
.t-accent-light .a-button.a-button-secondary::after,
.t-accent-light .timeout-modal .btn-section .a-button.a-button--primary.done-btn::after,
.timeout-modal .btn-section .t-accent-light .a-button.a-button--primary.done-btn::after,
.t-accent-light .timeout-modal .btn-section .a-button.done-btn.a-button--cancel::after,
.timeout-modal .btn-section .t-accent-light .a-button.done-btn.a-button--cancel::after,
.t-accent-light .a-button.a-button--tertiary::after,
.t-accent-dark .a-button::after,
.t-accent-dark .a-button.a-button--primary::after,
.t-accent-dark .a-button.a-button-secondary::after,
.t-accent-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn::after,
.timeout-modal .btn-section .t-accent-dark .a-button.a-button--primary.done-btn::after,
.t-accent-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel::after,
.timeout-modal .btn-section .t-accent-dark .a-button.done-btn.a-button--cancel::after,
.t-accent-dark .a-button.a-button--tertiary::after {
  transform-origin: unset;
  transition: unset;
  will-change: unset;
}

.a-button.a-button--tertiary,
.t-accent-light .a-button.a-button--tertiary,
.t-accent-dark .a-button.a-button--tertiary {
  display: inline-block;
}
.a-button.a-button--tertiary .quick-action-arrow,
.t-accent-light .a-button.a-button--tertiary .quick-action-arrow,
.t-accent-dark .a-button.a-button--tertiary .quick-action-arrow {
  background: var(--image-arrow-right);
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}

.a-button.a-button--tertiary,
.t-accent-light .a-button.a-button--tertiary,
.t-accent-dark .a-button.a-button--tertiary {
  gap: 4px;
}

.a-button.a-button--primary, .timeout-modal .btn-section .a-button.a-button--cancel,
.t-accent-light .a-button.a-button--primary,
.t-accent-dark .a-button.a-button--primary {
  background-color: var(--color-button-primary-bg);
  border-color: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
}
.a-button.a-button--primary a, .timeout-modal .btn-section .a-button.a-button--cancel a,
.t-accent-light .a-button.a-button--primary a,
.t-accent-dark .a-button.a-button--primary a {
  color: var(--color-button-primary-text);
  text-decoration: none;
  background-color: transparent;
}
.a-button.a-button--primary:hover, .timeout-modal .btn-section .a-button.a-button--cancel:hover,
.t-accent-light .a-button.a-button--primary:hover,
.t-accent-dark .a-button.a-button--primary:hover {
  background-color: var(--color-button-primary-hover-bg);
  border-color: var(--color-button-primary-hover-bg);
  color: var(--color-button-primary-text);
  transform: none;
  box-shadow: none;
  filter: none;
}
.a-button.a-button--primary:hover::after, .timeout-modal .btn-section .a-button.a-button--cancel:hover::after,
.t-accent-light .a-button.a-button--primary:hover::after,
.t-accent-dark .a-button.a-button--primary:hover::after {
  transform: none;
  background-color: unset;
}
.a-button.a-button--primary:active, .timeout-modal .btn-section .a-button.a-button--cancel:active,
.t-accent-light .a-button.a-button--primary:active,
.t-accent-dark .a-button.a-button--primary:active {
  background-color: var(--color-button-primary-active-bg);
  border-color: var(--color-button-primary-active-bg);
  color: var(--color-button-primary-text);
  box-shadow: none;
}
.a-button.a-button--primary:active:hover::after, .timeout-modal .btn-section .a-button.a-button--cancel:active:hover::after,
.t-accent-light .a-button.a-button--primary:active:hover::after,
.t-accent-dark .a-button.a-button--primary:active:hover::after {
  background-color: unset;
}
.a-button.a-button--primary:focus-visible, .timeout-modal .btn-section .a-button.a-button--cancel:focus-visible,
.t-accent-light .a-button.a-button--primary:focus-visible,
.t-accent-dark .a-button.a-button--primary:focus-visible {
  background-color: var(--color-button-primary-focus-bg);
  border-color: var(--color-button-primary-focus-bg);
  outline: none !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-text-dark), inset 0 0 5px 2px transparent !important;
}

.a-button:not(.a-button--primary):not(.a-button--tertiary),
.a-button.a-button-secondary,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel,
.t-accent-light .a-button:not(.a-button--primary):not(.a-button--tertiary),
.t-accent-light .a-button.a-button-secondary,
.t-accent-light .timeout-modal .btn-section .a-button.a-button--primary.done-btn,
.timeout-modal .btn-section .t-accent-light .a-button.a-button--primary.done-btn,
.t-accent-light .timeout-modal .btn-section .a-button.done-btn.a-button--cancel,
.timeout-modal .btn-section .t-accent-light .a-button.done-btn.a-button--cancel,
.t-accent-dark .a-button:not(.a-button--primary):not(.a-button--tertiary),
.t-accent-dark .a-button.a-button-secondary,
.t-accent-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn,
.timeout-modal .btn-section .t-accent-dark .a-button.a-button--primary.done-btn,
.t-accent-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel,
.timeout-modal .btn-section .t-accent-dark .a-button.done-btn.a-button--cancel,
.info-modal .a-button.a-button--primary,
.info-modal .timeout-modal .btn-section .a-button.a-button--cancel,
.timeout-modal .btn-section .info-modal .a-button.a-button--cancel,
.max-date-change-modal .a-button.a-button--primary,
.max-date-change-modal .timeout-modal .btn-section .a-button.a-button--cancel,
.timeout-modal .btn-section .max-date-change-modal .a-button.a-button--cancel,
.t-accent-light .info-modal .a-button.a-button--primary,
.t-accent-light .max-date-change-modal .a-button.a-button--primary,
.t-accent-dark .info-modal .a-button.a-button--primary,
.t-accent-dark .max-date-change-modal .a-button.a-button--primary {
  background-color: var(--color-button-secondary-bg);
  border-color: var(--color-button-secondary-border);
  color: var(--color-button-secondary-text);
}
.a-button:not(.a-button--primary):not(.a-button--tertiary):hover,
.a-button.a-button-secondary:hover,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn:hover,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel:hover,
.t-accent-light .a-button:not(.a-button--primary):not(.a-button--tertiary):hover,
.t-accent-light .a-button.a-button-secondary:hover,
.t-accent-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):hover,
.t-accent-dark .a-button.a-button-secondary:hover,
.info-modal .a-button.a-button--primary:hover,
.info-modal .timeout-modal .btn-section .a-button.a-button--cancel:hover,
.timeout-modal .btn-section .info-modal .a-button.a-button--cancel:hover,
.max-date-change-modal .a-button.a-button--primary:hover,
.max-date-change-modal .timeout-modal .btn-section .a-button.a-button--cancel:hover,
.timeout-modal .btn-section .max-date-change-modal .a-button.a-button--cancel:hover,
.t-accent-light .info-modal .a-button.a-button--primary:hover,
.t-accent-light .max-date-change-modal .a-button.a-button--primary:hover,
.t-accent-dark .info-modal .a-button.a-button--primary:hover,
.t-accent-dark .max-date-change-modal .a-button.a-button--primary:hover {
  background-color: var(--color-button-secondary-hover-bg);
  border-color: var(--color-button-secondary-border);
  color: var(--color-button-secondary-hover-text);
  transform: none;
  box-shadow: none;
  filter: none;
}
.a-button:not(.a-button--primary):not(.a-button--tertiary):hover::after,
.a-button.a-button-secondary:hover::after,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn:hover::after,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel:hover::after,
.t-accent-light .a-button:not(.a-button--primary):not(.a-button--tertiary):hover::after,
.t-accent-light .a-button.a-button-secondary:hover::after,
.t-accent-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):hover::after,
.t-accent-dark .a-button.a-button-secondary:hover::after,
.info-modal .a-button.a-button--primary:hover::after,
.info-modal .timeout-modal .btn-section .a-button.a-button--cancel:hover::after,
.timeout-modal .btn-section .info-modal .a-button.a-button--cancel:hover::after,
.max-date-change-modal .a-button.a-button--primary:hover::after,
.max-date-change-modal .timeout-modal .btn-section .a-button.a-button--cancel:hover::after,
.timeout-modal .btn-section .max-date-change-modal .a-button.a-button--cancel:hover::after,
.t-accent-light .info-modal .a-button.a-button--primary:hover::after,
.t-accent-light .max-date-change-modal .a-button.a-button--primary:hover::after,
.t-accent-dark .info-modal .a-button.a-button--primary:hover::after,
.t-accent-dark .max-date-change-modal .a-button.a-button--primary:hover::after {
  transform: none;
  background-color: unset;
}
.a-button:not(.a-button--primary):not(.a-button--tertiary):active,
.a-button.a-button-secondary:active,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn:active,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel:active,
.t-accent-light .a-button:not(.a-button--primary):not(.a-button--tertiary):active,
.t-accent-light .a-button.a-button-secondary:active,
.t-accent-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):active,
.t-accent-dark .a-button.a-button-secondary:active,
.info-modal .a-button.a-button--primary:active,
.info-modal .timeout-modal .btn-section .a-button.a-button--cancel:active,
.timeout-modal .btn-section .info-modal .a-button.a-button--cancel:active,
.max-date-change-modal .a-button.a-button--primary:active,
.max-date-change-modal .timeout-modal .btn-section .a-button.a-button--cancel:active,
.timeout-modal .btn-section .max-date-change-modal .a-button.a-button--cancel:active,
.t-accent-light .info-modal .a-button.a-button--primary:active,
.t-accent-light .max-date-change-modal .a-button.a-button--primary:active,
.t-accent-dark .info-modal .a-button.a-button--primary:active,
.t-accent-dark .max-date-change-modal .a-button.a-button--primary:active {
  background-color: var(--color-button-secondary-active-bg);
  border-color: var(--color-button-secondary-border);
  color: var(--color-button-secondary-active-text);
  box-shadow: none;
}
.a-button:not(.a-button--primary):not(.a-button--tertiary):active:hover::after,
.a-button.a-button-secondary:active:hover::after,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn:active:hover::after,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel:active:hover::after,
.t-accent-light .a-button:not(.a-button--primary):not(.a-button--tertiary):active:hover::after,
.t-accent-light .a-button.a-button-secondary:active:hover::after,
.t-accent-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):active:hover::after,
.t-accent-dark .a-button.a-button-secondary:active:hover::after,
.info-modal .a-button.a-button--primary:active:hover::after,
.info-modal .timeout-modal .btn-section .a-button.a-button--cancel:active:hover::after,
.timeout-modal .btn-section .info-modal .a-button.a-button--cancel:active:hover::after,
.max-date-change-modal .a-button.a-button--primary:active:hover::after,
.max-date-change-modal .timeout-modal .btn-section .a-button.a-button--cancel:active:hover::after,
.timeout-modal .btn-section .max-date-change-modal .a-button.a-button--cancel:active:hover::after,
.t-accent-light .info-modal .a-button.a-button--primary:active:hover::after,
.t-accent-light .max-date-change-modal .a-button.a-button--primary:active:hover::after,
.t-accent-dark .info-modal .a-button.a-button--primary:active:hover::after,
.t-accent-dark .max-date-change-modal .a-button.a-button--primary:active:hover::after {
  background-color: unset;
}
.a-button:not(.a-button--primary):not(.a-button--tertiary):focus-visible,
.a-button.a-button-secondary:focus-visible,
.timeout-modal .btn-section .a-button.a-button--primary.done-btn:focus-visible,
.timeout-modal .btn-section .a-button.done-btn.a-button--cancel:focus-visible,
.t-accent-light .a-button:not(.a-button--primary):not(.a-button--tertiary):focus-visible,
.t-accent-light .a-button.a-button-secondary:focus-visible,
.t-accent-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):focus-visible,
.t-accent-dark .a-button.a-button-secondary:focus-visible,
.info-modal .a-button.a-button--primary:focus-visible,
.info-modal .timeout-modal .btn-section .a-button.a-button--cancel:focus-visible,
.timeout-modal .btn-section .info-modal .a-button.a-button--cancel:focus-visible,
.max-date-change-modal .a-button.a-button--primary:focus-visible,
.max-date-change-modal .timeout-modal .btn-section .a-button.a-button--cancel:focus-visible,
.timeout-modal .btn-section .max-date-change-modal .a-button.a-button--cancel:focus-visible,
.t-accent-light .info-modal .a-button.a-button--primary:focus-visible,
.t-accent-light .max-date-change-modal .a-button.a-button--primary:focus-visible,
.t-accent-dark .info-modal .a-button.a-button--primary:focus-visible,
.t-accent-dark .max-date-change-modal .a-button.a-button--primary:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-text-dark), inset 0 0 5px 2px transparent !important;
}

.a-button.a-button--tertiary,
.t-accent-light .a-button.a-button--tertiary,
.t-accent-dark .a-button.a-button--tertiary {
  min-width: auto;
  max-width: none;
  padding: 0px;
  border: none;
  border-radius: 0;
  background: none;
  color: var(--color-tertiary-link-hover);
  text-decoration: underline;
  text-decoration-thickness: 12%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.a-button.a-button--tertiary:hover, .a-button.a-button--tertiary:active, .a-button.a-button--tertiary:focus-visible,
.t-accent-light .a-button.a-button--tertiary:hover,
.t-accent-light .a-button.a-button--tertiary:active,
.t-accent-light .a-button.a-button--tertiary:focus-visible,
.t-accent-dark .a-button.a-button--tertiary:hover,
.t-accent-dark .a-button.a-button--tertiary:active,
.t-accent-dark .a-button.a-button--tertiary:focus-visible {
  background: none;
  color: var(--color-button-tertiary-text);
}
.a-button.a-button--tertiary:hover::after, .a-button.a-button--tertiary:active::after, .a-button.a-button--tertiary:focus-visible::after,
.t-accent-light .a-button.a-button--tertiary:hover::after,
.t-accent-light .a-button.a-button--tertiary:active::after,
.t-accent-light .a-button.a-button--tertiary:focus-visible::after,
.t-accent-dark .a-button.a-button--tertiary:hover::after,
.t-accent-dark .a-button.a-button--tertiary:active::after,
.t-accent-dark .a-button.a-button--tertiary:focus-visible::after {
  transform: none;
  background-color: unset;
}
.a-button.a-button--tertiary.a-button--tertiary:focus-visible,
.t-accent-light .a-button.a-button--tertiary.a-button--tertiary:focus-visible,
.t-accent-dark .a-button.a-button--tertiary.a-button--tertiary:focus-visible {
  box-shadow: 0 0 0 3px var(--color-text-light), 0 0 0 5px var(--color-pagination-focus);
  outline-offset: 2px;
}

.bg-dark {
  background-color: var(--color-background-dark);
  color: var(--color-text-light);
}

.bg-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):hover,
.bg-dark .a-button.a-button-secondary:hover,
.bg-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn:hover,
.timeout-modal .btn-section .bg-dark .a-button.a-button--primary.done-btn:hover,
.bg-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel:hover,
.timeout-modal .btn-section .bg-dark .a-button.done-btn.a-button--cancel:hover {
  background-color: var(--color-button-primary-bg);
  border-color: transparent;
  color: var(--color-text-light);
  transform: none;
  box-shadow: none;
  filter: none;
}
.bg-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):hover::after,
.bg-dark .a-button.a-button-secondary:hover::after,
.bg-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn:hover::after,
.timeout-modal .btn-section .bg-dark .a-button.a-button--primary.done-btn:hover::after,
.bg-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel:hover::after,
.timeout-modal .btn-section .bg-dark .a-button.done-btn.a-button--cancel:hover::after {
  transform: none;
  background-color: unset;
}
.bg-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):active,
.bg-dark .a-button.a-button-secondary:active,
.bg-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn:active,
.timeout-modal .btn-section .bg-dark .a-button.a-button--primary.done-btn:active,
.bg-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel:active,
.timeout-modal .btn-section .bg-dark .a-button.done-btn.a-button--cancel:active {
  background-color: var(--color-button-primary-bg);
  border-color: transparent;
  color: var(--color-text-light);
  box-shadow: none;
}
.bg-dark .a-button:not(.a-button--primary):not(.a-button--tertiary):active:hover::after,
.bg-dark .a-button.a-button-secondary:active:hover::after,
.bg-dark .timeout-modal .btn-section .a-button.a-button--primary.done-btn:active:hover::after,
.timeout-modal .btn-section .bg-dark .a-button.a-button--primary.done-btn:active:hover::after,
.bg-dark .timeout-modal .btn-section .a-button.done-btn.a-button--cancel:active:hover::after,
.timeout-modal .btn-section .bg-dark .a-button.done-btn.a-button--cancel:active:hover::after {
  background-color: unset;
}

.bg-dark .a-button.a-button--tertiary {
  color: var(--color-text-light);
  text-decoration-color: var(--color-text-light);
}
.bg-dark .a-button.a-button--tertiary:hover, .bg-dark .a-button.a-button--tertiary:active {
  color: var(--color-bg-dark-text-white);
  text-decoration-color: var(--color-bg-dark-text-white);
}
.bg-dark .a-button.a-button--tertiary:focus-visible {
  outline: 4px solid var(--color-button-focus-ring) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-button-focus-ring-inner) !important;
}

a.a-link-icon {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
  -webkit-text-decoration: 12% solid underline;
          text-decoration: 12% solid underline;
}
a.a-link-icon:hover {
  cursor: pointer;
  color: var(--color-tertiary-link-hover);
  text-decoration-color: var(--color-tertiary-link-hover);
}
a.a-link-icon:focus-visible {
  box-shadow: 0 0 0 3px var(--color-text-light), 0 0 0 5px var(--color-pagination-focus);
}
a.a-link-icon:active {
  color: var(--color-tertiary-link-hover);
  text-decoration-color: var(--color-tertiary-link-hover);
}

.a-link {
  color: var(--color-link-default) !important;
  text-decoration-color: var(--color-link-default) !important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 12%; /* 1.92px */
  text-underline-offset: 25%; /* 4px */
  text-underline-position: from-font;
}
.a-link:hover {
  color: var(--color-link-hover) !important;
  text-decoration-color: var(--color-link-hover) !important;
}
.a-link:active {
  color: var(--color-link-hover) !important;
  text-decoration-color: var(--color-link-hover) !important;
}
.a-link:focus-visible {
  color: var(--color-link-default) !important;
  text-decoration-color: var(--color-link-default) !important;
  outline: 4px solid var(--color-link-focus-border) !important;
}

footer.pci-footer {
  color: var(--color-text-light);
  background-color: var(--color-footer);
}
footer.pci-footer .a-heading {
  color: var(--color-text-light);
}
footer.pci-footer a {
  color: var(--color-text-light);
  text-decoration-color: var(--color-text-light);
  text-decoration-style: solid;
  text-underline-offset: 25%;
  text-decoration-thickness: 12%;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
footer.pci-footer a:hover {
  color: var(--color-bg-dark-text-white);
  text-decoration-color: var(--color-bg-dark-text-white);
}
footer.pci-footer a.semi-bold {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
footer.pci-footer .phone-icon {
  background-image: var(--image-phone-icon);
  background-repeat: no-repeat;
  background-position: top;
  width: 27px;
  height: 27px;
}
footer.pci-footer .bottom-section {
  background-color: var(--color-trademark-footer);
}
footer.pci-footer .bottom-section img {
  border-radius: 0;
  height: 31px;
  width: 31px;
}
footer.pci-footer .bottom-section .footer-links-copyright {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}
footer.pci-footer .bottom-section .footer-links-copyright .footer-left {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}
footer.pci-footer .bottom-section .footer-links-copyright .footer-left .footer-column .footer-heading {
  color: var(--color-text-light);
}
footer.pci-footer .bottom-section .footer-links-copyright .footer-left .footer-column ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer.pci-footer .bottom-section .footer-links-copyright .footer-left .footer-column.footer-column-single {
  display: flex;
  align-items: flex-start;
}
footer.pci-footer .bottom-section .footer-links-copyright .footer-left .footer-column.footer-column-single a {
  font-weight: 600;
}
footer.pci-footer .bottom-section .footer-links-copyright .footer-right {
  width: 100%;
  text-align: left;
}
@media (min-width: 45em) {
  footer.pci-footer .bottom-section .footer-links-copyright {
    flex-direction: row;
    align-items: flex-start;
    column-gap: 2rem;
  }
  footer.pci-footer .bottom-section .footer-links-copyright .footer-left {
    display: grid;
    grid-template-columns: minmax(0, 15rem) minmax(0, 15rem) max-content;
    column-gap: 20px;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    align-items: start;
  }
  footer.pci-footer .bottom-section .footer-links-copyright .footer-left .footer-column {
    min-width: 0;
  }
  footer.pci-footer .bottom-section .footer-links-copyright .footer-right {
    width: auto;
    text-align: right;
  }
  footer.pci-footer .bottom-section .footer-links-copyright .footer-right a {
    font-weight: 600;
  }
}

.m-form-row-group.m-radio-segmented,
.m-radio-segmented {
  align-items: stretch;
  background-color: var(--color-segment-bg);
  border: 1px solid var(--color-segment-border);
  border-radius: 4px;
  display: flex;
  max-width: 824px;
  min-width: 328px;
  overflow: hidden;
  width: 100%;
}
.m-form-row-group.m-radio-segmented .m-form-row-group-item,
.m-radio-segmented .m-form-row-group-item {
  flex: 1 1 0;
  position: relative;
}
.m-form-row-group.m-radio-segmented .m-form-row-group-item:not(:first-child)::before,
.m-radio-segmented .m-form-row-group-item:not(:first-child)::before {
  background-color: var(--color-segment-border);
  content: "";
  height: 24px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.m-form-row-group.m-radio-segmented .m-form-row-group-item:first-child .a-radio__label,
.m-radio-segmented .m-form-row-group-item:first-child .a-radio__label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.m-form-row-group.m-radio-segmented .m-form-row-group-item:last-child .a-radio__label,
.m-radio-segmented .m-form-row-group-item:last-child .a-radio__label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.m-form-row-group.m-radio-segmented .a-radio,
.m-radio-segmented .a-radio {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: var(--color-segment-bg);
}
.m-form-row-group.m-radio-segmented .a-radio__input,
.m-radio-segmented .a-radio__input {
  height: 1px;
}
.m-form-row-group.m-radio-segmented .a-radio__ui,
.m-radio-segmented .a-radio__ui {
  display: none;
}
.m-form-row-group.m-radio-segmented .a-radio__label,
.m-radio-segmented .a-radio__label {
  align-items: center;
  background-color: var(--color-segment-bg);
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 15px  !important;
  padding-right: 15px  !important;
  padding-top: 12px  !important;
  padding-bottom: 12px  !important;
  width: 100%;
}
.m-form-row-group.m-radio-segmented .a-radio__label::after,
.m-form-row-group.m-radio-segmented .a-radio__label-inner::after,
.m-radio-segmented .a-radio__label::after,
.m-radio-segmented .a-radio__label-inner::after {
  display: none;
}
.m-form-row-group.m-radio-segmented .a-radio__label-inner,
.m-radio-segmented .a-radio__label-inner {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
  text-align: center;
  width: 100%;
}
.m-form-row-group.m-radio-segmented .a-radio__input:checked ~ .a-radio__label,
.m-radio-segmented .a-radio__input:checked ~ .a-radio__label {
  background-color: var(--color-segment-active-bg);
  border: 2px solid var(--color-segment-active-bg);
}
.m-form-row-group.m-radio-segmented .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner,
.m-radio-segmented .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-segment-active-text);
}
.m-form-row-group.m-radio-segmented.m-radio-segmented--horizontal,
.m-radio-segmented.m-radio-segmented--horizontal {
  flex-direction: row;
}
.m-form-row-group.m-radio-segmented.m-radio-segmented--horizontal .m-form-row-group-item:not(:first-child)::before,
.m-radio-segmented.m-radio-segmented--horizontal .m-form-row-group-item:not(:first-child)::before {
  height: 24px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.m-form-row-group.m-radio-segmented--icons,
.m-radio-segmented--icons {
  border-color: var(--color-segment-icon-border);
  box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
}
.m-form-row-group.m-radio-segmented--icons .m-form-row-group-item::before,
.m-radio-segmented--icons .m-form-row-group-item::before {
  background-color: var(--color-segment-icon-border);
  height: 133px;
}
.m-form-row-group.m-radio-segmented--icons .a-radio__label,
.m-radio-segmented--icons .a-radio__label {
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
}
@media (min-width: 45em) {
  .m-form-row-group.m-radio-segmented--icons .a-radio__label,
  .m-radio-segmented--icons .a-radio__label {
    flex-direction: column;
    padding-bottom: 20px  !important;
  }
}
.m-form-row-group.m-radio-segmented--icons .a-radio__label-image,
.m-radio-segmented--icons .a-radio__label-image {
  display: block;
  flex: 0 0 auto;
  height: 75px;
  order: 0;
  width: 78px;
  color: var(--color-text-dark);
  fill: currentColor;
  margin-right: 16px  !important;
}
@media (min-width: 45em) {
  .m-form-row-group.m-radio-segmented--icons .a-radio__label-image,
  .m-radio-segmented--icons .a-radio__label-image {
    margin-left: auto  !important;
    margin-right: auto  !important;
    margin-bottom: 20px  !important;
    margin-top: 0px  !important;
    position: static;
  }
}
.m-form-row-group.m-radio-segmented--icons .a-radio__label-image img,
.m-form-row-group.m-radio-segmented--icons .a-radio__label-image svg,
.m-radio-segmented--icons .a-radio__label-image img,
.m-radio-segmented--icons .a-radio__label-image svg {
  display: block;
  height: 100%;
  width: 100%;
}
.m-form-row-group.m-radio-segmented--icons .a-radio__label-inner,
.m-radio-segmented--icons .a-radio__label-inner {
  order: 1;
  text-align: center;
}
.m-form-row-group.m-radio-segmented--icons .a-radio__input:checked ~ .a-radio__label .a-radio__label-image,
.m-form-row-group.m-radio-segmented--icons .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner,
.m-radio-segmented--icons .a-radio__input:checked ~ .a-radio__label .a-radio__label-image,
.m-radio-segmented--icons .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner {
  color: var(--color-segment-active-text);
}

.m-form-row-group.m-radio-segmented:focus-within,
.m-radio-segmented:focus-within {
  box-shadow: 0 0 0 2px var(--color-segment-focus-inner), 0 0 0 4px var(--color-segment-focus), inset 0 0 5px 0 var(--color-segment-focus-shadow);
}

@media (hover: hover) and (pointer: fine) {
  .m-form-row-group.m-radio-segmented:has(.a-radio__label:hover),
  .m-radio-segmented:has(.a-radio__label:hover) {
    border-color: var(--color-text-dark);
  }
  .m-form-row-group.m-radio-segmented .a-radio__label:hover,
  .m-radio-segmented .a-radio__label:hover {
    background-color: var(--color-grey-2);
  }
}
@media (min-width: 45em) {
  .m-form-row-group.m-radio-segmented,
  .m-radio-segmented {
    max-width: 824px;
  }
}
.is-error .m-form-row-group.m-radio-segmented,
.is-error .m-radio-segmented {
  border-color: var(--color-error-border);
}

.m-card.m-card-select.a-checkbox {
  border-radius: 4px;
  border: 1px solid var(--color-segment-icon-border);
  background-color: var(--color-bg-white);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.m-card.m-card-select.a-checkbox .a-checkbox__label {
  border-radius: 4px;
  background-color: var(--color-bg-white);
  color: var(--color-text-dark);
  padding-left: 56px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.m-card.m-card-select.a-checkbox .a-checkbox__label::before {
  width: 30px;
  height: 30px;
  left: 10px;
  top: 10px;
}
.m-card.m-card-select.a-checkbox .a-checkbox__label-inner {
  color: var(--color-text-dark);
  transition: color 0.2s ease;
}
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__label {
  font-weight: 400;
}
.m-card.m-card-select.a-checkbox .a-checkbox__ui {
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.m-card.m-card-select.a-checkbox .a-checkbox__ui::after {
  background-image: var(--image-tick-icon);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.m-card.m-card-select.a-checkbox .m-card-select__label.a-checkbox__label {
  padding-top: 10px  !important;
  padding-bottom: 10px  !important;
  min-height: auto;
}
.m-card.m-card-select.a-checkbox .m-card-select__label.a-checkbox__label::before {
  background-color: var(--color-bg-white);
  transition: background-color 0.2s ease;
}
.m-card.m-card-select.a-checkbox .m-card-select__label.a-checkbox__label::after {
  background-color: var(--color-bg-white);
  transition: background-color 0.2s ease;
}
.m-card.m-card-select.a-checkbox .m-card-select__input:checked ~ .m-card-select__label.a-checkbox__label::before {
  background-color: var(--color-bg-white);
}
.m-card.m-card-select.a-checkbox .m-card-select__input:checked ~ .m-card-select__label.a-checkbox__label::after {
  background-image: var(--image-tick-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-bg-white);
  width: 30px;
  height: 30px;
  left: 10px;
  top: 10px;
}
.m-card.m-card-select.a-checkbox:focus-within {
  box-shadow: 0 0 0 2px var(--color-segment-focus-inner), 0 0 0 4px var(--color-segment-focus);
  border-radius: 8px;
  outline: none;
}
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__label {
  background-color: var(--color-segment-active-bg);
  color: var(--color-text-light);
}
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__label .a-checkbox__label-inner {
  color: var(--color-text-light);
}
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__label .a-checkbox__label-inner h5,
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__label .a-checkbox__label-inner div,
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__label .a-checkbox__label-inner span {
  color: var(--color-text-light);
}
.m-card.m-card-select.a-checkbox .a-checkbox__input:checked ~ .a-checkbox__ui {
  background-color: var(--color-segment-active-bg);
}
.m-card.m-card-select.a-checkbox:has(.a-checkbox__input:checked):focus-within {
  background-color: var(--color-segment-active-bg);
}
.m-card.m-card-select.a-checkbox:has(.a-checkbox__input:checked):focus-within .a-checkbox__label {
  background-color: var(--color-segment-active-bg);
}

@media (hover: hover) and (pointer: fine) {
  .m-card.m-card-select.a-checkbox:hover:not(:has(.a-checkbox__input:checked)) {
    background-color: var(--color-grey-2);
  }
  .m-card.m-card-select.a-checkbox:hover:not(:has(.a-checkbox__input:checked)) .a-checkbox__label {
    background-color: var(--color-grey-2);
  }
  .m-card.m-card-select.a-checkbox:has(.a-checkbox__input:checked):hover {
    background-color: var(--color-segment-active-hover-bg);
  }
  .m-card.m-card-select.a-checkbox:has(.a-checkbox__input:checked):hover .a-checkbox__label {
    background-color: var(--color-segment-active-hover-bg);
  }
  .m-card.m-card-select.a-checkbox:has(.a-checkbox__input:checked):hover .a-checkbox__ui {
    background-color: var(--color-segment-active-hover-bg);
  }
}
@media (min-width: 45em) {
  .m-card.m-card-select.a-checkbox {
    max-width: 612px;
  }
}
.is-error .m-card.m-card-select.a-checkbox {
  border-color: var(--color-error-border);
}

.a-heading--5,
h5 {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.m-form-row label,
.m-form-row .a-label {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.auto-policy-list .a-list-plain.l-columns,
.property-policy-list .a-list-plain.l-columns {
  margin-bottom: 0px  !important;
}
.auto-policy-list h3.title.a-heading.a-heading-display.a-heading-display--sm.a-heading-display--semibold,
.property-policy-list h3.title.a-heading.a-heading-display.a-heading-display--sm.a-heading-display--semibold {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
@media (min-width: 45em) {
  .auto-policy-list h3.title.a-heading.a-heading-display.a-heading-display--sm.a-heading-display--semibold,
  .property-policy-list h3.title.a-heading.a-heading-display.a-heading-display--sm.a-heading-display--semibold {
    font-size: 32px;
    line-height: 40px;
  }
}
.auto-policy-list .t-accent-light.t-accent-light--1,
.auto-policy-list .t-accent-dark.t-accent-dark--7,
.property-policy-list .t-accent-light.t-accent-light--1,
.property-policy-list .t-accent-dark.t-accent-dark--7 {
  border-radius: 20px;
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  overflow: hidden;
}
.auto-policy-list .t-accent-light.t-accent-light--1,
.property-policy-list .t-accent-light.t-accent-light--1 {
  background-color: var(--color-background-dark);
  border: none;
}
.auto-policy-list .m-card-content,
.property-policy-list .m-card-content {
  padding: 0px  !important;
}
.auto-policy-list .m-card-content__inner:not(.m-card-content__inner--bottom),
.property-policy-list .m-card-content__inner:not(.m-card-content__inner--bottom) {
  padding: 30px  !important;
  color: var(--color-text-light);
}
.auto-policy-list .m-card-content__inner:not(.m-card-content__inner--bottom) *,
.property-policy-list .m-card-content__inner:not(.m-card-content__inner--bottom) * {
  color: var(--color-text-light);
}
.auto-policy-list .m-card-content__inner--bottom,
.property-policy-list .m-card-content__inner--bottom {
  background-color: var(--color-bg-white);
  padding: 30px  !important;
}
.auto-policy-list .detail-btn.a-button,
.property-policy-list .detail-btn.a-button {
  margin-top: 0px  !important;
  background-color: var(--color-button-primary-bg);
  border-color: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
}
.auto-policy-list .detail-btn.a-button:hover,
.property-policy-list .detail-btn.a-button:hover {
  background-color: var(--color-button-primary-hover-bg);
  border-color: var(--color-button-primary-hover-bg);
}
.auto-policy-list .detail-btn.a-button:active,
.property-policy-list .detail-btn.a-button:active {
  background-color: var(--color-button-primary-active-bg);
  border-color: var(--color-button-primary-active-bg);
}

.u-animation .a-radio__input ~ .a-radio__label,
.u-animation .a-radio__ui:after {
  transition: none;
}

.m-form-row-group--stacked .a-radio:active {
  box-shadow: none;
}
.m-form-row-group--stacked .a-radio:hover .a-radio__input:checked ~ .a-radio__label {
  background-color: var(--color-radio-checked-hover);
}
.m-form-row-group--stacked .a-radio:focus-visible {
  border: 2px solid var(--color-radio-focus);
  box-shadow: none;
}
.m-form-row-group--stacked .a-radio__input:checked ~ .a-radio__label::after {
  background-color: var(--color-radio-checked);
}
.m-form-row-group--stacked .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner .a-heading {
  color: var(--color-radio-bg);
}
.m-form-row-group--stacked .a-radio__ui::after {
  background-color: var(--color-radio-checked);
}
.m-form-row-group--stacked .a-radio__ui::before {
  background-color: var(--color-radio-bg);
}
.m-form-row-group--stacked .a-radio__label {
  box-shadow: none;
}
.m-form-row-group--stacked .a-radio__label .a-radio__label-inner .a-heading {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.m-tabs__nav-list {
  min-height: auto;
}
.m-tabs__nav-list .m-tabs__control {
  min-height: auto;
}

.m-tabs__nav-list .m-tabs__control .m-tabs__control-inner {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 45em) {
  .m-tabs__nav-list .m-tabs__control .m-tabs__control-inner {
    font-size: 20px;
    line-height: 28px;
  }
}
.m-tabs__nav-list .m-tabs__control .m-tabs__control-inner {
  color: var(--color-tab-text);
  border-bottom: 4px solid transparent;
}
.m-tabs__nav-list .m-tabs__control:hover .m-tabs__control-inner {
  color: var(--color-tab-active);
  border-color: var(--color-tab-underline);
}
.m-tabs__nav-list .m-tabs__control:focus-visible {
  outline: 2px solid var(--color-tab-focus);
  outline-offset: 2px;
}

.m-tabs__nav-list .m-tabs__control--selected .m-tabs__control-inner,
.m-tabs__nav-list .m-tabs__control--selected:hover .m-tabs__control-inner {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 45em) {
  .m-tabs__nav-list .m-tabs__control--selected .m-tabs__control-inner,
  .m-tabs__nav-list .m-tabs__control--selected:hover .m-tabs__control-inner {
    font-size: 20px;
    line-height: 28px;
  }
}
.m-tabs__nav-list .m-tabs__control--selected .m-tabs__control-inner,
.m-tabs__nav-list .m-tabs__control--selected:hover .m-tabs__control-inner {
  color: var(--color-tab-active);
  border-color: var(--color-tab-underline);
}

.pci-loader--inline {
  position: relative;
  inset: auto;
  min-height: 3rem;
}
.pci-loader__spinner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pci-loader__spinner__svg {
  display: block;
  animation: pci-loader-spin 0.8s linear infinite;
}
.pci-loader__spinner__track {
  stroke: var(--color-border);
}
.pci-loader__spinner__arc {
  stroke: var(--color-loader-accent);
}
.pci-loader__spinner__text {
  color: var(--color-text-dark);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  z-index: 2;
}
.pci-loader__spinner__logo {
  display: block;
  border-radius: 0;
}
@keyframes pci-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
.pci-loader .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.light-call-center {
  background-color: var(--color-table-background);
  color: var(--color-text-light);
  border: 1px solid var(--color-border);
  margin-bottom: 60px  !important;
}
.light-call-center .a-heading--2 {
  color: var(--color-text-light);
}
.light-call-center a {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 700;
  font-weight: 700;
  line-height: 24px;
  color: var(--color-text-light);
}
.light-call-center a:hover {
  text-decoration-color: var(--color-text-light);
}

.full-light-call-center {
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  margin-top: 0px  !important;
  border-radius: 20px;
  margin-top: 60px  !important;
}
.full-light-call-center .title-image {
  background-image: var(--image-call-center);
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}
.full-light-call-center .call-center-area {
  padding: 20px  !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.full-light-call-center .call-center-area .a-heading.a-heading--2.a-heading--semibold {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 45em) {
  .full-light-call-center .call-center-area .a-heading.a-heading--2.a-heading--semibold {
    font-size: 24px;
    line-height: 36px;
  }
}
.full-light-call-center .call-center-area .general-support {
  text-align: center;
  padding-top: 20px  !important;
  padding-bottom: 15px  !important;
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 45em) {
  .full-light-call-center .call-center-area .general-support {
    font-size: 20px;
    line-height: 28px;
  }
}
.full-light-call-center .call-center-area .date-time {
  text-align: center;
  padding-top: 15px  !important;
}
.full-light-call-center .call-center-area a {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 285px;
}
@media (min-width: 45em) {
  .full-light-call-center {
    margin-top: 0px  !important;
  }
  .full-light-call-center .title-image {
    display: block;
  }
  .full-light-call-center .call-center-area {
    padding-bottom: 32px  !important;
  }
  .full-light-call-center .call-center-area .general-support {
    padding-top: 15px  !important;
  }
}

.t-accent-light .js-m-showhide {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.t-accent-light .js-m-showhide .m-showhide__control {
  margin-left: 24px  !important;
}
.t-accent-light .js-m-showhide .m-showhide__control-desc {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.t-accent-light .js-m-showhide .m-showhide__control-desc:before {
  -webkit-mask-image: var(--image-arrow-down);
          mask-image: var(--image-arrow-down);
  height: 12px;
  width: 12px;
  transition: none;
  animation: none;
  background-color: var(--color-triangle-bg);
}
.t-accent-light .js-m-showhide .m-showhide__control-desc:after {
  border: none;
  content: none;
}
.t-accent-light .js-m-showhide .m-showhide__control-desc-state {
  color: var(--color-text-dark);
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
}
.t-accent-light .js-m-showhide .m-showhide__control:hover .m-showhide__control-desc:before {
  background-color: var(--color-triangle-bg);
}

.notification-window {
  border-radius: 20px;
  display: flex;
  padding: 20px  !important;
  margin-bottom: 20px  !important;
  align-items: flex-start;
  gap: 15px  !important;
}
.notification-window__icon {
  display: none;
  width: 24px;
  height: 24px;
  margin-top: 4px  !important;
}

.notification-bar {
  padding: 15px  !important;
  border-radius: 20px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
}
.notification-bar__item {
  gap: 15px  !important;
}
.notification-bar__item.warning .notification-bar__icon {
  background-image: var(--image-notification-bar-warning-icon);
}
.notification-bar__item.info .notification-bar__icon {
  background-image: var(--image-notification-bar-info-icon);
}
.notification-bar__icon {
  display: block;
}
.notification-bar__title {
  color: var(--color-text-dark);
}
.notification-bar__message {
  color: var(--color-text-dark);
}
.notification-bar__action {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.policy-status {
  padding-right: 34px;
  color: var(--color-text-dark);
  background-position: calc(100% - 4px) center;
}
.policy-status.active {
  border: 1px solid var(--color-status-active-border);
  background-image: var(--image-status-active-icon);
}
.policy-status.cancelled {
  border: 1px solid var(--color-status-cancelled-border);
  background-image: var(--image-status-cancelled-icon);
}
.policy-status.scheduled {
  border: 1px solid var(--color-status-scheduled-border);
  background-image: var(--image-status-scheduled-icon);
}
.policy-status.expired {
  border: 1px solid var(--color-status-expired-border);
  background-image: var(--image-status-expired-icon);
}

.a-breadcrumb .a-breadcrumb-list__item {
  cursor: pointer;
}
.a-breadcrumb .a-breadcrumb-list__item::after, .a-breadcrumb .a-breadcrumb-list__item::before {
  background-color: var(--color-breadcrumb-text);
  -webkit-mask-size: 35%;
          mask-size: 35%;
  vertical-align: middle;
}
.a-breadcrumb .a-breadcrumb-list__item::before {
  -webkit-mask-image: var(--image-arrow-left);
          mask-image: var(--image-arrow-left);
  -webkit-mask-position: left center;
          mask-position: left center;
  margin-right: 5px;
}
.a-breadcrumb .a-breadcrumb-list__item::after {
  -webkit-mask-image: var(--image-arrow-left);
          mask-image: var(--image-arrow-left);
  transform: rotate(180deg);
  margin: 0 5px;
}
.a-breadcrumb .a-breadcrumb-list__item a {
  text-decoration: none;
  color: var(--color-breadcrumb-text);
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: underline;
  text-decoration-color: var(--color-breadcrumb-border);
  text-decoration-thickness: 6%;
}
.a-breadcrumb .a-breadcrumb-list__item a:hover {
  text-decoration: underline;
  text-decoration-color: var(--color-breadcrumb-border);
  text-decoration-thickness: 12%;
}
.a-breadcrumb .a-breadcrumb-list__item.nav-back::before {
  display: inline-block;
}

.banner-container .a-button img {
  display: none;
}
.banner-container .banner-title.a-heading.a-heading-display.a-heading-display--lg.a-heading-display--semibold {
  margin-top: 30px  !important;
}
.banner-container .banner-title + .d-flex.flex-wrap.mt-24.gap-md-80.row-gap-20 {
  margin-top: 30px  !important;
}
.banner-container .button-container {
  margin-top: 30px  !important;
}
.banner-container .policy-data-title {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.banner--interactive.m-hero .m-hero-message {
  padding-top: 30px  !important;
  padding-bottom: 30px  !important;
}

.landing > .l-content-container {
  padding-top: 0px  !important;
}
.landing .full-width-tile.l-content-container .card-container {
  border: 0;
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
}
.landing .full-width-tile.l-content-container .card-container .m-card-content__inner {
  padding: 20px  !important;
}
@media (min-width: 45em) {
  .landing .full-width-tile.l-content-container .card-container .m-card-content__inner {
    padding: 30px  !important;
  }
}
.landing .full-width-tile.l-content-container .card-container .m-card-content__inner--top a {
  text-decoration: none;
}
.landing .full-width-tile.l-content-container .card-container .m-card-content__inner--top .landing-policy-status {
  border-radius: 20px;
}
.landing .full-width-tile.l-content-container .card-container .quick-link .quick-link__desc {
  color: var(--color-pci-grey);
}
.landing .full-width-tile.l-content-container .claims-card-container {
  margin-bottom: 60px  !important;
}
.landing .full-width-tile.l-content-container .claims-card-container .claims-loss-card a {
  width: fit-content;
}
.landing .full-width-tile.l-content-container .claims-card-container .claims-loss-card a .information-icon {
  display: none;
}
.landing .full-width-tile.l-content-container .claims-card-container .claims-read-more-card {
  background: var(--color-bg-white);
  border: 0;
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
}
.landing .full-width-tile.l-content-container .bundle-card.m-promo-banner.m-card {
  background: var(--color-bg-white);
  border: 0;
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
}
.landing .full-width-tile.l-content-container .bundle-card.m-promo-banner.m-card .m-card-content,
.landing .full-width-tile.l-content-container .bundle-card.m-promo-banner.m-card .m-card-content__inner .a-heading.title {
  color: var(--color-text-dark);
}

.document .container-box {
  border: none;
}
.document .m-table {
  padding-bottom: 20px  !important;
}
.document .m-table .u-text--center {
  margin-top: 20px  !important;
}
.document .m-table.m-table--zebra-stripes thead tr {
  border-bottom: 1px solid var(--color-button-primary-bg);
}
.document .m-table.m-table--zebra-stripes thead tr .small {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-top: 15px  !important;
  padding-bottom: 15px  !important;
}
.document .m-table.m-table--zebra-stripes thead tr th.first {
  padding-right: 20px  !important;
}
.document .m-table.m-table--zebra-stripes tbody tr td.subtext-light {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.document .m-table.m-table--zebra-stripes tbody tr td.subtext-light a.a-link-icon--download {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.document .m-table.m-table--zebra-stripes tbody tr td.subtext-light a.a-link-icon--download::after {
  background-image: var(--image-download-icon);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask-image: none;
          mask-image: none;
  background-color: transparent;
  background-size: 19px 19px;
}
.document .m-table.m-table--zebra-stripes tbody tr td.subtext-light.first {
  padding-left: 30px  !important;
}
.document .m-table.m-table--zebra-stripes tbody tr td.subtext-light.last {
  padding-right: 30px  !important;
}
.document .m-table .a-pagination {
  margin-top: 16px  !important;
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item--selected a {
  background-color: var(--color-button-primary-bg);
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item.a-pagination-list__item--next, .document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item.a-pagination-list__item--previous {
  display: none;
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item.a-pagination-list__item--selected a:hover {
  color: var(--color-text-light);
  background-color: var(--color-button-primary-bg);
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item.a-pagination-list__item--selected:active, .document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item.a-pagination-list__item--selected:focus-visible {
  border-radius: 22px;
  outline: var(--color-pagination-hover) auto 1px;
  box-shadow: 0 0 0 3px var(--color-text-light), 0 0 0 5px var(--color-pagination-focus);
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item a {
  font-weight: 600;
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item a:hover {
  color: var(--color-text-dark);
  background-color: var(--color-grey-2);
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item:not(.a-pagination-list__item--selected):active, .document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item:not(.a-pagination-list__item--selected):focus-visible {
  border-radius: 22px;
  outline: var(--color-pagination-hover) auto 1px;
  box-shadow: 0 0 0 3px var(--color-text-light), 0 0 0 5px var(--color-pagination-focus);
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item:not(.a-pagination-list__item--selected):active a, .document .m-table .a-pagination .a-pagination-list.a-list-plain .a-pagination-list__item:not(.a-pagination-list__item--selected):focus-visible a {
  color: var(--color-text-dark);
  background-color: var(--color-grey-2);
}
.document .m-table .a-pagination .a-pagination-list.a-list-plain a:hover {
  background-color: var(--color-grey-2);
}
.document .pink-slip-right .pink-slip-request {
  margin-top: 20px  !important;
}
.document .pink-slip-right .pink-slip-request .m-card-content {
  color: var(--color-text-light);
  background-color: var(--color-background-dark);
}
.document .pink-slip-right .pink-slip-request .m-card-content .m-card-content__inner .title-section .title {
  color: var(--color-text-light);
}
.document .pink-slip-right .pink-slip-request .m-card-content .m-card-content__inner .title-section .pink-slip-document-icon {
  background: var(--image-pink-slip) no-repeat;
  height: 59px;
  width: 52px;
}
.document .pink-slip-right .pink-slip-request .m-card-content .m-card-content__inner .pink-slip-button {
  justify-content: start;
}
@media (min-width: 45em) {
  .document .m-table {
    padding-bottom: 30px  !important;
    overflow: auto;
  }
  .document .pink-slip-right {
    margin-left: 24px  !important;
  }
  .document .pink-slip-right .pink-slip-request {
    margin-top: 0px  !important;
  }
  .document .pink-slip-right .pink-slip-request .m-card-content .m-card-content__inner .title-section .title {
    padding-right: 40px  !important;
  }
}

.policy-landing .tabs-wrapper {
  margin-top: 40px;
}

.auto-landing .payment-details-wrapper .m-tabs {
  margin-bottom: 0px  !important;
}
.auto-landing .payment-details-wrapper .m-tabs .m-tabs__content {
  margin-top: 30px  !important;
  padding-bottom: 60px  !important;
}

.property-landing .payment-details-wrapper .m-tabs {
  margin-bottom: 0px  !important;
}
.property-landing .payment-details-wrapper .m-tabs .m-tabs__content {
  margin-top: 30px  !important;
  padding-bottom: 60px  !important;
}

.one-time-payment .call-center-layout {
  margin-top: 0px  !important;
}
.one-time-payment .a-heading.a-heading--3.a-heading--bold {
  font-weight: 600;
}
.one-time-payment .billing-disclaimer-wrapper {
  padding-bottom: 60px  !important;
}
.one-time-payment input[formControlName=nameOnCard] {
  width: 100%;
}

.m-card.m-card-notification {
  border: 1px solid var(--color-error-border);
  background: var(--color-notification-window-warning-bg);
  padding-left: 60px  !important;
}
.m-card.m-card-notification--error {
  border-radius: 20px;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.m-card.m-card-notification--error::before {
  background-image: var(--image-notification-warning-icon);
  margin-top: 0px  !important;
}

.change-payment-date .banner-heading {
  background-color: var(--color-banner-bg);
  color: var(--color-banner-text);
}
.change-payment-date .banner-heading .a-heading.a-heading--1 {
  color: var(--color-banner-text);
  font-family: "Noir Pro";
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
@media (min-width: 45em) {
  .change-payment-date .banner-heading .a-heading.a-heading--1 {
    font-size: 48px;
    line-height: 58px;
  }
}
.change-payment-date .call-center-layout {
  margin-top: 30px  !important;
}
.change-payment-date .call-center-layout lib-pci-call-center {
  display: none;
}
.change-payment-date .call-center-layout .payment-date-tooltip {
  display: block;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light {
  background-color: transparent;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light .m-showhide {
  border: none;
  margin: 0px  !important;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading {
  border: none;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading .m-showhide__control {
  margin: 0px  !important;
  margin-bottom: 12px  !important;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading .m-showhide__control .m-showhide__control-heading {
  margin: 0px  !important;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading .m-showhide__control .m-showhide__control-heading .m-showhide__content {
  margin-top: 0px  !important;
  padding-bottom: 12px  !important;
}
.change-payment-date .call-center-layout .payment-date-tooltip .t-accent-light .m-showhide .m-showhide__content {
  padding-bottom: 12px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .data-row {
  margin-bottom: 30px  !important;
  margin-left: 0px  !important;
  margin-right: 0px  !important;
  margin-top: 0px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .data-row .amount-due {
  display: none;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .data-row .remaining-balance {
  display: block;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .payment-remaining-balance {
  display: none;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .a-heading.a-heading--5 {
  margin-bottom: 5px  !important;
  margin-top: 0px  !important;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .a-heading.a-heading--3 {
  margin-top: 0px  !important;
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 45em) {
  .change-payment-date .call-center-layout .call-center-layout__main-area .a-heading.a-heading--3 {
    font-size: 24px;
    line-height: 36px;
  }
}
.change-payment-date .call-center-layout .call-center-layout__main-area .a-divider-line {
  margin-top: 8px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row .a-label {
  margin-bottom: 12px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row.m-form-row--full-width {
  margin-top: 30px  !important;
  margin-left: 0px  !important;
  margin-right: 0px  !important;
  margin-bottom: 0px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row .m-radio-segmented {
  margin-top: 0px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row__content .m-card-select.m-card-select--basic.a-checkbox {
  min-height: auto;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row__content .m-card-select.m-card-select--basic.a-checkbox.select-all-policy .a-checkbox__label.m-card-select__label {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-height: auto;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row__content .m-card-select.m-card-select--basic.a-checkbox.select-all-policy .a-checkbox__label.m-card-select__label .a-checkbox__label-inner {
  padding-top: 5px  !important;
  padding-bottom: 5px  !important;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row__content .m-card-select.m-card-select--basic.a-checkbox .a-checkbox__label.m-card-select__label {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .m-form-row__content .m-card-select.m-card-select--basic.a-checkbox .a-checkbox__label.m-card-select__label h5 {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.change-payment-date .call-center-layout .call-center-layout__main-area .date-select {
  width: 100%;
  margin-top: 0px  !important;
}
.change-payment-date .disclaimer {
  background-color: var(--color-disclaimer-bg);
  padding-bottom: 60px  !important;
}
.change-payment-date .disclaimer .text {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 45em) {
  .change-payment-date .call-center-layout__main-area .date-select {
    width: 50%;
  }
}

.payment-method .a-divider-line {
  border-top: 1px solid var(--color-divider);
}
.payment-method h5 {
  color: var(--color-text-charcoal);
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.payment-method .a-heading.a-heading--3.a-heading--bold {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 45em) {
  .payment-method .a-heading.a-heading--3.a-heading--bold {
    font-size: 24px;
    line-height: 36px;
  }
}
.payment-method .payment-method__summary-label {
  margin-bottom: 5px  !important;
}
.payment-method .payment-method__bank-transit-row,
.payment-method .payment-method__bank-account-number-row {
  margin-top: 20px  !important;
}
.payment-method .payment-method__account-holder-row {
  margin-top: 32px  !important;
  margin-bottom: 32px  !important;
}
.payment-method .payment-method__bank-account-form {
  margin-bottom: 32px  !important;
}
.payment-method .payment-method__button-group {
  margin-top: 60px  !important;
}
.payment-method .m-form-row .a-label {
  margin-bottom: 12px  !important;
}
.payment-method .o-checkbox-card-select .a-checkbox__label-inner {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.payment-method .o-checkbox-card-select .a-checkbox__label-inner h5 {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.payment-method .billing-disclaimer-wrapper {
  padding-bottom: 60px  !important;
}
.payment-method .billing-disclaimer-wrapper .disclaimer p {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.payment-method {
  /* Future TODO: move shared payment-date tooltip styles to a common component/theme partial; this matches change-payment-date */
}
.payment-method .payment-method__tooltip {
  display: block;
}
.payment-method .payment-method__tooltip .t-accent-light {
  background-color: transparent;
}
.payment-method .payment-method__tooltip .t-accent-light .m-showhide {
  border: none;
  margin: 0px  !important;
}
.payment-method .payment-method__tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading {
  border: none;
}
.payment-method .payment-method__tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading .m-showhide__control {
  margin: 0px  !important;
  margin-bottom: 12px  !important;
}
.payment-method .payment-method__tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading .m-showhide__control .m-showhide__control-heading {
  margin: 0px  !important;
}
.payment-method .payment-method__tooltip .t-accent-light .m-showhide .a-heading.m-showhide__heading .m-showhide__control .m-showhide__control-heading .m-showhide__content {
  margin-top: 0px  !important;
  padding-bottom: 12px  !important;
}
.payment-method .payment-method__tooltip .t-accent-light .m-showhide .m-showhide__content {
  padding-bottom: 12px  !important;
}
.payment-method .call-center-layout {
  margin-top: 32px  !important;
}

.payment-schedule .m-table {
  padding-bottom: 30px  !important;
}
.payment-schedule .m-table table thead tr {
  border-bottom: 1px solid var(--color-button-primary-bg);
}
.payment-schedule .container-box {
  border-radius: 15px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  border: none;
}
.payment-schedule .container-box .container-box-title {
  padding-top: 30px  !important;
  padding-left: 30px  !important;
  padding-right: 30px  !important;
}
.payment-schedule .information-icon {
  background: var(--image-status-scheduled-icon) no-repeat center center;
}
.payment-schedule .payment-schedule-empty-state {
  border-radius: 20px;
  margin-left: 20px  !important;
  margin-right: 20px  !important;
  width: calc(100% - 40px);
}
@media (min-width: 45em) {
  .payment-schedule .payment-schedule-empty-state {
    margin-left: 30px  !important;
    margin-right: 30px  !important;
    width: calc(100% - 60px);
  }
}
.payment-schedule .payment-schedule-empty-state {
  background: var(--color-background-light);
  color: var(--color-text-base);
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.payment-schedule .payment-schedule-empty-state__icon {
  background: var(--image-notification-tick-icon) no-repeat center center;
  background-size: contain;
}

.payment-details.m-card-content,
.bank-details.m-card-content {
  padding: 30px;
}

.payment-details.m-card-content {
  background-color: var(--color-background-dark);
  border: none;
}
.payment-details.m-card-content .m-card-content__inner .amount-info span.a-heading.a-heading--5 {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-light);
}
.payment-details.m-card-content .m-card-content__inner .amount-info span.a-heading.a-heading--2.a-heading--custom {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
@media (min-width: 45em) {
  .payment-details.m-card-content .m-card-content__inner .amount-info span.a-heading.a-heading--2.a-heading--custom {
    font-size: 32px;
    line-height: 40px;
  }
}
.payment-details.m-card-content .m-card-content__inner .amount-info span.a-heading.a-heading--2.a-heading--custom {
  color: var(--color-text-light);
}

.bank-details.m-card-content {
  background-color: var(--color-bg-white);
  border: none;
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
}
.bank-details.m-card-content .m-card-content__inner .l-columns__column strong {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.bank-details.m-card-content .m-card-content__inner .l-columns__column div {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.bank-details.m-card-content .m-card-content__inner .btn-container,
.bank-details.m-card-content .m-card-content__inner .btn-container.flex-md-row {
  flex-direction: column !important;
}
.bank-details.m-card-content .m-card-content__inner .btn-container div,
.bank-details.m-card-content .m-card-content__inner .btn-container.flex-md-row div {
  flex: 0 0 auto;
  width: 100%;
}
.bank-details.m-card-content .m-card-content__inner .btn-container .a-button,
.bank-details.m-card-content .m-card-content__inner .btn-container.flex-md-row .a-button {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 100%;
  height: auto;
}

@media (min-width: 45em) {
  .bank-details .btn-container,
  .bank-details .btn-container.flex-md-row {
    flex-direction: column !important;
    gap: 24px;
  }
}
.payment-history .container-box {
  border-radius: 15px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  border: none;
}
.payment-history .container-box .container-box-title {
  padding-top: 30px  !important;
}
.payment-history .m-table {
  padding-bottom: 30px  !important;
}
.payment-history .m-table table thead tr {
  border-bottom: 1px solid var(--color-button-primary-bg);
}
.payment-history .m-table table tbody tr td.subtext-light {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.payment-history .m-table table tbody tr td.subtext-light.last .payment-amount .subtext-light {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.payment-history .m-table table tbody tr td.subtext-light.last > div:not(.payment-amount) {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-pci-grey);
}

.o-modal {
  min-height: auto;
}
.o-modal .o-modal-inner {
  border-radius: 20px;
}

.o-modal--no-close .o-modal__cancel {
  display: none;
}

.o-modal .o-modal__content .a-heading.a-heading--1 {
  margin-bottom: 10px  !important;
}
.o-modal .o-modal__content .info-modal,
.o-modal .o-modal__content .max-date-change-modal {
  border-radius: 20px;
  padding-top: 15px  !important;
  padding-left: 16px  !important;
  padding-right: 16px  !important;
  padding-bottom: 30px  !important;
  gap: 10px  !important;
}
@media (min-width: 45em) {
  .o-modal .o-modal__content .info-modal,
  .o-modal .o-modal__content .max-date-change-modal {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.o-modal .o-modal__content .info-modal .d-flex.justify-content-end,
.o-modal .o-modal__content .max-date-change-modal .d-flex.justify-content-end {
  align-items: center;
  gap: 8px  !important;
}
.o-modal .o-modal__content .info-modal .btn-text,
.o-modal .o-modal__content .max-date-change-modal .btn-text {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 12%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.o-modal .o-modal__content .info-modal .a-heading,
.o-modal .o-modal__content .max-date-change-modal .a-heading {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media (min-width: 45em) {
  .o-modal .o-modal__content .info-modal .a-heading,
  .o-modal .o-modal__content .max-date-change-modal .a-heading {
    font-size: 32px;
    line-height: 40px;
  }
}
.o-modal .o-modal__content .info-modal .a-heading.a-heading--2,
.o-modal .o-modal__content .max-date-change-modal .a-heading.a-heading--2 {
  margin-top: 15px  !important;
}
.o-modal .o-modal__content .info-modal .modal-content,
.o-modal .o-modal__content .max-date-change-modal .modal-content {
  margin-top: 10px  !important;
  margin-bottom: 0px  !important;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.o-modal .o-modal__content .info-modal .m-button-group,
.o-modal .o-modal__content .max-date-change-modal .m-button-group {
  margin-top: 30px  !important;
}
.o-modal .o-modal__content .info-modal .m-button-group .a-button,
.o-modal .o-modal__content .max-date-change-modal .m-button-group .a-button {
  display: inline-flex;
}
.o-modal .o-modal__content .info-modal.use-close-btn,
.o-modal .o-modal__content .max-date-change-modal.use-close-btn {
  padding-top: 15px  !important;
}
.o-modal .o-modal__content .info-modal.use-close-btn .btn-text,
.o-modal .o-modal__content .max-date-change-modal.use-close-btn .btn-text {
  margin-top: 0px  !important;
  cursor: pointer;
}
.o-modal .o-modal__content .info-modal.use-close-btn .close-btn,
.o-modal .o-modal__content .max-date-change-modal.use-close-btn .close-btn {
  display: block;
  cursor: pointer;
  background-image: var(--image-close-btn);
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  background-size: 14px 14px;
  margin-top: 0;
  border: none;
  background-color: initial;
  margin-bottom: 0;
}
.o-modal .o-modal__content .info-modal .phone-btn,
.o-modal .o-modal__content .max-date-change-modal .phone-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 15px  !important;
}
.o-modal .o-modal__content .info-modal .max-date-change-modal__description,
.o-modal .o-modal__content .max-date-change-modal .max-date-change-modal__description {
  margin-top: 10px  !important;
  margin-bottom: 30px  !important;
}

.max-date-change-modal .close-btn-ion {
  display: none;
}

.timeout-modal {
  display: flex;
  flex-direction: column;
  padding-top: 30px  !important;
  padding-bottom: 30px  !important;
  padding-left: 16px  !important;
  padding-right: 16px  !important;
  gap: 30px  !important;
}
@media (min-width: 45em) {
  .timeout-modal {
    padding: 30px  !important;
  }
}
.timeout-modal .title.a-heading.a-heading--1 {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media (min-width: 45em) {
  .timeout-modal .title.a-heading.a-heading--1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.timeout-modal .title.a-heading.a-heading--1 {
  width: 100%;
  margin-bottom: 0px  !important;
}
.timeout-modal .description {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  margin: 0px  !important;
}
.timeout-modal .timeout-image {
  width: 100%;
  margin: 0px  !important;
}
.timeout-modal .time-left {
  width: 100%;
}
.timeout-modal .btn-section {
  display: flex;
  flex-direction: column;
  gap: 20px  !important;
  width: 100%;
  margin: 0px  !important;
}
@media (min-width: 45em) {
  .timeout-modal .btn-section {
    flex-direction: row;
  }
}
.account-info {
  padding-top: 32px  !important;
  padding-bottom: 60px  !important;
}
.account-info .first-row-account-info {
  margin-top: 32px  !important;
}
.account-info .a-heading.a-heading--5 {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 45em) {
  .account-info {
    padding-top: 60px  !important;
  }
}

.auto-oar-notification {
  padding: 20px  !important;
  gap: 16px  !important;
  border-radius: 20px;
  border: 1px solid var(--color-oar-notification-border);
  background: var(--color-oar-notification-bg);
  min-width: 296px;
}
.auto-oar-notification__heading {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 45em) {
  .auto-oar-notification__heading {
    font-size: 20px;
    line-height: 28px;
  }
}
.auto-oar-notification__icon {
  width: 24px;
  height: 24px;
}
@media (min-width: 45em) {
  .auto-oar-notification__icon {
    width: 32px;
    height: 32px;
  }
}
.auto-oar-notification a {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
  text-decoration: underline;
}

.live-chat__toggle-button {
  position: fixed;
  height: 55px;
  color: var(--color-text-light);
  border: none;
  border-radius: 30px;
  z-index: 100;
  bottom: 36px;
  background: var(--color-button-primary-bg) var(--image-chat-icon) no-repeat calc(100% - 15px) center;
  padding-top: 0px  !important;
  padding-bottom: 0px  !important;
  padding-left: 15px  !important;
  padding-right: 39px;
  right: 10px;
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 45em) {
  .live-chat__toggle-button {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 45em) {
  .live-chat__toggle-button {
    padding-top: 0px  !important;
    padding-bottom: 0px  !important;
    padding-left: 15px  !important;
    padding-right: 53px;
  }
}
@media (min-width: 22.5em) {
  .live-chat__toggle-button {
    right: 36px;
  }
}

modal-container.modal {
  background-color: var(--color-text-light);
}
modal-container.modal .live-chat-modal {
  position: fixed;
  top: auto !important;
  bottom: 110px;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  height: 65%;
  margin: 0px  !important;
  width: 100%;
  right: 0;
}
@media (min-width: 22.5em) {
  modal-container.modal .live-chat-modal {
    max-width: 320px;
    right: 36px;
  }
}
modal-container.modal .live-chat-modal .modal-content {
  width: 100%;
  height: 100%;
  margin: 0px  !important;
  padding: 0px  !important;
  border: 0;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 4px 10px 0px var(--color-live-chat-modal-shadow);
}
modal-container.modal .live-chat-modal .modal-content .frame {
  background-color: var(--color-text-light);
}
modal-container.modal .live-chat-modal .modal-content .close-chat {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0px  !important;
  padding-right: 10px  !important;
  padding-bottom: 0px  !important;
  padding-left: 10px  !important;
  color: var(--color-text-light);
  text-decoration: none;
  font-size: 36px;
  line-height: 48px;
  cursor: pointer;
}
modal-container.modal .live-chat-modal iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.named-insured {
  margin-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .named-insured {
    margin-bottom: 24px  !important;
  }
}
.named-insured .container-box {
  border-radius: 15px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  border: none;
  display: flex;
  padding-left: 0px  !important;
  padding-right: 0px  !important;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
@media (min-width: 45em) {
  .named-insured .container-box {
    display: block;
    width: auto;
    padding: 0px  !important;
    gap: unset;
  }
}
.named-insured .container-box-title {
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .named-insured .container-box-title {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.named-insured .container-box-title .a-heading.a-heading--2 {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (min-width: 45em) {
  .named-insured .container-box-title .a-heading.a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.named-insured .container-box-title .a-heading.a-heading--2 {
  color: var(--color-text-dark);
}
.named-insured .insured {
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  gap: 10px  !important;
}
@media (min-width: 45em) {
  .named-insured .insured {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.named-insured .insured .primary-operator {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.named-insured .insured span {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.named-insured .t-accent-light .js-m-showhide .m-showhide__control {
  margin: 0px  !important;
}
.named-insured .t-accent-light .js-m-showhide {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  border: none;
  margin: 0px  !important;
}
.named-insured .t-accent-light .js-m-showhide.pb-32 {
  padding-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .named-insured .t-accent-light .js-m-showhide.pb-32 {
    padding-bottom: 30px  !important;
  }
}
.named-insured .t-accent-light .js-m-showhide .m-showhide__heading {
  border: none;
  padding: 0px  !important;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
}
@media (min-width: 45em) {
  .named-insured .t-accent-light .js-m-showhide .m-showhide__heading {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.named-insured .t-accent-light .js-m-showhide .m-showhide__content {
  margin-top: 20px  !important;
}
.named-insured .insured-details {
  position: relative;
  align-self: stretch;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .named-insured .insured-details {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
    padding-top: 20px  !important;
    padding-bottom: 20px  !important;
  }
}
.named-insured .insured-details {
  background: var(--color-background-light);
}
.named-insured .insured-details .a-heading.a-heading--5 {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.named-insured .insured-details .l-columns {
  row-gap: 15px;
}
.named-insured .insured-details .l-columns.py-20.py-md-24 {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .named-insured .insured-details .l-columns.py-20.py-md-24 {
    padding-top: 20px  !important;
    padding-bottom: 20px  !important;
  }
}
.named-insured .insured-details .l-columns__column > div:not(.a-heading) {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.named-insured .a-divider-line {
  height: 1px;
  flex-shrink: 0;
  background: var(--color-divider);
  border: none;
  margin-top: 20px  !important;
  margin-left: 20px  !important;
  margin-right: 20px  !important;
}
.named-insured div:has(.m-showhide__control[aria-expanded=true]) + .a-divider-line {
  margin-top: 0px  !important;
}

.property-coverages .container-box {
  border-radius: 15px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  border: none;
}
.property-coverages .ion-content-block {
  display: flex;
  padding: 20px 20px 0 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
@media (min-width: 45em) {
  .property-coverages .ion-content-block {
    display: block;
    padding-top: 30px  !important;
    padding-left: 30px  !important;
    padding-right: 30px  !important;
    padding-bottom: 10px  !important;
    gap: unset;
    align-items: unset;
    align-self: unset;
  }
}
.property-coverages .ion-content-block .container-box-title {
  padding: 0px  !important;
  margin-bottom: 10px  !important;
}
.property-coverages .ion-content-block .person-icon,
.property-coverages .ion-content-block .list-alt-check-icon {
  display: none;
}
.property-coverages .coverage-type-title {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (min-width: 45em) {
  .property-coverages .coverage-type-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.property-coverages .coverage-type-title {
  color: var(--color-text-dark);
}
.property-coverages .ded-limit-tooltip {
  margin-top: 0px  !important;
  margin-bottom: 0px  !important;
  margin-left: 0px  !important;
  margin-right: 0px  !important;
}
.property-coverages .question-text {
  padding-top: 20px  !important;
  margin: 0px  !important;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 12%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.property-coverages .coverage-title.a-heading.a-heading--3.a-heading--semibold {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 45em) {
  .property-coverages .coverage-title.a-heading.a-heading--3.a-heading--semibold {
    font-size: 24px;
    line-height: 36px;
  }
}
.property-coverages .coverage-title.a-heading.a-heading--3.a-heading--semibold {
  color: var(--color-text-dark);
}
.property-coverages .coverage-container {
  width: 100%;
}
.property-coverages .coverage-container:not(:first-of-type) {
  margin-top: 40px  !important;
}
.property-coverages .coverage-item {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
  padding-left: 0px  !important;
  padding-right: 0px  !important;
  border-bottom: 1px solid var(--color-divider);
}
.property-coverages .coverage-item:last-child {
  border-bottom: none;
}
.property-coverages .coverage-item .list-item div:first-child {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.property-coverages .coverage-item .list-item div:last-child {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.property-coverages .limit-ded-descriptor {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-pci-grey);
  text-align: right;
}
.property-coverages .information-icon {
  /* deviation: design spec requires 24x24 black info icon, overriding base 20x20 grey */
  background: var(--image-information-icon-grey-round) no-repeat center center;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
.property-coverages .information-icon--question {
  background: var(--image-information-icon-black) no-repeat center center;
  cursor: pointer;
  height: 24px;
  width: 24px;
  min-width: 24px;
  vertical-align: sub;
}

.property-details small.coverage-note.small {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  margin-top: 30px  !important;
  margin-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .property-details small.coverage-note.small {
    margin-bottom: 30px  !important;
  }
}
.property-details .disclaimer {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  margin-top: 20px  !important;
  padding-bottom: 0px  !important;
}
@media (min-width: 45em) {
  .property-details .disclaimer {
    margin-top: 30px  !important;
    padding-bottom: 60px  !important;
  }
}

.drivers {
  margin-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .drivers {
    margin-bottom: 24px  !important;
  }
}
.drivers .container-box {
  border-radius: 20px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  border: none;
  display: flex;
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
  padding-left: 0px  !important;
  padding-right: 0px  !important;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
@media (min-width: 45em) {
  .drivers .container-box {
    padding-top: 30px  !important;
    padding-bottom: 30px  !important;
  }
}
.drivers .container-box-title {
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  padding-top: 0px  !important;
  padding-bottom: 0px  !important;
}
@media (min-width: 45em) {
  .drivers .container-box-title {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.drivers .container-box-title .a-heading.a-heading--2 {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (min-width: 45em) {
  .drivers .container-box-title .a-heading.a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.drivers .container-box-title .a-heading.a-heading--2 {
  color: var(--color-text-dark);
}
.drivers .driver {
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  gap: 10px  !important;
  padding-top: 20px  !important;
}
@media (min-width: 45em) {
  .drivers .driver {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
    padding-top: 30px  !important;
  }
}
.drivers .driver .primary-operator {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.drivers .driver span {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.drivers .t-accent-light .js-m-showhide .m-showhide__control {
  margin: 0px  !important;
}
.drivers .t-accent-light .js-m-showhide {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  border: none;
  margin: 0px  !important;
  padding-bottom: 0px  !important;
}
.drivers .t-accent-light .js-m-showhide .m-showhide__heading {
  border: none;
  padding: 0px  !important;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
}
@media (min-width: 45em) {
  .drivers .t-accent-light .js-m-showhide .m-showhide__heading {
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.drivers .t-accent-light .js-m-showhide .m-showhide__content {
  margin-top: 20px  !important;
}
.drivers .driver-details {
  position: relative;
  align-self: stretch;
  padding-top: 15px  !important;
  padding-bottom: 15px  !important;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  background: var(--color-background-light);
}
@media (min-width: 45em) {
  .drivers .driver-details {
    padding-top: 20px  !important;
    padding-bottom: 20px  !important;
    padding-left: 30px  !important;
    padding-right: 30px  !important;
  }
}
.drivers .driver-details .a-heading.a-heading--5 {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.drivers .driver-details .l-columns {
  row-gap: 20px;
  padding-left: 0px  !important;
  padding-right: 0px  !important;
}
.drivers .driver-details .l-columns.py-20.py-md-24 {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .drivers .driver-details .l-columns.py-20.py-md-24 {
    padding-top: 20px  !important;
    padding-bottom: 20px  !important;
  }
}
.drivers .driver-details .l-columns__column > div:not(.a-heading) {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.drivers .a-divider-line {
  height: 1px;
  flex-shrink: 0;
  background: var(--color-divider);
  border: none;
  margin-top: 20px  !important;
  margin-left: 20px  !important;
  margin-right: 20px  !important;
  margin-bottom: 0px  !important;
}
.drivers div:has(.m-showhide__control[aria-expanded=true]) + .a-divider-line {
  margin-top: 0px  !important;
}

@media (min-width: 45em) {
  .auto-coverages {
    margin-bottom: 60px  !important;
  }
}
.auto-coverages .container-box {
  border-radius: 20px;
  background: var(--color-bg-white);
  box-shadow: 1px 2px 10px 0 var(--color-box-shadow);
  border: none;
}
.auto-coverages .coverages-inner-wrapper {
  display: flex;
  padding-top: 20px  !important;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  padding-bottom: 20px  !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px  !important;
  align-self: stretch;
}
@media (min-width: 45em) {
  .auto-coverages .coverages-inner-wrapper {
    padding-top: 30px  !important;
    padding-left: 30px  !important;
    padding-right: 30px  !important;
    padding-bottom: 30px  !important;
  }
}
.auto-coverages .coverages-inner-wrapper > * {
  width: 100%;
}
.auto-coverages .container-box-title {
  padding: 0px  !important;
  align-self: stretch;
}
.auto-coverages .a-heading.a-heading--2 {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (min-width: 45em) {
  .auto-coverages .a-heading.a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.auto-coverages .a-heading.a-heading--2 {
  color: var(--color-text-dark);
}
.auto-coverages .question-text {
  margin: 0px  !important;
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 12%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.auto-coverages .coverage-title.a-heading.a-heading--3.a-heading--semibold {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 45em) {
  .auto-coverages .coverage-title.a-heading.a-heading--3.a-heading--semibold {
    font-size: 24px;
    line-height: 36px;
  }
}
.auto-coverages .coverage-title.a-heading.a-heading--3.a-heading--semibold {
  color: var(--color-text-dark);
}
.auto-coverages .list-item {
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
  padding-left: 0px  !important;
  padding-right: 0px  !important;
}
.auto-coverages .list-item > div:first-child {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-text-dark);
}
.auto-coverages .list-item > div:last-child {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-dark);
}
.auto-coverages .list-item .list-item {
  padding: 0px  !important;
}
.auto-coverages .list-item .limit-ded-descriptor {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-pci-grey);
  text-align: right;
}
.auto-coverages .list-item > div.descriptor {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-pci-grey);
}
.auto-coverages .a-divider-line {
  height: 1px;
  flex-shrink: 0;
  background: var(--color-divider);
  border: none;
  margin: 0px  !important;
}
.auto-coverages .information-icon {
  /* deviation: design spec requires 24x24 info icon, overriding base 20x20 */
  background: var(--image-information-icon-grey-round) no-repeat center center;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
.auto-coverages .information-icon--question {
  background: var(--image-information-icon-black) no-repeat center center;
  cursor: pointer;
  height: 24px;
  width: 24px;
  min-width: 24px;
  vertical-align: sub;
}
.auto-coverages .disclaimer {
  margin-top: 30px  !important;
  padding: 16px  !important;
  background-color: var(--color-background-light);
  border-radius: 20px;
}
.auto-coverages .disclaimer__title {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px  !important;
}
.auto-coverages .disclaimer__text {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.auto-coverages .disclaimer__link {
  display: inline-block;
  color: inherit !important;
  text-decoration-color: inherit !important;
  text-decoration: underline;
}
.auto-coverages .disclaimer__link:hover {
  color: var(--color-tab-underline) !important;
}

.auto-details small.coverage-note.small {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-dark);
  margin-top: 30px  !important;
  margin-bottom: 20px  !important;
}
@media (min-width: 45em) {
  .auto-details small.coverage-note.small {
    margin-bottom: 30px  !important;
  }
}

.auto-details + .l-content-container {
  background: var(--color-background-light);
}
.auto-details + .l-content-container > div {
  margin-top: 30px  !important;
  padding-bottom: 60px  !important;
  margin-bottom: 0px  !important;
}
.auto-details + .l-content-container small {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-dark);
}

.banner-heading {
  background-color: var(--color-banner-bg);
  color: var(--color-banner-text);
}
.banner-heading .l-content-container {
  padding-top: 30px  !important;
  padding-bottom: 30px  !important;
  margin-bottom: 30px  !important;
}
.banner-heading .a-heading.a-heading--1 {
  color: var(--color-banner-text);
  font-family: "Noir Pro";
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
@media (min-width: 45em) {
  .banner-heading .a-heading.a-heading--1 {
    font-size: 48px;
    line-height: 58px;
  }
}

@font-face {
  font-family: "Noir Pro";
  src: url("/self-serve/assets/fonts/NoirPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noir Pro";
  src: url("/self-serve/assets/fonts/NoirPro-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noir Pro";
  src: url("/self-serve/assets/fonts/NoirPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

b,
strong {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 700;
  font-weight: 700;
  line-height: 24px;
}

small,
.small {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-bold {
  font-family: "Noir Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.form-heading {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.subtext-light {
  font-family: "Noir Pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.m-form-row label,
.m-form-row .a-label {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.a-heading.a-heading--1 {
  font-family: "Noir Pro";
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--1 {
    font-size: 40px;
    line-height: 48px;
  }
}
.a-heading.a-heading--1.a-heading-display--semibold {
  font-family: "Noir Pro";
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--1.a-heading-display--semibold {
    font-size: 40px;
    line-height: 48px;
  }
}
.a-heading.a-heading--2 {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.a-heading.a-heading--2.a-heading--semibold {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--2.a-heading--semibold {
    font-size: 32px;
    line-height: 40px;
  }
}
.a-heading.a-heading--2.a-heading--custom {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--2.a-heading--custom {
    font-size: 28px;
    line-height: 36px;
  }
}
.a-heading.a-heading--3 {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--3 {
    font-size: 24px;
    line-height: 36px;
  }
}
.a-heading.a-heading--3.a-heading--semibold {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--3.a-heading--semibold {
    font-size: 24px;
    line-height: 36px;
  }
}
.a-heading.a-heading--3.a-heading--bold {
  font-family: "Noir Pro";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--3.a-heading--bold {
    font-size: 24px;
    line-height: 36px;
  }
}
.a-heading.a-heading--4 {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--4 {
    font-size: 20px;
    line-height: 28px;
  }
}
.a-heading.a-heading--4.a-heading--semibold {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--4.a-heading--semibold {
    font-size: 20px;
    line-height: 28px;
  }
}
.a-heading.a-heading--4.a-heading--bold {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
@media (min-width: 45em) {
  .a-heading.a-heading--4.a-heading--bold {
    font-size: 20px;
    line-height: 28px;
  }
}
.a-heading.a-heading--5 {
  font-family: "Noir Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.a-heading.a-heading-display.a-heading-display--xl {
  font-family: "Noir Pro";
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--xl {
    font-size: 66px;
    line-height: 78px;
  }
}
.a-heading.a-heading-display.a-heading-display--xl.a-heading-display--semibold {
  font-family: "Noir Pro";
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--xl.a-heading-display--semibold {
    font-size: 66px;
    line-height: 78px;
  }
}
.a-heading.a-heading-display.a-heading-display--lg {
  font-family: "Noir Pro";
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--lg {
    font-size: 48px;
    line-height: 58px;
  }
}
.a-heading.a-heading-display.a-heading-display--lg.a-heading-display--semibold {
  font-family: "Noir Pro";
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--lg.a-heading-display--semibold {
    font-size: 48px;
    line-height: 58px;
  }
}
.a-heading.a-heading-display.a-heading-display--md {
  font-family: "Noir Pro";
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--md {
    font-size: 40px;
    line-height: 48px;
  }
}
.a-heading.a-heading-display.a-heading-display--md.a-heading-display--semibold {
  font-family: "Noir Pro";
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--md.a-heading-display--semibold {
    font-size: 40px;
    line-height: 48px;
  }
}
.a-heading.a-heading-display.a-heading-display--sm {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--sm {
    font-size: 32px;
    line-height: 40px;
  }
}
.a-heading.a-heading-display.a-heading-display--sm.a-heading-display--semibold {
  font-family: "Noir Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media (min-width: 45em) {
  .a-heading.a-heading-display.a-heading-display--sm.a-heading-display--semibold {
    font-size: 32px;
    line-height: 40px;
  }
}

:root {
  --color-text-light: #ffffff;
  --color-text-dark: #2b2c32;
  --color-text-charcoal: #191919;
  --color-bg-dark-text-white: #d7d1dc;
  --color-background-light: #f7f7f7;
  --color-background-dark: #3d1952;
  --color-background-black: #232429;
  --color-bg-white: #ffffff;
  --color-table-background: #703c78;
  --color-border: #c6c6c6;
  --color-border-black: #2b2c32;
  --color-grey-2: #ebebeb;
  --color-pci-grey: #6d6d6d;
  --color-error-border: #d00e17;
  --color-trademark-footer: #232429;
  --color-footer: #2b2c32;
  --color-button-primary-bg: #e1251b;
  --color-button-primary-text: #ffffff;
  --color-button-primary-hover-bg: #b23327;
  --color-button-primary-active-bg: #b23327;
  --color-button-primary-focus-bg: #e1251b;
  --color-button-secondary-bg: #ffffff;
  --color-button-secondary-text: #2b2c32;
  --color-button-secondary-border: #2b2c32;
  --color-button-secondary-hover-bg: #2b2c32;
  --color-button-secondary-hover-text: #ffffff;
  --color-button-secondary-active-bg: #2b2c32;
  --color-button-secondary-active-text: #ffffff;
  --color-button-secondary-focus-border: #ffffff;
  --color-button-focus-ring: #275dc5;
  --color-button-focus-ring-inner: #ffffff;
  --color-button-tertiary-text: #2b2c32;
  --color-button-tertiary: #2b2c32;
  --color-breadcrumb-text: #2b2c32;
  --color-breadcrumb-border: #e1251b;
  --color-segment-bg: #ffffff;
  --color-segment-border: #6d6d6d;
  --color-segment-hover-bg: #f7f7f7;
  --color-segment-active-bg: #3d1952;
  --color-segment-active-hover-bg: #703c78;
  --color-segment-active-text: #f7f7f7;
  --color-segment-icon-border: #969696;
  --color-segment-focus: #275dc5;
  --color-segment-focus-inner: #ffffff;
  --color-segment-focus-shadow: rgba(0, 79, 182, 0.2509803922);
  --color-box-shadow: rgba(0, 0, 0, 0.0784313725);
  --color-radio-border: #969696;
  --color-radio-hover-border: #2b2c32;
  --color-radio-bg: #ffffff;
  --color-radio-checked: #3d1952;
  --color-radio-checked-hover: #703c78;
  --color-radio-disabled-border: #c6c6c6;
  --color-radio-disabled-bg: #f7f7f7;
  --color-radio-disabled-text: #6d6d6d;
  --color-radio-label: #2b2c32;
  --color-radio-focus: #275dc5;
  --color-radio-focus-inner: #ffffff;
  --color-loader-accent: #e1251b;
  --color-tab-underline: #3d1952;
  --color-tab-active: #3d1952;
  --color-tab-text: #6d6d6d;
  --color-tab-focus: #275dc5;
  --color-notification-warning-background: #d00e17;
  --color-notification-warning-border: #f3cdcb;
  --color-notification-info-background: #007a85;
  --color-notification-info-border: #c6dee0;
  --color-notification-window-warning-bg: #f3cdcb;
  --color-notification-window-warning-border: #d00e17;
  --color-notification-window-info-bg: #c6dee0;
  --color-notification-window-info-border: #007a85;
  --color-active: #c6dee0;
  --color-cancelled: #f3cdcb;
  --color-scheduled: #f1ebf1;
  --color-status-active-border: #007a85;
  --color-status-active-bg: #c6dee0;
  --color-status-cancelled-border: #d00e17;
  --color-status-cancelled-bg: #f3cdcb;
  --color-status-scheduled-border: #3d1952;
  --color-status-scheduled-bg: #f1ebf1;
  --color-status-expired-border: #6d6d6d;
  --color-status-expired-bg: #ebebeb;
  --color-triangle-bg: #e1251b;
  --color-live-chat-modal-shadow: rgba(0, 0, 0, 0.1019607843);
  --color-pagination-focus: #275dc5;
  --color-pagination-hover: #ebebeb;
  --color-tertiary-link-hover: #3d1952;
  --color-link-default: #2b2c32;
  --color-link-hover: #3d1952;
  --color-link-focus-border: #275dc5;
  --color-active-landing-tile-bg: #3d1952;
  --color-active-policy-status-bg: #c6dee0;
  --color-active-policy-status-border: #007a85;
  --color-active-policy-status-info-icon: #007a85;
  --color-scheduled-landing-tile-bg: #703c78;
  --color-scheduled-policy-status-bg: #f1ebf1;
  --color-scheduled-policy-status-border: #3d1952;
  --color-scheduled-policy-status-info-icon: #3d1952;
  --color-oar-notification-bg: #ebebeb;
  --color-oar-notification-border: #6d6d6d;
  --color-cancelled-landing-tile-bg: rgba(35, 36, 41, 0.75);
  --color-cancelled-policy-status-bg: #f3cdcb;
  --color-cancelled-policy-status-border: #d00e17;
  --color-cancelled-policy-status-info-icon: #d00e17;
  --color-expired-landing-tile-bg: #232429;
  --color-expired-policy-status-bg: #ebebeb;
  --color-expired-policy-status-border: #6d6d6d;
  --color-expired-policy-status-info-icon: #6d6d6d;
  --color-banner-bg: #3d1952;
  --color-banner-text: #ffffff;
  --color-divider: #969696;
  --color-sub-border: #969696;
  --image-cross-black: url('/self-serve/assets/images/cross-black.svg');
  --image-logout-icon: url('/self-serve/assets/images/logout-icon.svg');
  --image-error-icon: url('/self-serve/assets/images/error-icon.svg');
  --image-phone-icon: url('/self-serve/assets/images/phone-icon.svg');
  --image-tick-icon: url('/self-serve/assets/images/tick.svg');
  --image-arrow-down: url('/self-serve/assets/images/arrow-down.svg');
  --image-notification-warning-icon: url('/self-serve/assets/images/warning-icon.svg');
  --image-notification-info-icon: url('/self-serve/assets/images/info-icon.svg');
  --image-status-active-icon: url('/self-serve/assets/images/status-icon-active.svg');
  --image-status-cancelled-icon: url('/self-serve/assets/images/status-icon-cancelled.svg');
  --image-status-scheduled-icon: url('/self-serve/assets/images/status-icon-scheduled.svg');
  --image-status-expired-icon: url('/self-serve/assets/images/status-icon-expired.svg');
  --image-arrow-left: url('/self-serve/assets/images/chevron-left.svg');
  --image-notification-bar-warning-icon: url('/self-serve/assets/images/warning-white.svg');
  --image-notification-bar-info-icon: url('/self-serve/assets/images/info-white.svg');
  --image-close-btn: url('/self-serve/assets/images/close-btn.svg');
  --image-download-icon: url('/self-serve/assets/images/download-icon.svg');
  --image-pink-slip: url('/self-serve/assets/images/pink-slip.png');
  --image-vehicle-icon: url('/self-serve/assets/images/vehicle.svg');
  --image-property-icon: url('/self-serve/assets/images/home.svg');
  --image-document-icon: url('/self-serve/assets/images/document.svg');
  --image-billing-icon: url('/self-serve/assets/images/dollar-icon.svg');
  --image-auto-bundle-tile: url('/self-serve/assets/images/bundle-tile-auto.png');
  --image-property-bundle-tile: url('/self-serve/assets/images/bundle-tile-property.png');
  --image-arrow-right: url('/self-serve/assets/images/arrow-right.svg');
  --image-notification-tick-icon: url('/self-serve/assets/images/notification-tick.svg');
  --image-call-center: url('/self-serve/assets/images/call-center.png');
  --image-information-icon: url('/self-serve/assets/images/info-icon-black.svg');
  --image-information-icon-grey-round: url('/self-serve/assets/images/info-icon-grey-round.svg');
  --image-information-icon-black: url('/self-serve/assets/images/info-icon-black.svg');
  --image-oar-notification-icon: url('/self-serve/assets/images/info-icon-grey.svg');
  --image-chat-icon: url('/self-serve/assets/images/chat-2.svg');
  --image-timeout-icon: url('/self-serve/assets/images/timeout.svg');
}

main.l-main-content:not(:has(.okta-error)) {
  background-color: var(--color-background-light);
}