Confronta il testo

Trova la differenza tra due file di testo

Editor live

Comprimi invariate

Senza a capo

Layout

Livello di dettaglio

Evidenziazione sintassi

Diffchecker Desktop Il modo più sicuro per usare Diffchecker. Ottieni l'app Diffchecker Desktop: i tuoi diff non lasciano mai il tuo computer!Ottieni Desktop

4/30 WCSS

Creato mese scorsoIl diff non scade mai

41 rimozioni

Linee
Totale
Rimosso

Caratteri
Totale
Rimosso

Per continuare a utilizzare questa funzione, aggiorna a Diffchecker Pro Visualizza prezzi

521 linee

121 aggiunte

Linee
Totale
Aggiunto

Caratteri
Totale
Aggiunto

Per continuare a utilizzare questa funzione, aggiorna a Diffchecker Pro Visualizza prezzi

596 linee

@charset "UTF-8";

* 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/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2");

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;

}

@font-face {

font-family: "AS Circular";

font-weight: 450;

font-style: normal;

font-display: fallback;

src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2");

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;

}

@font-face {

font-family: "Good OT";

font-weight: 450;

font-style: normal;

font-display: fallback;

src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondNews.woff2") format("woff2");

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;

}

@font-face {

font-family: "Good OT";

font-weight: 500;

font-style: normal;

font-display: fallback;

src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondMedium.woff2") format("woff2");

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;

}

@font-face {

font-family: "AS Circular";

font-style: normal;

font-weight: 300;

font-display: swap;

src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2");

unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;

}

@font-face {

font-family: "AS Circular";

font-style: normal;

font-weight: 450;

font-display: swap;

src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2");

unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;

}

@font-face {

font-family: "AS Circular";

font-style: normal;

font-weight: 500;

font-display: swap;

src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2");

unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;

}

@font-face {

font-family: "Good OT";

font-style: normal;

font-weight: 450;

font-display: swap;

src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2");

unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;

}

@font-face {

font-family: "Good OT";

font-style: normal;

font-weight: 500;

font-display: swap;

src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2");

unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;

}

@font-face {

font-family: "AS Circular";

font-style: normal;

font-weight: 300;

font-display: swap;

src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2");

unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;

}

@font-face {

font-family: "AS Circular";

font-style: normal;

font-weight: 450;

font-display: swap;

src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2");

unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;

}

@font-face {

font-family: "AS Circular";

font-style: normal;

font-weight: 500;

font-display: swap;

src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2");

unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;

}

@font-face {

font-family: "Good OT";

font-style: normal;

font-weight: 450;

font-display: swap;

src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2");

unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;

}

@font-face {

font-family: "Good OT";

font-style: normal;

font-weight: 500;

font-display: swap;

src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2");

unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;

}

: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: 450;

--wcss-body-letter-spacing: 0;

--wcss-body-default-weight: 450;

--wcss-body-default-font-size: 1rem;

--wcss-body-default-line-height: 1.5rem;

--wcss-body-default-emphasized-weight: 500;

--wcss-body-default-emphasized-font-size: 1rem;

--wcss-body-default-emphasized-line-height: 1.5rem;

--wcss-body-lg-weight: 450;

--wcss-body-lg-font-size: 1.125rem;

--wcss-body-lg-line-height: 1.625rem;

--wcss-body-lg-emphasized-weight: 500;

--wcss-body-lg-emphasized-font-size: 1.125rem;

--wcss-body-lg-emphasized-line-height: 1.625rem;

--wcss-body-sm-weight: 450;

--wcss-body-sm-font-size: 0.875rem;

--wcss-body-sm-line-height: 1.25rem;

--wcss-body-sm-emphasized-weight: 500;

--wcss-body-sm-emphasized-font-size: 0.875rem;

--wcss-body-sm-emphasized-line-height: 1.25rem;

--wcss-body-xs-weight: 450;

--wcss-body-xs-font-size: 0.75rem;

--wcss-body-xs-line-height: 1rem;

--wcss-body-xs-emphasized-weight: 500;

--wcss-body-xs-emphasized-font-size: 0.75rem;

--wcss-body-xs-emphasized-line-height: 1rem;

--wcss-body-2xs-weight: 450;

