:root {
    --tad-my-account-background-image: url('/myaccount/sfsites/c/cms/delivery/media/MCFQGKTY7HHVHWTFW75UJOBIMTVI');
    }
    /* Futura regular */
@font-face {
    font-family: "FuturaBT";
    font-style: normal;
    font-weight: 300;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Light.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Light.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: normal;
    font-weight: 400;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Book.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Book.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: normal;
    font-weight: 500;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Medium.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Medium.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: normal;
    font-weight: 700;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Bold.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Bold.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: normal;
    font-weight: 800;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Heavy.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-Heavy.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: normal;
    font-weight: 900;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-ExtraBlack.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-ExtraBlack.woff") format("woff");
}

/* Futura italic */
@font-face {
    font-family: "FuturaBT";
    font-style: italic;
    font-weight: 300;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-LightItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-LightItalic.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: italic;
    font-weight: 400;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-BookItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-BookItalic.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: italic;
    font-weight: 500;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-MediumItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-MediumItalic.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: italic;
    font-weight: 700;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-BoldItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-BoldItalic.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: italic;
    font-weight: 800;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-HeavyItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-HeavyItalic.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT";
    font-style: italic;
    font-weight: 900;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-ExtraBlackItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-ExtraBlackItalic.woff") format("woff");
}

/* Futura condensed */
@font-face {
    font-family: "FuturaBT Cond";
    font-style: normal;
    font-weight: 500;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-CondMedium.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-CondMedium.woff") format("woff");
}
@font-face {
    font-family: "FuturaBT Cond";
    font-style: normal;
    font-weight: 700;
    src: url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-CondBold.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/FuturaBT/FuturaBT-CondBold.woff") format("woff");
}

/* Lato regular */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Hairline.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Hairline.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 200;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Thin.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Thin.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Light.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Light.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Regular.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Regular.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Medium.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Medium.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Semibold.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Semibold.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Bold.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Bold.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 800;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Heavy.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Heavy.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-Black.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-Black.woff") format("woff");
}

/* Lato italic */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-HairlineItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-HairlineItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 200;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-ThinItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-ThinItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-LightItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-LightItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-RegularItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-RegularItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 500;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-MediumItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-MediumItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 600;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-SemiboldItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-SemiboldItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-BoldItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-BoldItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 800;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-HeavyItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-HeavyItalic.woff") format("woff");
}
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 900;
    src: url("/sfsites/c/resource/AMCFonts/Lato/Lato-BlackItalic.woff2") format("woff2"),
         url("/sfsites/c/resource/AMCFonts/Lato/Lato-BlackItalic.woff") format("woff");
}

