@charset "UTF-8";
/*
 * Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 * See LICENSE in the project root for license information.
 */
/* --------------------------------------------------------------------- */
/*
 * This file is reserved for CDN consumption of web components using the Alaska theme
 * and not intended to be used with standard dynamic projects.
 */
/*
  Base essentials mixin – shared styles across all themes, 
  excluding legacy themes such as Auro Classic.

  Accepts a map of SCSS variable name mappings for theme-specific values
*/
:focus:not(:focus-visible) {
  outline: 3px solid transparent;
}

html {
  box-sizing: border-box;
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body,
.baseType {
  margin: 0;
  color: #2a2a2a;
  font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0;
  font-variant-ligatures: no-common-ligatures;
}

.baseParagraph {
  margin: 0 0 1rem;
  line-height: 1.5rem;
}
.baseParagraph .hyperlink {
  text-decoration: underline;
}

.hyperlink {
  text-decoration: underline;
  color: #2875b5;
}
.hyperlink:visited {
  color: #2875b5;
}
.hyperlink--nav {
  display: block;
  text-decoration: none;
}
.hyperlink--nav:not(.is-touching):hover {
  text-decoration: underline !important;
}
.hyperlink--ondark {
  color: #ffffff;
}
.hyperlink--ondark:not(.is-touching):hover {
  color: #ebf3f9;
}
.hyperlink--ondark:visited {
  color: #ffffff;
}
.hyperlink:not(.is-touching):hover {
  text-decoration: none;
  color: #01426a;
}

img {
  max-width: 100%;
}

small,
.type--small {
  font-size: 0.75rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0;
}

.fineprint {
  font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 450;
  line-height: 1rem;
  color: #676767;
  letter-spacing: 0;
}

@font-face {
  font-family: "AS Circular";
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/assets/font/global/ASCircularWeb-Light.woff2") format("woff2");
}
@font-face {
  font-family: "AS Circular";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/assets/font/global/ASCircularWeb-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "AS Circular";
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/assets/font/global/ASCircularWeb-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Good OT";
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/assets/font/global/Teodor-Light.woff2") format("woff2");
}
:root {
  --wcss-body-family: "AS Circular";
  --wcss-body-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-body-weight: 400;
  --wcss-body-letter-spacing: 0;
  --wcss-body-default-font-size: 1rem;
  --wcss-body-default-line-height: 1.5rem;
  --wcss-body-lg-font-size: 1.125rem;
  --wcss-body-lg-line-height: 1.625rem;
  --wcss-body-sm-font-size: 0.875rem;
  --wcss-body-sm-line-height: 1.25rem;
  --wcss-body-xs-font-size: 0.75rem;
  --wcss-body-xs-line-height: 1rem;
  --wcss-body-2xs-font-size: 0.625rem;
  --wcss-body-2xs-line-height: 0.875rem;
  --wcss-display-2xl-family: "AS Circular";
  --wcss-display-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-display-2xl-letter-spacing: 0;
  --wcss-display-2xl-weight: 300;
  --wcss-display-2xl-line-height: 1.3;
  --wcss-display-2xl-font-size: clamp(3.5rem, 6vw, 5.375rem);
  --wcss-display-xl-family: "AS Circular";
  --wcss-display-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-display-xl-letter-spacing: 0;
  --wcss-display-xl-weight: 300;
  --wcss-display-xl-line-height: 1.3;
  --wcss-display-xl-font-size: clamp(3rem, 5.3333333333vw, 4.5rem);
  --wcss-display-lg-family: "AS Circular";
  --wcss-display-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-display-lg-letter-spacing: 0;
  --wcss-display-lg-weight: 300;
  --wcss-display-lg-line-height: 1.3;
  --wcss-display-lg-font-size: clamp(2.75rem, 4.6666666667vw, 4rem);
  --wcss-display-md-family: "AS Circular";
  --wcss-display-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-display-md-letter-spacing: 0;
  --wcss-display-md-weight: 300;
  --wcss-display-md-line-height: 1.3;
  --wcss-display-md-font-size: clamp(2.5rem, 4vw, 3.5rem);
  --wcss-display-sm-family: "AS Circular";
  --wcss-display-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-display-sm-letter-spacing: 0;
  --wcss-display-sm-weight: 300;
  --wcss-display-sm-line-height: 1.3;
  --wcss-display-sm-font-size: clamp(2rem, 3.6666666667vw, 3rem);
  --wcss-display-xs-family: "AS Circular";
  --wcss-display-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-display-xs-letter-spacing: 0;
  --wcss-display-xs-weight: 300;
  --wcss-display-xs-line-height: 1.3;
  --wcss-display-xs-font-size: clamp(1.75rem, 3vw, 2.375rem);
  --wcss-heading-xl-family: "AS Circular";
  --wcss-heading-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-heading-xl-letter-spacing: 0;
  --wcss-heading-xl-weight: 300;
  --wcss-heading-xl-line-height: 1.3;
  --wcss-heading-xl-font-size: clamp(2rem, 3vw, 2.5rem);
  --wcss-heading-lg-family: "AS Circular";
  --wcss-heading-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-heading-lg-letter-spacing: 0;
  --wcss-heading-lg-weight: 300;
  --wcss-heading-lg-line-height: 1.3;
  --wcss-heading-lg-font-size: clamp(1.75rem, 2.6666666667vw, 2.25rem);
  --wcss-heading-md-family: "AS Circular";
  --wcss-heading-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-heading-md-letter-spacing: 0;
  --wcss-heading-md-weight: 300;
  --wcss-heading-md-line-height: 1.3;
  --wcss-heading-md-font-size: clamp(1.625rem, 2.3333333333vw, 1.75rem);
  --wcss-heading-sm-family: "AS Circular";
  --wcss-heading-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-heading-sm-letter-spacing: 0;
  --wcss-heading-sm-weight: 300;
  --wcss-heading-sm-line-height: 1.3;
  --wcss-heading-sm-font-size: clamp(1.375rem, 2vw, 1.5rem);
  --wcss-heading-xs-family: "AS Circular";
  --wcss-heading-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-heading-xs-letter-spacing: 0;
  --wcss-heading-xs-weight: 300;
  --wcss-heading-xs-line-height: 1.3;
  --wcss-heading-xs-font-size: clamp(1.25rem, 1.6666666667vw, 1.25rem);
  --wcss-heading-2xs-family: "AS Circular";
  --wcss-heading-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-heading-2xs-letter-spacing: 0;
  --wcss-heading-2xs-weight: 300;
  --wcss-heading-2xs-line-height: 1.3;
  --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem);
  --wcss-accent-2xl-family: "AS Circular";
  --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-2xl-letter-spacing: 0.05em;
  --wcss-accent-2xl-weight: 500;
  --wcss-accent-2xl-line-height: 1;
  --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem);
  --wcss-accent-xl-family: "AS Circular";
  --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-xl-letter-spacing: 0.05em;
  --wcss-accent-xl-weight: 500;
  --wcss-accent-xl-line-height: 1.3;
  --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem);
  --wcss-accent-lg-family: "AS Circular";
  --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-lg-letter-spacing: 0.05em;
  --wcss-accent-lg-weight: 500;
  --wcss-accent-lg-line-height: 1.3;
  --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem);
  --wcss-accent-md-family: "AS Circular";
  --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-md-letter-spacing: 0.05em;
  --wcss-accent-md-weight: 500;
  --wcss-accent-md-line-height: 1.3;
  --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem);
  --wcss-accent-sm-family: "AS Circular";
  --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-sm-letter-spacing: 0.05em;
  --wcss-accent-sm-weight: 500;
  --wcss-accent-sm-line-height: 1.3;
  --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  --wcss-accent-xs-family: "AS Circular";
  --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-xs-letter-spacing: 0.1em;
  --wcss-accent-xs-weight: 500;
  --wcss-accent-xs-line-height: 1.3;
  --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem);
  --wcss-accent-2xs-family: "AS Circular";
  --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-2xs-letter-spacing: 0.1em;
  --wcss-accent-2xs-weight: 500;
  --wcss-accent-2xs-line-height: 1.3;
  --wcss-accent-2xs-font-size: clamp(0.875rem, 1.1666666667vw, 0.875rem);
}