--wcss-body-2xs-font-size: 0.625rem;

--wcss-body-2xs-line-height: 0.875rem;

--wcss-body-2xs-emphasized-weight: 500;

--wcss-body-2xs-emphasized-font-size: 0.625rem;

--wcss-body-2xs-emphasized-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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-letter-spacing: 0;

--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-weight: 300;

--wcss-heading-xs-line-height: 1.3;

--wcss-heading-xs-letter-spacing: 0;

--wcss-heading-xs-weight: 450;

--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-weight: 300;

--wcss-heading-2xs-line-height: 1.3;

--wcss-heading-2xs-letter-spacing: 0;

--wcss-heading-2xs-weight: 450;

--wcss-heading-2xs-line-height: 1.3;

--wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem);

--wcss-accent-2xl-family: "Good OT";

--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: 450;

--wcss-accent-2xl-line-height: 1;

--wcss-accent-2xl-letter-spacing: 0.05em;

--wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem);

--wcss-accent-xl-family: "Good OT";

--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: 450;

--wcss-accent-xl-line-height: 1.3;

--wcss-accent-xl-letter-spacing: 0.05em;

--wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem);

--wcss-accent-lg-family: "Good OT";

--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: 450;

--wcss-accent-lg-line-height: 1.3;

--wcss-accent-lg-letter-spacing: 0.05em;

--wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem);

--wcss-accent-md-family: "Good OT";

--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-letter-spacing: 0.05em;

--wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem);

--wcss-accent-sm-family: "Good OT";

--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-letter-spacing: 0.05em;

--wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem);

--wcss-accent-xs-family: "Good OT";

--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-letter-spacing: 0.1em;

--wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem);

--wcss-accent-2xs-family: "Good OT";

--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: 450;

--wcss-accent-2xs-line-height: 1.3;

--wcss-accent-2xs-letter-spacing: 0.1em;

--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);

font-weight: var(--wcss-body-default-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-default-emphasized {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-default-emphasized-weight);

letter-spacing: var(--wcss-body-letter-spacing);

font-size: var(--wcss-body-default-emphasized-font-size);

line-height: var(--wcss-body-default-emphasized-line-height);

}

.body-lg {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-weight);

font-weight: var(--wcss-body-lg-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-lg-emphasized {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-lg-emphasized-weight);

letter-spacing: var(--wcss-body-letter-spacing);

font-size: var(--wcss-body-lg-emphasized-font-size);

line-height: var(--wcss-body-lg-emphasized-line-height);

}

.body-sm {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-weight);

font-weight: var(--wcss-body-sm-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-sm-emphasized {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-sm-emphasized-weight);

letter-spacing: var(--wcss-body-letter-spacing);

font-size: var(--wcss-body-sm-emphasized-font-size);

line-height: var(--wcss-body-sm-emphasized-line-height);

}

.body-xs {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-weight);

font-weight: var(--wcss-body-xs-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-xs-emphasized {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-xs-emphasized-weight);

letter-spacing: var(--wcss-body-letter-spacing);

font-size: var(--wcss-body-xs-emphasized-font-size);

line-height: var(--wcss-body-xs-emphasized-line-height);

}

.body-2xs {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-weight);

font-weight: var(--wcss-body-2xs-weight);

letter-spacing: var(--wcss-body-letter-spacing);

font-size: var(--wcss-body-2xs-font-size);

line-height: var(--wcss-body-2xs-line-height);

}

.body-2xs-emphasized {

font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);

font-weight: var(--wcss-body-2xs-emphasized-weight);

letter-spacing: var(--wcss-body-letter-spacing);

font-size: var(--wcss-body-2xs-emphasized-font-size);

line-height: var(--wcss-body-2xs-emphasized-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);

letter-spacing: var(--wcss-display-2xl-letter-spacing);

}

.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);

letter-spacing: var(--wcss-display-xl-letter-spacing);

}

.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);

letter-spacing: var(--wcss-display-lg-letter-spacing);

}

.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);

letter-spacing: var(--wcss-display-md-letter-spacing);

}

.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);

letter-spacing: var(--wcss-display-sm-letter-spacing);

}

.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);

letter-spacing: var(--wcss-display-xs-letter-spacing);

}