:root {
    --neutral-000: #ffffff;
    --neutral-100: #fcffff;
    --neutral-150: #fcfcfd;
    --neutral-200: #f2f5f5;
    --neutral-300: #e8eded;
    --neutral-400: #cfd1d1;
    --neutral-500: #a1a3a3;
    --neutral-600: #727373;
    --neutral-700: #444545;
    --neutral-800: #262626;
    --neutral-850: #1a1a1a;
    --neutral-900: #0d0d0d;

    --brand-100: #f1fafb;
    --brand-200: #d9f5f8;
    --brand-300: #93dce4;
    --brand-400: #00bfd6;
    --brand-400-rgb: 0, 191, 214;
    --brand-500: #009dae;
    --brand-600: #006e7b;

    --green-100: #e4f5ed;
    --green-200: #b3e5cf;
    --green-300: #36bb7f;
    --green-400: #03a85e;

    --red-100: #f5e5e4;
    --red-200: #e5b6b3;
    --red-300: #bb3e36;
    --red-400: #a80e03;

    --watermelon-100: #ffebeb;
    --watermelon-200: #fe5c62;
    --watermelon-300: #fe2e38;
    --watermelon-400: #ab2126;

    --blue-100: #e6eef6;
    --blue-200: #b3cce5;
    --blue-300: #3577b9;
    --blue-400: #0356a8;

    --orange-100: #f6ede6;
    --orange-200: #f7dcc3;
    --orange-300: #e58b37;
    --orange-400: #e56e00;

    --neutral-100-05: rgba(252, 255, 255, 0.05);
    --neutral-100-19: rgba(252, 255, 255, 0.19);
    --neutral-200-08: rgba(242, 245, 245, 0.08);
    --neutral-900-05: rgba(13, 13, 13, 0.05);
    --neutral-800-08: rgba(38, 38, 38, 0.08);
    --neutral-900-10: rgba(13, 13, 13, 0.1);
    --neutral-900-19: rgba(13, 13, 13, 0.19);
    --neutral-900-75: rgba(13, 13, 13, 0.75);
    --neutral-900-80: rgba(13, 13, 13, 0.8);
    --neutral-900-90: rgba(13, 13, 13, 0.9);

    --action-success-lightest: var(--green-100);
    --action-success-light: var(--green-200);
    --action-success-dark: var(--green-300);
    --action-success-darkest: var(--green-400);

    --action-error-lightest: var(--red-100);
    --action-error-light: var(--red-200);
    --action-error-dark: var(--red-300);
    --action-error-darkest: var(--red-400);

    --action-warning-lightest: var(--orange-100);
    --action-warning-light: var(--orange-200);
    --action-warning-dark: var(--orange-300);
    --action-warning-darkest: var(--orange-400);

    --action-info-lightest: var(--blue-100);
    --action-info-light: var(--blue-200);
    --action-info-dark: var(--blue-300);
    --action-info-darkest: var(--blue-400);

    --cta-primary-default: var(--brand-400);
    --cta-primary-hover: var(--brand-500);
    --cta-primary-pressed: var(--brand-600);
    --cta-primary-label: var(--neutral-000);
    --cta-primary-focus: var(--text-tertiary);

    --cta-secondary-default: var(--neutral-600);
    --cta-secondary-hover: var(--neutral-800);
    --cta-secondary-pressed: var(--surface-dark);
    --cta-secondary-label: var(--text-tertiary);
    --cta-secondary-label-hovered: var(--text-secondary);

    --cta-tertiary-default: var(--statelayer-default);
    --cta-tertiary-hover: var(--statelayer-hover);
    --cta-tertiary-pressed: var(--statelayer-pressed);
    --cta-tertiary-focus: var(--statelayer-focus);
    --cta-tertiary-label: var(--text-tertiary);
    --cta-tertiary-label-hovered: var(--text-secondary);

    --cta-onmedia-default-bg: var(--overlay-dark);
    --cta-onmedia-default-border: var(--neutral-000);
    --cta-onmedia-hover: var(--overlay-default);
    --cta-onmedia-pressed: var(--overlay-darkest);
    --cta-onmedia-focus: var(--overlay-default);
    --cta-onmedia-label: var(--neutral-000);


    --cta-ghost-black-default: var(--neutral-800);
    --cta-ghost-black-hover: var(--neutral-900);
    --cta-ghost-black-pressed: var(--neutral-800);
    --cta-ghost-black-focus: var(--brand-800);

    --promo-red-lighter: var(--watermelon-100);
    --promo-red-light: var(--watermelon-200);
    --promo-red-dark: var(--watermelon-300);

    --text-primary: var(--neutral-900);
    --text-secondary: var(--neutral-800);
    --text-tertiary: var(--neutral-700);
    --text-quaternary: var(--neutral-600);
    --text-link: var(--brand-400);
    --text-brand: var(--brand-400);
    --text-link-hover: var(--brand-500);
    --text-link-pressed: var(--brand-600);
    --text-placeholder: var(--neutral-500);

    --icon-neutral: var(--neutral-800);
    --icon-primary: var(--brand-400);
    --icon-secondary: var(--neutral-000);

    --surface-primary: var(--neutral-000);
    --surface-secondary: var(--neutral-200);
    --surface-tertiary: var(--neutral-300);
    --surface-quaternary: var(--neutral-400);
    --surface-focus: var(--neutral-500);
    --surface-dark: var(--neutral-900);
    --surface-highlight: var(--brand-100);
    --surface-active: var(--brand-400);

    --statelayer-default: var(--neutral-900-05);
    --statelayer-hover: var(--neutral-800-08);
    --statelayer-pressed: var(--neutral-900-19);
    --statelayer-focus: var(--neutral-800-08);

    --border-default: var(--neutral-300);
    --border-emphasis: var(--neutral-400);
    --border-hover: var(--neutral-500);
    --border-active: var(--neutral-800);

    --overlay-default: var(--neutral-900-75);
    --overlay-dark: var(--neutral-900-80);
    --overlay-darkest: var(--neutral-900-90);

    --background-primary: var(--neutral-150);
    --background-secondary: var(--neutral-200);
    --background-tertiary: var(--neutral-300);
    --background-quaternary: var(--neutral-400);
}