.body-default {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-default-font-size);
  line-height: var(--wcss-body-default-line-height);
}

.body-lg {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-lg-font-size);
  line-height: var(--wcss-body-lg-line-height);
}

.body-sm {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-sm-font-size);
  line-height: var(--wcss-body-sm-line-height);
}

.body-xs {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-xs-font-size);
  line-height: var(--wcss-body-xs-line-height);
}

.body-2xs {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-2xs-font-size);
  line-height: var(--wcss-body-2xs-line-height);
}

.display-2xl {
  font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback);
  letter-spacing: var(--wcss-display-2xl-letter-spacing);
  font-weight: var(--wcss-display-2xl-weight);
  line-height: var(--wcss-display-2xl-line-height);
  font-size: var(--wcss-display-2xl-font-size);
}

.display-xl {
  font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback);
  letter-spacing: var(--wcss-display-xl-letter-spacing);
  font-weight: var(--wcss-display-xl-weight);
  line-height: var(--wcss-display-xl-line-height);
  font-size: var(--wcss-display-xl-font-size);
}

.display-lg {
  font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback);
  letter-spacing: var(--wcss-display-lg-letter-spacing);
  font-weight: var(--wcss-display-lg-weight);
  line-height: var(--wcss-display-lg-line-height);
  font-size: var(--wcss-display-lg-font-size);
}