.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);

letter-spacing: var(--wcss-heading-xl-letter-spacing);

}

.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);

letter-spacing: var(--wcss-heading-lg-letter-spacing);

}

.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);

letter-spacing: var(--wcss-heading-md-letter-spacing);

}

.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);

letter-spacing: var(--wcss-heading-sm-letter-spacing);

}

.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);

letter-spacing: var(--wcss-heading-xs-letter-spacing);

}

.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);

letter-spacing: var(--wcss-heading-2xs-letter-spacing);

}

.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);

letter-spacing: var(--wcss-accent-2xl-letter-spacing);

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);

letter-spacing: var(--wcss-accent-xl-letter-spacing);

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);

letter-spacing: var(--wcss-accent-lg-letter-spacing);

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);

letter-spacing: var(--wcss-accent-md-letter-spacing);

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);

letter-spacing: var(--wcss-accent-sm-letter-spacing);

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);

letter-spacing: var(--wcss-accent-xs-letter-spacing);

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);

letter-spacing: var(--wcss-accent-2xs-letter-spacing);

text-transform: uppercase;

}

Diff salvati

Testo originale

Apri file

@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/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "AS Circular";
  font-weight: 450;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "Good OT";
  font-weight: 450;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondNews.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "Good OT";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondMedium.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
: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: 450;
  --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: 450;
  --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: 450;
  --wcss-heading-2xs-line-height: 1.3;
  --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem);
  --wcss-accent-2xl-family: "Good OT";
  --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: 450;
  --wcss-accent-2xl-line-height: 1;
  --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem);
  --wcss-accent-xl-family: "Good OT";
  --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: 450;
  --wcss-accent-xl-line-height: 1.3;
  --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem);
  --wcss-accent-lg-family: "Good OT";
  --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: 450;
  --wcss-accent-lg-line-height: 1.3;
  --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem);
  --wcss-accent-md-family: "Good OT";
  --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: "Good OT";
  --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: "Good OT";
  --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: "Good OT";
  --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: 450;
  --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;
}

Testo modificato

Apri file

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%;
}

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

img {
  max-width: 100%;
}

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