.darkmode {
    --action-success-lightest: var(--green-400);
    --action-success-light: var(--green-300);
    --action-success-dark: var(--green-200);
    --action-success-darkest: var(--green-100);

    --action-error-lightest: var(--red-400);
    --action-error-light: var(--red-300);
    --action-error-dark: var(--red-200);
    --action-error-darkest: var(--red-100);

    --action-warning-lightest: var(--orange-400);
    --action-warning-light: var(--orange-300);
    --action-warning-dark: var(--orange-200);
    --action-warning-darkest: var(--orange-100);

    --action-inco-lightest: var(--blue-400);
    --action-info-light: var(--blue-300);
    --action-info-dark: var(--blue-200);
    --action-info-darkest: var(--blue-100);

    --cta-primary-default: var(--brand-400);
    --cta-primary-hover: var(--brand-500);
    --cta-primary-pressed: var(--brand-600);
    --cta-primary-focus: var(--text-tertiary);

    --cta-secondary-default: var(--neutral-500);
    --cta-secondary-hover: var(--neutral-300);
    --cta-secondary-pressed: var(--surface-dark);
    --cta-secondary-label: var(--text-tertiary);
    --cta-secondary-label-hovered: var(--text-secondary);

    --cta-tertiary-default: var(--statelayer-default);
    --cta-tertiary-hover: var(--statelayer-hover);
    --cta-tertiary-pressed: var(--statelayer-pressed);
    --cta-tertiary-focus: var(--statelayer-focus);
    --cta-tertiary-label: var(--text-tertiary);
    --cta-tertiary-label-hovered: var(--text-secondary);

    --cta-onmedia-default-bg: rgba(13, 13, 13, 0.8);
    --cta-onmedia-default-border: rgba(255, 255, 255, 1);
    --cta-onmedia-hover: rgba(13, 13, 13, 0.75);
    --cta-onmedia-pressed: rgba(13, 13, 13, 0.9);
    --cta-onmedia-focus: rgba(13, 13, 13, 0.75);

    --cta-ghost-black-default: var(--neutral-800);
    --cta-ghost-black-hover: var(--neutral-900);
    --cta-ghost-black-pressed: var(--neutral-800);
    --cta-ghost-black-focus: var(--brand-800);

    --promo-red-lighter: var(--watermelon-400);
    --promo-red-light: var(--watermelon-200);
    --promo-red-dark: var(--watermelon-100);

    --text-primary: var(--neutral-200);
    --text-secondary: var(--neutral-300);
    --text-tertiary: var(--neutral-400);
    --text-quaternary: var(--neutral-500);
    --text-link: var(--text-tertiary);
    --text-link-hover: var(--text-primary);
    --text-link-pressed: var(--brand-600);
    --text-brand: var(--brand-400);

    --icon-neutral: var(--neutral-200);
    --icon-primary: var(--brand-400);
    --icon-secondary: var(--neutral-000);

    --surface-primary: var(--neutral-800);
    --surface-secondary: var(--neutral-700);
    --surface-tertiary: var(--neutral-600);
    --surface-quaternary: var(--neutral-500);
    --surface-focus: var(--neutral-400);
    --surface-dark: var(--neutral-100);
    --surface-highlight: var(--surface-secondary);
    --surface-highlight-dark: var(--surface-secondary);
    --surface-active: var(--brand-400);

    --background-primary: var(--neutral-850);
    --background-secondary: var(--neutral-800);
    --background-tertiary: var(--neutral-700);
    --background-quaternary: var(--neutral-600);

    --overlay-default: var(--neutral-900-75);
    --overlay-dark: var(--neutral-900-80);
    --overlay-darkest: var(--neutral-900-90);

    --border-default: var(--neutral-700);
    --border-emphasis: var(--neutral-600);
    --border-hover: var(--neutral-500);
    --border-active: var(--brand-400);

    --statelayer-default: var(--neutral-100-05);
    --statelayer-hover: var(--neutral-200-08);
    --statelayer-pressed: var(--neutral-100-19);
    --statelayer-focus: var(--neutral-200-08);
}