.display-md {
  font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback);
  letter-spacing: var(--wcss-display-md-letter-spacing);
  font-weight: var(--wcss-display-md-weight);
  line-height: var(--wcss-display-md-line-height);
  font-size: var(--wcss-display-md-font-size);
}

.display-sm {
  font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback);
  letter-spacing: var(--wcss-display-sm-letter-spacing);
  font-weight: var(--wcss-display-sm-weight);
  line-height: var(--wcss-display-sm-line-height);
  font-size: var(--wcss-display-sm-font-size);
}

.display-xs {
  font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback);
  letter-spacing: var(--wcss-display-xs-letter-spacing);
  font-weight: var(--wcss-display-xs-weight);
  line-height: var(--wcss-display-xs-line-height);
  font-size: var(--wcss-display-xs-font-size);
}

.heading-xl {
  font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback);
  letter-spacing: var(--wcss-heading-xl-letter-spacing);
  font-weight: var(--wcss-heading-xl-weight);
  line-height: var(--wcss-heading-xl-line-height);
  font-size: var(--wcss-heading-xl-font-size);
}

.heading-lg {
  font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback);
  letter-spacing: var(--wcss-heading-lg-letter-spacing);
  font-weight: var(--wcss-heading-lg-weight);
  line-height: var(--wcss-heading-lg-line-height);
  font-size: var(--wcss-heading-lg-font-size);
}

.heading-md {
  font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback);
  letter-spacing: var(--wcss-heading-md-letter-spacing);
  font-weight: var(--wcss-heading-md-weight);
  line-height: var(--wcss-heading-md-line-height);
  font-size: var(--wcss-heading-md-font-size);
}

.heading-sm {
  font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback);
  letter-spacing: var(--wcss-heading-sm-letter-spacing);
  font-weight: var(--wcss-heading-sm-weight);
  line-height: var(--wcss-heading-sm-line-height);
  font-size: var(--wcss-heading-sm-font-size);
}

.heading-xs {
  font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback);
  letter-spacing: var(--wcss-heading-xs-letter-spacing);
  font-weight: var(--wcss-heading-xs-weight);
  line-height: var(--wcss-heading-xs-line-height);
  font-size: var(--wcss-heading-xs-font-size);
}

.heading-2xs {
  font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback);
  letter-spacing: var(--wcss-heading-2xs-letter-spacing);
  font-weight: var(--wcss-heading-2xs-weight);
  line-height: var(--wcss-heading-2xs-line-height);
  font-size: var(--wcss-heading-2xs-font-size);
}

.accent-2xl {
  font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback);
  letter-spacing: var(--wcss-accent-2xl-letter-spacing);
  font-weight: var(--wcss-accent-2xl-weight);
  line-height: var(--wcss-accent-2xl-line-height);
  font-size: var(--wcss-accent-2xl-font-size);
  text-transform: uppercase;
}

.accent-xl {
  font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback);
  letter-spacing: var(--wcss-accent-xl-letter-spacing);
  font-weight: var(--wcss-accent-xl-weight);
  line-height: var(--wcss-accent-xl-line-height);
  font-size: var(--wcss-accent-xl-font-size);
  text-transform: uppercase;
}

.accent-lg {
  font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback);
  letter-spacing: var(--wcss-accent-lg-letter-spacing);
  font-weight: var(--wcss-accent-lg-weight);
  line-height: var(--wcss-accent-lg-line-height);
  font-size: var(--wcss-accent-lg-font-size);
  text-transform: uppercase;
}

.accent-md {
  font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback);
  letter-spacing: var(--wcss-accent-md-letter-spacing);
  font-weight: var(--wcss-accent-md-weight);
  line-height: var(--wcss-accent-md-line-height);
  font-size: var(--wcss-accent-md-font-size);
  text-transform: uppercase;
}

.accent-sm {
  font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback);
  letter-spacing: var(--wcss-accent-sm-letter-spacing);
  font-weight: var(--wcss-accent-sm-weight);
  line-height: var(--wcss-accent-sm-line-height);
  font-size: var(--wcss-accent-sm-font-size);
  text-transform: uppercase;
}

.accent-xs {
  font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback);
  letter-spacing: var(--wcss-accent-xs-letter-spacing);
  font-weight: var(--wcss-accent-xs-weight);
  line-height: var(--wcss-accent-xs-line-height);
  font-size: var(--wcss-accent-xs-font-size);
  text-transform: uppercase;
}

.accent-2xs {
  font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback);
  letter-spacing: var(--wcss-accent-2xs-letter-spacing);
  font-weight: var(--wcss-accent-2xs-weight);
  line-height: var(--wcss-accent-2xs-line-height);
  font-size: var(--wcss-accent-2xs-font-size);
  text-transform: uppercase;
}