@font-face {
  font-family: "AS Circular";
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "AS Circular";
  font-weight: 450;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "Good OT";
  font-weight: 450;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondNews.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "Good OT";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondMedium.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2");
  unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "AS Circular";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
@font-face {
  font-family: "Good OT";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2");
  unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;
}
: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-letter-spacing: 0;
  --wcss-body-default-weight: 450;
  --wcss-body-default-font-size: 1rem;
  --wcss-body-default-line-height: 1.5rem;
  --wcss-body-default-emphasized-weight: 500;
  --wcss-body-default-emphasized-font-size: 1rem;
  --wcss-body-default-emphasized-line-height: 1.5rem;
  --wcss-body-lg-weight: 450;
  --wcss-body-lg-font-size: 1.125rem;
  --wcss-body-lg-line-height: 1.625rem;
  --wcss-body-lg-emphasized-weight: 500;
  --wcss-body-lg-emphasized-font-size: 1.125rem;
  --wcss-body-lg-emphasized-line-height: 1.625rem;
  --wcss-body-sm-weight: 450;
  --wcss-body-sm-font-size: 0.875rem;
  --wcss-body-sm-line-height: 1.25rem;
  --wcss-body-sm-emphasized-weight: 500;
  --wcss-body-sm-emphasized-font-size: 0.875rem;
  --wcss-body-sm-emphasized-line-height: 1.25rem;
  --wcss-body-xs-weight: 450;
  --wcss-body-xs-font-size: 0.75rem;
  --wcss-body-xs-line-height: 1rem;
  --wcss-body-xs-emphasized-weight: 500;
  --wcss-body-xs-emphasized-font-size: 0.75rem;
  --wcss-body-xs-emphasized-line-height: 1rem;
  --wcss-body-2xs-weight: 450;
  --wcss-body-2xs-font-size: 0.625rem;
  --wcss-body-2xs-line-height: 0.875rem;
  --wcss-body-2xs-emphasized-weight: 500;
  --wcss-body-2xs-emphasized-font-size: 0.625rem;
  --wcss-body-2xs-emphasized-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-weight: 300;
  --wcss-display-2xl-line-height: 1.3;
  --wcss-display-2xl-letter-spacing: 0;
  --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-weight: 300;
  --wcss-display-xl-line-height: 1.3;
  --wcss-display-xl-letter-spacing: 0;
  --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-weight: 300;
  --wcss-display-lg-line-height: 1.3;
  --wcss-display-lg-letter-spacing: 0;
  --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-weight: 300;
  --wcss-display-md-line-height: 1.3;
  --wcss-display-md-letter-spacing: 0;
  --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-weight: 300;
  --wcss-display-sm-line-height: 1.3;
  --wcss-display-sm-letter-spacing: 0;
  --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-weight: 300;
  --wcss-display-xs-line-height: 1.3;
  --wcss-display-xs-letter-spacing: 0;
  --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-weight: 300;
  --wcss-heading-xl-line-height: 1.3;
  --wcss-heading-xl-letter-spacing: 0;
  --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-weight: 300;
  --wcss-heading-lg-line-height: 1.3;
  --wcss-heading-lg-letter-spacing: 0;
  --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-weight: 300;
  --wcss-heading-md-line-height: 1.3;
  --wcss-heading-md-letter-spacing: 0;
  --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-weight: 300;
  --wcss-heading-sm-line-height: 1.3;
  --wcss-heading-sm-letter-spacing: 0;
  --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-weight: 300;
  --wcss-heading-xs-line-height: 1.3;
  --wcss-heading-xs-letter-spacing: 0;
  --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-weight: 300;
  --wcss-heading-2xs-line-height: 1.3;
  --wcss-heading-2xs-letter-spacing: 0;
  --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem);
  --wcss-accent-2xl-family: "Good OT";
  --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-2xl-weight: 450;
  --wcss-accent-2xl-line-height: 1;
  --wcss-accent-2xl-letter-spacing: 0.05em;
  --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem);
  --wcss-accent-xl-family: "Good OT";
  --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-xl-weight: 450;
  --wcss-accent-xl-line-height: 1.3;
  --wcss-accent-xl-letter-spacing: 0.05em;
  --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem);
  --wcss-accent-lg-family: "Good OT";
  --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-lg-weight: 450;
  --wcss-accent-lg-line-height: 1.3;
  --wcss-accent-lg-letter-spacing: 0.05em;
  --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem);
  --wcss-accent-md-family: "Good OT";
  --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-md-weight: 500;
  --wcss-accent-md-line-height: 1.3;
  --wcss-accent-md-letter-spacing: 0.05em;
  --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem);
  --wcss-accent-sm-family: "Good OT";
  --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-sm-weight: 500;
  --wcss-accent-sm-line-height: 1.3;
  --wcss-accent-sm-letter-spacing: 0.05em;
  --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  --wcss-accent-xs-family: "Good OT";
  --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-xs-weight: 500;
  --wcss-accent-xs-line-height: 1.3;
  --wcss-accent-xs-letter-spacing: 0.1em;
  --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem);
  --wcss-accent-2xs-family: "Good OT";
  --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --wcss-accent-2xs-weight: 450;
  --wcss-accent-2xs-line-height: 1.3;
  --wcss-accent-2xs-letter-spacing: 0.1em;
  --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-default-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-default-emphasized {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-default-emphasized-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-default-emphasized-font-size);
  line-height: var(--wcss-body-default-emphasized-line-height);
}

.body-lg {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-lg-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-lg-emphasized {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-lg-emphasized-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-lg-emphasized-font-size);
  line-height: var(--wcss-body-lg-emphasized-line-height);
}

.body-sm {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-sm-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-sm-emphasized {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-sm-emphasized-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-sm-emphasized-font-size);
  line-height: var(--wcss-body-sm-emphasized-line-height);
}

.body-xs {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-xs-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-xs-emphasized {
  font-family:var(--wcss-body-family), var(--wcss-body-family-fallback);
  font-weight: var(--wcss-body-xs-emphasized-weight);
  letter-spacing: var(--wcss-body-letter-spacing);
  font-size: var(--wcss-body-xs-emphasized-font-size);
  line-height: var(--wcss-body-xs-emphasized-line-height);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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