/* SLDS Overrides */

.app-layout {
  background: #FCFCFD;
}

.cTheme1 .mainContentArea {
    padding: 0 !important;
    font-family: var(--font-family-body, "Lato");
    background: #FCFCFD;
}

.comm-content-header.comm-layout-column {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: none;
    min-width: 0; 
}
    
.comm-section-container {
   padding: 0px !important;
}

.columns-content {
    max-width: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading, "FuturaBT");
}


/* Container */
.my-deals-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 375px) {
  .my-deals-container {
      max-width: 528px;
  }
}

@media (min-width: 768px) {
  .my-deals-container {
      max-width: 848px;
  }
}
@media (min-width: 848px) {
  .my-deals-container {
      max-width: 1140px;   
  }
}
@media (min-width: 1200px) {
  .my-deals-container {
      max-width: 1140px;   
      padding-left: 0px;
      padding-right: 0px;
  }
}

@media (max-width: 847px) {
    .desktop-only {
        display: none !important;
    }
}
@media (min-width: 848px) {
    .mobile-only {
        display: none !important;
    }
}


/* Components */

.tadBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-md, 8px);
    border: none;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    font-family: 'FuturaBT';
}
.tadBtn:has(i) {
    gap: 5px;
}

.tadBtn:hover,
.tadBtn:focus,
.tadBtn:active {
    text-decoration: none;
}

.tadBtn.tadBtn--primary {
    background: #00bfd6;
    color: #ffffff;
}
.tadBtn.tadBtn--primary:hover {
    background: #009dad;
}
.tadBtn.tadBtn--primary:focus {
       background: #009dad;
    box-shadow: 0px 0px 0px 4px #f1f9fb, 0px 0px 0px 6px #006e7b;
}
.tadBtn.tadBtn--primary:active {
    background: #006e7b;
}


/* secondary color */
.tadBtn.tadBtn--secondary {
    border: 1.5px solid #727373;
    background-color: transparent;
    color: #444545;
}
.tadBtn.tadBtn--secondary:hover {
    border: 1.5px solid #727373;
    outline: 0.5px solid #727373;
    color: #262626;

}
.tadBtn.tadBtn--secondary:focus {   
    border: 1px solid #727373;
    outline: 1px solid #727373;
    background: #ffffff;
    box-shadow: 0px 0px 0px 4px #f1f9fb, 0px 0px 0px 6px #006e7b;
}
.tadBtn.tadBtn--secondary:active {
    border: none;
    outline: 1.5px solid #0d0d0d;
}


/* tertiary */
.tadBtn.tadBtn--tertiary {
    background: rgba(13, 13, 13, 0.05);
    color: #444545;
}
.tadBtn.tadBtn--tertiary:hover {
    background: rgba(38, 38, 38, 0.08);
    color: #262626;
}
.tadBtn.tadBtn--tertiary:focus {   
    background: rgba(38, 38, 38, 0.08);
    box-shadow: 0px 0px 0px 4px #f1f9fb, 0px 0px 0px 6px #006e7b;
}
.tadBtn.tadBtn--tertiary:active {
    background: rgba(13, 13, 13, 0.19);
}


/* tertiary-dark on-media*/ 
.blackbg {
    padding: 20px;
    background-color: black;
}
.tadBtn.tadBtn--on-media {
    border: 1.5px solid #ffffff;
    background: rgba(13, 13, 13, 0.8);
    color: #ffffff;
}
.tadBtn.tadBtn--on-media:hover {
    outline: 2px solid #ffffff;
    background: rgba(13, 13, 13, 0.75);
    border-radius: var(--radius-md, 8px);
}

.tadBtn.tadBtn--on-media:focus {   
    border-radius: var(--radius-sm, 4px);
    outline: 1.5px solid #ffffff;
    background: rgba(13, 13, 13, 0.75);
    box-shadow: 0px 0px 0px 4px #444545;
}
.tadBtn.tadBtn--on-media:active {
    outline: 1.5px solid #ffffff;
    background: rgba(13, 13, 13, 0.9);
}

