/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/globals.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
html,
body,
[id="__next"] {
  height: 100%;
  padding: 0;
  margin: 0;

  /* Disables iOS bouncy scroll on the non-scrollable html/body */
  overscroll-behavior: none;
}

body {
  /* Add the safe area insets for iOS devices */
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  background-color: var(--color-carnow-colors-background-alt);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!../../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!../../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!../../packages/cnui/public/scss/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * This is a manifest file that'll be compiled into cny.css,
 * which will include all the files imported below.
 */
/**
 * Note: These palette colors are deprecated. Use `public/scss/abstracts/_cny-variables.scss` whereever possible.
 */
/**
 * Note: These palette colors are deprecated. Use `public/scss/abstracts/_cny-variables.scss` whereever possible.
 */
@import 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap';
.cny-padding-top--xs {
  padding-top: 4px;
}

.cny-padding-right--xs {
  padding-right: 4px;
}

.cny-padding-bottom--xs {
  padding-bottom: 4px;
}

.cny-padding-left--xs {
  padding-left: 4px;
}

.cny-padding--xs {
  padding: 4px;
}

.cny-margin-top--xs {
  margin-top: 4px;
}

.cny-margin-right--xs {
  margin-right: 4px;
}

.cny-margin-bottom--xs {
  margin-bottom: 4px;
}

.cny-margin-left--xs {
  margin-left: 4px;
}

.cny-margin--xs {
  margin: 4px;
}

.cny-padding-top--sm {
  padding-top: 8px;
}

.cny-padding-right--sm {
  padding-right: 8px;
}

.cny-padding-bottom--sm {
  padding-bottom: 8px;
}

.cny-padding-left--sm {
  padding-left: 8px;
}

.cny-padding--sm {
  padding: 8px;
}

.cny-margin-top--sm {
  margin-top: 8px;
}

.cny-margin-right--sm {
  margin-right: 8px;
}

.cny-margin-bottom--sm {
  margin-bottom: 8px;
}

.cny-margin-left--sm {
  margin-left: 8px;
}

.cny-margin--sm {
  margin: 8px;
}

.cny-padding-top--base {
  padding-top: 16px;
}

.cny-padding-right--base {
  padding-right: 16px;
}

.cny-padding-bottom--base {
  padding-bottom: 16px;
}

.cny-padding-left--base {
  padding-left: 16px;
}

.cny-padding--base {
  padding: 16px;
}

.cny-margin-top--base {
  margin-top: 16px;
}

.cny-margin-right--base {
  margin-right: 16px;
}

.cny-margin-bottom--base {
  margin-bottom: 16px;
}

.cny-margin-left--base {
  margin-left: 16px;
}

.cny-margin--base {
  margin: 16px;
}

.cny-padding-top--md {
  padding-top: 24px;
}

.cny-padding-right--md {
  padding-right: 24px;
}

.cny-padding-bottom--md {
  padding-bottom: 24px;
}

.cny-padding-left--md {
  padding-left: 24px;
}

.cny-padding--md {
  padding: 24px;
}

.cny-margin-top--md {
  margin-top: 24px;
}

.cny-margin-right--md {
  margin-right: 24px;
}

.cny-margin-bottom--md {
  margin-bottom: 24px;
}

.cny-margin-left--md {
  margin-left: 24px;
}

.cny-margin--md {
  margin: 24px;
}

.cny-padding-top--lg {
  padding-top: 32px;
}

.cny-padding-right--lg {
  padding-right: 32px;
}

.cny-padding-bottom--lg {
  padding-bottom: 32px;
}

.cny-padding-left--lg {
  padding-left: 32px;
}

.cny-padding--lg {
  padding: 32px;
}

.cny-margin-top--lg {
  margin-top: 32px;
}

.cny-margin-right--lg {
  margin-right: 32px;
}

.cny-margin-bottom--lg {
  margin-bottom: 32px;
}

.cny-margin-left--lg {
  margin-left: 32px;
}

.cny-margin--lg {
  margin: 32px;
}

.cny-padding-top--xl {
  padding-top: 64px;
}

.cny-padding-right--xl {
  padding-right: 64px;
}

.cny-padding-bottom--xl {
  padding-bottom: 64px;
}

.cny-padding-left--xl {
  padding-left: 64px;
}

.cny-padding--xl {
  padding: 64px;
}

.cny-margin-top--xl {
  margin-top: 64px;
}

.cny-margin-right--xl {
  margin-right: 64px;
}

.cny-margin-bottom--xl {
  margin-bottom: 64px;
}

.cny-margin-left--xl {
  margin-left: 64px;
}

.cny-margin--xl {
  margin: 64px;
}

.cny-margin-top--auto {
  margin-top: auto;
}

.cny-margin-right--auto {
  margin-right: auto;
}

.cny-margin-bottom--auto {
  margin-bottom: auto;
}

.cny-margin-left--auto {
  margin-left: auto;
}

.cny-radius--sm {
  border-radius: 3px;
}

.cny-radius--base {
  border-radius: 6px;
}

.cny-radius--soft {
  border-radius: 24px;
}

.cny-radius--oval {
  border-radius: 50%;
}

.cny-radius--pill {
  border-radius: 999999px;
}

/**
 * Note: These palette colors are deprecated. Use `public/scss/abstracts/_cny-variables.scss` whereever possible.
 */
/**
 * Breakpoints
 */
/*
  Intended Usage:
   base light1 - fn($base-color, light1)
   green standard - fn($accent-color-green)
   primary standard - fn()
 */
/*
 generate all possible combinations of color and variant for any given css property
 example usage: @include generate-color-utilities(text-color, color);
 example output: text-color--primary-dark1 { color: #thedarkbluehex }
 */
@font-face {
  font-family: CN-AudiType;
  src: url(/_next/static/media/auditype-normal.a21f916a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-AudiType;
  src: url(/_next/static/media/auditype-bold.6b467399.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: CN-AudiType;
  src: url(/_next/static/media/auditype-italic.e39dd6f0.woff) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: CN-AudiType;
  src: url(/_next/static/media/auditype-bolditalic.eb930bc0.woff) format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: CN-AudiTypeExtended;
  src: url(/_next/static/media/auditype-extendednormal.72a0a756.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-AudiTypeExtended;
  src: url(/_next/static/media/auditype-extendedbold.fbed5cc4.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: CN-AudiTypeExtended;
  src: url(/_next/static/media/auditype-extendeditalic.08c0377e.woff) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: CN-AudiTypeExtended;
  src: url(/_next/static/media/auditype-extendedbolditalic.f27e11f6.woff) format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: BMWTypeNextLatin;
  src: url(/_next/static/media/BMWTypeNextLatin-Regular.c9799f39.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: BMWTypeNextLatin;
  src: url(/_next/static/media/BMWTypeNextLatin-Bold.91e0e58e.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: BMWTypeNextLatin;
  src: url(/_next/static/media/BMWTypeNextLatin-Light.319b83a2.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: BMWTypeNextLatin;
  src: url(/_next/static/media/BMWTypeNextLatin-Thin.8c34f0c7.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: CadillacGothic;
  src: url(/_next/static/media/CadillacGothic-Regular.4b3e2a09.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CadillacGothic;
  src: url(/_next/static/media/CadillacGothic-WideBold.d5119c6a.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: CN-Driveway-WorkSans-Regular;
  src: url(/_next/static/media/WorkSans-Regular.ca2d85e5.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-Fira-Sans-Regular;
  src: url(/_next/static/media/FiraSans-Regular.942950d8.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansText-Regular.c81581eb.otf) format("opentype");
}
@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansText-Bold.f019d539.otf) format("opentype");
}
@font-face {
  font-weight: normal;
  font-style: italic;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansText-Italic.30627eb7.otf) format("opentype");
}
@font-face {
  font-weight: bold;
  font-style: italic;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansText-BoldItalic.2cc46ab3.otf) format("opentype");
}
@font-face {
  font-weight: medium;
  font-style: normal;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansText-Medium.bf196b7e.otf) format("opentype");
}
@font-face {
  font-weight: medium;
  font-style: italic;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansText-MediumItalic.4ab222dc.otf) format("opentype");
}
@font-face {
  font-weight: light;
  font-style: normal;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansHead-Light.a5f5ffd4.otf) format("opentype");
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: GenesisSans;
  src: url(/_next/static/media/GenesisSansHead-Regular.89786ba7.otf) format("opentype");
}
@font-face {
  font-family: CN-TriHonda;
  src: url(/_next/static/media/TriHonda.36a2bb7e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-Honda-Avenir;
  src: url(/_next/static/media/HondaAvenir.b3eb3625.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: HyundaiSans;
  src: url(/_next/static/media/HyundaiSansRegular.292c6ed3.woff2) format("woff2"), url(/_next/static/media/HyundaiSansRegular.0dd7a188.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HyundaiSans;
  src: url(/_next/static/media/HyundaiSansBold.dfbbef85.woff2) format("woff2"), url(/_next/static/media/HyundaiSansBold.4dd8ef3b.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Infiniti;
  src: url(/_next/static/media/InfinitiBrand-Regular.478e581f.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Infiniti;
  src: url(/_next/static/media/InfinitiBrand-Bold.07eddd7e.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CN-Jaguar;
  src: url(/_next/static/media/Jaguar-Regular.02172449.eot);
}
@font-face {
  font-family: CN-Jaguar;
  src: url("http://:/") format("No-IE-404"), url(/_next/static/media/Jaguar-Regular.e1250da1.svg) format("svg"), url(/_next/static/media/Jaguar-Regular.35796ad4.woff) format("woff"), url(/_next/static/media/Jaguar-Regular.fe4ffb20.ttf) format("truetype");
}
@font-face {
  font-family: CN-Jaguar;
  font-weight: bold;
  src: url("http://:/") format("No-IE-404"), url(/_next/static/media/JaguarModern-Bold.d9a27ea5.woff) format("woff");
}
@font-face {
  font-family: "CN-JLR Proxima Nova";
  src: url(/_next/static/media/ProximaNova-Regular.127c2df4.eot);
}
@font-face {
  font-family: "CN-JLR Proxima Nova";
  src: url("http://:/") format("No-IE-404"), url(/_next/static/media/ProximaNova-Regular.4efbe86f.svg) format("svg"), url(/_next/static/media/ProximaNova-Regular.13a1d2ca.woff) format("woff"), url(/_next/static/media/ProximaNova-Regular.124e3d5f.ttf) format("truetype");
}
@font-face {
  font-family: "CN-JLR Proxima Nova";
  font-weight: 100;
  src: url(/_next/static/media/ProximaNova-Light.a44fbf5a.eot);
}
@font-face {
  font-family: "CN-JLR Proxima Nova";
  font-weight: 100;
  src: url("http://:/") format("No-IE-404"), url(/_next/static/media/ProximaNova-Light.70659097.svg) format("svg"), url(/_next/static/media/ProximaNova-Light.28e37948.woff) format("woff"), url(/_next/static/media/ProximaNova-Light.6cef6e4c.ttf) format("truetype");
}
@font-face {
  font-family: "CN-JLR Proxima Nova";
  font-weight: 700;
  src: url("http://:/") format("No-IE-404"), url(/_next/static/media/ProximaNova-Black.a188378f.woff) format("woff");
}
@font-face {
  font-family: KiaSignature;
  src: url(/_next/static/media/KiaSignatureFixLight.51150000.woff2) format("woff2"), url(/_next/static/media/KiaSignatureFixLight.1fdc45e2.woff) format("woff"), url(/_next/static/media/KiaSignatureFixLight.fb70d747.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: KiaSignature;
  src: url(/_next/static/media/KiaSignatureFixRegular.39aae5c9.woff2) format("woff2"), url(/_next/static/media/KiaSignatureFixRegular.05dbedd4.woff) format("woff"), url(/_next/static/media/KiaSignatureFixRegular.731d1052.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: KiaSignature;
  src: url(/_next/static/media/KiaSignatureFixBold.ab0bb2d0.woff2) format("woff2"), url(/_next/static/media/KiaSignatureFixBold.6629c62e.woff) format("woff"), url(/_next/static/media/KiaSignatureFixBold.1f49beda.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: LandRoverWeb;
  src: url(/_next/static/media/LandRoverWeb-Medium.afdbcb59.woff2) format("woff2"), url(/_next/static/media/LandRoverWeb-Medium.2175c997.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: LandRoverWeb;
  src: url(/_next/static/media/LandRoverWeb-Light.c52c1e1a.woff2) format("woff2"), url(/_next/static/media/LandRoverWeb-Light.b951a27c.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: LandRoverWeb;
  src: url(/_next/static/media/LandRoverWeb-Bold.a60ed383.woff2) format("woff2"), url(/_next/static/media/LandRoverWeb-Bold.e292c291.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: LandRoverWebDemi;
  src: url(/_next/static/media/LandRoverWeb-Demi.32afbd6e.woff2) format("woff2"), url(/_next/static/media/LandRoverWeb-Demi.b341e3a9.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AvenirLTStd;
  src: url(/_next/static/media/AvenirLTStd-Medium.93b842bc.woff2) format("woff2"), url(/_next/static/media/AvenirLTStd-Medium.7a08fecc.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AvenirLTStd;
  src: url(/_next/static/media/AvenirLTStd-Book.e7be8bf6.woff2) format("woff2"), url(/_next/static/media/AvenirLTStd-Book.59fceafd.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CN-Lexus-NO;
  src: url(/_next/static/media/NOR_____.7b5768a1.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-Lexus-NO;
  src: url(/_next/static/media/NOBD____.5dbce8fd.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: CN-Lexus-NO;
  src: url(/_next/static/media/NORI____.081a2df4.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: CN-Lexus-NO;
  src: url(/_next/static/media/NOBDI___.8438afcd.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "CN-M1-Lincoln";
  font-weight: normal;
  src: url(/_next/static/media/LincolnProximaNova.c8bbd4b1.otf);
}
@font-face {
  font-family: "CN-M1-MullerRegular";
  src: url(/_next/static/media/Fontfabric-Muller-Regular.f9d3d30b.otf) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: MazdaType;
  src: url(/_next/static/media/MazdaType-Regular.ec8eb721.woff2) format("woff2"), url(/_next/static/media/MazdaType-Regular.261c63b9.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: MazdaType;
  src: url(/_next/static/media/MazdaType-Italic.b3d36aac.woff2) format("woff2"), url(/_next/static/media/MazdaType-Italic.b55800c5.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: MazdaType;
  src: url(/_next/static/media/MazdaType-Bold.42c80d5f.woff2) format("woff2"), url(/_next/static/media/MazdaType-Bold.d8334134.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: MazdaType;
  src: url(/_next/static/media/MazdaType-Medium.84bf05b3.woff2) format("woff2"), url(/_next/static/media/MazdaType-Medium.b086a2cd.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: MazdaType;
  src: url(/_next/static/media/MazdaType-BoldItalic.db2a3aac.woff2) format("woff2"), url(/_next/static/media/MazdaType-BoldItalic.07861136.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: MazdaType;
  src: url(/_next/static/media/MazdaType-MediumItalic.cfaea54f.woff2) format("woff2"), url(/_next/static/media/MazdaType-MediumItalic.caec01a4.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: CN-Mercedes;
  src: url(/_next/static/media/CorporateABQ-Regular.17320958.eot);
  src: url(/_next/static/media/CorporateABQ-Regular.17320958.eot) format("embedded-opentype"), url(/_next/static/media/CorporateABQ-Regular.67d369b8.woff2) format("woff2"), url(/_next/static/media/CorporateABQ-Regular.45fb07ba.woff) format("woff"), url(/_next/static/media/CorporateABQ-Regular.c765bdb7.ttf) format("truetype"), url(/_next/static/media/CorporateABQ-Regular.1d624781.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-Mercedes-Corporate;
  src: url(/_next/static/media/corporateacondpro_regular_webfont.7da6ae28.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-mini-type-regular;
  src: url(/_next/static/media/minisansserif-regular.68b67774.woff2) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-MINI-Sans-Serif;
  src: url(/_next/static/media/mini_serif-regular.870a5838.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-MINI-Sans-Serif;
  src: url(/_next/static/media/mini_serif-bold.7a1d3880.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: MMC;
  src: url(/_next/static/media/MMC-Regular.5cc984ca.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: MMC;
  src: url(/_next/static/media/MMC-Bold.e3bdb91d.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: url(/_next/static/media/Montserrat-VariableFont_wght.f595c38f.ttf);
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: CN-Nissan;
  src: url(/_next/static/media/NissanBrand-Regular.50206c21.otf) format("opentype");
}
@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: CN-Nissan;
  src: url(/_next/static/media/NissanBrand-Bold.c18f0deb.otf) format("opentype");
}
@font-face {
  font-weight: normal;
  font-style: italic;
  font-family: CN-Nissan;
  src: url(/_next/static/media/NissanBrand-Italic.158f381d.otf) format("opentype");
}
@font-face {
  font-weight: light;
  font-style: normal;
  font-family: CN-Nissan;
  src: url(/_next/static/media/NissanBrand-Light.cf85a829.otf) format("opentype");
}
@font-face {
  font-family: CN-PorscheNext;
  src: url(/_next/static/media/PorscheNext-Regular.fa102b9e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: CN-PorscheNext;
  src: url(/_next/static/media/PorscheNext-Bold.fdf37bb7.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: CN-PorscheNext;
  src: url(/_next/static/media/PorscheNext-Italic.76862722.woff) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: CN-PorscheNext;
  src: url(/_next/static/media/PorscheNext-BoldItalic.f3600f2a.woff) format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: VW-Book;
  src: url(/_next/static/media/VWHead-Regular.c1c840ad.otf) format("opentype");
}
@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: VW-Book;
  src: url(/_next/static/media/VWHead-Bold.15bd72d5.otf) format("opentype");
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: VW-Semibold;
  src: url(/_next/static/media/VWTextWeb-Regular.833198d2.eot);
  src: url(/_next/static/media/VWTextWeb-Regular.833198d2.eot) format("embedded-opentype"), url(/_next/static/media/VWTextWeb-Regular.2cfa8eef.ttf) format("truetype"), url(/_next/static/media/VWTextWeb-Regular.276c51a0.svg) format("svg"), url(/_next/static/media/VWTextWeb-Regular.8f5272b3.woff) format("woff");
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-Light.6bd3f943.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-Light.a6be7c08.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-Medium.06fffc2e.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-Medium.6ac848f9.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-Bold.a0b0f3c0.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-Bold.6c923e7a.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-LightItalic.052b05ad.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-LightItalic.4e2abd4e.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-BoldItalic.1336bac5.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-BoldItalic.29b7f15d.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-Italic.b25851fe.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-Italic.a3fa6eae.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum SemiLight";
  src: url(/_next/static/media/VolvoNovum-SemiLight.99c0aa2c.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-SemiLight.ceddcb8a.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-MediumItalic.b0e3a412.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-MediumItalic.e36c61a9.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum";
  src: url(/_next/static/media/VolvoNovum-Regular.f567451a.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-Regular.88518a16.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Broad Pro";
  src: url(/_next/static/media/VolvoBroadPro.fdec3294.woff2) format("woff2"), url(/_next/static/media/VolvoBroadPro.0abf3d34.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Serif Pro";
  src: url(/_next/static/media/VolvoSerifPro-Bold.35f0bee0.woff2) format("woff2"), url(/_next/static/media/VolvoSerifPro-Bold.a4d9fbdf.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Serif Pro";
  src: url(/_next/static/media/VolvoSerifPro-Italic.8a33fd6f.woff2) format("woff2"), url(/_next/static/media/VolvoSerifPro-Italic.e33bf133.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Novum SemiLight";
  src: url(/_next/static/media/VolvoNovum-SemiLightItalic.6a3da57a.woff2) format("woff2"), url(/_next/static/media/VolvoNovum-SemiLightItalic.3a4e5644.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Serif Pro";
  src: url(/_next/static/media/VolvoSerifPro-Regular.3900f413.woff2) format("woff2"), url(/_next/static/media/VolvoSerifPro-Regular.ce164f39.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Volvo Serif Pro";
  src: url(/_next/static/media/VolvoSerifPro-BoldItalic.768a2af0.woff2) format("woff2"), url(/_next/static/media/VolvoSerifPro-BoldItalic.a78f5db8.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
.cny-button {
  cursor: pointer;
  display: inline-flex;
  border: none;
  border-radius: 6px;
  background: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: none;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  text-decoration: none;
}
.cny-button > [tabindex="-1"] {
  outline: none;
  border-radius: 6px;
  font-size: 1rem;
}
.cny-button > p[tabindex="-1"], .cny-button > span[tabindex="-1"] {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-top: -0.1em;
}
.cny-button:not(:focus-visible) {
  outline: none;
}
.cny-button:disabled {
  cursor: default;
}
.cny-button:focus {
  position: relative;
}
.cny-button:hover:not(:disabled) .cny-button--icon {
  font-weight: bold;
}
.cny-button:hover:not(:disabled) .cny-button--icon .cny-button__badge {
  padding: 5px;
}
.cny-button:hover:not(:disabled) .cny-button--icon-active {
  font-weight: normal;
  color: #79baff;
}
.cny-button:hover:not(:disabled) .cny-button--icon-active.cny-button--icon-wishlist {
  color: #ffda77;
}
.cny-button:hover:not(:disabled) .cny-button--icon-active .cny-button__badge {
  padding: 5px;
  background: #79baff;
}
.cny-button--primary > [tabindex="-1"] {
  background-color: #0073ea;
  color: #fff;
  padding: 0 15px;
  border: 1px solid transparent;
  line-height: 30px;
  height: 32px;
  font-weight: bold;
}
.cny-button--primary:disabled {
  cursor: not-allowed;
}
.cny-button--primary:disabled > [tabindex="-1"] {
  background-color: #f2f6ff;
  color: #536080;
  border-color: #e0e9ff;
}
.cny-button--primary:not(:disabled):hover > [tabindex="-1"] {
  background-color: #79baff;
}
.cny-button--primary-gray-disabled:disabled {
  cursor: not-allowed;
}
.cny-button--primary-gray-disabled:disabled > [tabindex="-1"] {
  background-color: #ddd;
  color: #536080;
  border-color: #e0e9ff;
}
.cny-button--secondary > [tabindex="-1"] {
  color: #de1515;
  font-weight: bold;
}
.cny-button--secondary:not(:disabled):hover > [tabindex="-1"] {
  color: #f88;
}
.cny-button--light > [tabindex="-1"] {
  line-height: 30px;
  height: 32px;
  font-weight: bold;
  background-color: #fff;
  color: #0073ea;
  border: 1px solid #e0e9ff;
  padding: 0 15px;
}
.cny-button--light:not(:disabled):hover > [tabindex="-1"] {
  background-color: #f2f6ff;
}
.cny-button--light:disabled > [tabindex="-1"] {
  color: #79baff;
}
.cny-button > i[tabindex="-1"] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0073ea;
  width: 32px;
  height: 32px;
  font-size: 16px;
  margin-top: 0;
}
.cny-button > i[tabindex="-1"].cny-button--icon-wishlist {
  color: #ffba02;
}
.cny-button > i[tabindex="-1"].cny-button--icon-large {
  font-size: 28px;
  height: 48px;
  width: 48px;
}
.cny-button > i[tabindex="-1"].cny-button--icon-small {
  font-size: 16px;
  width: 24px;
  height: 24px;
}
.cny-button--icon-light > i[tabindex="-1"], .cny-button--icon-arrow > i[tabindex="-1"] {
  background-color: #fff;
  border: 1px solid #e0e9ff;
  color: #0073ea;
}
.cny-button--icon-light:not(:disabled):hover > i[tabindex="-1"], .cny-button--icon-arrow:not(:disabled):hover > i[tabindex="-1"] {
  background-color: #e0e9ff;
}
.cny-button--icon-light:disabled > i[tabindex="-1"], .cny-button--icon-arrow:disabled > i[tabindex="-1"] {
  color: #79baff;
}
.cny-button--icon-arrow:not(:first-child) {
  margin-left: 16px;
}
.cny-button--icon-arrow > i[tabindex="-1"] {
  font-size: 14px;
}
.cny-button--icon-dark > i[tabindex="-1"] {
  background-color: #0073ea;
  color: #fff;
}
.cny-button--icon-dark:not(:disabled):hover > i[tabindex="-1"] {
  font-weight: bold;
}
.cny-button--icon-dark:disabled > i[tabindex="-1"] {
  background-color: #79baff;
}
.cny-button__forms {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.cny-button__forms > :not(:first-child) {
  margin-left: 24px;
}
.cny-button__forms--condensed {
  margin-top: 8px;
}
.cny-button__forms--condensed > :not(:first-child) {
  margin-left: 16px;
}
.cny-button__group {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
}
.cny-button__group > :not(:first-child) {
  margin-left: 16px;
}
.cny-button__group--left {
  justify-content: flex-start;
}
.cny-button__group--center {
  justify-content: center;
}
.cny-button__badge {
  position: absolute;
  top: 62%;
  right: 20%;
  transform: translateX(50%);
  padding: 1px 2px;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: bold;
  background-color: #0073ea;
  color: #fff;
  border-radius: 3px;
}
.cny-button__badge--large {
  top: 58%;
  right: 25%;
  font-size: 0.875rem;
}
.cny-button__badge--round {
  top: -15%;
  border-radius: 100%;
  padding: 5px;
  min-width: 24px;
  min-height: 24px;
}

.cny-cn-typography {
  color: #222222;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin: 0;
}
.cny-cn-typography--wrap {
  word-break: break-word;
}

.cny-list {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.cny-list__table {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.cny-list__table--auto-height {
  flex: 0 0 auto;
}
.cny-list__table--with-header {
  scroll-padding-top: calc(20px + 1px);
  overflow: auto;
}
.cny-list__table--with-header::-webkit-scrollbar-track {
  margin-top: 20px;
}
.cny-list__table--demand-height {
  max-height: 640px;
}
.cny-list__table--collapse-below-xs .cny-list__header-row, .cny-list__table--collapse-below-xs .cny-list__row {
  width: 200%;
  transition: width 0.3s;
}
@media screen and (min-width: 480px) {
  .cny-list__table--collapse-below-xs .cny-list__header-row, .cny-list__table--collapse-below-xs .cny-list__row {
    width: 100%;
  }
}
.cny-list__table--collapse-below-sm .cny-list__header-row, .cny-list__table--collapse-below-sm .cny-list__row {
  width: 200%;
  transition: width 0.3s;
}
@media screen and (min-width: 768px) {
  .cny-list__table--collapse-below-sm .cny-list__header-row, .cny-list__table--collapse-below-sm .cny-list__row {
    width: 100%;
  }
}
.cny-list__table--collapse-below-md .cny-list__header-row, .cny-list__table--collapse-below-md .cny-list__row {
  width: 200%;
  transition: width 0.3s;
}
@media screen and (min-width: 990px) {
  .cny-list__table--collapse-below-md .cny-list__header-row, .cny-list__table--collapse-below-md .cny-list__row {
    width: 100%;
  }
}
.cny-list__table--collapse-below-lg .cny-list__header-row, .cny-list__table--collapse-below-lg .cny-list__row {
  width: 200%;
  transition: width 0.3s;
}
@media screen and (min-width: 1280px) {
  .cny-list__table--collapse-below-lg .cny-list__header-row, .cny-list__table--collapse-below-lg .cny-list__row {
    width: 100%;
  }
}
.cny-list__table--collapse-below-xl .cny-list__header-row, .cny-list__table--collapse-below-xl .cny-list__row {
  width: 200%;
  transition: width 0.3s;
}
@media screen and (min-width: 1536px) {
  .cny-list__table--collapse-below-xl .cny-list__header-row, .cny-list__table--collapse-below-xl .cny-list__row {
    width: 100%;
  }
}
.cny-list__table--collapse-below-xxl .cny-list__header-row, .cny-list__table--collapse-below-xxl .cny-list__row {
  width: 200%;
  transition: width 0.3s;
}
@media screen and (min-width: 1792px) {
  .cny-list__table--collapse-below-xxl .cny-list__header-row, .cny-list__table--collapse-below-xxl .cny-list__row {
    width: 100%;
  }
}
.cny-list__row-above {
  display: flex;
  margin-bottom: 24px;
}
@media screen and (min-width: 480px) {
  .cny-list__row-above--show-only-below-xs {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .cny-list__row-above--show-only-below-sm {
    display: none;
  }
}
@media screen and (min-width: 990px) {
  .cny-list__row-above--show-only-below-md {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .cny-list__row-above--show-only-below-lg {
    display: none;
  }
}
@media screen and (min-width: 1536px) {
  .cny-list__row-above--show-only-below-xl {
    display: none;
  }
}
@media screen and (min-width: 1792px) {
  .cny-list__row-above--show-only-below-xxl {
    display: none;
  }
}
.cny-list__arrow-buttons {
  margin-left: auto;
  display: flex;
}
.cny-list__arrow-buttons:not(:first-child) {
  padding-left: 24px;
}
@media screen and (min-width: 480px) {
  .cny-list__arrow-buttons--show-only-below-xs {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .cny-list__arrow-buttons--show-only-below-sm {
    display: none;
  }
}
@media screen and (min-width: 990px) {
  .cny-list__arrow-buttons--show-only-below-md {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .cny-list__arrow-buttons--show-only-below-lg {
    display: none;
  }
}
@media screen and (min-width: 1536px) {
  .cny-list__arrow-buttons--show-only-below-xl {
    display: none;
  }
}
@media screen and (min-width: 1792px) {
  .cny-list__arrow-buttons--show-only-below-xxl {
    display: none;
  }
}
.cny-list__no-results {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cny-list__no-results-message {
  padding: 0 16px;
  font-size: 1.5rem;
  color: #de1515;
  text-align: center;
}
.cny-list__gallery-button {
  width: 48px;
  max-height: 48px;
  position: relative;
}
.cny-list__gallery-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background: #000;
  opacity: 0.4;
}
.cny-list__gallery-button:hover:not(:disabled)::before {
  opacity: 0.7;
}
.cny-list__gallery-button--no-hover {
  opacity: 1;
}
.cny-list__gallery-button--no-hover::before {
  background: transparent;
}
.cny-list__gallery-image {
  align-self: center;
  max-width: 100%;
  max-height: 100%;
  border-radius: 6px;
}
.cny-list__gallery-count {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  position: absolute;
  inset: 0;
  color: #fff;
}
.cny-list__gallery-count-text {
  font-size: 1.5rem;
}
.cny-list__subheader {
  display: block;
  padding-top: 8px;
  font-size: 0.75rem;
  color: var(--list-header-color);
  font-weight: bold;
}
.cny-list__subheader:first-child {
  padding-top: 0;
}
.cny-list__header {
  flex: 1 1 auto;
}
.cny-list__header-row {
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
  top: -0.1px;
  background-color: #fff;
  width: 100%;
  height: 20px;
}
.cny-list__header-content {
  text-align: left;
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
}
.cny-list__header-label {
  flex-shrink: 1;
  white-space: nowrap;
  font-weight: bold;
  color: var(--list-header-color);
  font-size: 0.875rem;
}
.cny-list__header-sort {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
}
.cny-list__header-sort-up, .cny-list__header-sort-down {
  font-size: 8px;
  opacity: 0.3;
}
.cny-list__header-sort--active {
  opacity: 1;
}
.cny-list__row {
  display: flex;
  width: 100%;
}
.cny-list__row-content {
  text-align: left;
  padding-top: 16px;
  padding-bottom: 16px;
}
.cny-list__row-content:not(.cny-list__row) {
  flex: 1 1 auto;
}
.cny-list__row-content--thin {
  padding-top: 8px;
  padding-bottom: 8px;
}
.cny-list__row-content--overlayed {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.cny-list__row-content--overlayed button,
.cny-list__row-content--overlayed a {
  pointer-events: auto;
}
.cny-list__row-overlay {
  background: #fff;
  position: absolute;
  right: 8.333%;
  top: 0;
  bottom: 0;
  padding: 16px 0 16px 16px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  pointer-events: auto;
}
.cny-list__row--bordered.cny-list__row-content,
.cny-list__row--bordered > .cny-list__row-content {
  border-bottom: 1px solid #e5e5e5;
}
.cny-list__row--bordered:last-child.cny-list__row-content,
.cny-list__row--bordered:last-child > .cny-list__row-content {
  border-bottom: 0;
}
.cny-list__row--with-hover:hover:not(:disabled) {
  background: #f5f5f5;
  border-radius: 6px;
}
.cny-list__row--with-hover:hover:not(:disabled) + .cny-list__row-content--overlayed .cny-list__row-overlay {
  background: #f5f5f5;
}
.cny-list__row:not(.cny-list__row--with-hover):last-child .cny-list__row-content {
  padding-bottom: 0;
}
.cny-list__row--with-text-hover:hover:not(:disabled) {
  color: var(--primary-hover);
}
.cny-list__row--selected {
  background-color: var(--primary-bg);
  color: #fff;
}
.cny-list__row--selected:hover {
  background-color: var(--primary-bg);
}
.cny-list__fake-icon-button {
  display: inline-flex;
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.cny-list__text {
  white-space: nowrap;
  flex-shrink: 1;
}
.cny-list__text--link {
  color: #166abf;
}
.cny-list__text--link:hover {
  text-decoration: underline;
}
.cny-list__subtext {
  white-space: nowrap;
  flex-shrink: 1;
  font-size: 0.75rem;
}
.cny-list__subtext--green {
  color: #268d6c;
}
.cny-list__subtext--red {
  color: #de1515;
}
.cny-list__last-updated-text {
  display: inline-block;
  font-size: 0.875rem;
  color: #525252;
  margin-top: -26px;
  z-index: -1;
}

.cny-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
}
.cny-view--with-sticky-header.cny-view--raised .cny-view__header {
  background-color: var(--raised-bg);
}
.cny-view--with-sticky-header .cny-view__scroll-container {
  scroll-padding-top: calc(80px + 1px);
}
.cny-view--with-sticky-header .cny-view__scroll-container::-webkit-scrollbar-track {
  margin-top: 80px;
}
.cny-view--with-sticky-header .cny-view__header {
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
  top: -0.1px;
  background-color: #fff;
}
.cny-view--with-sticky-header .cny-view__content {
  overflow: visible;
}
.cny-view__scroll-container {
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cny-view__scroll-container .cny-view__content {
  flex-shrink: 0;
}
.cny-view--raised {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
  background-color: var(--raised-bg);
  border-radius: 6px;
}
.cny-view__header {
  flex: 0 0 auto;
  position: relative;
  height: 80px;
  padding: 0 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
.cny-view__header-title {
  font-size: 2rem;
  font-weight: 700;
}
.cny-view__header h3 {
  font-size: 1rem;
}
.cny-view__content {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  padding: 32px;
}
.cny-view__content--no-padding {
  padding: 0;
}
.cny-view__highlight {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background-color: var(--primary-bg-light);
  padding: 0 16px 16px;
}
.cny-view__selected {
  border-color: var(--primary-button-bg);
}

.cny-split-tile__grid {
  display: flex;
  flex-flow: row wrap;
  grid-gap: 16px;
}
.cny-split-tile__content {
  width: 100%;
  min-height: 68px;
  display: flex;
}
.cny-split-tile__side {
  background: #002a55;
  min-width: 68px;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  color: #fff;
}
.cny-split-tile__side-text {
  font-size: 1.5rem;
}
.cny-split-tile__body {
  flex: 1 1 auto;
  background: #f2f6ff;
  padding: 16px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.cny-split-tile__body-text {
  flex-shrink: 1;
  font-size: 1.5rem;
}
.cny-split-tile--sm {
  width: 288px;
}
.cny-split-tile--sm .cny-split-tile__body-text {
  font-size: 1rem;
}
.cny-split-tile--sm .cny-split-tile__body--green {
  background: #e3ffef;
}
.cny-split-tile--sm .cny-split-tile__body--gray {
  background: #e5e5e5;
}
.cny-split-tile--sm .cny-split-tile__body--yellow {
  background: #fffee2;
}
.cny-split-tile--sm .cny-split-tile__body--red {
  background: #fceded;
}
.cny-split-tile--sm .cny-split-tile__side {
  background: #0073ea;
}
.cny-split-tile--sm .cny-split-tile__side--green {
  background: #00af4a;
}
.cny-split-tile--sm .cny-split-tile__side--gray {
  background: #757575;
}
.cny-split-tile--sm .cny-split-tile__side--yellow {
  background: #ffba02;
}
.cny-split-tile--sm .cny-split-tile__side--red {
  background: #de1515;
}
.cny-split-tile--sm:hover .cny-split-tile__side {
  background: #79baff;
}
.cny-split-tile--sm:hover .cny-split-tile__body {
  color: #0073ea;
}
.cny-split-tile--sm:hover__body {
  padding: 16px 24px;
}
.cny-split-tile--sm:hover__side {
  background: #0073ea;
}

.cny-cta {
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  height: 40px;
  padding: 9px 15px;
  background-color: #0073ea;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 24px;
  color: white;
  font-weight: bold;
  justify-content: center;
}
.cny-cta--condensed {
  padding: 2px 7px;
}
.cny-cta--secondary {
  background-color: white;
  color: #0073ea;
}
.cny-cta--secondary-with-button {
  flex: 1 1 auto;
}
.cny-cta--secondary-with-button:hover {
  background-color: rgb(208.5, 231.3525641026, 255);
}
.cny-cta--secondary-with-button:active {
  color: white;
  background-color: rgb(0, 64.8717948718, 132);
}
.cny-cta--secondary-with-button-disabled {
  cursor: default;
  pointer-events: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #555555;
}
.cny-cta--text {
  background-color: transparent;
  border: none;
  color: #0073ea;
  padding: 0;
  height: auto;
  border-radius: 0;
}
.cny-cta--text-with-button {
  flex: 1 1 auto;
}
.cny-cta--text-with-button:hover {
  color: rgb(81, 166.5128205128, 255);
}
.cny-cta--text-with-button:active {
  color: rgb(0, 64.8717948718, 132);
}
.cny-cta--text-with-button-disabled {
  cursor: default;
  pointer-events: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #555555;
  background-color: transparent;
  border-color: transparent;
  color: #eeeeee;
}
.cny-cta--text-red {
  color: #de1515;
}
.cny-cta--text-red:hover {
  color: rgb(240.7407407407, 104.2592592593, 104.2592592593);
}
.cny-cta--with-button {
  flex: 1 1 auto;
}
.cny-cta--with-button:hover {
  color: rgb(208.5, 231.3525641026, 255);
}
.cny-cta--with-button:active {
  color: white;
  background-color: rgb(0, 64.8717948718, 132);
}
.cny-cta--with-button-no-hover {
  padding: 0;
  border: none;
  background: none;
}
.cny-cta--with-button-no-hover:hover {
  background: none;
}
.cny-cta--with-button-disabled {
  cursor: default;
  pointer-events: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #555555;
}

.cny-cta-button {
  padding: 0;
  border-radius: 24px;
  display: inline-flex;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  background-image: none;
}
.cny-cta-button:not(:focus-visible) {
  outline: none;
}

.cny-cta-anchor {
  display: inline-flex;
  border-radius: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.cny-cta-anchor--disabled {
  pointer-events: none;
}

.cny-icon-cta {
  width: 40px;
  padding: 0;
  justify-content: center;
}
.cny-icon-cta--condensed {
  width: 32px;
  height: 32px;
}

.cny-toggle {
  background: white;
}
.cny-toggle__base {
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 24px;
  padding: 12px 15px;
  color: rgb(81, 166.5128205128, 255);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.cny-toggle__base--icon {
  color: rgb(208.5, 231.3525641026, 255);
  max-width: 40px;
  height: 40px;
  width: 40px;
  padding: 7px;
  font-size: 18px;
}
.cny-toggle__base:hover, .cny-toggle__base--toggled {
  color: rgb(0, 64.8717948718, 132);
}
.cny-toggle__base--secondary {
  color: rgb(0, 64.8717948718, 132);
}
.cny-toggle__base--secondary:hover {
  background: rgb(208.5, 231.3525641026, 255);
}
.cny-toggle__base--secondary.cny-toggle__base--toggled, .cny-toggle__base--secondary.cny-toggle__base--toggled:hover {
  color: white;
  background: rgb(0, 64.8717948718, 132);
}
.cny-toggle__base--disabled.cny-toggle__base--disabled {
  border-color: #eeeeee;
  background-color: #eeeeee;
  color: #555555;
}
.cny-toggle-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 24px;
}
.cny-toggle-group .cny-toggle {
  border-radius: 0;
  padding: 1px;
}
.cny-toggle-group .cny-toggle__base {
  height: 36px;
  border: 0;
  border-radius: 0;
  padding: 8px;
  position: relative;
}
.cny-toggle-group .cny-toggle__base::after {
  content: "";
  position: absolute;
  right: 0;
  height: 14px;
  border-right: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-toggle-group .cny-toggle__base--icon::after {
  height: 24px;
}
.cny-toggle-group .cny-toggle:first-of-type {
  border-radius: 24px 0 0 24px;
}
.cny-toggle-group .cny-toggle:first-of-type .cny-toggle__base {
  border-radius: inherit;
  padding-left: 15px;
}
.cny-toggle-group .cny-toggle:first-of-type .cny-toggle__base--icon {
  padding-left: 10px;
}
.cny-toggle-group .cny-toggle:last-of-type {
  border-radius: 0 24px 24px 0;
}
.cny-toggle-group .cny-toggle:last-of-type:first-of-type {
  border-radius: 24px;
}
.cny-toggle-group .cny-toggle:last-of-type .cny-toggle__base {
  border-radius: inherit;
  padding-right: 15px;
}
.cny-toggle-group .cny-toggle:last-of-type .cny-toggle__base--icon {
  padding-right: 10px;
}
.cny-toggle-group .cny-toggle:last-of-type .cny-toggle__base::after {
  border-right: 0;
}

.cny-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 68px;
  margin: 0;
  border: 0;
  border-radius: 24px;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
.cny-switch:hover::before, .cny-switch:focus::before, .cny-switch:focus-visible::before {
  border: 1px solid #0073ea;
}
.cny-switch::before {
  content: "";
  height: 100%;
  width: 100%;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 24px;
  background-color: white;
}
.cny-switch::after {
  content: "";
  position: absolute;
  left: 8px;
  height: 24px;
  width: 24px;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 50%;
  background-color: rgb(208.5, 231.3525641026, 255);
  transition: all 0.1s;
}
.cny-switch:checked::before {
  border-color: rgb(0, 64.8717948718, 132);
  background-color: rgb(0, 64.8717948718, 132);
}
.cny-switch:checked::after {
  border-color: rgb(0, 64.8717948718, 132);
  background: white url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.72667 7.05333L0.946667 4.27333L0 5.21333L3.72667 8.94L11.7267 0.94L10.7867 0L3.72667 7.05333Z' fill='%23004184'/%3E%3C/svg%3E") no-repeat center;
  transform: translateX(100%);
}
.cny-switch:disabled {
  cursor: default;
}
.cny-switch:disabled::before {
  border-color: #bbbbbb;
}
.cny-switch:disabled::after {
  border-color: #eeeeee;
  background-color: #eeeeee;
}
.cny-switch:disabled:checked::after {
  border-color: #bbbbbb;
  background: white url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.72667 7.05333L0.946667 4.27333L0 5.21333L3.72667 8.94L11.7267 0.94L10.7867 0L3.72667 7.05333Z' fill='%23bbbbbb'/%3E%3C/svg%3E") no-repeat center;
}
.cny-switch:disabled:checked::before {
  background: #eeeeee;
}

.cny-pill {
  box-sizing: border-box;
  color: rgb(0, 64.8717948718, 132);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 16px;
  min-width: 67px;
  background: rgb(208.5, 231.3525641026, 255);
  border-radius: 25px;
  font-weight: bold;
  padding: 1px 8px;
  font-size: 0.75rem;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.cny-pill--large {
  min-height: 40px;
  min-width: 100px;
  font-size: 1rem;
  padding: 8px 16px;
}
.cny-pill--large.cny-pill--icon {
  min-height: 40px;
  min-width: 40px;
  padding: 10px;
  font-size: 18px;
}
.cny-pill--auto {
  min-height: unset;
  min-width: unset;
}
.cny-pill--with-icon-cta {
  gap: 10px;
}
.cny-pill--with-icon-cta-base {
  height: auto;
  width: auto;
  background: none;
  border: none;
  color: rgb(0, 64.8717948718, 132);
}
.cny-pill--with-icon-cta-base:hover {
  color: rgb(0, 64.8717948718, 132);
}
.cny-pill--with-icon-cta svg {
  stroke-width: 1px;
}
.cny-pill--icon {
  min-height: 24px;
  min-width: 24px;
  padding: 3px;
  font-size: 10px;
}
.cny-pill--icon svg {
  stroke-width: 1px;
}
.cny-pill--green {
  background: rgb(124, 255, 179.3942857143);
  color: rgb(0, 73, 30.8685714286);
}
.cny-pill--green .cny-pill--with-icon-cta-base {
  color: rgb(0, 73, 30.8685714286);
}
.cny-pill--green .cny-pill--with-icon-cta-base:hover {
  color: rgb(0, 73, 30.8685714286);
}
.cny-pill--yellow {
  background: rgb(255, 241.6363636364, 206);
  color: rgb(155, 112.7272727273, 0);
}
.cny-pill--yellow .cny-pill--with-icon-cta-base {
  color: rgb(155, 112.7272727273, 0);
}
.cny-pill--yellow .cny-pill--with-icon-cta-base:hover {
  color: rgb(155, 112.7272727273, 0);
}
.cny-pill--orange {
  background: rgb(255, 222.744, 199);
  color: rgb(153, 92.4, 0);
}
.cny-pill--orange .cny-pill--with-icon-cta-base {
  color: rgb(153, 92.4, 0);
}
.cny-pill--orange .cny-pill--with-icon-cta-base:hover {
  color: rgb(153, 92.4, 0);
}
.cny-pill--red {
  background: rgb(249.5555555556, 197.4444444444, 197.4444444444);
  color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}
.cny-pill--red .cny-pill--with-icon-cta-base {
  color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}
.cny-pill--red .cny-pill--with-icon-cta-base:hover {
  color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}
.cny-pill--outlined {
  background: none;
  border: 1px solid #0073ea;
  line-height: 1;
}
.cny-pill--outlined.cny-pill--green {
  border-color: #00af4a;
}
.cny-pill--outlined.cny-pill--yellow {
  border-color: #ffba02;
}
.cny-pill--outlined.cny-pill--orange {
  border-color: #ff9a00;
}
.cny-pill--outlined.cny-pill--red {
  border-color: #de1515;
}
.cny-pill--anchor, .cny-pill--button {
  cursor: pointer;
  display: inline-flex;
  padding: 0;
  border: none;
  background: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: inherit;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
}
.cny-pill--button:disabled {
  pointer-events: none;
}
.cny-pill--button:disabled .cny-pill {
  background: #eeeeee;
  color: #bbbbbb;
}
.cny-pill--button:disabled .cny-pill--outlined {
  background: transparent;
  border-color: #bbbbbb;
}
.cny-pill--anchor {
  text-decoration: none;
}
.cny-pill--anchor.cny-pill--anchor-disabled {
  pointer-events: none;
}
.cny-pill--anchor.cny-pill--anchor-disabled .cny-pill {
  background: #eeeeee;
  color: #bbbbbb;
}
.cny-pill--anchor.cny-pill--anchor-disabled .cny-pill--outlined {
  background: transparent;
  border-color: #bbbbbb;
}

.cny-selection-button {
  display: flex;
}
.cny-selection-button label {
  position: relative;
  flex: 1 1 auto;
  color: #002a55;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  line-height: 32px;
  height: 32px;
  width: auto;
  font-size: 0.875rem;
}
.cny-selection-button label:focus-within {
  z-index: 1;
}
.cny-selection-button label > p {
  font-weight: bold;
  margin: 0 !important;
  position: relative;
  z-index: 1;
  pointer-events: none;
  white-space: nowrap;
}
.cny-selection-button label > p.selectall {
  color: #0073ea;
}
.cny-selection-button label input[type=radio],
.cny-selection-button label input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 1px solid #e0e9ff;
  border-radius: 6px;
}
.cny-selection-button label input[type=radio] + p,
.cny-selection-button label input[type=checkbox] + p {
  line-height: 2;
}
.cny-selection-button label input[type=radio]::after, .cny-selection-button label input[type=radio]::before,
.cny-selection-button label input[type=checkbox]::after,
.cny-selection-button label input[type=checkbox]::before {
  content: none;
}
.cny-selection-button label input[type=radio]:checked,
.cny-selection-button label input[type=checkbox]:checked {
  background: #002a55;
  border: 1px solid #002a55;
}
.cny-selection-button label input[type=radio]:checked + p,
.cny-selection-button label input[type=checkbox]:checked + p {
  color: #fff;
}
.cny-selection-button label:hover input[type=checkbox]:not(:disabled) {
  background: #e0e9ff;
}
.cny-selection-button label:hover input[type=checkbox]:not(:disabled):checked {
  background: #002a55;
}
.cny-selection-button--radio-bar-style {
  display: inline-flex;
}
.cny-selection-button--radio-bar-style label {
  padding: 0 16px;
  color: #536080;
  font-size: 1rem;
}
.cny-selection-button--radio-bar-style label input[type=radio] {
  border: none;
  border-radius: 0;
  background: #e0e9ff;
}
.cny-selection-button--radio-bar-style label input[type=radio]:checked {
  border: none;
  background: #0073ea;
}
.cny-selection-button--radio-bar-style label:first-of-type,
.cny-selection-button--radio-bar-style label:first-of-type > input[type=radio] {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.cny-selection-button--radio-bar-style label:last-of-type,
.cny-selection-button--radio-bar-style label:last-of-type > input[type=radio] {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.cny-selection-button--image-style label {
  height: 34px;
  line-height: 34px;
}
.cny-selection-button--image-style label input[type=checkbox]:not(:disabled) {
  border: 3px solid transparent;
  background-clip: padding-box;
}
.cny-selection-button--image-style label input[type=checkbox]:not(:disabled) + img {
  position: relative;
  max-width: 100%;
  height: 28px;
  display: block;
  margin: 0 auto;
  pointer-events: none;
}
.cny-selection-button--image-style label input[type=checkbox]:not(:disabled):checked {
  border-color: #002a55;
}
.cny-selection-button--light label input[type=checkbox]:not(:disabled):checked {
  background: none;
  border: 3px solid #002a55;
}
.cny-selection-button--light label input[type=checkbox]:not(:disabled):checked + p {
  color: #002a55;
}
.cny-selection-button--image-style label:hover input[type=checkbox]:not(:disabled), .cny-selection-button--light label:hover input[type=checkbox]:not(:disabled) {
  background: none;
  border: 3px solid #e0e9ff;
}
.cny-selection-button--image-style label:hover input[type=checkbox]:not(:disabled):checked, .cny-selection-button--light label:hover input[type=checkbox]:not(:disabled):checked {
  background: none;
  border: 3px solid #002a55;
}

.cny-list-filter__item {
  margin-bottom: 8px;
}
.cny-list-filter__item select,
.cny-list-filter__item input[type=search],
.cny-list-filter__item input[type=date] {
  width: 100%;
}
.cny-list-filter__item-selection-btn-block {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
}
.cny-list-filter__item-selection-btn-block .cny-list-filter__item-selection-btn {
  padding: 0 0 16px 16px;
}
.cny-list-filter__item-range-slider {
  width: 92.5%;
  margin-left: 5px;
}
.cny-list-filter__item-edit-block {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields {
  padding: 0 16px 16px;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields label {
  width: 100%;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields--inline-style input[type=checkbox] + p {
  color: #166abf;
  margin-bottom: 8px;
  font-size: 0.875rem;
  padding-bottom: 1px;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields--range-style {
  flex: 1 1 auto;
  margin-top: 4px;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields--range-style > p {
  color: #525252;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields--range-style input[type=text] {
  color: #525252;
  font-size: 0.75rem;
  width: 100%;
}
.cny-list-filter__item-edit-block .cny-list-filter__item-edit-fields--range-style:nth-child(2) {
  padding-left: 16px;
}

.cny-price-detail {
  box-sizing: border-box;
  border-right: 1px solid #ddd;
  min-width: 95px;
  max-width: 150px;
  overflow: scroll;
  margin: 0 8px;
  padding: 0 8px;
}
.cny-price-detail:first-child {
  margin-left: 0;
  padding-left: 0;
}
.cny-price-detail:last-child {
  border-right: none;
}
.cny-price-detail__text {
  color: #002a55;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 1rem;
}
.cny-price-detail__text--subtitle {
  color: #757575;
  font-weight: bold;
  font-size: 0.875rem;
  height: 1em;
  overflow: scroll;
}
.cny-price-detail__text--price {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 8px 0;
  text-align: left;
}

.cny-input-text {
  display: inline-block;
}
.cny-input-text--full-width {
  width: 100%;
}
.cny-input-text--full-width .cny-input-text__flex-inner-wrapper {
  flex: 1 1 auto;
}
.cny-input-text--full-width .cny-input-text__input {
  width: 100%;
}
.cny-input-text--disabled .cny-input-text__flex-inner-wrapper {
  color: #888;
}
.cny-input-text--disabled .cny-input-text__flex-input-wrapper {
  background: #eeeeee;
}
.cny-input-text--disabled .cny-input-text__flex-input-wrapper:not(.cny-input-text__flex-input-wrapper--invalid) {
  border: 1px solid #bbbbbb;
}
.cny-input-text--disabled .cny-input-text__input {
  background: #eeeeee;
}
.cny-input-text--required .cny-input-text__label::after {
  position: relative;
  content: "*";
  color: #de1515;
  font-weight: normal;
  margin-left: 4px;
}
.cny-input-text__flex-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cny-input-text__flex-inner-wrapper {
  display: flex;
  flex-direction: column;
  color: #0073ea;
}
.cny-input-text__outer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cny-input-text__flex-input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 7px;
  background: #fff;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 24px;
  overflow: hidden;
  height: 40px;
  box-sizing: border-box;
}
.cny-input-text__flex-input-wrapper--invalid {
  border-color: #de1515;
}
.cny-input-text__flex-input-wrapper--focused:not(.cny-input-text__flex-input-wrapper--invalid) {
  border-color: #0073ea;
}
.cny-input-text__flex-input-wrapper--focused.cny-input-text__flex-input-wrapper--invalid {
  border-width: 2px;
}
.cny-input-text__flex-input-wrapper:hover:not(.cny-input-text__flex-input-wrapper--invalid):not(.cny-input-text__flex-input-wrapper--disabled) {
  border-color: #0073ea;
}
.cny-input-text__flex-input-wrapper:hover.cny-input-text__flex-input-wrapper--invalid:not(.cny-input-text__flex-input-wrapper--disabled) {
  border-width: 2px;
}
.cny-input-text__flex-children {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
}
.cny-input-text__flex-children-inner-left {
  margin-left: 8px;
}
.cny-input-text__flex-children-inner-right {
  margin-right: 8px;
}
.cny-input-text__input {
  padding: 8px;
  border: none;
  box-sizing: border-box;
  background-color: #fff;
  color: #222222;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
}
.cny-input-text__input:focus {
  border: none;
  outline: none;
}
.cny-input-text__input:-webkit-input-placeholder { /* Edge */
  color: #888;
}
.cny-input-text__input::placeholder {
  color: #888;
}
.cny-input-text__label-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}
.cny-input-text__label-wrapper--hidden {
  display: none;
}
.cny-input-text__label {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  color: rgb(0, 64.8717948718, 132);
  margin-bottom: 8px;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
}
.cny-input-text__label--with-icon-btn {
  margin-bottom: 1px;
}
.cny-input-text__label--horizontal {
  margin-bottom: 0;
}
.cny-input-text__error-text {
  margin: 4px 16px 0;
}
.cny-input-text__error-text--horizontal {
  margin: 4px 0 0;
}

.cny-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.cny-icon--xl {
  background-size: 48px 48px;
  width: 48px;
  height: 48px;
}
.cny-icon--sm {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

.cny-react-image {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentcolor;
  fill: currentcolor;
}
.cny-react-image--large {
  width: 2em;
  height: 2em;
}
.cny-react-image--blue {
  stroke: #0073ea;
  fill: #0073ea;
}
.cny-react-image--green {
  stroke: #00af4a;
  fill: #00af4a;
}
.cny-react-image--yellow {
  stroke: #ffba02;
  fill: #ffba02;
}
.cny-react-image--orange {
  stroke: #ff9a00;
  fill: #ff9a00;
}
.cny-react-image--red {
  stroke: #de1515;
  fill: #de1515;
}
.cny-react-image--gray {
  stroke: #888;
  fill: #888;
}
.cny-react-image--no-fill {
  fill: none;
}
.cny-react-image--with-xs-stroke-width {
  stroke-width: 1;
}

.cny-image-display__spacer {
  flex-grow: 1;
}
.cny-image-display__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-bottom: solid 1px #e5e5e5;
  box-shadow: 0 4px 5px #e5e5e5;
  color: #002a55;
}
.cny-image-display__title {
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  font-size: 1.5em;
}
.cny-image-display__image-list {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  gap: 20px;
}
.cny-image-display__image-tile {
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  color: #002a55;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 5px #e5e5e5;
  padding: 8px;
}
.cny-image-display__cta {
  margin-top: 16px;
}
.cny-image-display__image-rendered {
  padding: 24px 0;
}
.cny-image-display__dialog [role=dialog] {
  padding: 16px;
}
.cny-image-display__dialog-header {
  padding-bottom: 8px;
  font-weight: 700;
}
.cny-image-display__dialog-header:nth-of-type(2) {
  border-top: solid 1px #ddd;
  padding-top: 8px;
}
.cny-image-display__dialog-code-subtext {
  font-size: 0.75em;
  margin-top: 8px;
}
.cny-image-display__dialog-code {
  background: #f5f5f5;
  padding: 8px;
}
.cny-image-display__dialog-section:first-of-type {
  margin-bottom: 16px;
}

.cny-cn-drawer {
  position: relative;
}
.cny-cn-drawer div.cny-cn-drawer__paper--left, .cny-cn-drawer div.cny-cn-drawer__paper--right {
  width: 320px;
}
.cny-cn-drawer div.cny-cn-drawer__paper--bottom, .cny-cn-drawer div.cny-cn-drawer__paper--top {
  height: 25%;
}
.cny-cn-drawer div.cny-cn-drawer__paper--left {
  border-radius: 0;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .cny-cn-drawer div.cny-cn-drawer__paper--left {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
  }
}
@media only screen and (min-width: 768px) {
  .cny-cn-drawer div.cny-cn-drawer__paper--left {
    border-radius: 0 25px 25px 0;
  }
}
.cny-cn-drawer__close {
  position: absolute;
}
.cny-cn-drawer__close--left {
  right: -15px;
  top: 50px;
}
.cny-cn-drawer__close--right {
  left: -15px;
  top: 50px;
}
.cny-cn-drawer__close--bottom {
  left: 50%;
  top: -15px;
}
.cny-cn-drawer__close--top {
  left: 50%;
  bottom: -15px;
}
.cny-cn-drawer__close-button {
  background: #fff;
  padding: 8px;
  border-radius: 50%;
  color: #b9b9b9;
}
.cny-cn-drawer__close-button--right {
  box-shadow: 5px 2px 11px 0 #ddd;
}
.cny-cn-drawer__close-button--left {
  box-shadow: -5px 2px 11px 0 #ddd;
}
.cny-cn-drawer__close-button--bottom {
  box-shadow: 0 4px 11px 0 #ddd;
}
.cny-cn-drawer__close-button--top {
  box-shadow: 0 -4px 11px 0 #ddd;
}

.cny-page-header {
  background-color: #0073ea;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 32px;
}
.cny-page-header__container {
  display: flex;
  gap: 16px;
  align-items: center;
}
.cny-page-header--secondary {
  background-color: rgb(239.1, 246.9141025641, 255);
}
.cny-page-header--secondary .cny-page-header__text.cny-page-header__text {
  color: #222222;
  font-weight: bold;
}
.cny-page-header__text.cny-page-header__text {
  color: white;
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
}

.cny-checkbox-label {
  display: flex;
  align-items: baseline;
  cursor: pointer;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  font-size: 1rem;
  color: #002a55;
}
.cny-checkbox-label--disabled {
  cursor: default;
}
.cny-checkbox-label--strikethrough {
  text-decoration: line-through;
}
.cny-checkbox-label span.cny-checkbox__pseudo-holder {
  text-decoration: none;
}
.cny-checkbox-label .cny-checkbox {
  margin-right: 8px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  padding: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.cny-checkbox-label .cny-checkbox__label-group {
  display: flex;
  flex-direction: column;
}
.cny-checkbox-label .cny-checkbox__label-group > .cny-checkbox__detail {
  font-size: 0.75rem;
  color: #000;
  margin-top: 4px;
}
.cny-checkbox-label .cny-checkbox__label-group > .cny-checkbox__label-main {
  display: flex;
  align-items: center;
}
.cny-checkbox-label .cny-checkbox__input, .cny-checkbox-label .cny-checkbox__input--disabled {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
}
.cny-checkbox-label .cny-checkbox__input + *::before {
  content: "✓";
  width: 1rem;
  height: 1rem;
  border-radius: 3px;
  border: solid 1px #e0e9ff;
  margin-right: 8px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.cny-checkbox-label .cny-checkbox__input:hover + *::before:not([disabled]) {
  background-color: #f2f7ff;
}
.cny-checkbox-label .cny-checkbox__input:checked + *::before {
  background-color: #0073ea;
  border-color: #0073ea;
}
.cny-checkbox-label .cny-checkbox__input--disabled + *::before {
  color: #e5e5e5;
  background-color: #e5e5e5;
  border: solid 1px #e5e5e5;
}
.cny-checkbox-label .cny-checkbox__input--disabled:checked + *::before {
  background-color: #e5e5e5;
  border: solid 1px #e5e5e5;
}
.cny-checkbox-label .cny-checkbox:hover {
  background-color: #f2f7ff;
}
.cny-checkbox-label .cny-checkbox__input:focus-visible + *::before {
  outline: 1px solid #166abf;
}

.cny-textarea {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.cny-textarea--required .cny-textarea__label::after {
  content: "*";
  color: #de1515;
  position: relative;
  line-height: 16px;
  margin-left: 2px;
}
.cny-textarea-hidden-label > .cny-textarea__label {
  display: none;
}
.cny-textarea__field {
  display: inline-flex;
  font-size: 1rem;
  background-color: #fff;
  color: #002a55;
  border: 1px solid #e0e9ff;
  border-radius: 24px;
  padding: 7px 15px;
  resize: vertical;
  min-height: 32px;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
}
.cny-textarea__field:disabled {
  background: #e5e5e5;
  border-color: #d3d3d3;
  pointer-events: none;
}
.cny-textarea__field:not(:disabled):focus {
  outline: none;
  border-color: #0073ea;
}
.cny-textarea__field:not(:disabled):hover {
  border-color: #0073ea;
}
.cny-textarea__field:-moz-read-only {
  cursor: default;
}
.cny-textarea__field:read-only {
  cursor: default;
}
.cny-textarea__field:-moz-read-only:hover, .cny-textarea__field:-moz-read-only:not(:disabled):focus {
  border-color: #e0e9ff;
}
.cny-textarea__field:read-only:hover, .cny-textarea__field:read-only:not(:disabled):focus {
  border-color: #e0e9ff;
}
.cny-textarea__label {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  margin-bottom: 8px;
  font-size: 0.875rem;
  color: rgb(0, 64.8717948718, 132);
}
.cny-textarea__label--with-icon-btn {
  margin-bottom: 1px;
}
.cny-textarea__helper-text {
  margin: 4px 16px 0;
}

.cny-tooltip__tooltip.cny-tooltip__tooltip {
  padding: 8px;
  background-color: rgba(34, 34, 34, 0.6);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  font-size: 0.75rem;
}
.cny-tooltip__arrow.cny-tooltip__arrow {
  color: rgba(34, 34, 34, 0.6);
}
.cny-tooltip__inner-wrapper {
  display: inline-flex;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  position: relative;
}
.cny-tooltip__inner-wrapper--show-on-disabled::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  pointer-events: auto;
}

.cny-settings {
  padding: 32px 32px 0;
}

.cny-app-dealer-settings__gutter {
  border-top: solid 1px #b9b9b9;
  padding: 16px 0;
  display: flex;
  justify-content: center;
  gap: 12px;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
}
.cny-app-dealer-settings__gutter > a {
  color: #0073ea;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  text-decoration: none;
}
.cny-app-dealer-settings__gutter > a:hover {
  text-decoration: underline;
}

.cny-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background-color: #00af4a;
}
.cny-badge--away {
  background-color: #ffba02;
}
.cny-badge--away .cny-badge__icon {
  border-style: dashed;
}
.cny-badge--busy {
  background-color: #de1515;
}
.cny-badge--offline {
  border: 3px solid #757575;
  background-color: #fff;
}
.cny-badge--large {
  height: 32px;
  width: 32px;
}
.cny-badge--large .cny-badge__icon {
  border-width: 2px;
}
.cny-badge__icon {
  border: 1px solid #fff;
  width: 75%;
}

.cny-avatar {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
.cny-avatar-button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  background-image: none;
  cursor: pointer;
}
.cny-avatar-button:disabled {
  cursor: default;
}
.cny-avatar-button:hover {
  border-color: rgb(81, 166.5128205128, 255);
}
.cny-avatar--large {
  height: 104px;
  width: 104px;
}
.cny-avatar__image {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.cny-avatar__image-container {
  display: flex;
  box-sizing: border-box;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.cny-avatar__badge {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cny-user-profile-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  width: 288px;
  background-color: #fff;
  gap: 16px;
}
.cny-user-profile-menu__text {
  text-align: center;
  color: #002a55;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin: 0;
}
.cny-user-profile-menu__text--name {
  white-space: nowrap;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
}
.cny-user-profile-menu__close-button-base {
  color: #555555;
}
.cny-user-profile-menu__individual-status-wrapper {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 8px;
  border-top: solid 1px rgb(208.5, 231.3525641026, 255);
  border-bottom: solid 1px rgb(208.5, 231.3525641026, 255);
}

.cny-user-profile {
  display: inline-flex;
}
.cny-user-profile.MuiPaper-root {
  border-radius: 24px;
}
.cny-user-profile__avatar--focused {
  border-color: rgb(0, 64.8717948718, 132);
}

.cny-flippable-card {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  perspective: 100rem;
  cursor: pointer;
}
.cny-flippable-card__inner {
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  transition: 0.3s linear;
  position: relative;
  transform: rotateX(0);
}
.cny-flippable-card__inner--flipped {
  transform: rotateX(180deg);
}
.cny-flippable-card__front {
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  transform: rotateX(0);
}
.cny-flippable-card__back {
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotateX(180deg) translateZ(1px);
}

/**
 * Note: These palette colors are deprecated. Use `public/scss/abstracts/_cny-variables.scss` whereever possible.
 */
/**
 * Breakpoints
 */
.cny-vehicle-card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 24px;
  filter: drop-shadow(0 3px 16px rgba(0, 0, 0, 0.08));
  overflow: hidden;
  background-color: #fff;
  mask-image: radial-gradient(white, #222222);
  -webkit-mask-image: radial-gradient(white, #222222);
}
.cny-vehicle-card__action {
  border-radius: 0;
}
.cny-vehicle-card__action:hover .cny-vehicle-card__img {
  transform: scale(1.05);
}
.cny-vehicle-card__top {
  flex-grow: 1;
  position: relative;
  border-radius: 0;
}
.cny-vehicle-card__top-lower-right {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.cny-vehicle-card__top-upper-right {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cny-vehicle-card__content {
  padding: 16px 16px 0;
}
.cny-vehicle-card__details {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
}
.cny-vehicle-card__details-left {
  flex-grow: 1;
}
.cny-vehicle-card__details-right {
  flex-grow: 1;
  text-align: right;
}
.cny-vehicle-card__details-row {
  display: table-row;
}
.cny-vehicle-card__details-cell {
  display: table-cell;
}
.cny-vehicle-card__pill-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}
.cny-vehicle-card__img {
  position: relative;
  height: 200px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.cny-vehicle-card__button-container {
  flex-direction: column;
  align-self: flex-end;
  gap: 8px;
  margin-top: auto;
}
.cny-vehicle-card__button-group {
  display: flex;
  gap: 8px;
  padding: 0.75rem;
  margin-top: auto;
}
.cny-vehicle-card__button {
  margin: auto;
  width: 100%;
}
.cny-vehicle-card__button--selected > span {
  background-color: #002a55;
}

/**
 * Note: These palette colors are deprecated. Use `public/scss/abstracts/_cny-variables.scss` whereever possible.
 */
/**
 * Breakpoints
 */
.cny-vehicle-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 16px;
  background-color: #ececec;
  grid-template-columns: 100%;
  grid-auto-rows: 400px;
}

@container (min-width: 768px) {
  .cny-vehicle-grid {
    grid-template-columns: repeat(2, minmax(0, 500px));
  }
}
@container (min-width: 1280px) {
  .cny-vehicle-grid {
    grid-template-columns: repeat(3, minmax(0, 450px));
  }
}
@container (min-width: 1536px) {
  .cny-vehicle-grid {
    grid-template-columns: repeat(4, minmax(0, 436px));
  }
}
.cny-vehicle-row {
  display: grid;
  grid-template: "left-content main-content" "actions actions"/83px minmax(0, auto);
  grid-gap: 8px;
  gap: 8px;
  padding: 8px 24px;
  cursor: pointer;
}
.cny-vehicle-row:hover {
  background-color: rgb(239.1, 246.9141025641, 255);
}
.cny-vehicle-row__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.cny-vehicle-row__image-wrapper {
  border-radius: 12px;
  height: 48px;
  overflow: hidden;
}
.cny-vehicle-row__image-container {
  grid-area: left-content;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.cny-vehicle-row__pill-condition {
  background-color: rgb(208.5, 231.3525641026, 255);
  border-color: rgb(208.5, 231.3525641026, 255);
  color: rgb(0, 64.8717948718, 132);
}
.cny-vehicle-row__pill-demand {
  background-color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
  border-color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
  color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}
.cny-vehicle-row__details {
  grid-area: main-content;
  display: grid;
  grid-template: "year-make-model-trim price" "mileage ." "location stock-number"/minmax(0, auto) minmax(0, auto);
  grid-row-gap: 8px;
  row-gap: 8px;
}
.cny-vehicle-row__details-ymmt {
  grid-area: year-make-model-trim;
}
.cny-vehicle-row__details-mileage {
  grid-area: mileage;
}
.cny-vehicle-row__details-demand {
  display: none;
}
.cny-vehicle-row__details-color {
  display: none;
}
.cny-vehicle-row__details-location {
  grid-area: location;
}
.cny-vehicle-row__details-price {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  grid-area: price;
  justify-self: flex-end;
}
.cny-vehicle-row__details-stock-number {
  grid-area: stock-number;
  justify-self: flex-end;
}
.cny-vehicle-row__text {
  overflow: auto;
  text-overflow: initial;
  line-height: 19px;
}
.cny-vehicle-row__text--pill {
  font-size: 0.75rem;
  text-align: center;
  line-height: 1;
}
.cny-vehicle-row__text--price {
  font-weight: bold;
}
.cny-vehicle-row__trim {
  display: block;
}
.cny-vehicle-row__button-base {
  flex-grow: 0;
}
.cny-vehicle-row__button-compare {
  width: -moz-fit-content;
  width: fit-content;
  grid-area: actions;
}
.cny-vehicle-row__button-start-deal {
  grid-area: actions;
  margin-left: calc(40px + 8px);
}
.cny-vehicle-row__button-start-deal-base {
  flex: 1 1 auto;
}
.cny-vehicle-row__button-compare-base {
  color: #0073ea;
}
.cny-vehicle-row__button-compare-base--toggled {
  background: rgb(0, 64.8717948718, 132);
  color: #fff;
}
.cny-vehicle-row__button-compare-base--toggled:hover {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .cny-vehicle-row {
    grid-template-columns: 102px minmax(0, auto);
    gap: 16px;
  }
  .cny-vehicle-row__details {
    grid-template: "year-make-model-trim price" "mileage ." "color ." "location stock-number"/minmax(0, auto) minmax(0, auto);
  }
  .cny-vehicle-row__details-color {
    display: block;
    grid-area: color;
  }
  .cny-vehicle-row__image-wrapper {
    height: 67px;
  }
  .cny-vehicle-row__image-container {
    position: relative;
    row-gap: 8px;
  }
  .cny-vehicle-row__button-deal {
    margin-left: calc(40px + 16px);
  }
}
@media only screen and (min-width: 1280px) {
  .cny-vehicle-row {
    align-items: center;
    grid-template: "compare-button left-content main-content start-deal-button"/40px 102px 1fr 141px;
  }
  .cny-vehicle-row__pill-condition {
    min-width: -moz-fit-content;
    min-width: fit-content;
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: white;
    border-color: #0073ea;
    color: rgb(0, 64.8717948718, 132);
  }
  .cny-vehicle-row__pill-demand {
    display: none;
  }
  .cny-vehicle-row__details {
    align-items: center;
    grid-template-rows: minmax(0, auto);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-areas: "year-make-model-trim mileage demand stock-number color price";
    gap: 16px;
  }
  .cny-vehicle-row__details-demand {
    display: block;
    grid-area: demand;
  }
  .cny-vehicle-row__details-stock-number.cny-vehicle-row__details-stock-number {
    justify-self: left;
  }
  .cny-vehicle-row__details-price {
    justify-self: left;
  }
  .cny-vehicle-row__text--price {
    font-weight: normal;
  }
  .cny-vehicle-row__button-compare {
    grid-area: compare-button;
  }
  .cny-vehicle-row__button-start-deal {
    grid-area: start-deal-button;
    margin-left: 0;
  }
}

.cny-vehicle-table {
  border-radius: 24px;
  margin: 8px 24px;
  padding: 8px 0;
  background-color: white;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.cny-vehicle-table__text {
  color: #166abf;
  font-size: 0.875rem;
  font-weight: normal;
}
.cny-vehicle-table__header {
  cursor: default;
  display: none;
}
.cny-vehicle-table__header:hover {
  background-color: unset;
}
.cny-vehicle-table__body .cny-vehicle-row:not(:last-child) {
  border-bottom: 1px solid rgb(208.5, 231.3525641026, 255);
}
@media only screen and (min-width: 1280px) {
  .cny-vehicle-table__header {
    display: grid;
    padding: 16px 24px;
    border-bottom: 1px solid rgb(208.5, 231.3525641026, 255);
  }
  .cny-vehicle-table__header-columns {
    align-items: baseline;
  }
  .cny-vehicle-table__header-button {
    width: -moz-fit-content;
    width: fit-content;
  }
  .cny-vehicle-table__header-button-base {
    gap: 4px;
  }
  .cny-vehicle-table__header-icon-sort {
    height: auto;
    width: 10px;
    border: none;
    padding: 0;
    color: rgb(81, 166.5128205128, 255);
  }
  .cny-vehicle-table__header-icon-sort--toggled {
    color: rgb(0, 64.8717948718, 132);
  }
}

.cny-select-item-placeholder {
  display: inline-flex;
  width: 156px;
  height: 94px;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e9ff;
  border-radius: 16px;
  box-sizing: border-box;
}
.cny-select-item-placeholder--square {
  width: 94px;
  height: 94px;
}
.cny-select-item-placeholder--square-condensed {
  width: 64px;
  height: 64px;
}
.cny-select-item-placeholder__wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  justify-content: center;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  color: #d3d3d3;
}
.cny-select-item-placeholder__wrapper-text {
  margin: -0.1em 0 0;
  font-size: 0.75rem;
  color: #525252;
  text-align: center;
}

.cny-vehicle-thumbnail {
  display: inline-flex;
  position: relative;
  width: 156px;
  height: 94px;
  overflow: hidden;
  border-radius: 12px;
  box-sizing: border-box;
  filter: drop-shadow(0 3px 16px rgba(0, 0, 0, 0.08));
}
.cny-vehicle-thumbnail::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
}
.cny-vehicle-thumbnail--square {
  width: 94px;
  height: 94px;
  border-radius: 16px;
}
.cny-vehicle-thumbnail--square-condensed {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}
.cny-vehicle-thumbnail__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cny-vehicle-thumbnail__image-close-button {
  position: absolute;
  top: 10px;
  right: -4px;
  z-index: 1;
  height: auto;
}
.cny-vehicle-thumbnail__image-close-button > span {
  font-size: 0.75rem;
  background: none;
  border: none;
  color: #fff;
  height: auto;
}
.cny-vehicle-thumbnail__image-close-button > span:active {
  background: none;
}
.cny-vehicle-thumbnail__image-close-button > span:hover {
  color: #fff;
}
.cny-vehicle-thumbnail__image-close-button svg {
  stroke-width: 1.5px;
}

.cny-bench {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: 8px;
  padding: 24px 40px;
  background: #fff;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
  border-radius: 24px 24px 0 0;
}
@media only screen and (min-width: 768px) {
  .cny-bench {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
}
.cny-bench__thumbnail-container {
  display: inline-flex;
  flex-flow: row wrap;
  gap: 16px;
}
.cny-bench__thumbnail-container > .cny-bench__vehicle-thumbnail, .cny-bench__thumbnail-container > .cny-bench__select-placeholder {
  flex: 1 1;
}
@media only screen and (min-width: 1024px) {
  .cny-bench__thumbnail-container > .cny-bench__vehicle-thumbnail, .cny-bench__thumbnail-container > .cny-bench__select-placeholder {
    flex: none;
  }
}
.cny-bench__compare-btn {
  flex: 1 1;
}
.cny-bench__compare-btn > span[tabindex="-1"] {
  padding: 9px 15px;
  font-size: 1rem;
  height: 40px;
  border-radius: 999999px;
}
@media only screen and (min-width: 768px) {
  .cny-bench__compare-btn > span[tabindex="-1"] {
    font-size: 1.5rem;
    padding: 15px 31px;
    height: 60px;
  }
}

.cny-image-gallery {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.cny-image-gallery__selected_image_container {
  display: flex;
  justify-content: center;
  height: 350px;
}
.cny-image-gallery__selected_image_container img {
  width: 100%;
  border-radius: 30px;
  height: auto;
  object-fit: cover;
}
.cny-image-gallery__min_image {
  height: 100px;
  width: 100px;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.cny-image-gallery__min_image:hover {
  transform: scale(1.02);
}
.cny-image-gallery__gallery_container {
  display: flex;
  column-gap: 8px;
  overflow: auto hidden;
}
.cny-image-gallery__gallery_container button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.cny-vehicle-details {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.cny-vehicle-details__body-ymmt-demand {
  display: flex;
  justify-content: space-between;
}
.cny-vehicle-details__body-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.cny-vehicle-details__subtext {
  color: #555555;
}
.cny-vehicle-details__subtext--trim {
  font-weight: normal;
}
.cny-vehicle-details__ymmt {
  display: flex;
  flex-direction: column;
}
.cny-vehicle-details__demand {
  align-self: flex-start;
  text-align: center;
}

.cny-nav-tab {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 8px 16px;
  border-radius: 999999px;
  color: #0073ea;
  cursor: pointer;
  border: solid 1px transparent;
  align-items: center;
}
.cny-nav-tab:hover {
  border-color: #0073ea;
}
.cny-nav-tab--selected {
  background-color: rgb(239.1, 246.9141025641, 255);
}
@media only screen and (max-width: 768px) {
  .cny-nav-tab {
    font-size: 1.5rem;
  }
  .cny-nav-tab .cny-cn-typography {
    font-size: 1.5rem;
  }
}

.cny-tictac {
  display: inline-flex;
  width: 8px;
  min-width: 8px;
  height: 32px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
}
.cny-tictac__base {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00af4a;
}
.cny-tictac__base--yellow {
  background-color: #ffba02;
}
.cny-tictac__base--red {
  background-color: #de1515;
}

.cny-deal-action-tile {
  border: solid 1px rgb(208.5, 231.3525641026, 255);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.cny-deal-action-tile--selected {
  background-color: rgb(0, 64.8717948718, 132);
}
.cny-deal-action-tile__thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  position: relative;
  height: 76px;
  width: 123px;
  min-width: 123px;
  border-radius: 24px;
  background-color: rgb(239.1, 246.9141025641, 255);
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.cny-deal-action-tile__thumbnail-wrapper-selected {
  background-color: #0073ea;
}
.cny-deal-action-tile__thumbnail-wrapper-selected > h2, .cny-deal-action-tile__thumbnail-wrapper-selected p {
  color: white;
}
.cny-deal-action-tile__thumbnail-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 123px;
  height: 76px;
}
.cny-deal-action-tile__thumbnail-wrapper--with-fallback-image > img {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  opacity: 0.5;
}
.cny-deal-action-tile__thumbnail-text-main {
  letter-spacing: 1px;
}
.cny-deal-action-tile__thumbnail-text-main, .cny-deal-action-tile__thumbnail-text-subtitle {
  z-index: 1;
}
.cny-deal-action-tile__thumbnail-text-main--with-image, .cny-deal-action-tile__thumbnail-text-subtitle--with-image {
  color: white;
}
.cny-deal-action-tile__mid-section-wrapper {
  flex-grow: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.cny-deal-action-tile__mid-section-wrapper--selected > * {
  color: white;
}
.cny-deal-action-tile__secondary-cta > span {
  font-size: 0.75rem;
}

.cny-pagecard {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  padding: 0 24px;
  border-radius: 24px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
  background: white;
  position: relative;
}
.cny-pagecard .cny-pagecard__title {
  font-size: 2rem;
  font-weight: 700;
}
.cny-pagecard__header {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgb(208.5, 231.3525641026, 255);
  padding: 24px 0 16px;
  gap: 16px;
}
.cny-pagecard__header-left {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1;
  gap: 16px;
  overflow: hidden;
}
.cny-pagecard__header-right {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.cny-pagecard__body {
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  flex: 1 1;
  overflow: auto;
  padding: 24px 0;
}
.cny-pagecard__body > p {
  margin: -0.1em 0 0;
}
.cny-pagecard__footer {
  display: flex;
  align-items: center;
  border-top: 1px solid rgb(208.5, 231.3525641026, 255);
  padding: 16px 0 24px;
}
.cny-pagecard__footer-right {
  margin-left: auto;
}

.cny-deal-detail-info {
  border-top: 1px solid rgb(208.5, 231.3525641026, 255);
  padding: 16px 0;
}
.cny-deal-detail-info:last-child {
  border-bottom: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-deal-detail-info__list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cny-deal-detail-info__list-item {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  text-transform: capitalize;
}
.cny-deal-detail-info__list-label {
  color: #166abf;
}
.cny-deal-detail-info__list-value--highlight {
  color: #00af4a;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .cny-deal-detail-info__list-item {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .cny-deal-detail-info__list-value {
    text-align: right;
  }
}

.cny-cn-calendar-picker > div:first-child {
  padding: 0 0 16px;
  border-bottom: thin solid #bbbbbb;
}

.cny-cn-dialog .MuiBackdrop-root {
  background: #22222233;
}
.cny-cn-dialog .MuiDialog-paper {
  border-radius: 24px;
  box-shadow: 0 40px 60px -2px rgba(0, 0, 0, 0.08);
}
.cny-cn-dialog .MuiDialogTitle-root {
  padding: 24px 24px 16px;
  font-size: 2rem;
  font-weight: bold;
  color: #222222;
}
.cny-cn-dialog .MuiDialogContent-dividers {
  border-top: 1px solid rgb(208.5, 231.3525641026, 255);
  border-bottom: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-cn-dialog .MuiDialogActions-root {
  padding: 16px 24px 24px;
}

.cny-cn-divider.MuiDivider-root {
  border-color: rgb(208.5, 231.3525641026, 255);
}

.cny-cn-pagination .MuiPaginationItem-page {
  border: 1px solid #0073ea;
}
.cny-cn-pagination .MuiPaginationItem-root {
  color: rgb(0, 64.8717948718, 132);
}
.cny-cn-pagination .MuiPaginationItem-root:hover {
  background-color: rgb(239.1, 246.9141025641, 255);
}
.cny-cn-pagination .MuiPaginationItem-root.Mui-selected {
  background-color: rgb(208.5, 231.3525641026, 255);
  border-color: rgb(208.5, 231.3525641026, 255);
}
.cny-cn-pagination .MuiPaginationItem-root.Mui-selected:hover {
  background-color: rgb(183, 218.3846153846, 255);
  border-color: rgb(183, 218.3846153846, 255);
}

.cny-cn-select.MuiInputBase-root {
  background: white;
  border-radius: 24px;
  min-height: 40px;
}
.cny-cn-select.MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #0073ea;
}
.cny-cn-select .MuiSelect-select {
  padding: 8px 16px;
}
.cny-cn-select .MuiOutlinedInput-notchedOutline {
  border: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-cn-select__arrow-down {
  height: 8px;
  width: 8px;
}
.cny-cn-select__arrow-down.MuiSelect-icon {
  top: unset;
  right: 16px;
  color: #0073ea;
}
.cny-cn-select__arrow-down.MuiSelect-icon.Mui-disabled {
  color: #555555;
}
.cny-cn-select__loading-indicator.MuiSelect-icon {
  right: 12px;
}
.cny-cn-select__chip.MuiChip-root {
  height: auto;
  border-radius: 24px;
  background-color: rgb(208.5, 231.3525641026, 255);
  color: rgb(0, 64.8717948718, 132);
  font-size: 0.75rem;
  font-weight: bold;
}
.cny-cn-select__chip-container {
  gap: 4px;
}
.cny-cn-select__menu .MuiPaper-root {
  border-radius: 24px;
  border: rgb(208.5, 231.3525641026, 255);
}
.cny-cn-select__menu .MuiList-root {
  padding: 0;
}
.cny-cn-select__menu-item.MuiMenuItem-root {
  padding: 8px 24px;
}
.cny-cn-select__menu-item.MuiMenuItem-root.Mui-focusVisible {
  background-color: rgb(239.1, 246.9141025641, 255);
}
.cny-cn-select__menu-item.MuiMenuItem-root.Mui-selected {
  background-color: rgb(0, 64.8717948718, 132);
  color: white;
  font-weight: normal;
}
.cny-cn-select__menu-item.MuiMenuItem-root.Mui-selected:hover, .cny-cn-select__menu-item.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
  background-color: rgb(0, 64.8717948718, 132);
  color: #eeeeee;
}
.cny-cn-select__menu-item.MuiMenuItem-root:hover {
  background-color: rgb(208.5, 231.3525641026, 255);
  color: #0073ea;
}
.cny-cn-select__menu-item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #bbbbbb;
  width: calc(100% - 48px);
  height: 100%;
}
.cny-cn-select-control .Mui-disabled.MuiInputBase-root {
  background-color: #eeeeee;
}
.cny-cn-select-control .Mui-disabled.MuiInputBase-root .MuiOutlinedInput-notchedOutline {
  border-color: #bbbbbb;
}
.cny-cn-select-control .Mui-error.MuiFormHelperText-root {
  color: #de1515;
}
.cny-cn-select-control .Mui-error.MuiInputBase-root .MuiOutlinedInput-notchedOutline {
  border-color: #de1515;
}
.cny-cn-select-control .Mui-error.MuiInputBase-root:hover:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline {
  border-width: 2px;
}
.cny-cn-select-label.MuiInputLabel-root {
  margin-bottom: 8px;
  position: relative;
  transform: translate(0);
  font-size: 0.875rem;
  letter-spacing: normal;
  line-height: normal;
}
.cny-cn-select-label:is(.MuiInputLabel-root, .cny-cn-select-label.Mui-disabled, .cny-cn-select-label.Mui-error, .cny-cn-select-label.Mui-focused) {
  color: rgb(0, 64.8717948718, 132);
}
.cny-cn-select-label .MuiInputLabel-asterisk {
  color: #de1515;
}
.cny-cn-select-helper.MuiFormHelperText-root {
  margin: 4px 16px 0;
  letter-spacing: normal;
  line-height: normal;
}

.cny-cn-slider .MuiSlider-track {
  color: rgb(0, 64.8717948718, 132);
}
.cny-cn-slider .MuiSlider-rail {
  color: #eeeeee;
}
.cny-cn-slider .MuiSlider-thumb {
  color: #0073ea;
}

.cny-cn-tabs.cny-cn-tabs {
  min-height: unset;
}
.cny-cn-tabs .MuiTabs-flexContainer {
  border-bottom: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-cn-tabs .MuiButtonBase-root {
  min-height: unset;
  min-width: unset;
  padding: 8px;
  font-weight: bold;
}
.cny-cn-tabs .MuiTab-textColorPrimary {
  color: rgb(81, 166.5128205128, 255);
}
.cny-cn-tabs .Mui-selected.MuiTab-textColorPrimary {
  color: rgb(0, 64.8717948718, 132);
}
.cny-cn-tabs .MuiTabs-indicator {
  height: 1px;
  background-color: rgb(0, 64.8717948718, 132);
}

.cny-text-action-tile {
  display: flex;
  align-items: center;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  gap: 16px;
  background: white;
}
.cny-text-action-tile__thumbnail {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  width: 123px;
}
.cny-text-action-tile__thumbnail-detail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: rgb(239.1, 246.9141025641, 255);
  padding: 24px 16px;
}
.cny-text-action-tile__content-section {
  flex: 1 1;
}
.cny-text-action-tile__content-section-info {
  margin-top: 8px;
  color: #555555;
}
.cny-text-action-tile--selected {
  background: rgb(0, 64.8717948718, 132);
}
.cny-text-action-tile--selected .cny-text-action-tile__content-section-label {
  color: white;
}
.cny-text-action-tile--selected .cny-text-action-tile__content-section-info {
  color: #eeeeee;
}
.cny-text-action-tile--disabled {
  background: white;
  border-color: #eeeeee;
}
.cny-text-action-tile--disabled .cny-text-action-tile__thumbnail-detail {
  background: white;
  border: 1px solid #eeeeee;
  color: #888;
}
.cny-text-action-tile--disabled .cny-text-action-tile__content-section-label {
  color: #888;
}
.cny-text-action-tile--disabled .cny-text-action-tile__content-section-info {
  color: #bbbbbb;
}

.cny-glass-tile {
  background: linear-gradient(164.42deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  min-width: 100px;
  min-height: 74px;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: capitalize;
  color: rgb(0, 64.8717948718, 132);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  font-family: "HelveticaNeue", helvetica, arial, sans-serif;
  font-style: normal;
  box-sizing: border-box;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .cny-glass-tile {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
}
.cny-glass-tile__icon-container {
  font-size: 24px;
  line-height: 24px;
  color: #0073ea;
}
.cny-glass-tile:hover {
  box-shadow: 0 0 2rem 0 rgba(25, 115, 234, 0.5);
}
.cny-glass-tile--with-pill-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  min-height: 16px;
  min-width: 16px;
  font-size: 8px;
}
@media only screen and (min-width: 768px) {
  .cny-glass-tile {
    padding: 24px;
    min-width: 172px;
    min-height: 115px;
    font-size: 1rem;
  }
  .cny-glass-tile__icon-container {
    font-size: 30px;
    line-height: 30px;
  }
  .cny-glass-tile--with-pill-icon {
    top: 16px;
    right: 16px;
    min-height: 24px;
    min-width: 24px;
    font-size: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .cny-glass-tile {
    min-width: 214px;
    min-height: 115px;
  }
  .cny-glass-tile__icon-container {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1792px) {
  .cny-glass-tile {
    min-width: 273px;
    min-height: 144px;
    font-size: 1.5rem;
  }
  .cny-glass-tile__icon-container {
    font-size: 45px;
    line-height: 45px;
  }
}

.cny-sticky-nav {
  background: linear-gradient(164.42deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  gap: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  padding: 20px 40px;
  width: 100%;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.2s;
  z-index: 999;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .cny-sticky-nav {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
  }
}
.cny-sticky-nav--hidden {
  opacity: 0;
  transform: translateY(-100%) translate3d(0, 0, 0);
}
.cny-sticky-nav__left-inner-container {
  order: 2;
}
.cny-sticky-nav__text {
  color: #222222;
}
.cny-sticky-nav__text--header.cny-sticky-nav__text {
  order: 1;
}
.cny-sticky-nav__cta {
  order: 0;
}
.cny-sticky-nav__cta-base {
  width: auto;
}
.cny-sticky-nav__cta-icon {
  height: 24px;
  width: 24px;
}

.cny-drawer-nav.MuiModal-root {
  z-index: 1301;
}
.cny-drawer-nav__inner-container {
  margin: 16px 24px;
}
.cny-drawer-nav__close-button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.cny-drawer-nav__close-button-wrapper > button > span.cny-cta {
  border: none;
  color: #555555;
  height: 40px;
  width: 40px;
}
.cny-drawer-nav__header {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}
.cny-drawer-nav__header-img {
  height: 94.5px;
  max-width: 200px;
  margin: 0 auto;
}
.cny-drawer-nav__header-title {
  color: rgb(0, 64.8717948718, 132);
  text-align: center;
  margin-top: 16px;
}
.cny-drawer-nav__icon {
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 768px) {
  .cny-drawer-nav__icon {
    width: 19px;
    height: 19px;
  }
}
.cny-drawer-nav__cta > span.cny-cta--with-button {
  padding: 32px 8px;
  border-radius: 999999px;
}
@media only screen and (min-width: 768px) {
  .cny-drawer-nav__cta > span.cny-cta--with-button {
    padding: inherit;
    border-radius: inherit;
  }
}
.cny-drawer-nav__cta-text {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .cny-drawer-nav__cta-text {
    font-size: 1rem;
  }
}

.cny-vehicle-stock-card {
  position: relative;
  display: flex;
  border-radius: 24px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.cny-vehicle-stock-card__image {
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.cny-vehicle-stock-card__image--with-filter {
  opacity: 0.2;
}
.cny-vehicle-stock-card__overlay {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 16px;
  position: absolute;
  inset: 0;
}
.cny-vehicle-stock-card__ymmt-demand {
  background: linear-gradient(164.42deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 24px;
  padding: 16px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .cny-vehicle-stock-card__ymmt-demand {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
  }
}
.cny-vehicle-stock-card__ymmt-demand {
  padding: 24px;
}
.cny-vehicle-stock-card__ymm {
  display: flex;
  align-items: center;
  column-gap: 16px;
  line-height: 18px;
}
.cny-vehicle-stock-card__demand {
  display: none;
}
.cny-vehicle-stock-card__trim {
  color: #555555;
  line-height: 14px;
}
.cny-vehicle-stock-card__view-cta-base {
  border: 1px solid rgb(208.5, 231.3525641026, 255);
  padding: 0 8px;
  font-size: 0.75rem;
}
.cny-vehicle-stock-card__view-cta--centered {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
@media only screen and (min-width: 768px) {
  .cny-vehicle-stock-card__overlay {
    padding: 24px;
  }
  .cny-vehicle-stock-card__ymm {
    font-size: 1.5rem;
    line-height: 28px;
  }
  .cny-vehicle-stock-card__view-cta-base {
    height: 40px;
    padding: 10px 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1280px) {
  .cny-vehicle-stock-card__demand {
    display: inline-flex;
    text-align: center;
    line-height: 14px;
    height: 16px;
  }
}
@media only screen and (min-width: 1792px) {
  .cny-vehicle-stock-card__ymm {
    font-size: 2rem;
    line-height: 32px;
  }
  .cny-vehicle-stock-card__demand {
    height: 40px;
  }
  .cny-vehicle-stock-card__trim {
    font-size: 1rem;
    line-height: 18px;
  }
}

.cny-cn-snackbar .MuiSnackbarContent-root {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px;
  gap: 8px;
  border-radius: 24px;
  box-shadow: 0 40px 60px -2px rgba(0, 0, 0, 0.08);
  background-color: rgb(239.1, 246.9141025641, 255);
  border: 1px solid rgb(183, 218.3846153846, 255);
  min-width: 328px;
}
.cny-cn-snackbar .MuiSnackbarContent-message {
  flex: 1 1;
  color: #222222;
  font-size: 1rem;
  padding: 0;
}
.cny-cn-snackbar .MuiSnackbarContent-action {
  padding: 0;
  margin: 0;
}
.cny-cn-snackbar__close-icon-cta .cny-icon-cta {
  border: none;
  background: none;
  color: #555555;
  width: auto;
  height: auto;
}
.cny-cn-snackbar__close-icon-image {
  stroke-width: 1px;
}

.cny-cn-checkbox.MuiCheckbox-root {
  color: rgb(208.5, 231.3525641026, 255);
}
.cny-cn-checkbox.Mui-checked.Mui-checked {
  color: #0073ea;
}
.cny-cn-checkbox.Mui-disabled.Mui-disabled {
  color: #eeeeee;
}

.cny-infinite-scroll {
  height: 1px;
  visibility: hidden;
}

.cny-cn-text-field .MuiInputBase-root {
  background: white;
  border-radius: 24px;
  min-height: 40px;
}
.cny-cn-text-field .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #0073ea;
}
.cny-cn-text-field .MuiInputBase-input {
  padding: 8px 16px;
}
.cny-cn-text-field .MuiOutlinedInput-notchedOutline {
  border: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-cn-text-field .MuiOutlinedInput-notchedOutline legend {
  width: 0;
}
.cny-cn-text-field .Mui-disabled.MuiInputBase-root {
  background-color: #eeeeee;
}
.cny-cn-text-field .Mui-disabled.MuiInputBase-root .MuiOutlinedInput-notchedOutline {
  border-color: #bbbbbb;
}
.cny-cn-text-field .Mui-error.MuiFormHelperText-root {
  color: #de1515;
}
.cny-cn-text-field .Mui-error.MuiInputBase-root .MuiOutlinedInput-notchedOutline {
  border-color: #de1515;
}
.cny-cn-text-field .Mui-error.MuiInputBase-root:hover:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline {
  border-width: 2px;
}
.cny-cn-text-field .MuiInputLabel-root {
  margin-bottom: 8px;
  position: relative;
  transform: translate(0);
  font-size: 0.875rem;
  letter-spacing: normal;
  line-height: normal;
}
.cny-cn-text-field :is(.MuiInputLabel-root, .cny-cn-text-field.Mui-disabled, .cny-cn-text-field.Mui-error, .cny-cn-text-field.Mui-focused) {
  color: rgb(0, 64.8717948718, 132);
}
.cny-cn-text-field .MuiInputLabel-asterisk {
  color: #de1515;
}
.cny-cn-text-field .MuiFormHelperText-root {
  margin: 4px 16px 0;
  letter-spacing: normal;
  line-height: normal;
}
.cny-cn-text-field--hidden-label .MuiInputLabel-root {
  display: none;
}

.cny-cn-autocomplete .MuiInputBase-root.MuiInputBase-root {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.cny-cn-autocomplete .MuiInputBase-input.MuiInputBase-input.MuiInputBase-input {
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.cny-cn-autocomplete .MuiList-root {
  padding: 0;
}
.cny-cn-autocomplete__arrow-down .MuiSvgIcon-root {
  color: #0073ea;
}
.cny-cn-autocomplete__arrow-down.Mui-disabled .MuiSvgIcon-root {
  color: #555555;
}
.cny-cn-autocomplete__popper .MuiPaper-root {
  border-radius: 24px;
  border: 1px solid rgb(208.5, 231.3525641026, 255);
}
.cny-cn-autocomplete__popper .MuiAutocomplete-listbox {
  padding: 0;
}
.cny-cn-autocomplete__popper .MuiAutocomplete-noOptions,
.cny-cn-autocomplete__popper .MuiAutocomplete-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555555;
  padding: 24px;
}
.cny-cn-autocomplete__menu-item.MuiMenuItem-root {
  white-space: normal;
  padding: 8px 24px;
}
.cny-cn-autocomplete__menu-item.MuiMenuItem-root.Mui-focusVisible {
  background-color: rgb(239.1, 246.9141025641, 255);
}
.cny-cn-autocomplete__menu-item.MuiMenuItem-root.Mui-selected {
  background-color: rgb(0, 64.8717948718, 132);
  color: white;
  font-weight: normal;
}
.cny-cn-autocomplete__menu-item.MuiMenuItem-root.Mui-selected .cny-cn-typography {
  color: white;
}
.cny-cn-autocomplete__menu-item.MuiMenuItem-root:hover:is(.cny-cn-autocomplete__menu-item.MuiMenuItem-root, .cny-cn-autocomplete__menu-item.MuiMenuItem-root.Mui-selected) {
  background-color: rgb(208.5, 231.3525641026, 255);
  color: #0073ea;
}
.cny-cn-autocomplete__menu-item.MuiMenuItem-root:hover:is(.cny-cn-autocomplete__menu-item.MuiMenuItem-root, .cny-cn-autocomplete__menu-item.MuiMenuItem-root.Mui-selected) .cny-cn-typography {
  color: #0073ea;
}
.cny-cn-autocomplete__menu-item--standard:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #bbbbbb;
  width: calc(100% - 48px);
  height: 100%;
}
.cny-cn-autocomplete__menu-item--infinite:not(:nth-last-child(2))::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #bbbbbb;
  width: calc(100% - 48px);
  height: 100%;
}

.cny-background--accent-green-dark1 {
  background-color: rgb(0, 73, 30.8685714286);
}

.cny-background--accent-green-standard {
  background-color: #00af4a;
}

.cny-background--accent-green-light1 {
  background-color: rgb(22, 255, 120.5257142857);
}

.cny-background--accent-green-light2 {
  background-color: rgb(124, 255, 179.3942857143);
}

.cny-background--accent-red-dark1 {
  background-color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}

.cny-background--accent-red-standard {
  background-color: #de1515;
}

.cny-background--accent-red-light1 {
  background-color: rgb(240.7407407407, 104.2592592593, 104.2592592593);
}

.cny-background--accent-red-light2 {
  background-color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
}

.cny-background--accent-orange-dark1 {
  background-color: rgb(148, 62.752, 0);
}

.cny-background--accent-orange-standard {
  background-color: #fa6a00;
}

.cny-background--accent-orange-light1 {
  background-color: rgb(255, 163.992, 97);
}

.cny-background--accent-orange-light2 {
  background-color: rgb(255, 222.744, 199);
}

.cny-background--accent-yellow-dark1 {
  background-color: rgb(155, 112.7272727273, 0);
}

.cny-background--accent-yellow-standard {
  background-color: #ffba02;
}

.cny-background--accent-yellow-light1 {
  background-color: rgb(255, 213.8181818182, 104);
}

.cny-background--accent-yellow-light2 {
  background-color: rgb(255, 241.6363636364, 206);
}

.cny-background--primary-dark1 {
  background-color: rgb(0, 64.8717948718, 132);
  argument: rgb(0, 64.8717948718, 132);
}

.cny-background--primary-standard {
  background-color: #0073ea;
  argument: #0073ea;
}

.cny-background--primary-light1 {
  background-color: rgb(81, 166.5128205128, 255);
  argument: rgb(81, 166.5128205128, 255);
}

.cny-background--primary-light2 {
  background-color: rgb(183, 218.3846153846, 255);
  argument: rgb(183, 218.3846153846, 255);
}

.cny-background--primary-light3 {
  background-color: rgb(208.5, 231.3525641026, 255);
  argument: rgb(208.5, 231.3525641026, 255);
}

.cny-background--primary-light4 {
  background-color: rgb(239.1, 246.9141025641, 255);
  argument: rgb(239.1, 246.9141025641, 255);
}

.cny-background--base-dark2 {
  background-color: #222222;
}

.cny-background--base-dark1 {
  background-color: #555555;
}

.cny-background--base-standard {
  background-color: #888;
}

.cny-background--base-light1 {
  background-color: #bbbbbb;
}

.cny-background--base-light2 {
  background-color: #eeeeee;
}

.cny-background--base-light3 {
  background-color: white;
}

.cny-color--accent-green-dark1 {
  color: rgb(0, 73, 30.8685714286);
}

.cny-color--accent-green-standard {
  color: #00af4a;
}

.cny-color--accent-green-light1 {
  color: rgb(22, 255, 120.5257142857);
}

.cny-color--accent-green-light2 {
  color: rgb(124, 255, 179.3942857143);
}

.cny-color--accent-red-dark1 {
  color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}

.cny-color--accent-red-standard {
  color: #de1515;
}

.cny-color--accent-red-light1 {
  color: rgb(240.7407407407, 104.2592592593, 104.2592592593);
}

.cny-color--accent-red-light2 {
  color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
}

.cny-color--accent-orange-dark1 {
  color: rgb(148, 62.752, 0);
}

.cny-color--accent-orange-standard {
  color: #fa6a00;
}

.cny-color--accent-orange-light1 {
  color: rgb(255, 163.992, 97);
}

.cny-color--accent-orange-light2 {
  color: rgb(255, 222.744, 199);
}

.cny-color--accent-yellow-dark1 {
  color: rgb(155, 112.7272727273, 0);
}

.cny-color--accent-yellow-standard {
  color: #ffba02;
}

.cny-color--accent-yellow-light1 {
  color: rgb(255, 213.8181818182, 104);
}

.cny-color--accent-yellow-light2 {
  color: rgb(255, 241.6363636364, 206);
}

.cny-color--primary-dark1 {
  color: rgb(0, 64.8717948718, 132);
  argument: rgb(0, 64.8717948718, 132);
}

.cny-color--primary-standard {
  color: #0073ea;
  argument: #0073ea;
}

.cny-color--primary-light1 {
  color: rgb(81, 166.5128205128, 255);
  argument: rgb(81, 166.5128205128, 255);
}

.cny-color--primary-light2 {
  color: rgb(183, 218.3846153846, 255);
  argument: rgb(183, 218.3846153846, 255);
}

.cny-color--primary-light3 {
  color: rgb(208.5, 231.3525641026, 255);
  argument: rgb(208.5, 231.3525641026, 255);
}

.cny-color--primary-light4 {
  color: rgb(239.1, 246.9141025641, 255);
  argument: rgb(239.1, 246.9141025641, 255);
}

.cny-color--base-dark2 {
  color: #222222;
}

.cny-color--base-dark1 {
  color: #555555;
}

.cny-color--base-standard {
  color: #888;
}

.cny-color--base-light1 {
  color: #bbbbbb;
}

.cny-color--base-light2 {
  color: #eeeeee;
}

.cny-color--base-light3 {
  color: white;
}

.cny-border-color--accent-green-dark1 {
  border-color: rgb(0, 73, 30.8685714286);
}

.cny-border-color--accent-green-standard {
  border-color: #00af4a;
}

.cny-border-color--accent-green-light1 {
  border-color: rgb(22, 255, 120.5257142857);
}

.cny-border-color--accent-green-light2 {
  border-color: rgb(124, 255, 179.3942857143);
}

.cny-border-color--accent-red-dark1 {
  border-color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}

.cny-border-color--accent-red-standard {
  border-color: #de1515;
}

.cny-border-color--accent-red-light1 {
  border-color: rgb(240.7407407407, 104.2592592593, 104.2592592593);
}

.cny-border-color--accent-red-light2 {
  border-color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
}

.cny-border-color--accent-orange-dark1 {
  border-color: rgb(148, 62.752, 0);
}

.cny-border-color--accent-orange-standard {
  border-color: #fa6a00;
}

.cny-border-color--accent-orange-light1 {
  border-color: rgb(255, 163.992, 97);
}

.cny-border-color--accent-orange-light2 {
  border-color: rgb(255, 222.744, 199);
}

.cny-border-color--accent-yellow-dark1 {
  border-color: rgb(155, 112.7272727273, 0);
}

.cny-border-color--accent-yellow-standard {
  border-color: #ffba02;
}

.cny-border-color--accent-yellow-light1 {
  border-color: rgb(255, 213.8181818182, 104);
}

.cny-border-color--accent-yellow-light2 {
  border-color: rgb(255, 241.6363636364, 206);
}

.cny-border-color--primary-dark1 {
  border-color: rgb(0, 64.8717948718, 132);
  argument: rgb(0, 64.8717948718, 132);
}

.cny-border-color--primary-standard {
  border-color: #0073ea;
  argument: #0073ea;
}

.cny-border-color--primary-light1 {
  border-color: rgb(81, 166.5128205128, 255);
  argument: rgb(81, 166.5128205128, 255);
}

.cny-border-color--primary-light2 {
  border-color: rgb(183, 218.3846153846, 255);
  argument: rgb(183, 218.3846153846, 255);
}

.cny-border-color--primary-light3 {
  border-color: rgb(208.5, 231.3525641026, 255);
  argument: rgb(208.5, 231.3525641026, 255);
}

.cny-border-color--primary-light4 {
  border-color: rgb(239.1, 246.9141025641, 255);
  argument: rgb(239.1, 246.9141025641, 255);
}

.cny-border-color--base-dark2 {
  border-color: #222222;
}

.cny-border-color--base-dark1 {
  border-color: #555555;
}

.cny-border-color--base-standard {
  border-color: #888;
}

.cny-border-color--base-light1 {
  border-color: #bbbbbb;
}

.cny-border-color--base-light2 {
  border-color: #eeeeee;
}

.cny-border-color--base-light3 {
  border-color: white;
}

.cny-text-decoration-color--accent-green-dark1 {
  -webkit-text-decoration-color: rgb(0, 73, 30.8685714286);
          text-decoration-color: rgb(0, 73, 30.8685714286);
}

.cny-text-decoration-color--accent-green-standard {
  -webkit-text-decoration-color: #00af4a;
          text-decoration-color: #00af4a;
}

.cny-text-decoration-color--accent-green-light1 {
  -webkit-text-decoration-color: rgb(22, 255, 120.5257142857);
          text-decoration-color: rgb(22, 255, 120.5257142857);
}

.cny-text-decoration-color--accent-green-light2 {
  -webkit-text-decoration-color: rgb(124, 255, 179.3942857143);
          text-decoration-color: rgb(124, 255, 179.3942857143);
}

.cny-text-decoration-color--accent-red-dark1 {
  -webkit-text-decoration-color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
          text-decoration-color: rgb(128.8148148148, 12.1851851852, 12.1851851852);
}

.cny-text-decoration-color--accent-red-standard {
  -webkit-text-decoration-color: #de1515;
          text-decoration-color: #de1515;
}

.cny-text-decoration-color--accent-red-light1 {
  -webkit-text-decoration-color: rgb(240.7407407407, 104.2592592593, 104.2592592593);
          text-decoration-color: rgb(240.7407407407, 104.2592592593, 104.2592592593);
}

.cny-text-decoration-color--accent-red-light2 {
  -webkit-text-decoration-color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
          text-decoration-color: rgb(249.5555555556, 197.4444444444, 197.4444444444);
}

.cny-text-decoration-color--accent-orange-dark1 {
  -webkit-text-decoration-color: rgb(148, 62.752, 0);
          text-decoration-color: rgb(148, 62.752, 0);
}

.cny-text-decoration-color--accent-orange-standard {
  -webkit-text-decoration-color: #fa6a00;
          text-decoration-color: #fa6a00;
}

.cny-text-decoration-color--accent-orange-light1 {
  -webkit-text-decoration-color: rgb(255, 163.992, 97);
          text-decoration-color: rgb(255, 163.992, 97);
}

.cny-text-decoration-color--accent-orange-light2 {
  -webkit-text-decoration-color: rgb(255, 222.744, 199);
          text-decoration-color: rgb(255, 222.744, 199);
}

.cny-text-decoration-color--accent-yellow-dark1 {
  -webkit-text-decoration-color: rgb(155, 112.7272727273, 0);
          text-decoration-color: rgb(155, 112.7272727273, 0);
}

.cny-text-decoration-color--accent-yellow-standard {
  -webkit-text-decoration-color: #ffba02;
          text-decoration-color: #ffba02;
}

.cny-text-decoration-color--accent-yellow-light1 {
  -webkit-text-decoration-color: rgb(255, 213.8181818182, 104);
          text-decoration-color: rgb(255, 213.8181818182, 104);
}

.cny-text-decoration-color--accent-yellow-light2 {
  -webkit-text-decoration-color: rgb(255, 241.6363636364, 206);
          text-decoration-color: rgb(255, 241.6363636364, 206);
}

.cny-text-decoration-color--primary-dark1 {
  -webkit-text-decoration-color: rgb(0, 64.8717948718, 132);
          text-decoration-color: rgb(0, 64.8717948718, 132);
  argument: rgb(0, 64.8717948718, 132);
}

.cny-text-decoration-color--primary-standard {
  -webkit-text-decoration-color: #0073ea;
          text-decoration-color: #0073ea;
  argument: #0073ea;
}

.cny-text-decoration-color--primary-light1 {
  -webkit-text-decoration-color: rgb(81, 166.5128205128, 255);
          text-decoration-color: rgb(81, 166.5128205128, 255);
  argument: rgb(81, 166.5128205128, 255);
}

.cny-text-decoration-color--primary-light2 {
  -webkit-text-decoration-color: rgb(183, 218.3846153846, 255);
          text-decoration-color: rgb(183, 218.3846153846, 255);
  argument: rgb(183, 218.3846153846, 255);
}

.cny-text-decoration-color--primary-light3 {
  -webkit-text-decoration-color: rgb(208.5, 231.3525641026, 255);
          text-decoration-color: rgb(208.5, 231.3525641026, 255);
  argument: rgb(208.5, 231.3525641026, 255);
}

.cny-text-decoration-color--primary-light4 {
  -webkit-text-decoration-color: rgb(239.1, 246.9141025641, 255);
          text-decoration-color: rgb(239.1, 246.9141025641, 255);
  argument: rgb(239.1, 246.9141025641, 255);
}

.cny-text-decoration-color--base-dark2 {
  -webkit-text-decoration-color: #222222;
          text-decoration-color: #222222;
}

.cny-text-decoration-color--base-dark1 {
  -webkit-text-decoration-color: #555555;
          text-decoration-color: #555555;
}

.cny-text-decoration-color--base-standard {
  -webkit-text-decoration-color: #888;
          text-decoration-color: #888;
}

.cny-text-decoration-color--base-light1 {
  -webkit-text-decoration-color: #bbbbbb;
          text-decoration-color: #bbbbbb;
}

.cny-text-decoration-color--base-light2 {
  -webkit-text-decoration-color: #eeeeee;
          text-decoration-color: #eeeeee;
}

.cny-text-decoration-color--base-light3 {
  -webkit-text-decoration-color: white;
          text-decoration-color: white;
}

.cny-background--transparent {
  background-color: transparent;
}

.cny-color--inherit {
  color: inherit;
}

.cny-color-palette {
  font-family: "Segoe UI", sans-serif;
  color: rgb(0, 64.8717948718, 132);
}
.cny-color-palette__section {
  margin: 16px 0;
}
.cny-color-palette__body-text {
  margin: 16px 0;
}
.cny-color-palette__primary-swatch-board-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  margin: 32px 15%;
}
.cny-color-palette__accent-swatch-column-groups {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.cny-color-palette__accent-swatch-column-title {
  margin-bottom: 16px;
  text-align: center;
}
.cny-color-palette__accent-swatch-board {
  display: flex;
  gap: 64px 32px;
}
.cny-color-palette__accent-swatch-board-wrapper {
  display: flex;
  justify-content: center;
  margin: 32px;
}
.cny-color-palette__swatch-group {
  display: flex;
}
.cny-color-palette__color-swatch {
  height: 48px;
  width: 48px;
  border-radius: 12px;
}
.cny-color-palette__color-swatch-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
}
.cny-color-palette__code-block {
  display: block;
  margin: 16px 0;
  font-size: 1rem;
}
.cny-color-palette__ul li {
  margin: 16px 0;
}
.cny-color-palette__ul li > code {
  font-size: 1rem;
}

.cny-layout-row-for-cols {
  display: flex;
  gap: 16px;
}
.cny-layout-row-for-cols > .cny-layout-col-1 {
  flex: 1 0;
}
.cny-layout-row-for-cols > .cny-layout-col-2 {
  flex: 2 0 16px;
}
.cny-layout-row-for-cols > .cny-layout-col-3 {
  flex: 3 0 32px;
}
.cny-layout-row-for-cols > .cny-layout-col-4 {
  flex: 4 0 48px;
}
.cny-layout-row-for-cols > .cny-layout-col-5 {
  flex: 5 0 64px;
}
.cny-layout-row-for-cols > .cny-layout-col-6 {
  flex: 6 0 80px;
}
.cny-layout-row-for-cols > .cny-layout-col-7 {
  flex: 7 0 96px;
}
.cny-layout-row-for-cols > .cny-layout-col-8 {
  flex: 8 0 112px;
}
.cny-layout-row-for-cols > .cny-layout-col-9 {
  flex: 9 0 128px;
}
.cny-layout-row-for-cols > .cny-layout-col-10 {
  flex: 10 0 144px;
}
.cny-layout-row-for-cols > .cny-layout-col-11 {
  flex: 11 0 160px;
}
.cny-layout-row-for-cols > .cny-layout-col-12 {
  flex: 12 0 176px;
}
.cny-layout-row-for-cols--thin {
  gap: 8px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-1 {
  flex: 1 0;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-2 {
  flex: 2 0 8px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-3 {
  flex: 3 0 16px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-4 {
  flex: 4 0 24px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-5 {
  flex: 5 0 32px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-6 {
  flex: 6 0 40px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-7 {
  flex: 7 0 48px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-8 {
  flex: 8 0 56px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-9 {
  flex: 9 0 64px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-10 {
  flex: 10 0 72px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-11 {
  flex: 11 0 80px;
}
.cny-layout-row-for-cols--thin > .cny-layout-col-12 {
  flex: 12 0 88px;
}
.cny-layout-row-for-cols--thick {
  gap: 24px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-1 {
  flex: 1 0;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-2 {
  flex: 2 0 24px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-3 {
  flex: 3 0 48px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-4 {
  flex: 4 0 72px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-5 {
  flex: 5 0 96px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-6 {
  flex: 6 0 120px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-7 {
  flex: 7 0 144px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-8 {
  flex: 8 0 168px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-9 {
  flex: 9 0 192px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-10 {
  flex: 10 0 216px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-11 {
  flex: 11 0 240px;
}
.cny-layout-row-for-cols--thick > .cny-layout-col-12 {
  flex: 12 0 264px;
}
.cny-layout-scrollable {
  overflow: auto;
}
.cny-layout-overflow-hidden {
  overflow: hidden;
}
.cny-layout-overflow-y-visible {
  overflow-y: visible;
}
.cny-layout-relative {
  position: relative;
}
.cny-layout-absolute {
  position: absolute;
}
.cny-layout-invisible {
  visibility: hidden;
}
.cny-layout-mouse-inert {
  pointer-events: none;
}
.cny-layout-white-space-nowrap {
  white-space: nowrap;
}
.cny-layout-truncate-with-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cny-layout-full-height {
  height: 100%;
}
.cny-layout-full-width {
  width: 100%;
}
.cny-layout-half-width {
  width: 50%;
}
.cny-layout-flex-grow {
  flex-grow: 1;
}
.cny-layout-flex-shrink {
  flex-shrink: 1;
}
.cny-layout-flex-stretch {
  flex: 1 1 auto;
}
.cny-layout-flex-no-stretch {
  flex: 0 0 auto;
}
.cny-layout-inline-flex-row {
  display: inline-flex;
  flex-direction: row;
}
.cny-layout-inline-flex-col {
  display: inline-flex;
  flex-direction: column;
}
.cny-layout-flex-row {
  display: flex;
  flex-direction: row;
}
.cny-layout-flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.cny-layout-flex-col {
  display: flex;
  flex-direction: column;
}
.cny-layout-flex-col-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.cny-layout-grid {
  display: grid;
}
.cny-layout-grid--two-cols {
  grid-template-columns: repeat(2, 1fr);
}
.cny-layout-with-gap {
  gap: 16px;
}
.cny-layout-with-thin-gap {
  gap: 8px;
}
.cny-layout-with-thick-gap {
  gap: 24px;
}
.cny-layout-flex-wrap {
  flex-wrap: wrap;
}
.cny-layout-flex-no-wrap {
  flex-wrap: nowrap;
}
.cny-layout-justify-end {
  justify-content: flex-end;
}
.cny-layout-justify-center {
  justify-content: center;
}
.cny-layout-justify-between {
  justify-content: space-between;
}
.cny-layout-align-center {
  align-items: center;
}
.cny-layout-align-start {
  align-items: flex-start;
}
.cny-layout-align-end {
  align-items: flex-end;
}
.cny-layout-align-baseline {
  align-items: baseline;
}
.cny-layout-no-padding {
  padding: 0;
}
.cny-layout-margin-auto {
  margin: auto;
}
.cny-layout-white-space--pre-line {
  white-space: pre-line;
}
.cny-layout-box-shadow {
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
}
.cny-layout-block {
  display: block;
}

.cny-text-align-left {
  text-align: left;
}
.cny-text-align-center {
  text-align: center;
}
.cny-text-align-right {
  text-align: right;
}
.cny-text-align-vertical-middle {
  vertical-align: middle;
}
.cny-text-normal {
  font-weight: normal;
}
.cny-text-bold {
  font-weight: bold;
}
.cny-text-capitalize {
  text-transform: capitalize;
}
.cny-text-xs {
  font-size: 0.75rem;
}
.cny-text-sm {
  font-size: 0.875rem;
}
.cny-text-md {
  font-size: 1rem;
}
.cny-text-lg {
  font-size: 1.5rem;
}
.cny-text-xl {
  font-size: 2rem;
}