.tadBtn--text {
    text-decoration: underline;
    text-underline-offset: 4px;
    border: none;
    background: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #444545;
    font-weight: inherit;
    border-radius: var(--radius-sm, 4px);
    padding:4px;
    text-align: left;
}

.tadBtn--text:has(i), .tadBtn--text:has(i) > span {
    text-decoration: none !important;
}
.tadBtn--text:hover {
    background: rgba(13, 13, 13, 0.05);
        color: inherit;
    
    
}
.tadBtn--text:active {
    background: rgba(13, 13, 13, 0.19);

}
.tadBtn--text:focus {
    background: rgba(38, 38, 38, 0.08);
    box-shadow: 0px 0px 0px 4px #f1f9fb, 0px 0px 0px 6px #006e7b;
}
.tadBtn.tadBtn--text:hover,
.tadBtn.tadBtn--text:visited,
.tadBtn.tadBtn--text:focus {
    color: inherit;
     text-decoration: underline;
}


.tadBtn.tadBtn--xl {
    padding: 0px var(--space-4, 16px);
    line-height: 32px;
    font-size: 20px;
    height: 52px;
}
.tadBtn.tadBtn--l {
     padding: 0px var(--space-4, 16px);
    line-height: 24px;
    font-size: 18px;
        height: 48px;
}
.tadBtn.tadBtn--m {
    padding: 0px var(--space-3, 12px);
    line-height: 24px;
    font-size: 16px;
    height: 44px;
}
.tadBtn.tadBtn--s {
    padding: 0 var(--space-3, 12px);
    line-height: 20px; 
    font-size: 14px;
     height: 36px;
}
.tadBtn.tadBtn--xs {
       padding: 0 var(--space-2, 8px);
    line-height: 20px; 
    font-size: 14px;
    border-radius: var(--radius-m, 8px);
    height: 34px;
}

/* dxp overrides */
a.tadBtn--text {
    color: inherit !important;
    text-decoration: underline !important;
    background: none !important;
    text-shadow: none !important;
}


.tadInput {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid var(--border-emphasis, #CFD1D1);
  border-radius: 8px;
  background: white;
  transition: all 0.2s;
  font-family: inherit;
}

.tadInput:hover {
  border: 1px solid var(--border-hover, #A1A3A3);
}

.tadInput:focus-visible  {
  border: 1px solid var(--icon-neutral, #262626);
  outline: none;
}

.tadInput:disabled {
  border: 1px solid var(--border-default, #E8EDED);
	opacity: 0.6;
}

.tadInput.tadInput--error {
 border: 1px solid var(--action-error-darkest, #A80E03);
}
.tadInput.tadInput--success {
 border: 1px solid var(--action-success-darkest, #03A85E);
}


/* Alerts */

.baseAlert {
    position: relative;
    display: flex;
    align-items: start;
    padding: var(--space-3, 12px);
    gap: var(--space-2, 8px);
    border-radius: var(--radius-sm, 4px);
    color: var(--text-secondary);
    font-family: var(--font-family-body);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.baseAlert__close,
.baseAlert__close:hover,
.baseAlert__close:focus {
    text-decoration: none;
    color: inherit;
    font-size: 18px;
}

.baseAlert i {
    margin-top: 4px;
}
.baseAlert.baseAlert--success {
    background-color: var(--action-success-lightest);
}
.baseAlert.baseAlert--success i {
    color: var(--action-success-darkest);
}

.baseAlert.baseAlert--warn {
    background-color: var(--action-warning-lightest);
}
.baseAlert.baseAlert--warn i {
    color: var(--action-warning-darkest);
}

.baseAlert.baseAlert--error {
    background-color: var(--action-error-lightest);
}
.baseAlert.baseAlert--error i {
    color: var(--action-error-darkest);
}

.baseAlert.baseAlert--important {
    background-color: var(--action-info-lightest);
}
.baseAlert.baseAlert--important i {
    color: var(--action-info-darkest);
}
.baseAlert.baseAlert--disclaimer {
    background-color: var(--background-secondary);
}
.baseAlert.baseAlert--disclaimer i {
    color: var(--text-quaternary);
}

.baseAlert--container.campaign-alert {
    font-size: 12px;
    line-height: 16px;
}