@font-face{font-family:"Montserrat";src:url("/wp-content/themes/digival/generati/fonts/montserrat-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"Montserrat";src:url("/wp-content/themes/digival/generati/fonts/montserrat-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Montserrat";src:url("/wp-content/themes/digival/generati/fonts/montserrat-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Montserrat";src:url("/wp-content/themes/digival/generati/fonts/montserrat-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"Montserrat";src:url("/wp-content/themes/digival/generati/fonts/montserrat-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}:root{--dg-ss-none:0px;--dg-ss-xxs:clamp(10px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);--dg-ss-xs:clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);--dg-ss-sm:clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);--dg-ss-md:clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);--dg-ss-lg:clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);--dg-ss-xl:clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);--dg-ss-xxl:clamp(128px, calc(8rem + ((1vw - 3.6px) * 11.852)), 256px);--dg-h1:clamp(2.5rem, 2.4074vw + 1.9583rem, 4.125rem);--dg-h2:clamp(2.125rem, 2.037vw + 1.6667rem, 3.5rem);--dg-h3:clamp(1.875rem, 1.6667vw + 1.5rem, 3rem);--dg-h4:clamp(1.75rem, 1.1111vw + 1.5rem, 2.5rem);--dg-h5:clamp(1.375rem, 0.5556vw + 1.25rem, 1.75rem);--dg-h6:clamp(1.125rem, 0.1852vw + 1.0833rem, 1.25rem);--dg-radius-sm:0.25rem;--dg-radius-md:0.375rem;--dg-radius-lg:0.5rem;--dg-radius-xl:1rem;--dg-radius-2xl:2rem;--dg-space-0:0px;--dg-space-1:0.25rem;--dg-space-2:0.5rem;--dg-space-3:1rem;--dg-space-4:1.5rem;--dg-space-5:3rem;--dg-space-6:4rem;--dg-space-7:6rem;--dg-space-8:8rem;--dg-font-size-base:clamp(1.125rem, 0.1852vw + 1.0833rem, 1.25rem);--dg-fs-sm:clamp(0.9844rem, 0.162vw + 0.9479rem, 1.0938rem);--dg-fs-lg:clamp(1.2712rem, 0.3389vw + 1.195rem, 1.5rem);--dg-display-1:clamp(3.5rem, 4.5926vw + 2.4667rem, 6.6rem);--dg-display-2:clamp(3.3rem, 4.1556vw + 2.365rem, 6.105rem);--dg-display-3:clamp(3.1rem, 3.7185vw + 2.2633rem, 5.61rem);--dg-display-4:clamp(2.9rem, 3.2815vw + 2.1617rem, 5.115rem);--dg-display-5:clamp(2.7rem, 2.8444vw + 2.06rem, 4.62rem);--dg-display-6:clamp(2.5rem, 2.4074vw + 1.9583rem, 4.125rem);--dg-fw-light:300;--dg-fw-normal:400;--dg-fw-medium:500;--dg-fw-semibold:600;--dg-fw-bold:700;--dg-lh-sm:1.25;--dg-lh-base:1.5;--dg-lh-lg:2;--dg-radius-none:0px;--dg-radius-pill:50rem;--dg-radius-circle:50%;--dg-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--dg-shadow-md:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--dg-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--dg-shadow-xl:0 1.5rem 4rem rgba(0, 0, 0, 0.2);--dg-border-width:1px;--dg-z-dropdown:1000;--dg-z-sticky:1020;--dg-z-fixed:1030;--dg-z-modal-backdrop:1050;--dg-z-modal:1055;--dg-z-popover:1070;--dg-z-tooltip:1080;--dg-z-toast:1090;--dg-duration-fast:150ms;--dg-duration-base:300ms;--dg-duration-slow:500ms;--dg-ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--dg-ease-in:cubic-bezier(0.4, 0, 1, 1);--dg-ease-out:cubic-bezier(0, 0, 0.2, 1);--dg-focus-ring-width:0.25rem;--dg-focus-ring-offset:0px;--dg-font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dg-font-heading:var(--dg-font-body);--dg-container-max:2200px;--dg-icona-dimensione:2rem;--dg-icona-tratto:1.5;--dg-white:#ffffff;--dg-black:#000000;--dg-white-rgb:255, 255, 255;--dg-black-rgb:0, 0, 0;--dg-primary-50:#eafaf0;--dg-primary-50-rgb:234, 250, 240;--dg-primary-100:#d6e8dd;--dg-primary-100-rgb:214, 232, 221;--dg-primary-200:#b9cdc1;--dg-primary-200-rgb:185, 205, 193;--dg-primary-300:#8ea799;--dg-primary-300-rgb:142, 167, 153;--dg-primary-400:#587565;--dg-primary-400-rgb:88, 117, 101;--dg-primary-500:#2f4f3e;--dg-primary-500-rgb:47, 79, 62;--dg-primary-600:#273f32;--dg-primary-600-rgb:39, 63, 50;--dg-primary-700:#22362b;--dg-primary-700-rgb:34, 54, 43;--dg-primary-800:#1e2e25;--dg-primary-800-rgb:30, 46, 37;--dg-primary-900:#1a2720;--dg-primary-900-rgb:26, 39, 32;--dg-neutral-50:#f7f5f0;--dg-neutral-50-rgb:247, 245, 240;--dg-neutral-100:#f1efe8;--dg-neutral-100-rgb:241, 239, 232;--dg-neutral-200:#e8e6dd;--dg-neutral-200-rgb:232, 230, 221;--dg-neutral-300:#dbd8cc;--dg-neutral-300-rgb:219, 216, 204;--dg-neutral-400:#b4b2a8;--dg-neutral-400-rgb:180, 178, 168;--dg-neutral-500:#96948b;--dg-neutral-500-rgb:150, 148, 139;--dg-neutral-600:#6f6d66;--dg-neutral-600-rgb:111, 109, 102;--dg-neutral-700:#57554f;--dg-neutral-700-rgb:87, 85, 79;--dg-neutral-800:#44423d;--dg-neutral-800-rgb:68, 66, 61;--dg-neutral-900:#32312c;--dg-neutral-900-rgb:50, 49, 44;--dg-body-color:var(--dg-neutral-900);--dg-body-bg:var(--dg-white);--dg-emphasis-color:var(--dg-neutral-900);--dg-body-secondary-color:var(--dg-neutral-600);--dg-body-secondary-bg:var(--dg-neutral-100);--dg-body-tertiary-color:var(--dg-neutral-500);--dg-body-tertiary-bg:var(--dg-neutral-50);--dg-border-color:var(--dg-neutral-200);--dg-heading-color:var(--dg-neutral-900);--dg-link-color:var(--dg-primary-600);--dg-link-hover-color:var(--dg-primary-700);--dg-focus-ring-color:rgba(var(--dg-primary-500-rgb), 0.25);--dg-disabled-opacity:0.65;}
/*# sourceURL=https://www.ellexhotel.it/wp-content/themes/digival/generati/dg-variables.css */
/*
Theme Name: Ellex Hotel
Theme URI: https://www.digival.it
Author: Digival
Author URI: https://www.digival.it
Description: Tema del sito Ellex Hotel. Layout in PHP, contenuti da ACF, stile con i token --dg-*.
Version: 1.0.3
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: digival
License: Proprietario
*/

/* ==========================================================================
   Base. I valori arrivano dai token --dg-* (generati/dg-variables.css,
   scritto da Digival Tools -> Design system).
   Nel CSS del progetto: mai colori, spaziature o misure scritti a mano.
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
	margin: 0;
	font-family: var(--dg-font-body);
	font-size: var(--dg-font-size-base);
	font-weight: var(--dg-fw-normal);
	line-height: var(--dg-lh-base);
	/* Ellex: testo e titoli nel verde del marchio, su fondo neutro caldo. */
	color: var(--dg-primary-500);
	background-color: var(--dg-neutral-100);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 var(--dg-space-3);
	font-family: var(--dg-font-heading);
	font-weight: var(--dg-fw-normal);
	/* 1.1 come nel sito precedente: nessun token di interlinea scende sotto 1.25. */
	line-height: 1.1;
	color: inherit;
}

p, ul, ol, dl, blockquote, figure, table { margin: 0 0 var(--dg-space-3); }

img, svg, video { max-width: 100%; height: auto; }

a { color: var(--dg-link-color); text-underline-offset: .15em; }
a:hover { color: var(--dg-link-hover-color); }

:focus-visible {
	outline: var(--dg-focus-ring-width) solid var(--dg-focus-ring-color);
	outline-offset: var(--dg-focus-ring-offset);
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.screen-reader-text:focus {
	position: fixed !important;
	top: var(--dg-space-2); left: var(--dg-space-2);
	z-index: var(--dg-z-toast);
	width: auto; height: auto;
	padding: var(--dg-space-2) var(--dg-space-3);
	clip: auto;
	color: var(--dg-primary-50);
	background: var(--dg-primary-600);
	border-radius: var(--dg-radius-md);
}

/* ==========================================================================
   Struttura
   ========================================================================== */

.dg-site { display: flex; flex-direction: column; min-height: 100vh; }
.dg-main { flex: 1 0 auto; }

.dg-wrap {
	width: 100%;
	max-width: var(--dg-container-max);
	margin-inline: auto;
	padding-inline: var(--dg-space-4);
}
@media (min-width: 768px) { .dg-wrap { padding-inline: var(--dg-space-5); } }
@media (min-width: 1400px) { .dg-wrap { padding-inline: var(--dg-space-6); } }

.dg-section { padding-block: var(--dg-ss-lg); }

/* ---------- Icone (sprite di progetto, inc/icone.php) ---------- */
.dg-icona {
	flex: none;
	width: var(--dg-icona-dimensione);
	height: var(--dg-icona-dimensione);
	fill: none;
	stroke: currentColor;
	/* Lo spessore del tratto vive qui, non nei simboli dello sprite: un
	   attributo sul <symbol> vincerebbe sul CSS ereditato dal <use>. */
	stroke-width: var(--dg-icona-tratto);
}

/* ---------- Loghi (SVG incollati in Etichette generali) ---------- */
.dg-logo, .dg-logo-nav, .dg-logo-footer { display: flex; flex-flow: column; width: 100%; }
.dg-logo svg, .dg-logo-nav svg, .dg-logo-footer svg { display: block; width: 100%; height: auto; }

/* ---------- Contenuti ---------- */
.dg-page-header { padding-block: var(--dg-ss-sm) var(--dg-space-4); }
.dg-page-header__title { margin: 0; font-size: var(--dg-h3); }
.dg-page-header__meta { margin-top: var(--dg-space-2); font-size: var(--dg-fs-sm); color: var(--dg-body-secondary-color); }

.dg-content > *:last-child { margin-bottom: 0; }
.dg-content img { border-radius: var(--dg-radius-md); }
.dg-content blockquote {
	padding-left: var(--dg-space-4);
	border-left: var(--dg-space-1) solid var(--dg-primary-500);
	font-size: var(--dg-fs-lg);
}
.dg-featured { margin-bottom: var(--dg-space-5); }
.dg-featured img { display: block; width: 100%; border-radius: var(--dg-radius-lg); }

.dg-cards { display: grid; gap: var(--dg-space-4); grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); }
.dg-card {
	display: flex; flex-direction: column;
	overflow: hidden;
	background: var(--dg-body-bg);
	border: var(--dg-border-width) solid var(--dg-border-color);
	border-radius: var(--dg-radius-lg);
	transition: box-shadow var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-card:hover { box-shadow: var(--dg-shadow-md); }
.dg-card__media img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.dg-card__body { display: flex; flex-direction: column; gap: var(--dg-space-2); padding: var(--dg-space-4); }
.dg-card__title { margin: 0; font-size: var(--dg-h5); }
.dg-card__title a { color: inherit; text-decoration: none; }
.dg-card__title a::after { content: ""; position: absolute; inset: 0; }
.dg-card { position: relative; }
.dg-card__meta { font-size: var(--dg-fs-sm); color: var(--dg-body-secondary-color); }
.dg-card__excerpt > *:last-child { margin-bottom: 0; }

.dg-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--dg-space-2);
	padding: var(--dg-space-3) var(--dg-space-4);
	font: inherit;
	font-weight: var(--dg-fw-normal);
	line-height: var(--dg-lh-base);
	letter-spacing: .03em;
	text-transform: uppercase;
	text-align: center;
	/* Il verde del marchio e' scuro: sul 500 il bianco supera 4,5:1. */
	color: var(--dg-white);
	text-decoration: none;
	background: var(--dg-primary-500);
	border: var(--dg-border-width) solid var(--dg-primary-500);
	border-radius: var(--dg-radius-sm);
	cursor: pointer;
	transition: background-color var(--dg-duration-base) var(--dg-ease-standard), border-color var(--dg-duration-base) var(--dg-ease-standard), color var(--dg-duration-base) var(--dg-ease-standard);
}
/* Un'icona SVG senza misure in un contenitore flex si riduce a zero. */
.dg-btn svg { flex: none; width: 1.25em; height: 1.25em; }

.dg-btn:hover { color: var(--dg-white); background: var(--dg-primary-600); border-color: var(--dg-primary-600); }
.dg-btn:active { background: var(--dg-primary-700); }
@media (min-width: 1400px) { .dg-btn { padding-inline: calc(var(--dg-space-4) + var(--dg-space-2)); } }

/* Formato piccolo: barra fissa di prenotazione su telefono. */
.dg-btn--piccolo { padding: var(--dg-space-2) var(--dg-space-3); font-size: var(--dg-fs-sm); }

/* Sulle fasce verdi: pulsante chiaro, oppure solo bordo. */
.dg-btn--chiaro { color: var(--dg-primary-500); background: var(--dg-neutral-100); border-color: var(--dg-neutral-100); }
.dg-btn--chiaro:hover { color: var(--dg-primary-500); background: var(--dg-white); border-color: var(--dg-white); }
.dg-btn--bordo { color: var(--dg-neutral-100); background: transparent; border-color: var(--dg-neutral-100); }
.dg-btn--bordo:hover { color: var(--dg-primary-500); background: var(--dg-neutral-100); border-color: var(--dg-neutral-100); }

/* Link di testo sottolineato, in maiuscolo. */
.dg-link-testo {
	display: inline-block;
	font-size: var(--dg-fs-sm);
	font-weight: var(--dg-fw-medium);
	letter-spacing: .02em;
	text-transform: uppercase;
	text-decoration: underline;
	color: inherit;
}
.dg-link-testo:hover { color: inherit; text-decoration: none; }

.nav-links { display: flex; flex-wrap: wrap; gap: var(--dg-space-2); margin-top: var(--dg-space-5); }
.nav-links .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 2.5rem; height: 2.5rem; padding-inline: var(--dg-space-2);
	text-decoration: none;
	border: var(--dg-border-width) solid var(--dg-border-color);
	border-radius: var(--dg-radius-md);
}
.nav-links .page-numbers.current { color: var(--dg-primary-50); background: var(--dg-primary-600); border-color: var(--dg-primary-600); }

.dg-search { display: flex; gap: var(--dg-space-2); max-width: 32rem; }
.dg-search input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: var(--dg-space-3);
	font: inherit;
	border: var(--dg-border-width) solid var(--dg-border-color);
	border-radius: var(--dg-radius-md);
}

/* Allineamenti dell'editor */
.alignleft { float: left; margin: 0 var(--dg-space-4) var(--dg-space-3) 0; }
.alignright { float: right; margin: 0 0 var(--dg-space-3) var(--dg-space-4); }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption-text, figcaption { font-size: var(--dg-fs-sm); color: var(--dg-body-secondary-color); }

/* ---------- Contenuti di Google caricati al clic (dg_facciata) ---------- */
/* Video di YouTube e mappe. Prima del clic c'e' solo il pulsante, e il browser non
   contatta Google; dopo, tema.js mette l'<iframe> al posto di tutto (.is-caricata).
   Il riquadro ha gia' le misure del contenuto, cosi' la pagina non si sposta: 16:9 il
   video, altezza fissa la mappa. La sezione che lo ospita puo' cambiarle. */
.dg-facciata {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--dg-space-3);
	width: 100%;
	padding: var(--dg-space-3);
	text-align: center;
	color: var(--dg-white);
	background: var(--dg-neutral-900);
	border-radius: var(--dg-radius-md);
	overflow: hidden;
}
.dg-facciata--video { aspect-ratio: 16 / 9; }
.dg-facciata--mappa { height: 28rem; color: var(--dg-neutral-900); background: var(--dg-neutral-200); }
.dg-facciata.is-caricata { display: block; padding: 0; }
.dg-facciata iframe { display: block; width: 100%; height: 100%; border: 0; }
.dg-facciata__avvia {
	display: inline-flex;
	align-items: stretch;
	padding: 0;
	font: inherit;
	font-weight: var(--dg-fw-medium);
	color: inherit;
	background: transparent;
	border: var(--dg-border-width) solid currentColor;
	border-radius: var(--dg-radius-md);
	overflow: hidden;
	cursor: pointer;
}
/* Fondo 600 come .dg-btn: il 500 non arriva al contrasto con l'icona chiara. */
.dg-facciata__icona {
	display: flex;
	align-items: center;
	padding: var(--dg-space-2);
	color: var(--dg-primary-50);
	background: var(--dg-primary-600);
	transition: background-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-facciata__icona .dg-icona { width: 1.5rem; height: 1.5rem; }
.dg-facciata__etichetta { display: flex; align-items: center; padding-inline: var(--dg-space-3); }
.dg-facciata__avvia:hover .dg-facciata__icona,
.dg-facciata__avvia:focus-visible .dg-facciata__icona { background: var(--dg-primary-700); }
.dg-facciata__nota { max-width: 28rem; margin: 0; font-size: var(--dg-fs-sm); opacity: .8; }

/* ---------- Popup avvisi (logica in Digival Tools -> include/popup-avvisi.php) ---------- */
.dg-avviso-popup {
	position: fixed; inset: 0;
	z-index: var(--dg-z-modal);
	display: flex; justify-content: center; align-items: center;
	padding: var(--dg-space-4);
	background-color: rgba(var(--dg-black-rgb), .6);
}
.dg-avviso-popup:not(.is-open) { display: none; }
.dg-avviso-popup__card {
	position: relative;
	width: 100%; max-width: 30rem; max-height: 90vh;
	overflow-y: auto;
	padding: var(--dg-space-5);
	color: var(--dg-black);
	background-color: var(--dg-white);
	border-radius: var(--dg-radius-2xl);
	box-shadow: var(--dg-shadow-xl);
}
.dg-avviso-popup__close {
	position: absolute; top: var(--dg-space-3); right: var(--dg-space-3);
	display: flex; justify-content: center; align-items: center;
	width: 2.4rem; height: 2.4rem;
	padding: 0;
	color: var(--dg-black);
	background: transparent;
	border: 0;
	border-radius: var(--dg-radius-circle);
	cursor: pointer;
	transition: background-color var(--dg-duration-fast) var(--dg-ease-standard), color var(--dg-duration-fast) var(--dg-ease-standard);
}
.dg-avviso-popup__close svg { width: 1.5rem; height: 1.5rem; }
.dg-avviso-popup__close:hover { color: var(--dg-heading-color); background-color: var(--dg-neutral-300); }
.dg-avviso-popup__contenuto { display: flex; flex-flow: column; align-items: center; gap: var(--dg-space-4); width: 100%; text-align: center; }
.dg-avviso-popup__avviso { display: flex; flex-direction: column; align-items: center; gap: var(--dg-space-3); width: 100%; }
.dg-avviso-popup__avviso > * { margin: 0; }

/* ---------- Policy (Consently) ---------- */
.policy-content { min-height: 40vh; }

/* ==========================================================================
   Header
   Da 1400 px: menu in linea, logo al centro, lingua, Contatti e Prenota.
   Sotto: pulsante del menu + menu a tutto schermo. Sotto i 992 px Prenota
   passa nella barra fissa in fondo.
   Sulla home (.dg-header-sopra) parte trasparente sopra l'immagine e prende
   il fondo allo scorrimento (.is-scorso, messo da tema.js).
   ========================================================================== */

.dg-header {
	position: sticky;
	top: 0;
	z-index: var(--dg-z-fixed);
	color: var(--dg-primary-500);
	background-color: var(--dg-neutral-100);
	transition: background-color var(--dg-duration-slow) var(--dg-ease-standard), color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-header-sopra .dg-header {
	position: fixed;
	left: 0; right: 0;
	color: var(--dg-neutral-100);
	background-color: transparent;
}
.dg-header.is-scorso,
.dg-menu-aperto .dg-header {
	color: var(--dg-primary-500);
	background-color: rgba(var(--dg-neutral-100-rgb), .84);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	box-shadow: var(--dg-shadow-sm);
}
.dg-menu-aperto .dg-header {
	color: var(--dg-neutral-100);
	background-color: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
}
.admin-bar .dg-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .dg-header { top: 46px; } }

.dg-header__inner {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--dg-space-3);
	height: 5rem;
	padding-inline: var(--dg-space-3);
}
.dg-header__sx,
.dg-header__dx { display: flex; align-items: center; gap: var(--dg-space-4); }

.dg-header__brand {
	position: absolute;
	top: 50%; left: 50%;
	display: block;
	width: 5.875rem;
	color: inherit;
	text-decoration: none;
	transform: translate(-50%, -50%);
}
.dg-header__brand-text { font-weight: var(--dg-fw-bold); font-size: var(--dg-fs-lg); white-space: nowrap; }
/* Il logo e' a un colore: segue il colore del testo dell'header. */
.dg-header__brand svg,
.dg-header__brand svg path { fill: currentColor; }

.dg-header__apri {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.875rem; height: 2.875rem;
	padding: 0;
	/* Quadrato verde con le linee chiare, qualunque sia il fondo dell'header. */
	color: var(--dg-white);
	background: var(--dg-primary-500);
	border: 0;
	border-radius: var(--dg-radius-sm);
	cursor: pointer;
	transition: background-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-header__apri:hover { background: var(--dg-primary-600); }
/* Sul menu aperto, che e' verde, il pulsante si stacca con il tono piu' scuro. */
.dg-header__apri[aria-expanded="true"] { background: transparent; }
/* Con il menu aperto dell'header resta solo il pulsante di chiusura. */
.dg-menu-aperto .dg-header__brand,
.dg-menu-aperto .dg-header__dx { visibility: hidden; }
.dg-header__apri-menu,
.dg-header__apri-chiudi { align-items: center; justify-content: center; }
.dg-header__apri-menu { display: inline-flex; }
.dg-header__apri .dg-icona { width: 1.75rem; height: 1.75rem; }
.dg-header__apri-chiudi { display: none; }
.dg-header__apri[aria-expanded="true"] .dg-header__apri-menu { display: none; }
.dg-header__apri[aria-expanded="true"] .dg-header__apri-chiudi { display: inline-flex; }

.dg-nav { display: none; }
.dg-nav__menu { display: flex; align-items: center; gap: calc(var(--dg-space-4) + var(--dg-space-2)); list-style: none; margin: 0; padding: 0; }
.dg-nav__menu a {
	display: block;
	padding-block: var(--dg-space-1);
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: var(--dg-border-width) solid transparent;
	transition: border-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-nav__menu a:hover,
.dg-nav__menu .current-menu-item > a,
.dg-nav__menu .current-page-ancestor > a { color: inherit; border-bottom-color: currentColor; }

.dg-header__contatti { display: none; color: inherit; text-decoration: none; }
.dg-header__contatti:hover { color: inherit; text-decoration: underline; }
.dg-header__prenota {
	display: none;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	padding-inline: var(--dg-space-6);
	color: var(--dg-white);
	text-decoration: none;
	white-space: nowrap;
	background-color: var(--dg-primary-500);
	transition: background-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-header__prenota:hover { color: var(--dg-white); background-color: var(--dg-primary-600); }

/* ---------- Selettore di lingua ---------- */
.dg-lang { position: relative; }
.dg-lang__attuale {
	display: flex;
	align-items: center;
	gap: var(--dg-space-1);
	list-style: none;
	cursor: pointer;
}
.dg-lang__attuale::-webkit-details-marker { display: none; }
.dg-lang__attuale .dg-icona { width: 1rem; height: 1rem; }
.dg-lang__elenco {
	position: absolute;
	top: calc(100% + var(--dg-space-3));
	right: 0;
	z-index: var(--dg-z-dropdown);
	margin: 0;
	padding: var(--dg-space-2) var(--dg-space-3);
	list-style: none;
	background: var(--dg-neutral-100);
	border-radius: var(--dg-radius-sm);
	box-shadow: var(--dg-shadow-md);
}
.dg-lang__elenco a { display: block; padding-block: var(--dg-space-1); color: var(--dg-primary-500); text-decoration: none; white-space: nowrap; }
.dg-lang__elenco a:hover,
.dg-lang__elenco a[aria-current] { text-decoration: underline; }

@media (min-width: 768px) {
	.dg-header__inner { height: 6rem; padding-inline: var(--dg-space-4); }
	.dg-header__brand { width: 6.5rem; }
	.dg-header__apri { width: 3.125rem; height: 3.125rem; }
}
@media (min-width: 992px) {
	.dg-header__inner { padding-right: 0; }
	.dg-header__prenota { display: flex; }
}
@media (min-width: 1400px) {
	.dg-header__inner { height: 7.75rem; padding-left: calc(var(--dg-space-5) + var(--dg-space-2)); }
	.dg-header__brand { width: 7.5625rem; }
	.dg-header__apri { display: none; }
	.dg-nav { display: block; }
	.dg-header__contatti { display: block; }
	.dg-header__dx { gap: var(--dg-space-6); }
}

/* ---------- Menu a tutto schermo (sotto i 1400 px) ---------- */
.dg-offcanvas {
	position: fixed;
	inset: 0;
	z-index: var(--dg-z-sticky);
	overflow-y: auto;
	color: var(--dg-neutral-100);
	background-color: var(--dg-primary-500);
	visibility: hidden;
	transform: translateX(-100%);
	transition: transform var(--dg-duration-slow) var(--dg-ease-standard), visibility 0s linear var(--dg-duration-slow);
}
.dg-menu-aperto .dg-offcanvas { visibility: visible; transform: none; transition-delay: 0s; }
.dg-menu-aperto { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .dg-offcanvas { transition: none; } }

.dg-offcanvas__inner {
	display: flex;
	flex-direction: column;
	gap: var(--dg-space-5);
	min-height: 100%;
	padding: var(--dg-space-8) var(--dg-space-4) var(--dg-space-7);
}
.dg-offcanvas a { color: inherit; text-decoration: none; }
.dg-offcanvas a:hover { color: var(--dg-white); }
.dg-offcanvas__menu { margin: 0; padding: 0; list-style: none; }
.dg-offcanvas__menu a { display: block; padding-block: var(--dg-space-1); font-size: var(--dg-h4); line-height: 1.3; }
.dg-offcanvas__info { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-offcanvas__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-normal); text-transform: uppercase; color: inherit; }
.dg-offcanvas__elenco { margin: 0; padding: 0; list-style: none; }
.dg-offcanvas__elenco li + li { margin-top: var(--dg-space-2); }
.dg-offcanvas__indirizzo { font-style: normal; }
.dg-offcanvas__social { display: flex; gap: var(--dg-space-4); margin: 0; padding: 0; list-style: none; }
.dg-offcanvas__social .dg-icona { width: 2.25rem; height: 2.25rem; }
.dg-offcanvas__indicazioni { align-self: flex-start; text-transform: uppercase; letter-spacing: .1em; text-decoration: underline; }
.dg-offcanvas a.dg-offcanvas__indicazioni { text-decoration: underline; }

@media (min-width: 992px) {
	.dg-offcanvas__inner { flex-direction: row; padding-inline: var(--dg-space-5); }
	.dg-offcanvas__nav,
	.dg-offcanvas__info { width: 50%; }
	/* Menu e recapiti partono alla stessa altezza: il titolo dei recapiti e' piu' piccolo
	   delle voci del menu e si allinea alla loro prima riga. */
	.dg-offcanvas__info { padding-top: var(--dg-space-2); }
}
@media (min-width: 1400px) {
	.dg-offcanvas { display: none; }
}

/* ---------- Barra fissa con il pulsante Prenota (sotto i 992 px) ---------- */
/* L'altezza della barra e' una misura sola, usata in tre punti: la barra, l'hero della home
   (che occupa lo schermo meno la barra, in sezioni.css) e lo spazio in fondo al footer.
   Sugli schermi con l'area di sicurezza in basso (iPhone) la comprende. */
:root { --dg-barra-prenota: calc(4.875rem + env(safe-area-inset-bottom, 0px)); }
.dg-barra-prenota {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: var(--dg-z-sticky);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: var(--dg-barra-prenota);
	padding: 0 var(--dg-space-4) env(safe-area-inset-bottom, 0px);
	background-color: var(--dg-neutral-100);
	box-shadow: var(--dg-shadow-md);
}
/* Lo spazio per la barra sta dentro il footer, cosi' sotto resta il suo colore. */
.dg-footer { padding-bottom: var(--dg-barra-prenota); }
@media (min-width: 992px) {
	.dg-barra-prenota { display: none; }
	.dg-footer { padding-bottom: 0; }
}

/* ==========================================================================
   Footer
   ========================================================================== */

.dg-footer {
	font-weight: var(--dg-fw-normal);
	color: var(--dg-neutral-100);
	background-color: var(--dg-primary-500);
}
.dg-footer a { color: inherit; text-decoration: none; }
.dg-footer a:hover { color: var(--dg-white); }
.dg-footer__wrap {
	width: 100%;
	max-width: 120rem;
	margin-inline: auto;
	padding: var(--dg-ss-lg) var(--dg-space-4) 0;
}
.dg-footer__logo { display: block; width: 8.375rem; margin-inline: auto; color: var(--dg-neutral-100); }
.dg-footer__logo svg,
.dg-footer__logo svg path { fill: currentColor; }

.dg-footer__corpo {
	display: flex;
	flex-direction: column;
	gap: var(--dg-space-5);
	padding-block: var(--dg-ss-lg);
}
.dg-footer__title { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h5); font-weight: var(--dg-fw-medium); color: inherit; }
.dg-footer__address { font-style: normal; }
.dg-footer__piva { margin: var(--dg-space-3) 0 0; }
.dg-footer__indicazioni { margin-top: var(--dg-space-5); }
.dg-footer__colonne { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-footer__list { list-style: none; margin: 0; padding: 0; }
.dg-footer__list li + li { margin-top: var(--dg-space-2); }
.dg-footer__recapito { display: inline-flex; align-items: center; gap: var(--dg-space-2); letter-spacing: .02em; }
.dg-footer__recapito .dg-icona { width: 1.6875rem; height: 1.6875rem; }
.dg-footer__social { display: flex; flex-wrap: wrap; gap: var(--dg-space-4); list-style: none; margin: var(--dg-space-4) 0 0; padding: 0; }
.dg-footer__social .dg-icona { width: 3rem; height: 3rem; stroke-width: 1; }

.dg-footer__bottom {
	display: flex;
	flex-direction: column;
	gap: var(--dg-space-3);
	padding-block: var(--dg-space-5);
	font-size: var(--dg-fs-sm);
	border-top: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .21);
}
.dg-footer__legale ul,
ul.dg-footer__legale { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.dg-footer__legale li + li::before { content: "|"; margin-inline: var(--dg-space-2); opacity: .5; }
.dg-footer__firma { margin: 0; }
.dg-footer__firma a { font-weight: var(--dg-fw-bold); }
/* L'icona rotonda fissa di Consently (script di terzi) non si mostra: le preferenze si
   riaprono dal pulsante qui sotto, che a differenza dell'icona si raggiunge da tastiera. */
.cm__float-btn { display: none !important; }
/* Pulsante "Preferenze cookie": ha l'aspetto dei link legali che gli stanno accanto. */
.dg-footer__preferenze { padding: 0; font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.dg-footer__preferenze:hover { color: var(--dg-white); }

@media (min-width: 768px) {
	.dg-footer__wrap { padding-inline: var(--dg-space-5); }
	.dg-footer__logo { width: 9.75rem; }
	.dg-footer__colonne { flex-direction: row; }
	.dg-footer__col { width: 50%; }
	.dg-footer__bottom { flex-direction: row; justify-content: space-between; align-items: flex-start; }
}
@media (min-width: 1400px) {
	.dg-footer__wrap { padding-inline: var(--dg-space-6); }
	.dg-footer__logo { width: 11.25rem; }
	.dg-footer__corpo { flex-direction: row; justify-content: space-between; }
	.dg-footer__hotel { width: 50%; }
	.dg-footer__colonne { width: 40%; gap: var(--dg-space-4); }
}
/* ==========================================================================
   Ellex Eco Hotel - componenti e sezioni.
   Solo token --dg-*. I pochi valori scritti a mano sono misure uniche di un
   elemento (altezze delle immagini a tutta larghezza, proporzioni, interlinee
   dei titoli) che nessun token copre.
   ========================================================================== */

/* ---------- Componenti ---------- */

.dg-fascia-verde { color: var(--dg-neutral-100); background-color: var(--dg-primary-500); overflow: hidden; }

/* Occhiello: pallino + testo in maiuscolo. */
.dg-occhiello {
	display: flex;
	align-items: center;
	gap: var(--dg-space-2);
	margin: 0 0 var(--dg-space-4);
	text-transform: uppercase;
}
.dg-occhiello::before {
	content: "";
	flex: none;
	width: .375rem; height: .375rem;
	background-color: currentColor;
	border-radius: var(--dg-radius-circle);
}

/* Intestazione di sezione: centrata di norma. */
.dg-intestazione {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 48rem;
	margin: 0 auto var(--dg-ss-md);
	text-align: center;
}
.dg-intestazione--larga { max-width: 56rem; }
.dg-intestazione--sinistra { align-items: flex-start; max-width: 52rem; margin-inline: 0; margin-bottom: var(--dg-space-4); text-align: left; }
.dg-intestazione__titolo { margin: 0; font-size: var(--dg-h3); text-transform: uppercase; }
.dg-intestazione__testo { margin: var(--dg-space-4) 0 0; }

/* Pulsante sotto un elenco, al centro. */
.dg-sezione__azione { display: flex; justify-content: center; margin-top: var(--dg-ss-md); }

/* Il link copre tutta la card che lo contiene. */
.dg-link-esteso { color: inherit; text-decoration: none; }
.dg-link-esteso:hover { color: inherit; }
.dg-link-esteso::after { content: ""; position: absolute; inset: 0; z-index: 1; }

.dg-pillola {
	padding: var(--dg-space-2) var(--dg-space-3);
	font-size: var(--dg-fs-sm);
	letter-spacing: .02em;
	color: var(--dg-neutral-100);
	background: rgba(var(--dg-black-rgb), .4);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border-radius: var(--dg-radius-pill);
}

/* Frecce di caroselli e dissolvenze. */
.dg-frecce { display: flex; gap: var(--dg-space-2); }
.dg-frecce__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.375rem; height: 3.375rem;
	padding: 0;
	color: var(--dg-neutral-100);
	background-color: var(--dg-primary-500);
	border: 0;
	border-radius: var(--dg-radius-circle);
	box-shadow: var(--dg-shadow-md);
	cursor: pointer;
	transition: opacity var(--dg-duration-base) var(--dg-ease-standard), background-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-frecce__btn .dg-icona { width: 1.375rem; height: 1.375rem; }
.dg-frecce__btn:hover { background-color: var(--dg-primary-600); }
.dg-frecce__btn[disabled] { opacity: 0; pointer-events: none; }
.dg-frecce--chiare .dg-frecce__btn { color: var(--dg-primary-500); background-color: var(--dg-neutral-100); }
.dg-frecce--chiare .dg-frecce__btn:hover { background-color: var(--dg-white); }
.dg-frecce--vetro .dg-frecce__btn {
	width: 2.875rem; height: 2.875rem;
	background: rgba(var(--dg-neutral-100-rgb), .3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: none;
}
.dg-frecce--vetro .dg-frecce__btn:hover { background: rgba(var(--dg-neutral-100-rgb), .45); }
/* Ai lati del carosello, a meta' altezza: solo dove c'e' spazio. */
.dg-frecce--lati { display: none; }
@media (min-width: 768px) {
	.dg-frecce--vetro .dg-frecce__btn { width: 3.25rem; height: 3.25rem; }
}
@media (min-width: 1200px) {
	.dg-frecce--lati { display: block; }
	.dg-frecce--lati .dg-frecce__btn { position: absolute; top: 50%; z-index: 2; width: 3.75rem; height: 3.75rem; transform: translateY(-50%); }
	.dg-frecce--lati .dg-frecce__btn--prec { left: var(--dg-space-4); }
	.dg-frecce--lati .dg-frecce__btn--succ { right: var(--dg-space-4); }
}
@media (min-width: 1400px) {
	.dg-frecce--vetro .dg-frecce__btn { width: 3.75rem; height: 3.75rem; }
}

/* Carosello a scorrimento: la pista scorre in orizzontale e si ferma sulle voci. */
.dg-carosello { position: relative; }
.dg-carosello__pista {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.dg-carosello__pista::-webkit-scrollbar { display: none; }
.dg-carosello__voce { flex: none; scroll-snap-align: start; }
@media (prefers-reduced-motion: no-preference) { .dg-carosello__pista { scroll-behavior: smooth; } }

/* ---------- Home: hero ---------- */

.dg-hero-home {
	position: relative;
	display: flex;
	flex-direction: column;
	/* Hero e barra fissa di prenotazione riempiono insieme lo schermo: stessa misura. */
	height: calc(100dvh - var(--dg-barra-prenota));
	min-height: 32rem;
	color: var(--dg-neutral-100);
	background-color: var(--dg-neutral-900);
	overflow: hidden;
}
.dg-hero-home__immagini { position: absolute; inset: 0; }
.dg-hero-home__immagini::after { content: ""; position: absolute; inset: 0; background: rgba(var(--dg-black-rgb), .4); }
.dg-hero-home__img {
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2s var(--dg-ease-standard);
}
.dg-hero-home__img.is-attiva { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .dg-hero-home__img { transition: none; } }

.dg-hero-home__contenuto {
	position: relative;
	z-index: 1;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5rem var(--dg-space-4) var(--dg-space-4);
	text-align: center;
}
.dg-hero-home__occhiello {
	margin: 0 0 var(--dg-space-3);
	font-size: var(--dg-fs-lg);
	font-weight: var(--dg-fw-medium);
	line-height: 1.3;
	letter-spacing: -.03em;
	text-transform: uppercase;
}
.dg-hero-home__nome {
	margin: 0 0 var(--dg-space-4);
	font-size: var(--dg-display-4);
	line-height: 1;
	letter-spacing: -.03em;
	text-transform: uppercase;
}
.dg-hero-home__testo { max-width: 44rem; margin: 0; line-height: 1.4; letter-spacing: .01em; }
.dg-hero-home__cta { margin-top: var(--dg-space-5); }

.dg-hero-home__fondo {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	height: 5.375rem;
	padding-inline: var(--dg-space-4);
	border-top: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .21);
}
@media (min-width: 768px) {
	.dg-hero-home__contenuto { padding-top: 6rem; padding-inline: var(--dg-space-5); }
	.dg-hero-home__fondo { height: 7.125rem; padding-inline: var(--dg-space-5); }
}
@media (min-width: 992px) {
	.dg-hero-home { height: 100dvh; }
	.dg-hero-home__fondo { height: 8.125rem; }
}
@media (min-width: 1400px) {
	.dg-hero-home__contenuto { padding-top: 7.75rem; }
	.dg-hero-home__fondo { height: 9rem; padding-inline: var(--dg-space-6); }
}

/* ---------- Home: introduzione ---------- */

.dg-intro__titolo { margin: 0 0 var(--dg-ss-sm); font-size: var(--dg-h2); letter-spacing: -.03em; }
.dg-intro .dg-occhiello { margin-bottom: var(--dg-space-5); }
.dg-intro__corpo { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-intro__img { display: block; width: 100%; aspect-ratio: 16 / 11; object-fit: cover; border-radius: var(--dg-radius-sm); }
.dg-intro__testo p { max-width: 30.25rem; margin-bottom: var(--dg-space-3); }
@media (min-width: 992px) {
	.dg-intro__corpo { flex-direction: row; align-items: flex-end; gap: var(--dg-space-6); }
	.dg-intro__media { width: 58%; }
	.dg-intro__testo { width: 42%; }
}
@media (min-width: 1400px) {
	.dg-intro__testa { width: 58%; }
}

/* ---------- Home: camere ---------- */

.dg-camere-home { border-top: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); overflow: hidden; }

/* La pista parte dal margine del contenitore e scorre fino al bordo dello schermo. */
.dg-carosello--camere .dg-carosello__pista {
	gap: var(--dg-space-3);
	padding-inline: var(--dg-space-4);
	scroll-padding-inline: var(--dg-space-4);
}
.dg-carosello--camere .dg-carosello__voce { width: 88%; }
@media (min-width: 768px) {
	.dg-carosello--camere .dg-carosello__pista { gap: var(--dg-space-4); padding-inline: var(--dg-space-5); scroll-padding-inline: var(--dg-space-5); }
	.dg-carosello--camere .dg-carosello__voce { width: 64%; }
}
@media (min-width: 992px) {
	.dg-carosello--camere .dg-carosello__voce { width: calc(50% - var(--dg-space-5)); }
}
@media (min-width: 1400px) {
	.dg-carosello--camere .dg-carosello__pista { padding-inline: var(--dg-space-6); scroll-padding-inline: var(--dg-space-6); }
	.dg-carosello--camere .dg-carosello__voce { width: calc(50% - var(--dg-space-6)); }
}
@media (min-width: 1800px) {
	.dg-carosello--camere .dg-carosello__voce { width: calc(33.333% - var(--dg-space-5)); }
}

.dg-card-camera { position: relative; overflow: hidden; color: var(--dg-neutral-100); background-color: var(--dg-neutral-800); border-radius: var(--dg-radius-sm); }
.dg-card-camera__img { display: block; width: 100%; aspect-ratio: 5 / 6; object-fit: cover; }
.dg-card-camera::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(var(--dg-black-rgb), 0) 20%, rgba(var(--dg-black-rgb), .49) 100%); }
.dg-card-camera__sopra {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: var(--dg-space-4);
}
.dg-card-camera__dati { display: flex; justify-content: flex-end; gap: var(--dg-space-1); margin: 0; padding: 0; list-style: none; }
.dg-card-camera__etichetta { margin: 0 0 var(--dg-space-1); font-size: var(--dg-fs-sm); letter-spacing: .03em; text-transform: uppercase; }
.dg-card-camera__nome { margin: 0; font-size: var(--dg-h4); }
@media (min-width: 1400px) { .dg-card-camera__sopra { padding-left: calc(var(--dg-space-4) + var(--dg-space-2)); } }

/* ---------- Home: territorio ---------- */

.dg-territorio { position: relative; height: 42.5rem; color: var(--dg-neutral-100); overflow: hidden; }
.dg-territorio__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-territorio::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(var(--dg-black-rgb), .5), rgba(var(--dg-black-rgb), 0) 100%); }
.dg-territorio__contenuto {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--dg-space-4) var(--dg-space-4) var(--dg-space-5);
}
.dg-territorio__testo { max-width: 23rem; }
.dg-territorio__testo p { margin: 0; letter-spacing: .01em; }
.dg-territorio__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h4); font-weight: var(--dg-fw-medium); line-height: 1.3; text-transform: uppercase; }
@media (min-width: 576px) { .dg-territorio { height: 46.25rem; } }
@media (min-width: 768px) {
	.dg-territorio { height: 53.125rem; }
	.dg-territorio__contenuto { justify-content: center; padding: var(--dg-space-5); }
}
@media (min-width: 1400px) {
	.dg-territorio { height: 75rem; }
	.dg-territorio__contenuto { padding: var(--dg-space-6); }
	.dg-territorio__testo { margin-left: 8%; }
}

/* ---------- Home: offerte ---------- */

.dg-carosello--offerte { max-width: 96.25rem; margin-inline: auto; }
/* La pista non ha angoli arrotondati: li hanno le card. */
.dg-carosello--offerte .dg-carosello__pista { gap: var(--dg-space-4); }
/* Sotto i 1200 px la pista esce dal margine del contenuto e arriva ai due bordi dello
   schermo, e le card sono piu' strette del contenuto: della card vicina si vede sempre un
   pezzo. --dg-offerte-margine e' il margine laterale di .dg-wrap e torna come padding sui
   due lati, cosi' la prima card si ferma a quel margine da sinistra (con la successiva che
   spunta a destra) e l'ultima alla stessa distanza da destra (con la precedente che spunta
   a sinistra). L'aggancio dello scorrimento tiene conto dello stesso margine. */
.dg-carosello--offerte { --dg-offerte-margine: var(--dg-space-4); }
.dg-carosello--offerte .dg-carosello__pista {
	margin-inline: calc(-1 * var(--dg-offerte-margine));
	padding-inline: var(--dg-offerte-margine);
	scroll-padding-inline: var(--dg-offerte-margine);
}
.dg-carosello--offerte .dg-carosello__voce { width: 92%; }
@media (min-width: 768px) { .dg-carosello--offerte { --dg-offerte-margine: var(--dg-space-5); } }
@media (min-width: 1200px) {
	.dg-carosello--offerte .dg-carosello__pista { margin-inline: 0; padding-inline: 0; scroll-padding-inline: 0; }
	.dg-carosello--offerte .dg-carosello__voce { width: 100%; }
	.dg-carosello--offerte .dg-frecce__btn--prec { left: calc(-1 * var(--dg-space-4) - var(--dg-space-1)); }
	.dg-carosello--offerte .dg-frecce__btn--succ { right: calc(-1 * var(--dg-space-4) - var(--dg-space-1)); }
}

.dg-card-offerta {
	display: flex;
	flex-direction: column;
	gap: var(--dg-space-4);
	height: 100%;
	padding: var(--dg-space-4);
	color: var(--dg-primary-500);
	background-color: var(--dg-neutral-100);
	border-radius: var(--dg-radius-sm);
}
.dg-card-offerta__img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--dg-radius-sm); }
.dg-card-offerta__corpo { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.dg-card-offerta__etichetta { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-medium); text-transform: uppercase; }
.dg-card-offerta__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h4); font-weight: var(--dg-fw-medium); }
.dg-card-offerta__testo { max-width: 32.5rem; margin: 0; }
.dg-card-offerta__periodo { margin-top: var(--dg-space-4); font-size: var(--dg-fs-sm); }
.dg-card-offerta__periodo-etichetta { margin: 0 0 var(--dg-space-1); text-transform: uppercase; }
.dg-card-offerta__periodo-valore { margin: 0; }
.dg-card-offerta__cta { margin-top: var(--dg-space-5); }
@media (min-width: 992px) {
	.dg-card-offerta { flex-direction: row-reverse; align-items: stretch; justify-content: space-between; gap: var(--dg-space-5); padding: calc(var(--dg-space-4) + var(--dg-space-2)); }
	.dg-card-offerta__media,
	.dg-card-offerta__corpo { width: 50%; }
	.dg-card-offerta__corpo { max-width: 43.75rem; padding-block: var(--dg-space-3); }
}
@media (min-width: 1400px) {
	.dg-card-offerta { gap: var(--dg-space-7); }
	.dg-card-offerta__corpo { padding: var(--dg-space-3); }
}

/* ---------- Home: servizi ---------- */

.dg-servizi-home__elenco { display: flex; flex-direction: column; gap: var(--dg-space-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 992px) {
	.dg-servizi-home__elenco { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
	/* La card centrale sta piu' in alto delle altre due. */
	.dg-servizi-home__voce { margin-top: var(--dg-space-7); }
	.dg-servizi-home__voce:nth-child(2) { margin-top: 0; }
}

.dg-card-servizio { position: relative; overflow: hidden; color: var(--dg-white); background-color: var(--dg-neutral-800); border-radius: var(--dg-radius-sm); }
.dg-card-servizio__img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.dg-card-servizio::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(var(--dg-black-rgb), .11), rgba(var(--dg-black-rgb), .41)); }
/* Immagine e testo nella stessa cella: il testo non e' posizionato, cosi' il link del
   titolo si estende a tutta la card. */
.dg-card-servizio { display: grid; }
.dg-card-servizio__img { grid-area: 1 / 1; }
.dg-card-servizio__testo { grid-area: 1 / 1; align-self: end; z-index: 2; padding: 0 var(--dg-space-3) var(--dg-space-4) var(--dg-space-4); }
.dg-card-servizio__nome { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h4); text-transform: uppercase; }
.dg-card-servizio__riassunto { max-width: 27rem; margin: 0; font-size: var(--dg-fs-sm); color: var(--dg-neutral-100); }
@media (min-width: 1400px) {
	.dg-card-servizio__testo { padding-bottom: var(--dg-space-5); }
}

/* ---------- Home: eco hotel ---------- */

.dg-eco-home__griglia { display: flex; flex-direction: column; gap: var(--dg-ss-md); }
.dg-eco-home__media { position: relative; }
.dg-eco-home__img-1 { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--dg-radius-sm); }
.dg-eco-home__img-2 { display: none; }
.dg-eco-home .dg-content p { letter-spacing: .01em; }
.dg-eco-home__punti { margin: var(--dg-ss-sm) 0 0; padding: 0; list-style: none; }
.dg-eco-home__punto { display: flex; gap: var(--dg-space-4); margin-bottom: var(--dg-space-4); }
.dg-eco-home__icona { flex: none; width: 3.875rem; height: 3.875rem; }
.dg-eco-home__punto-titolo { margin: 0 0 var(--dg-space-2); font-size: var(--dg-font-size-base); font-weight: var(--dg-fw-medium); line-height: 1.3; }
.dg-eco-home__punto-testo { margin: 0; font-size: var(--dg-fs-sm); }
.dg-eco-home__cta { margin-top: var(--dg-ss-sm); }
@media (min-width: 576px) {
	.dg-eco-home__punti { display: flex; gap: var(--dg-space-5); }
	.dg-eco-home__punto { flex: 1; flex-direction: column; align-items: center; gap: var(--dg-space-4); margin: 0; text-align: center; }
}
@media (min-width: 768px) {
	.dg-eco-home__img-1 { width: 71%; }
	.dg-eco-home__img-2 {
		position: absolute;
		top: 50%; left: 54%;
		display: block;
		width: 38%;
		aspect-ratio: 4 / 5;
		object-fit: cover;
		border-radius: var(--dg-radius-sm);
		box-shadow: var(--dg-shadow-md);
		transform: translateY(-50%);
	}
}
@media (min-width: 1400px) {
	.dg-eco-home__griglia { flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; gap: var(--dg-space-5); }
	.dg-eco-home__media { display: flex; justify-content: flex-end; width: 46%; }
	.dg-eco-home__img-1 { width: 86%; }
	.dg-eco-home__img-2 { left: -5%; }
	.dg-eco-home__testo { width: 50%; max-width: 50.5rem; }
	.dg-eco-home__cta { margin-top: var(--dg-ss-md); }
}

/* ---------- Home: esperienze (card delle stagioni) ---------- */

.dg-stagioni { display: flex; flex-direction: column; gap: var(--dg-space-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 1400px) {
	.dg-stagioni { flex-direction: row; }
	.dg-stagioni__voce { width: 50%; }
}
.dg-card-stagione { position: relative; overflow: hidden; color: var(--dg-neutral-100); background-color: var(--dg-neutral-800); border-radius: var(--dg-radius-sm); }
.dg-card-stagione__img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.dg-card-stagione::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(var(--dg-black-rgb), 0), rgba(var(--dg-black-rgb), .46) 100%); }
/* Come le card dei servizi: testo nella stessa cella dell'immagine, link esteso a tutta la card. */
.dg-card-stagione { display: grid; }
.dg-card-stagione__img { grid-area: 1 / 1; }
.dg-card-stagione__testo { grid-area: 1 / 1; align-self: end; z-index: 2; padding: var(--dg-space-4); }
.dg-card-stagione__occhiello { margin: 0 0 var(--dg-space-1); text-transform: uppercase; }
.dg-card-stagione__titolo { margin: 0; font-size: var(--dg-display-4); font-weight: var(--dg-fw-medium); text-transform: uppercase; }
@media (min-width: 768px) {
	.dg-card-stagione__img { aspect-ratio: 3 / 2; }
	.dg-card-stagione__testo { padding: calc(var(--dg-space-4) + var(--dg-space-2)); }
}

/* ---------- Invito a prenotare ---------- */

.dg-cta { background-color: var(--dg-neutral-300); }
/* Dopo una sezione che ha gia' il fondo neutro (elenchi, Contatti) resta sul fondo della pagina. */
.dg-cta--chiaro { background-color: transparent; }
.dg-cta__griglia { display: flex; flex-direction: column; gap: var(--dg-space-4); }
.dg-cta__titolo { margin: 0; font-size: var(--dg-h3); text-transform: uppercase; }
.dg-cta__testo p { margin: 0 0 var(--dg-space-5); }
@media (min-width: 992px) {
	.dg-cta__griglia { flex-direction: row; justify-content: space-between; align-items: flex-start; }
	.dg-cta__titolo { width: 50%; max-width: 48.5rem; }
	.dg-cta__testo { width: 50%; max-width: 22.625rem; }
}

/* ==========================================================================
   Pagine interne
   ========================================================================== */

.dg-fascia-neutra { background-color: var(--dg-neutral-300); }

/* Titolo di sezione allineato a sinistra (nelle schede). */
.dg-titolo-sezione { margin: 0 0 var(--dg-space-5); font-size: var(--dg-h3); text-transform: uppercase; }

/* Testata delle pagine elenco: titolo e testo al centro. */
.dg-testata { display: flex; flex-direction: column; align-items: center; max-width: 64rem; margin: 0 auto var(--dg-ss-md); text-align: center; }
.dg-testata__titolo { margin: 0 0 var(--dg-space-4); font-size: var(--dg-h3); font-weight: var(--dg-fw-medium); text-transform: uppercase; }
.dg-testata__testo { margin: 0; }

/* Griglie di card. */
.dg-griglia { display: grid; gap: var(--dg-space-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .dg-griglia--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .dg-griglia--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Elenco a righe sottili, su due colonne. */
.dg-elenco-righe { display: grid; column-gap: var(--dg-space-4); margin: 0; padding: 0; list-style: none; }
.dg-elenco-righe li { padding-block: var(--dg-space-3); border-bottom: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }
@media (min-width: 768px) { .dg-elenco-righe { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- Scheda: hero con l'immagine a tutta larghezza ---------- */

.dg-hero-scheda { position: relative; height: 36.25rem; color: var(--dg-neutral-100); background-color: var(--dg-neutral-800); overflow: hidden; }
.dg-hero-scheda__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-hero-scheda::after { content: ""; position: absolute; inset: 0; background-color: rgba(var(--dg-black-rgb), .24); }
.dg-hero-scheda__contenuto {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-block: var(--dg-space-4);
}
/* Il limite in vw tiene dentro lo schermo dei telefoni le parole lunghe ("Supérieure"). */
.dg-hero-scheda__titolo { margin: 0; font-size: min(var(--dg-display-1), 13vw); line-height: 1; letter-spacing: -.03em; text-transform: uppercase; }
@media (min-width: 576px) { .dg-hero-scheda { height: 42.125rem; } }
@media (min-width: 768px) {
	.dg-hero-scheda { height: 50rem; }
	.dg-hero-scheda__contenuto { padding-block: var(--dg-space-5); }
}
@media (min-width: 1400px) {
	.dg-hero-scheda { height: 62.375rem; }
	.dg-hero-scheda__contenuto { padding-bottom: var(--dg-space-6); }
}

/* Dati della camera: tre riquadri in vetro, in basso a destra. */
.dg-dati-camera { display: flex; gap: 1px; align-self: flex-end; width: 100%; margin: 0; padding: 0; list-style: none; color: var(--dg-primary-500); border-radius: var(--dg-radius-sm); overflow: hidden; }
.dg-dati-camera__voce {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--dg-space-1);
	padding: var(--dg-space-3) var(--dg-space-4);
	white-space: nowrap;
	background-color: rgba(var(--dg-neutral-100-rgb), .71);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.dg-dati-camera .dg-icona { width: 2.25rem; height: 2.25rem; }
@media (min-width: 576px) {
	.dg-dati-camera { width: auto; }
	.dg-dati-camera__voce { flex: none; padding: var(--dg-space-4) var(--dg-space-5); }
	.dg-dati-camera .dg-icona { width: 3.25rem; height: 3.25rem; stroke-width: 1; }
}

/* ---------- Scheda: introduzione ---------- */

.dg-intro-scheda__griglia { display: flex; flex-direction: column; }
.dg-intro-scheda__testo { font-size: var(--dg-h5); font-weight: var(--dg-fw-medium); line-height: 1.4; }
@media (min-width: 1400px) {
	.dg-intro-scheda__griglia { flex-direction: row; }
	.dg-intro-scheda__sx,
	.dg-intro-scheda__testo { width: 50%; }
	.dg-intro-scheda__sx { padding-top: var(--dg-space-5); }
}

/* ---------- Galleria a tutta larghezza ---------- */

.dg-carosello--galleria .dg-carosello__pista { gap: 2px; }
/* Foto affiancate: poco piu' di una su telefono, due e mezza da 1200 px, tre da 1800 px. */
.dg-carosello--galleria .dg-carosello__voce { width: 90%; }
.dg-galleria__img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (min-width: 768px) { .dg-carosello--galleria .dg-carosello__voce { width: 83%; } }
@media (min-width: 992px) { .dg-carosello--galleria .dg-carosello__voce { width: 47.6%; } }
@media (min-width: 1200px) { .dg-carosello--galleria .dg-carosello__voce { width: 40%; } }
@media (min-width: 1800px) { .dg-carosello--galleria .dg-carosello__voce { width: 33.333%; } }
/* Le frecce stanno dentro la galleria, vicino ai bordi. */
@media (min-width: 768px) {
	.dg-galleria .dg-frecce--lati { display: block; }
	.dg-galleria .dg-frecce--lati .dg-frecce__btn { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }
	.dg-galleria .dg-frecce--lati .dg-frecce__btn--prec { left: var(--dg-space-3); }
	.dg-galleria .dg-frecce--lati .dg-frecce__btn--succ { right: var(--dg-space-3); }
}

/* ---------- Camera: servizi ---------- */

.dg-servizi-camera__griglia { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-servizi-camera__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--dg-radius-sm); }
.dg-servizi-camera__gruppo + .dg-servizi-camera__gruppo { margin-top: var(--dg-space-5); }
.dg-servizi-camera__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h5); font-weight: var(--dg-fw-medium); }
@media (min-width: 1400px) {
	.dg-servizi-camera__griglia { flex-direction: row; justify-content: space-between; gap: var(--dg-space-7); }
	.dg-servizi-camera__media,
	.dg-servizi-camera__testo { width: 50%; }
	.dg-servizi-camera__testo { max-width: 45rem; }
	.dg-servizi-camera__img { aspect-ratio: 1 / 1; }
}

/* ---------- "Scopri gli altri": titolo, carosello, pulsante ---------- */

.dg-altri { position: relative; border-top: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); overflow: hidden; }
.dg-altri__testa { margin-bottom: var(--dg-space-5); }
.dg-altri__testa .dg-titolo-sezione { max-width: 35rem; margin: 0; }
.dg-altri__azione { display: flex; justify-content: center; margin-top: var(--dg-ss-md); }
@media (min-width: 992px) {
	/* Il pulsante sale accanto al titolo, a destra. */
	.dg-altri__testa { margin-bottom: var(--dg-space-6); padding-right: 20rem; }
	.dg-altri__azione { position: absolute; top: var(--dg-ss-lg); right: 0; left: 0; justify-content: flex-end; margin-top: var(--dg-space-1); pointer-events: none; }
	.dg-altri__azione .dg-btn { pointer-events: auto; }
}

/* ---------- Hero delle pagine interne: varianti ---------- */

.dg-hero-scheda--scuro::after { background-color: rgba(var(--dg-black-rgb), .42); }
.dg-hero-scheda__titolo--medio { max-width: 50rem; font-size: var(--dg-h1); }
@media (min-width: 1400px) { .dg-hero-scheda__titolo--medio { max-width: 67.5rem; } }
.dg-hero-scheda__testo { max-width: 30rem; margin: 0; line-height: 1.4; }
.dg-hero-scheda--centro .dg-hero-scheda__contenuto { align-items: center; justify-content: center; text-align: center; }
/* Stagioni: sfumatura verso il basso, titolo e testo in fondo. */
.dg-hero-scheda--basso::after { background-color: transparent; background-image: linear-gradient(rgba(var(--dg-black-rgb), .2), rgba(var(--dg-black-rgb), .61) 100%); }
.dg-hero-scheda--basso .dg-hero-scheda__contenuto { justify-content: flex-end; gap: var(--dg-space-4); }
@media (min-width: 992px) {
	.dg-hero-scheda__testo { align-self: flex-end; }
	.dg-hero-scheda--basso .dg-hero-scheda__contenuto { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: var(--dg-space-5); }
	.dg-hero-scheda--basso .dg-hero-scheda__testa { width: 50%; }
	.dg-hero-scheda--basso .dg-hero-scheda__testo { width: 40%; }
}

/* Intestazione delle pagine interne: titolo in minuscolo, piu' marcato. */
.dg-intestazione--pagina { max-width: 50rem; }
.dg-intestazione--pagina .dg-intestazione__titolo { font-weight: var(--dg-fw-medium); text-transform: none; }
.dg-intestazione--grande { max-width: 65rem; }
.dg-intestazione--grande .dg-intestazione__titolo { font-size: var(--dg-h2); }

/* Griglia dei servizi: tre colonne da 992 px. */
.dg-griglia--servizi { gap: var(--dg-space-4); }
@media (min-width: 992px) { .dg-griglia--servizi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Immagine e testo affiancati (scheda del servizio) ---------- */

.dg-testo-immagine__griglia { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-testo-immagine__img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--dg-radius-sm); }
.dg-testo-immagine__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h4); font-weight: var(--dg-fw-medium); text-transform: uppercase; }
.dg-testo-immagine__sottotitolo { margin: var(--dg-space-4) 0 var(--dg-space-3); font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-medium); text-transform: uppercase; }
@media (min-width: 992px) {
	.dg-testo-immagine__griglia { flex-direction: row; justify-content: space-between; gap: var(--dg-space-7); }
	.dg-testo-immagine__media,
	.dg-testo-immagine__testo { width: 50%; }
	.dg-testo-immagine__testo { display: flex; flex-direction: column; align-items: center; }
	.dg-testo-immagine__interno { width: 100%; max-width: 40.5rem; }
}

/* Elenco con il pallino. */
.dg-elenco-punti { margin: 0; padding: 0; list-style: none; }
.dg-elenco-punti li { display: flex; gap: var(--dg-space-2); margin-bottom: var(--dg-space-2); }
.dg-elenco-punti li::before { content: ""; flex: none; width: .375rem; height: .375rem; margin-top: .65em; background-color: currentColor; border-radius: var(--dg-radius-circle); }

/* ---------- Galleria a scorrimento libero: immagini alte uguali, larghe quanto serve ---------- */

.dg-galleria-libera { overflow: hidden; }
/* Ogni foto, larga o stretta, si ferma allineata al margine sinistro del contenitore. */
.dg-carosello--libero .dg-carosello__pista { gap: var(--dg-space-3); padding-inline: var(--dg-space-4); scroll-padding-inline: var(--dg-space-4); }
.dg-galleria-libera__img { display: block; width: auto; max-width: none; height: 15rem; border-radius: var(--dg-radius-sm); }
@media (min-width: 576px) { .dg-galleria-libera__img { height: 18.75rem; } }
@media (min-width: 768px) {
	.dg-carosello--libero .dg-carosello__pista { padding-inline: var(--dg-space-5); scroll-padding-inline: var(--dg-space-5); }
	.dg-galleria-libera__img { height: 25rem; }
}
@media (min-width: 992px) { .dg-galleria-libera__img { height: 35rem; } }
@media (min-width: 1200px) { .dg-galleria-libera__img { height: 50rem; } }
@media (min-width: 1400px) { .dg-carosello--libero .dg-carosello__pista { padding-inline: var(--dg-space-6); scroll-padding-inline: var(--dg-space-6); } }

/* ---------- Offerte: elenco e scheda ---------- */

.dg-elenco-offerte { display: flex; flex-direction: column; gap: var(--dg-space-4); max-width: 87.5rem; margin: 0 auto; padding: 0; list-style: none; }

.dg-offerta__testa { margin-bottom: var(--dg-ss-sm); }
.dg-offerta__titolo { margin: 0; font-size: var(--dg-h2); font-weight: var(--dg-fw-medium); line-height: 1.15; text-transform: uppercase; }
.dg-offerta__griglia { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-offerta__img { display: block; width: 100%; height: auto; border-radius: var(--dg-radius-sm); }
.dg-offerta__dati { display: flex; flex-direction: column; justify-content: space-between; }
.dg-offerta__riassunto { margin: 0 0 var(--dg-space-5); font-size: var(--dg-h5); font-weight: var(--dg-fw-medium); line-height: 1.4; }
.dg-offerta__info + .dg-offerta__info { margin-top: var(--dg-space-4); }
.dg-offerta__info p { margin: 0; }
.dg-offerta__info-titolo { margin: 0 0 var(--dg-space-2); font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-medium); line-height: var(--dg-lh-base); text-transform: uppercase; }
.dg-offerta__include { margin: 0; padding: 0; list-style: none; }
.dg-offerta__include li + li { margin-top: var(--dg-space-1); }
@media (min-width: 1400px) {
	.dg-offerta__testa { width: 50%; }
	.dg-offerta__griglia { flex-direction: row; align-items: stretch; gap: var(--dg-space-7); }
	.dg-offerta__media,
	.dg-offerta__dati { width: 50%; }
	.dg-offerta__dati { max-width: 42rem; }
	.dg-offerta__riassunto { margin-bottom: var(--dg-space-4); }
}

.dg-offerta-descrizione__griglia { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-offerta-descrizione__img { display: block; width: 100%; height: auto; border-radius: var(--dg-radius-sm); }
.dg-offerta-descrizione__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h3); font-weight: var(--dg-fw-medium); line-height: 1.15; text-transform: uppercase; }
.dg-offerta-descrizione .dg-content { font-size: var(--dg-fs-lg); }
.dg-offerta-descrizione__cta { margin-top: var(--dg-space-5); }
@media (min-width: 1400px) {
	.dg-offerta-descrizione__griglia { flex-direction: row-reverse; justify-content: space-between; }
	.dg-offerta-descrizione__media { width: 40%; }
	.dg-offerta-descrizione__testo { width: 50%; max-width: 47.5rem; }
}

/* ---------- Stagioni: elenco delle esperienze ---------- */

.dg-esperienze__elenco { max-width: 75rem; margin-inline: auto; }
.dg-esperienza + .dg-esperienza { margin-top: var(--dg-ss-md); }
.dg-esperienza__img { display: block; width: 100%; height: auto; }
.dg-esperienza__testo { padding: var(--dg-space-4) 0 0; }
.dg-esperienza__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h4); letter-spacing: .01em; line-height: 1.3; }
@media (min-width: 992px) { .dg-esperienza__testo { padding: var(--dg-space-5) var(--dg-space-7) 0; } }
.dg-elenco .dg-stagioni { margin-top: var(--dg-ss-md); }

/* ---------- Eco Hotel ---------- */

.dg-eco-testata { padding-block: var(--dg-ss-sm); }
.dg-eco-testata__testa { display: flex; flex-direction: column; margin-bottom: var(--dg-ss-sm); }
.dg-eco-testata__titolo { margin: 0; font-size: var(--dg-h2); font-weight: var(--dg-fw-medium); text-transform: uppercase; }
.dg-eco-testata__corpo { display: flex; flex-direction: column; gap: var(--dg-space-5); }
.dg-eco-testata__img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--dg-radius-sm); }
@media (min-width: 1400px) {
	.dg-eco-testata__testa { flex-direction: row-reverse; justify-content: space-between; }
	.dg-eco-testata__occhiello { display: flex; justify-content: flex-end; width: 25%; }
	.dg-eco-testata__titolo { width: 75%; max-width: 66.5rem; }
	.dg-eco-testata__corpo { flex-direction: row; align-items: stretch; gap: var(--dg-space-7); }
	.dg-eco-testata__media { width: 75%; }
	.dg-eco-testata__testo { display: flex; flex-direction: column; justify-content: flex-end; width: 25%; }
}

.dg-eco-dettagli { border-top: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }
.dg-intestazione--testo-stretto .dg-intestazione__testo { max-width: 32.5rem; }
.dg-eco-dettagli__elenco { display: flex; flex-direction: column; gap: var(--dg-space-4); }
.dg-eco-riquadro { display: flex; flex-direction: column; }
.dg-eco-riquadro__img { display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--dg-radius-sm); }
.dg-eco-riquadro__testo { padding: var(--dg-space-4); color: var(--dg-neutral-100); background-color: var(--dg-primary-500); border-radius: var(--dg-radius-sm); }
.dg-eco-riquadro__occhiello { display: flex; align-items: center; gap: var(--dg-space-2); margin: 0 0 var(--dg-space-5); font-size: var(--dg-fs-lg); text-transform: uppercase; }
.dg-eco-riquadro__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h3); line-height: 1.15; }
@media (min-width: 576px) {
	.dg-eco-riquadro__img { aspect-ratio: 4 / 3; }
	.dg-eco-riquadro__testo { padding: var(--dg-space-5); }
}
@media (min-width: 1400px) {
	.dg-eco-riquadro { flex-direction: row; align-items: stretch; gap: var(--dg-space-4); }
	/* Immagine e riquadro si scambiano di lato a ogni riga. */
	.dg-eco-riquadro:nth-child(even) { flex-direction: row-reverse; }
	.dg-eco-riquadro__media,
	.dg-eco-riquadro__testo { width: 50%; }
	.dg-eco-riquadro__testo { padding: calc(var(--dg-space-5) + var(--dg-space-2)); }
}

/* ---------- Contatti ---------- */

.dg-contatti__griglia { display: flex; flex-direction: column; gap: var(--dg-ss-md); }
.dg-contatti__titolo { margin: 0 0 var(--dg-space-5); font-size: var(--dg-display-4); font-weight: var(--dg-fw-medium); line-height: 1.3; text-transform: uppercase; }
.dg-contatti__testo { margin: 0; font-size: var(--dg-h5); line-height: 1.4; }
.dg-contatti__form { margin-top: var(--dg-ss-md); }
.dg-contatti__recapiti { margin: 0; padding: 0; list-style: none; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-medium); }
.dg-contatti__recapiti a { color: inherit; text-decoration: none; }
.dg-contatti__recapiti a:hover { text-decoration: underline; }
.dg-contatti__indirizzo { margin-top: var(--dg-ss-md); }
.dg-contatti__indirizzo address { font-style: normal; }
.dg-contatti__etichetta { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-lg); line-height: var(--dg-lh-base); text-transform: uppercase; }
.dg-contatti__indirizzo .dg-btn { margin-top: var(--dg-space-5); }
@media (min-width: 1400px) {
	.dg-contatti__griglia { flex-direction: row; justify-content: space-between; }
	.dg-contatti__sx { width: 50%; }
	.dg-contatti__dx { width: 50%; max-width: 27rem; padding-top: 12rem; }
}

/* Pulsante con il solo bordo, su fondo chiaro. */
.dg-btn--bordo-scuro { color: var(--dg-primary-500); background: transparent; border-color: var(--dg-primary-500); }
.dg-btn--bordo-scuro:hover { color: var(--dg-white); background: var(--dg-primary-500); border-color: var(--dg-primary-500); }

/* Modulo di contatto: lo stile di base dei form con le misure del progetto (campi alti,
   squadrati, fondo neutro e bordo verde). Si cambiano le variabili, non le regole. */
.dg-contatti__form .wpcf7 {
	--dg-cf7-gap: var(--dg-space-3);
	--dg-cf7-field-height: 4.625rem;
	--dg-cf7-field-bg: var(--dg-neutral-200);
	--dg-cf7-field-color: var(--dg-primary-500);
	--dg-cf7-field-border: var(--dg-primary-500);
	--dg-cf7-field-radius: var(--dg-radius-none);
	--dg-cf7-placeholder: var(--dg-primary-400);
	--dg-cf7-accent-hover: var(--dg-primary-600);
	--dg-cf7-accent-contrast: var(--dg-white);
	--dg-cf7-button-radius: var(--dg-radius-sm);
}
.dg-contatti__form .wpcf7 textarea { height: 15rem; min-height: 15rem; }
.dg-contatti__form .wpcf7 input[type="submit"] { width: auto; letter-spacing: .03em; text-transform: uppercase; }

/* ---------- Pagine con il solo contenuto (policy, pagine generiche, 404) ---------- */

.dg-page-header { padding-block: var(--dg-ss-md) var(--dg-space-5); }
.dg-page-header__title { text-transform: uppercase; }

/* ---------- Chatbot (script di terzi: le sue misure si vincono solo con !important) ---------- */
/* Su telefono sta a sinistra, dentro la barra fissa, per non coprire il pulsante Prenota;
   da 992 px torna in basso a destra, allineato al margine del contenuto. */
.bot_cbb__btn {
	position: fixed;
	right: auto !important;
	bottom: var(--dg-space-3) !important;
	left: var(--dg-space-4) !important;
	width: 2.875rem !important;
	height: 2.875rem !important;
}
@media (min-width: 992px) {
	.bot_cbb__btn {
		right: var(--dg-space-5) !important;
		bottom: var(--dg-space-5) !important;
		left: auto !important;
		width: 3.5rem !important;
		height: 3.5rem !important;
	}
}
@media (min-width: 1400px) {
	.bot_cbb__btn { right: var(--dg-space-6) !important; }
}
/* ============================================================
   DIGIVAL Framework — utilities + layout (Bootstrap-style)
   Generato automaticamente. Mobile-first. Token: var(--dg-*).
   Fasce: xs 0 · sm 576 · md 768 · lg 992 · xl 1200 · xxl 1400 · xxxl 1920
   ============================================================ */

:root{--dg-gutter-x:1.5rem;--dg-gutter-y:0;}
*,*::before,*::after{box-sizing:border-box;}
/* Base: dimensioni heading ← token del design system */
h1,.h1{font-size:var(--dg-h1);}
h2,.h2{font-size:var(--dg-h2);}
h3,.h3{font-size:var(--dg-h3);}
h4,.h4{font-size:var(--dg-h4);}
h5,.h5{font-size:var(--dg-h5);}
h6,.h6{font-size:var(--dg-h6);}

/* Containers */
.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl,.container-xxxl{width:100%;padding-right:calc(var(--dg-gutter-x) * .5);padding-left:calc(var(--dg-gutter-x) * .5);margin-right:auto;margin-left:auto;}
@media (min-width:576px){
  .container,.container-sm{max-width:540px;}
}
@media (min-width:768px){
  .container,.container-sm,.container-md{max-width:720px;}
}
@media (min-width:992px){
  .container,.container-sm,.container-md,.container-lg{max-width:960px;}
}
@media (min-width:1200px){
  .container,.container-sm,.container-md,.container-lg,.container-xl{max-width:1140px;}
}
@media (min-width:1400px){
  .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{max-width:1320px;}
}
@media (min-width:1920px){
  .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl,.container-xxxl{max-width:2000px;}
}

/* Grid */
.row{--dg-gutter-x:1.5rem;--dg-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--dg-gutter-y));margin-right:calc(-.5 * var(--dg-gutter-x));margin-left:calc(-.5 * var(--dg-gutter-x));}
.row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--dg-gutter-x) * .5);padding-left:calc(var(--dg-gutter-x) * .5);margin-top:var(--dg-gutter-y);}
.col{flex:1 0 0%;}
.row-cols-auto > *{flex:0 0 auto;width:auto;}
.row-cols-1 > *{flex:0 0 auto;width:100%;}
.row-cols-2 > *{flex:0 0 auto;width:50%;}
.row-cols-3 > *{flex:0 0 auto;width:33.333333%;}
.row-cols-4 > *{flex:0 0 auto;width:25%;}
.row-cols-5 > *{flex:0 0 auto;width:20%;}
.row-cols-6 > *{flex:0 0 auto;width:16.666667%;}
.col-auto{flex:0 0 auto;width:auto;}
.col-1{flex:0 0 auto;width:8.333333%;}
.col-2{flex:0 0 auto;width:16.666667%;}
.col-3{flex:0 0 auto;width:25%;}
.col-4{flex:0 0 auto;width:33.333333%;}
.col-5{flex:0 0 auto;width:41.666667%;}
.col-6{flex:0 0 auto;width:50%;}
.col-7{flex:0 0 auto;width:58.333333%;}
.col-8{flex:0 0 auto;width:66.666667%;}
.col-9{flex:0 0 auto;width:75%;}
.col-10{flex:0 0 auto;width:83.333333%;}
.col-11{flex:0 0 auto;width:91.666667%;}
.col-12{flex:0 0 auto;width:100%;}
.offset-0{margin-left:0;}
.offset-1{margin-left:8.333333%;}
.offset-2{margin-left:16.666667%;}
.offset-3{margin-left:25%;}
.offset-4{margin-left:33.333333%;}
.offset-5{margin-left:41.666667%;}
.offset-6{margin-left:50%;}
.offset-7{margin-left:58.333333%;}
.offset-8{margin-left:66.666667%;}
.offset-9{margin-left:75%;}
.offset-10{margin-left:83.333333%;}
.offset-11{margin-left:91.666667%;}
@media (min-width:576px){
  .col-sm{flex:1 0 0%;}
  .row-cols-sm-auto > *{flex:0 0 auto;width:auto;}
  .row-cols-sm-1 > *{flex:0 0 auto;width:100%;}
  .row-cols-sm-2 > *{flex:0 0 auto;width:50%;}
  .row-cols-sm-3 > *{flex:0 0 auto;width:33.333333%;}
  .row-cols-sm-4 > *{flex:0 0 auto;width:25%;}
  .row-cols-sm-5 > *{flex:0 0 auto;width:20%;}
  .row-cols-sm-6 > *{flex:0 0 auto;width:16.666667%;}
  .col-sm-auto{flex:0 0 auto;width:auto;}
  .col-sm-1{flex:0 0 auto;width:8.333333%;}
  .col-sm-2{flex:0 0 auto;width:16.666667%;}
  .col-sm-3{flex:0 0 auto;width:25%;}
  .col-sm-4{flex:0 0 auto;width:33.333333%;}
  .col-sm-5{flex:0 0 auto;width:41.666667%;}
  .col-sm-6{flex:0 0 auto;width:50%;}
  .col-sm-7{flex:0 0 auto;width:58.333333%;}
  .col-sm-8{flex:0 0 auto;width:66.666667%;}
  .col-sm-9{flex:0 0 auto;width:75%;}
  .col-sm-10{flex:0 0 auto;width:83.333333%;}
  .col-sm-11{flex:0 0 auto;width:91.666667%;}
  .col-sm-12{flex:0 0 auto;width:100%;}
  .offset-sm-0{margin-left:0;}
  .offset-sm-1{margin-left:8.333333%;}
  .offset-sm-2{margin-left:16.666667%;}
  .offset-sm-3{margin-left:25%;}
  .offset-sm-4{margin-left:33.333333%;}
  .offset-sm-5{margin-left:41.666667%;}
  .offset-sm-6{margin-left:50%;}
  .offset-sm-7{margin-left:58.333333%;}
  .offset-sm-8{margin-left:66.666667%;}
  .offset-sm-9{margin-left:75%;}
  .offset-sm-10{margin-left:83.333333%;}
  .offset-sm-11{margin-left:91.666667%;}
}
@media (min-width:768px){
  .col-md{flex:1 0 0%;}
  .row-cols-md-auto > *{flex:0 0 auto;width:auto;}
  .row-cols-md-1 > *{flex:0 0 auto;width:100%;}
  .row-cols-md-2 > *{flex:0 0 auto;width:50%;}
  .row-cols-md-3 > *{flex:0 0 auto;width:33.333333%;}
  .row-cols-md-4 > *{flex:0 0 auto;width:25%;}
  .row-cols-md-5 > *{flex:0 0 auto;width:20%;}
  .row-cols-md-6 > *{flex:0 0 auto;width:16.666667%;}
  .col-md-auto{flex:0 0 auto;width:auto;}
  .col-md-1{flex:0 0 auto;width:8.333333%;}
  .col-md-2{flex:0 0 auto;width:16.666667%;}
  .col-md-3{flex:0 0 auto;width:25%;}
  .col-md-4{flex:0 0 auto;width:33.333333%;}
  .col-md-5{flex:0 0 auto;width:41.666667%;}
  .col-md-6{flex:0 0 auto;width:50%;}
  .col-md-7{flex:0 0 auto;width:58.333333%;}
  .col-md-8{flex:0 0 auto;width:66.666667%;}
  .col-md-9{flex:0 0 auto;width:75%;}
  .col-md-10{flex:0 0 auto;width:83.333333%;}
  .col-md-11{flex:0 0 auto;width:91.666667%;}
  .col-md-12{flex:0 0 auto;width:100%;}
  .offset-md-0{margin-left:0;}
  .offset-md-1{margin-left:8.333333%;}
  .offset-md-2{margin-left:16.666667%;}
  .offset-md-3{margin-left:25%;}
  .offset-md-4{margin-left:33.333333%;}
  .offset-md-5{margin-left:41.666667%;}
  .offset-md-6{margin-left:50%;}
  .offset-md-7{margin-left:58.333333%;}
  .offset-md-8{margin-left:66.666667%;}
  .offset-md-9{margin-left:75%;}
  .offset-md-10{margin-left:83.333333%;}
  .offset-md-11{margin-left:91.666667%;}
}
@media (min-width:992px){
  .col-lg{flex:1 0 0%;}
  .row-cols-lg-auto > *{flex:0 0 auto;width:auto;}
  .row-cols-lg-1 > *{flex:0 0 auto;width:100%;}
  .row-cols-lg-2 > *{flex:0 0 auto;width:50%;}
  .row-cols-lg-3 > *{flex:0 0 auto;width:33.333333%;}
  .row-cols-lg-4 > *{flex:0 0 auto;width:25%;}
  .row-cols-lg-5 > *{flex:0 0 auto;width:20%;}
  .row-cols-lg-6 > *{flex:0 0 auto;width:16.666667%;}
  .col-lg-auto{flex:0 0 auto;width:auto;}
  .col-lg-1{flex:0 0 auto;width:8.333333%;}
  .col-lg-2{flex:0 0 auto;width:16.666667%;}
  .col-lg-3{flex:0 0 auto;width:25%;}
  .col-lg-4{flex:0 0 auto;width:33.333333%;}
  .col-lg-5{flex:0 0 auto;width:41.666667%;}
  .col-lg-6{flex:0 0 auto;width:50%;}
  .col-lg-7{flex:0 0 auto;width:58.333333%;}
  .col-lg-8{flex:0 0 auto;width:66.666667%;}
  .col-lg-9{flex:0 0 auto;width:75%;}
  .col-lg-10{flex:0 0 auto;width:83.333333%;}
  .col-lg-11{flex:0 0 auto;width:91.666667%;}
  .col-lg-12{flex:0 0 auto;width:100%;}
  .offset-lg-0{margin-left:0;}
  .offset-lg-1{margin-left:8.333333%;}
  .offset-lg-2{margin-left:16.666667%;}
  .offset-lg-3{margin-left:25%;}
  .offset-lg-4{margin-left:33.333333%;}
  .offset-lg-5{margin-left:41.666667%;}
  .offset-lg-6{margin-left:50%;}
  .offset-lg-7{margin-left:58.333333%;}
  .offset-lg-8{margin-left:66.666667%;}
  .offset-lg-9{margin-left:75%;}
  .offset-lg-10{margin-left:83.333333%;}
  .offset-lg-11{margin-left:91.666667%;}
}
@media (min-width:1200px){
  .col-xl{flex:1 0 0%;}
  .row-cols-xl-auto > *{flex:0 0 auto;width:auto;}
  .row-cols-xl-1 > *{flex:0 0 auto;width:100%;}
  .row-cols-xl-2 > *{flex:0 0 auto;width:50%;}
  .row-cols-xl-3 > *{flex:0 0 auto;width:33.333333%;}
  .row-cols-xl-4 > *{flex:0 0 auto;width:25%;}
  .row-cols-xl-5 > *{flex:0 0 auto;width:20%;}
  .row-cols-xl-6 > *{flex:0 0 auto;width:16.666667%;}
  .col-xl-auto{flex:0 0 auto;width:auto;}
  .col-xl-1{flex:0 0 auto;width:8.333333%;}
  .col-xl-2{flex:0 0 auto;width:16.666667%;}
  .col-xl-3{flex:0 0 auto;width:25%;}
  .col-xl-4{flex:0 0 auto;width:33.333333%;}
  .col-xl-5{flex:0 0 auto;width:41.666667%;}
  .col-xl-6{flex:0 0 auto;width:50%;}
  .col-xl-7{flex:0 0 auto;width:58.333333%;}
  .col-xl-8{flex:0 0 auto;width:66.666667%;}
  .col-xl-9{flex:0 0 auto;width:75%;}
  .col-xl-10{flex:0 0 auto;width:83.333333%;}
  .col-xl-11{flex:0 0 auto;width:91.666667%;}
  .col-xl-12{flex:0 0 auto;width:100%;}
  .offset-xl-0{margin-left:0;}
  .offset-xl-1{margin-left:8.333333%;}
  .offset-xl-2{margin-left:16.666667%;}
  .offset-xl-3{margin-left:25%;}
  .offset-xl-4{margin-left:33.333333%;}
  .offset-xl-5{margin-left:41.666667%;}
  .offset-xl-6{margin-left:50%;}
  .offset-xl-7{margin-left:58.333333%;}
  .offset-xl-8{margin-left:66.666667%;}
  .offset-xl-9{margin-left:75%;}
  .offset-xl-10{margin-left:83.333333%;}
  .offset-xl-11{margin-left:91.666667%;}
}
@media (min-width:1400px){
  .col-xxl{flex:1 0 0%;}
  .row-cols-xxl-auto > *{flex:0 0 auto;width:auto;}
  .row-cols-xxl-1 > *{flex:0 0 auto;width:100%;}
  .row-cols-xxl-2 > *{flex:0 0 auto;width:50%;}
  .row-cols-xxl-3 > *{flex:0 0 auto;width:33.333333%;}
  .row-cols-xxl-4 > *{flex:0 0 auto;width:25%;}
  .row-cols-xxl-5 > *{flex:0 0 auto;width:20%;}
  .row-cols-xxl-6 > *{flex:0 0 auto;width:16.666667%;}
  .col-xxl-auto{flex:0 0 auto;width:auto;}
  .col-xxl-1{flex:0 0 auto;width:8.333333%;}
  .col-xxl-2{flex:0 0 auto;width:16.666667%;}
  .col-xxl-3{flex:0 0 auto;width:25%;}
  .col-xxl-4{flex:0 0 auto;width:33.333333%;}
  .col-xxl-5{flex:0 0 auto;width:41.666667%;}
  .col-xxl-6{flex:0 0 auto;width:50%;}
  .col-xxl-7{flex:0 0 auto;width:58.333333%;}
  .col-xxl-8{flex:0 0 auto;width:66.666667%;}
  .col-xxl-9{flex:0 0 auto;width:75%;}
  .col-xxl-10{flex:0 0 auto;width:83.333333%;}
  .col-xxl-11{flex:0 0 auto;width:91.666667%;}
  .col-xxl-12{flex:0 0 auto;width:100%;}
  .offset-xxl-0{margin-left:0;}
  .offset-xxl-1{margin-left:8.333333%;}
  .offset-xxl-2{margin-left:16.666667%;}
  .offset-xxl-3{margin-left:25%;}
  .offset-xxl-4{margin-left:33.333333%;}
  .offset-xxl-5{margin-left:41.666667%;}
  .offset-xxl-6{margin-left:50%;}
  .offset-xxl-7{margin-left:58.333333%;}
  .offset-xxl-8{margin-left:66.666667%;}
  .offset-xxl-9{margin-left:75%;}
  .offset-xxl-10{margin-left:83.333333%;}
  .offset-xxl-11{margin-left:91.666667%;}
}
@media (min-width:1920px){
  .col-xxxl{flex:1 0 0%;}
  .row-cols-xxxl-auto > *{flex:0 0 auto;width:auto;}
  .row-cols-xxxl-1 > *{flex:0 0 auto;width:100%;}
  .row-cols-xxxl-2 > *{flex:0 0 auto;width:50%;}
  .row-cols-xxxl-3 > *{flex:0 0 auto;width:33.333333%;}
  .row-cols-xxxl-4 > *{flex:0 0 auto;width:25%;}
  .row-cols-xxxl-5 > *{flex:0 0 auto;width:20%;}
  .row-cols-xxxl-6 > *{flex:0 0 auto;width:16.666667%;}
  .col-xxxl-auto{flex:0 0 auto;width:auto;}
  .col-xxxl-1{flex:0 0 auto;width:8.333333%;}
  .col-xxxl-2{flex:0 0 auto;width:16.666667%;}
  .col-xxxl-3{flex:0 0 auto;width:25%;}
  .col-xxxl-4{flex:0 0 auto;width:33.333333%;}
  .col-xxxl-5{flex:0 0 auto;width:41.666667%;}
  .col-xxxl-6{flex:0 0 auto;width:50%;}
  .col-xxxl-7{flex:0 0 auto;width:58.333333%;}
  .col-xxxl-8{flex:0 0 auto;width:66.666667%;}
  .col-xxxl-9{flex:0 0 auto;width:75%;}
  .col-xxxl-10{flex:0 0 auto;width:83.333333%;}
  .col-xxxl-11{flex:0 0 auto;width:91.666667%;}
  .col-xxxl-12{flex:0 0 auto;width:100%;}
  .offset-xxxl-0{margin-left:0;}
  .offset-xxxl-1{margin-left:8.333333%;}
  .offset-xxxl-2{margin-left:16.666667%;}
  .offset-xxxl-3{margin-left:25%;}
  .offset-xxxl-4{margin-left:33.333333%;}
  .offset-xxxl-5{margin-left:41.666667%;}
  .offset-xxxl-6{margin-left:50%;}
  .offset-xxxl-7{margin-left:58.333333%;}
  .offset-xxxl-8{margin-left:66.666667%;}
  .offset-xxxl-9{margin-left:75%;}
  .offset-xxxl-10{margin-left:83.333333%;}
  .offset-xxxl-11{margin-left:91.666667%;}
}
/* Gutters */
.g-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
.gx-0{--dg-gutter-x:var(--dg-space-0);}
.gy-0{--dg-gutter-y:var(--dg-space-0);}
.g-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
.gx-1{--dg-gutter-x:var(--dg-space-1);}
.gy-1{--dg-gutter-y:var(--dg-space-1);}
.g-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
.gx-2{--dg-gutter-x:var(--dg-space-2);}
.gy-2{--dg-gutter-y:var(--dg-space-2);}
.g-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
.gx-3{--dg-gutter-x:var(--dg-space-3);}
.gy-3{--dg-gutter-y:var(--dg-space-3);}
.g-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
.gx-4{--dg-gutter-x:var(--dg-space-4);}
.gy-4{--dg-gutter-y:var(--dg-space-4);}
.g-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
.gx-5{--dg-gutter-x:var(--dg-space-5);}
.gy-5{--dg-gutter-y:var(--dg-space-5);}
@media (min-width:576px){
  .g-sm-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
  .gx-sm-0{--dg-gutter-x:var(--dg-space-0);}
  .gy-sm-0{--dg-gutter-y:var(--dg-space-0);}
  .g-sm-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
  .gx-sm-1{--dg-gutter-x:var(--dg-space-1);}
  .gy-sm-1{--dg-gutter-y:var(--dg-space-1);}
  .g-sm-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
  .gx-sm-2{--dg-gutter-x:var(--dg-space-2);}
  .gy-sm-2{--dg-gutter-y:var(--dg-space-2);}
  .g-sm-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
  .gx-sm-3{--dg-gutter-x:var(--dg-space-3);}
  .gy-sm-3{--dg-gutter-y:var(--dg-space-3);}
  .g-sm-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
  .gx-sm-4{--dg-gutter-x:var(--dg-space-4);}
  .gy-sm-4{--dg-gutter-y:var(--dg-space-4);}
  .g-sm-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
  .gx-sm-5{--dg-gutter-x:var(--dg-space-5);}
  .gy-sm-5{--dg-gutter-y:var(--dg-space-5);}
}
@media (min-width:768px){
  .g-md-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
  .gx-md-0{--dg-gutter-x:var(--dg-space-0);}
  .gy-md-0{--dg-gutter-y:var(--dg-space-0);}
  .g-md-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
  .gx-md-1{--dg-gutter-x:var(--dg-space-1);}
  .gy-md-1{--dg-gutter-y:var(--dg-space-1);}
  .g-md-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
  .gx-md-2{--dg-gutter-x:var(--dg-space-2);}
  .gy-md-2{--dg-gutter-y:var(--dg-space-2);}
  .g-md-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
  .gx-md-3{--dg-gutter-x:var(--dg-space-3);}
  .gy-md-3{--dg-gutter-y:var(--dg-space-3);}
  .g-md-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
  .gx-md-4{--dg-gutter-x:var(--dg-space-4);}
  .gy-md-4{--dg-gutter-y:var(--dg-space-4);}
  .g-md-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
  .gx-md-5{--dg-gutter-x:var(--dg-space-5);}
  .gy-md-5{--dg-gutter-y:var(--dg-space-5);}
}
@media (min-width:992px){
  .g-lg-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
  .gx-lg-0{--dg-gutter-x:var(--dg-space-0);}
  .gy-lg-0{--dg-gutter-y:var(--dg-space-0);}
  .g-lg-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
  .gx-lg-1{--dg-gutter-x:var(--dg-space-1);}
  .gy-lg-1{--dg-gutter-y:var(--dg-space-1);}
  .g-lg-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
  .gx-lg-2{--dg-gutter-x:var(--dg-space-2);}
  .gy-lg-2{--dg-gutter-y:var(--dg-space-2);}
  .g-lg-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
  .gx-lg-3{--dg-gutter-x:var(--dg-space-3);}
  .gy-lg-3{--dg-gutter-y:var(--dg-space-3);}
  .g-lg-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
  .gx-lg-4{--dg-gutter-x:var(--dg-space-4);}
  .gy-lg-4{--dg-gutter-y:var(--dg-space-4);}
  .g-lg-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
  .gx-lg-5{--dg-gutter-x:var(--dg-space-5);}
  .gy-lg-5{--dg-gutter-y:var(--dg-space-5);}
}
@media (min-width:1200px){
  .g-xl-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
  .gx-xl-0{--dg-gutter-x:var(--dg-space-0);}
  .gy-xl-0{--dg-gutter-y:var(--dg-space-0);}
  .g-xl-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
  .gx-xl-1{--dg-gutter-x:var(--dg-space-1);}
  .gy-xl-1{--dg-gutter-y:var(--dg-space-1);}
  .g-xl-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
  .gx-xl-2{--dg-gutter-x:var(--dg-space-2);}
  .gy-xl-2{--dg-gutter-y:var(--dg-space-2);}
  .g-xl-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
  .gx-xl-3{--dg-gutter-x:var(--dg-space-3);}
  .gy-xl-3{--dg-gutter-y:var(--dg-space-3);}
  .g-xl-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
  .gx-xl-4{--dg-gutter-x:var(--dg-space-4);}
  .gy-xl-4{--dg-gutter-y:var(--dg-space-4);}
  .g-xl-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
  .gx-xl-5{--dg-gutter-x:var(--dg-space-5);}
  .gy-xl-5{--dg-gutter-y:var(--dg-space-5);}
}
@media (min-width:1400px){
  .g-xxl-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
  .gx-xxl-0{--dg-gutter-x:var(--dg-space-0);}
  .gy-xxl-0{--dg-gutter-y:var(--dg-space-0);}
  .g-xxl-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
  .gx-xxl-1{--dg-gutter-x:var(--dg-space-1);}
  .gy-xxl-1{--dg-gutter-y:var(--dg-space-1);}
  .g-xxl-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
  .gx-xxl-2{--dg-gutter-x:var(--dg-space-2);}
  .gy-xxl-2{--dg-gutter-y:var(--dg-space-2);}
  .g-xxl-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
  .gx-xxl-3{--dg-gutter-x:var(--dg-space-3);}
  .gy-xxl-3{--dg-gutter-y:var(--dg-space-3);}
  .g-xxl-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
  .gx-xxl-4{--dg-gutter-x:var(--dg-space-4);}
  .gy-xxl-4{--dg-gutter-y:var(--dg-space-4);}
  .g-xxl-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
  .gx-xxl-5{--dg-gutter-x:var(--dg-space-5);}
  .gy-xxl-5{--dg-gutter-y:var(--dg-space-5);}
}
@media (min-width:1920px){
  .g-xxxl-0{--dg-gutter-x:var(--dg-space-0);--dg-gutter-y:var(--dg-space-0);}
  .gx-xxxl-0{--dg-gutter-x:var(--dg-space-0);}
  .gy-xxxl-0{--dg-gutter-y:var(--dg-space-0);}
  .g-xxxl-1{--dg-gutter-x:var(--dg-space-1);--dg-gutter-y:var(--dg-space-1);}
  .gx-xxxl-1{--dg-gutter-x:var(--dg-space-1);}
  .gy-xxxl-1{--dg-gutter-y:var(--dg-space-1);}
  .g-xxxl-2{--dg-gutter-x:var(--dg-space-2);--dg-gutter-y:var(--dg-space-2);}
  .gx-xxxl-2{--dg-gutter-x:var(--dg-space-2);}
  .gy-xxxl-2{--dg-gutter-y:var(--dg-space-2);}
  .g-xxxl-3{--dg-gutter-x:var(--dg-space-3);--dg-gutter-y:var(--dg-space-3);}
  .gx-xxxl-3{--dg-gutter-x:var(--dg-space-3);}
  .gy-xxxl-3{--dg-gutter-y:var(--dg-space-3);}
  .g-xxxl-4{--dg-gutter-x:var(--dg-space-4);--dg-gutter-y:var(--dg-space-4);}
  .gx-xxxl-4{--dg-gutter-x:var(--dg-space-4);}
  .gy-xxxl-4{--dg-gutter-y:var(--dg-space-4);}
  .g-xxxl-5{--dg-gutter-x:var(--dg-space-5);--dg-gutter-y:var(--dg-space-5);}
  .gx-xxxl-5{--dg-gutter-x:var(--dg-space-5);}
  .gy-xxxl-5{--dg-gutter-y:var(--dg-space-5);}
}

/* Responsive utilities */
.d-none{display:none;}
.d-inline{display:inline;}
.d-inline-block{display:inline-block;}
.d-block{display:block;}
.d-grid{display:grid;}
.d-inline-grid{display:inline-grid;}
.d-table{display:table;}
.d-table-row{display:table-row;}
.d-table-cell{display:table-cell;}
.d-flex{display:flex;}
.d-inline-flex{display:inline-flex;}
.flex-row{flex-direction:row;}
.flex-column{flex-direction:column;}
.flex-row-reverse{flex-direction:row-reverse;}
.flex-column-reverse{flex-direction:column-reverse;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.flex-fill{flex:1 1 auto;}
.flex-grow-0{flex-grow:0;}
.flex-shrink-0{flex-shrink:0;}
.flex-grow-1{flex-grow:1;}
.flex-shrink-1{flex-shrink:1;}
.justify-content-start{justify-content:flex-start;}
.justify-content-end{justify-content:flex-end;}
.justify-content-center{justify-content:center;}
.justify-content-between{justify-content:space-between;}
.justify-content-around{justify-content:space-around;}
.justify-content-evenly{justify-content:space-evenly;}
.align-items-start{align-items:flex-start;}
.align-items-end{align-items:flex-end;}
.align-items-center{align-items:center;}
.align-items-baseline{align-items:baseline;}
.align-items-stretch{align-items:stretch;}
.align-self-start{align-self:flex-start;}
.align-self-end{align-self:flex-end;}
.align-self-center{align-self:center;}
.align-self-baseline{align-self:baseline;}
.align-self-stretch{align-self:stretch;}
.align-self-auto{align-self:auto;}
.align-content-start{align-content:flex-start;}
.align-content-end{align-content:flex-end;}
.align-content-center{align-content:center;}
.align-content-between{align-content:space-between;}
.align-content-around{align-content:space-around;}
.align-content-stretch{align-content:stretch;}
.order-first{order:-1;}
.order-last{order:6;}
.order-0{order:0;}
.order-1{order:1;}
.order-2{order:2;}
.order-3{order:3;}
.order-4{order:4;}
.order-5{order:5;}
.gap-0{gap:var(--dg-space-0);}
.row-gap-0{row-gap:var(--dg-space-0);}
.column-gap-0{column-gap:var(--dg-space-0);}
.gap-1{gap:var(--dg-space-1);}
.row-gap-1{row-gap:var(--dg-space-1);}
.column-gap-1{column-gap:var(--dg-space-1);}
.gap-2{gap:var(--dg-space-2);}
.row-gap-2{row-gap:var(--dg-space-2);}
.column-gap-2{column-gap:var(--dg-space-2);}
.gap-3{gap:var(--dg-space-3);}
.row-gap-3{row-gap:var(--dg-space-3);}
.column-gap-3{column-gap:var(--dg-space-3);}
.gap-4{gap:var(--dg-space-4);}
.row-gap-4{row-gap:var(--dg-space-4);}
.column-gap-4{column-gap:var(--dg-space-4);}
.gap-5{gap:var(--dg-space-5);}
.row-gap-5{row-gap:var(--dg-space-5);}
.column-gap-5{column-gap:var(--dg-space-5);}
.gap-6{gap:var(--dg-space-6);}
.row-gap-6{row-gap:var(--dg-space-6);}
.column-gap-6{column-gap:var(--dg-space-6);}
.gap-7{gap:var(--dg-space-7);}
.row-gap-7{row-gap:var(--dg-space-7);}
.column-gap-7{column-gap:var(--dg-space-7);}
.gap-8{gap:var(--dg-space-8);}
.row-gap-8{row-gap:var(--dg-space-8);}
.column-gap-8{column-gap:var(--dg-space-8);}
.m-0{margin:var(--dg-space-0);}
.m-1{margin:var(--dg-space-1);}
.m-2{margin:var(--dg-space-2);}
.m-3{margin:var(--dg-space-3);}
.m-4{margin:var(--dg-space-4);}
.m-5{margin:var(--dg-space-5);}
.m-6{margin:var(--dg-space-6);}
.m-7{margin:var(--dg-space-7);}
.m-8{margin:var(--dg-space-8);}
.m-auto{margin:auto;}
.mt-0{margin-top:var(--dg-space-0);}
.mt-1{margin-top:var(--dg-space-1);}
.mt-2{margin-top:var(--dg-space-2);}
.mt-3{margin-top:var(--dg-space-3);}
.mt-4{margin-top:var(--dg-space-4);}
.mt-5{margin-top:var(--dg-space-5);}
.mt-6{margin-top:var(--dg-space-6);}
.mt-7{margin-top:var(--dg-space-7);}
.mt-8{margin-top:var(--dg-space-8);}
.mt-auto{margin-top:auto;}
.mb-0{margin-bottom:var(--dg-space-0);}
.mb-1{margin-bottom:var(--dg-space-1);}
.mb-2{margin-bottom:var(--dg-space-2);}
.mb-3{margin-bottom:var(--dg-space-3);}
.mb-4{margin-bottom:var(--dg-space-4);}
.mb-5{margin-bottom:var(--dg-space-5);}
.mb-6{margin-bottom:var(--dg-space-6);}
.mb-7{margin-bottom:var(--dg-space-7);}
.mb-8{margin-bottom:var(--dg-space-8);}
.mb-auto{margin-bottom:auto;}
.ms-0{margin-left:var(--dg-space-0);}
.ms-1{margin-left:var(--dg-space-1);}
.ms-2{margin-left:var(--dg-space-2);}
.ms-3{margin-left:var(--dg-space-3);}
.ms-4{margin-left:var(--dg-space-4);}
.ms-5{margin-left:var(--dg-space-5);}
.ms-6{margin-left:var(--dg-space-6);}
.ms-7{margin-left:var(--dg-space-7);}
.ms-8{margin-left:var(--dg-space-8);}
.ms-auto{margin-left:auto;}
.me-0{margin-right:var(--dg-space-0);}
.me-1{margin-right:var(--dg-space-1);}
.me-2{margin-right:var(--dg-space-2);}
.me-3{margin-right:var(--dg-space-3);}
.me-4{margin-right:var(--dg-space-4);}
.me-5{margin-right:var(--dg-space-5);}
.me-6{margin-right:var(--dg-space-6);}
.me-7{margin-right:var(--dg-space-7);}
.me-8{margin-right:var(--dg-space-8);}
.me-auto{margin-right:auto;}
.mx-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
.mx-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
.mx-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
.mx-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
.mx-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
.mx-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
.mx-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
.mx-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
.mx-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
.my-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
.my-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
.my-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
.my-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
.my-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
.my-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
.my-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
.my-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
.my-auto{margin-top:auto;margin-bottom:auto;}
.p-0{padding:var(--dg-space-0);}
.p-1{padding:var(--dg-space-1);}
.p-2{padding:var(--dg-space-2);}
.p-3{padding:var(--dg-space-3);}
.p-4{padding:var(--dg-space-4);}
.p-5{padding:var(--dg-space-5);}
.p-6{padding:var(--dg-space-6);}
.p-7{padding:var(--dg-space-7);}
.p-8{padding:var(--dg-space-8);}
.pt-0{padding-top:var(--dg-space-0);}
.pt-1{padding-top:var(--dg-space-1);}
.pt-2{padding-top:var(--dg-space-2);}
.pt-3{padding-top:var(--dg-space-3);}
.pt-4{padding-top:var(--dg-space-4);}
.pt-5{padding-top:var(--dg-space-5);}
.pt-6{padding-top:var(--dg-space-6);}
.pt-7{padding-top:var(--dg-space-7);}
.pt-8{padding-top:var(--dg-space-8);}
.pb-0{padding-bottom:var(--dg-space-0);}
.pb-1{padding-bottom:var(--dg-space-1);}
.pb-2{padding-bottom:var(--dg-space-2);}
.pb-3{padding-bottom:var(--dg-space-3);}
.pb-4{padding-bottom:var(--dg-space-4);}
.pb-5{padding-bottom:var(--dg-space-5);}
.pb-6{padding-bottom:var(--dg-space-6);}
.pb-7{padding-bottom:var(--dg-space-7);}
.pb-8{padding-bottom:var(--dg-space-8);}
.ps-0{padding-left:var(--dg-space-0);}
.ps-1{padding-left:var(--dg-space-1);}
.ps-2{padding-left:var(--dg-space-2);}
.ps-3{padding-left:var(--dg-space-3);}
.ps-4{padding-left:var(--dg-space-4);}
.ps-5{padding-left:var(--dg-space-5);}
.ps-6{padding-left:var(--dg-space-6);}
.ps-7{padding-left:var(--dg-space-7);}
.ps-8{padding-left:var(--dg-space-8);}
.pe-0{padding-right:var(--dg-space-0);}
.pe-1{padding-right:var(--dg-space-1);}
.pe-2{padding-right:var(--dg-space-2);}
.pe-3{padding-right:var(--dg-space-3);}
.pe-4{padding-right:var(--dg-space-4);}
.pe-5{padding-right:var(--dg-space-5);}
.pe-6{padding-right:var(--dg-space-6);}
.pe-7{padding-right:var(--dg-space-7);}
.pe-8{padding-right:var(--dg-space-8);}
.px-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
.px-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
.px-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
.px-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
.px-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
.px-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
.px-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
.px-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
.px-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
.py-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
.py-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
.py-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
.py-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
.py-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
.py-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
.py-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
.py-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
.py-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
.m-n1{margin:calc(-1 * var(--dg-space-1));}
.m-n2{margin:calc(-1 * var(--dg-space-2));}
.m-n3{margin:calc(-1 * var(--dg-space-3));}
.m-n4{margin:calc(-1 * var(--dg-space-4));}
.m-n5{margin:calc(-1 * var(--dg-space-5));}
.m-n6{margin:calc(-1 * var(--dg-space-6));}
.m-n7{margin:calc(-1 * var(--dg-space-7));}
.m-n8{margin:calc(-1 * var(--dg-space-8));}
.mt-n1{margin-top:calc(-1 * var(--dg-space-1));}
.mt-n2{margin-top:calc(-1 * var(--dg-space-2));}
.mt-n3{margin-top:calc(-1 * var(--dg-space-3));}
.mt-n4{margin-top:calc(-1 * var(--dg-space-4));}
.mt-n5{margin-top:calc(-1 * var(--dg-space-5));}
.mt-n6{margin-top:calc(-1 * var(--dg-space-6));}
.mt-n7{margin-top:calc(-1 * var(--dg-space-7));}
.mt-n8{margin-top:calc(-1 * var(--dg-space-8));}
.mb-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
.mb-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
.mb-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
.mb-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
.mb-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
.mb-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
.mb-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
.mb-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
.ms-n1{margin-left:calc(-1 * var(--dg-space-1));}
.ms-n2{margin-left:calc(-1 * var(--dg-space-2));}
.ms-n3{margin-left:calc(-1 * var(--dg-space-3));}
.ms-n4{margin-left:calc(-1 * var(--dg-space-4));}
.ms-n5{margin-left:calc(-1 * var(--dg-space-5));}
.ms-n6{margin-left:calc(-1 * var(--dg-space-6));}
.ms-n7{margin-left:calc(-1 * var(--dg-space-7));}
.ms-n8{margin-left:calc(-1 * var(--dg-space-8));}
.me-n1{margin-right:calc(-1 * var(--dg-space-1));}
.me-n2{margin-right:calc(-1 * var(--dg-space-2));}
.me-n3{margin-right:calc(-1 * var(--dg-space-3));}
.me-n4{margin-right:calc(-1 * var(--dg-space-4));}
.me-n5{margin-right:calc(-1 * var(--dg-space-5));}
.me-n6{margin-right:calc(-1 * var(--dg-space-6));}
.me-n7{margin-right:calc(-1 * var(--dg-space-7));}
.me-n8{margin-right:calc(-1 * var(--dg-space-8));}
.mx-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
.mx-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
.mx-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
.mx-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
.mx-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
.mx-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
.mx-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
.mx-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
.my-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
.my-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
.my-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
.my-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
.my-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
.my-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
.my-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
.my-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
.text-start{text-align:start;}
.text-center{text-align:center;}
.text-end{text-align:end;}
.float-start{float:left;}
.float-end{float:right;}
.float-none{float:none;}
@media (min-width:576px){
  .d-sm-none{display:none;}
  .d-sm-inline{display:inline;}
  .d-sm-inline-block{display:inline-block;}
  .d-sm-block{display:block;}
  .d-sm-grid{display:grid;}
  .d-sm-inline-grid{display:inline-grid;}
  .d-sm-table{display:table;}
  .d-sm-table-row{display:table-row;}
  .d-sm-table-cell{display:table-cell;}
  .d-sm-flex{display:flex;}
  .d-sm-inline-flex{display:inline-flex;}
  .flex-sm-row{flex-direction:row;}
  .flex-sm-column{flex-direction:column;}
  .flex-sm-row-reverse{flex-direction:row-reverse;}
  .flex-sm-column-reverse{flex-direction:column-reverse;}
  .flex-sm-wrap{flex-wrap:wrap;}
  .flex-sm-nowrap{flex-wrap:nowrap;}
  .flex-sm-wrap-reverse{flex-wrap:wrap-reverse;}
  .flex-sm-fill{flex:1 1 auto;}
  .flex-sm-grow-0{flex-grow:0;}
  .flex-sm-shrink-0{flex-shrink:0;}
  .flex-sm-grow-1{flex-grow:1;}
  .flex-sm-shrink-1{flex-shrink:1;}
  .justify-content-sm-start{justify-content:flex-start;}
  .justify-content-sm-end{justify-content:flex-end;}
  .justify-content-sm-center{justify-content:center;}
  .justify-content-sm-between{justify-content:space-between;}
  .justify-content-sm-around{justify-content:space-around;}
  .justify-content-sm-evenly{justify-content:space-evenly;}
  .align-items-sm-start{align-items:flex-start;}
  .align-items-sm-end{align-items:flex-end;}
  .align-items-sm-center{align-items:center;}
  .align-items-sm-baseline{align-items:baseline;}
  .align-items-sm-stretch{align-items:stretch;}
  .align-self-sm-start{align-self:flex-start;}
  .align-self-sm-end{align-self:flex-end;}
  .align-self-sm-center{align-self:center;}
  .align-self-sm-baseline{align-self:baseline;}
  .align-self-sm-stretch{align-self:stretch;}
  .align-self-sm-auto{align-self:auto;}
  .align-content-sm-start{align-content:flex-start;}
  .align-content-sm-end{align-content:flex-end;}
  .align-content-sm-center{align-content:center;}
  .align-content-sm-between{align-content:space-between;}
  .align-content-sm-around{align-content:space-around;}
  .align-content-sm-stretch{align-content:stretch;}
  .order-sm-first{order:-1;}
  .order-sm-last{order:6;}
  .order-sm-0{order:0;}
  .order-sm-1{order:1;}
  .order-sm-2{order:2;}
  .order-sm-3{order:3;}
  .order-sm-4{order:4;}
  .order-sm-5{order:5;}
  .gap-sm-0{gap:var(--dg-space-0);}
  .row-gap-sm-0{row-gap:var(--dg-space-0);}
  .column-gap-sm-0{column-gap:var(--dg-space-0);}
  .gap-sm-1{gap:var(--dg-space-1);}
  .row-gap-sm-1{row-gap:var(--dg-space-1);}
  .column-gap-sm-1{column-gap:var(--dg-space-1);}
  .gap-sm-2{gap:var(--dg-space-2);}
  .row-gap-sm-2{row-gap:var(--dg-space-2);}
  .column-gap-sm-2{column-gap:var(--dg-space-2);}
  .gap-sm-3{gap:var(--dg-space-3);}
  .row-gap-sm-3{row-gap:var(--dg-space-3);}
  .column-gap-sm-3{column-gap:var(--dg-space-3);}
  .gap-sm-4{gap:var(--dg-space-4);}
  .row-gap-sm-4{row-gap:var(--dg-space-4);}
  .column-gap-sm-4{column-gap:var(--dg-space-4);}
  .gap-sm-5{gap:var(--dg-space-5);}
  .row-gap-sm-5{row-gap:var(--dg-space-5);}
  .column-gap-sm-5{column-gap:var(--dg-space-5);}
  .gap-sm-6{gap:var(--dg-space-6);}
  .row-gap-sm-6{row-gap:var(--dg-space-6);}
  .column-gap-sm-6{column-gap:var(--dg-space-6);}
  .gap-sm-7{gap:var(--dg-space-7);}
  .row-gap-sm-7{row-gap:var(--dg-space-7);}
  .column-gap-sm-7{column-gap:var(--dg-space-7);}
  .gap-sm-8{gap:var(--dg-space-8);}
  .row-gap-sm-8{row-gap:var(--dg-space-8);}
  .column-gap-sm-8{column-gap:var(--dg-space-8);}
  .m-sm-0{margin:var(--dg-space-0);}
  .m-sm-1{margin:var(--dg-space-1);}
  .m-sm-2{margin:var(--dg-space-2);}
  .m-sm-3{margin:var(--dg-space-3);}
  .m-sm-4{margin:var(--dg-space-4);}
  .m-sm-5{margin:var(--dg-space-5);}
  .m-sm-6{margin:var(--dg-space-6);}
  .m-sm-7{margin:var(--dg-space-7);}
  .m-sm-8{margin:var(--dg-space-8);}
  .m-sm-auto{margin:auto;}
  .mt-sm-0{margin-top:var(--dg-space-0);}
  .mt-sm-1{margin-top:var(--dg-space-1);}
  .mt-sm-2{margin-top:var(--dg-space-2);}
  .mt-sm-3{margin-top:var(--dg-space-3);}
  .mt-sm-4{margin-top:var(--dg-space-4);}
  .mt-sm-5{margin-top:var(--dg-space-5);}
  .mt-sm-6{margin-top:var(--dg-space-6);}
  .mt-sm-7{margin-top:var(--dg-space-7);}
  .mt-sm-8{margin-top:var(--dg-space-8);}
  .mt-sm-auto{margin-top:auto;}
  .mb-sm-0{margin-bottom:var(--dg-space-0);}
  .mb-sm-1{margin-bottom:var(--dg-space-1);}
  .mb-sm-2{margin-bottom:var(--dg-space-2);}
  .mb-sm-3{margin-bottom:var(--dg-space-3);}
  .mb-sm-4{margin-bottom:var(--dg-space-4);}
  .mb-sm-5{margin-bottom:var(--dg-space-5);}
  .mb-sm-6{margin-bottom:var(--dg-space-6);}
  .mb-sm-7{margin-bottom:var(--dg-space-7);}
  .mb-sm-8{margin-bottom:var(--dg-space-8);}
  .mb-sm-auto{margin-bottom:auto;}
  .ms-sm-0{margin-left:var(--dg-space-0);}
  .ms-sm-1{margin-left:var(--dg-space-1);}
  .ms-sm-2{margin-left:var(--dg-space-2);}
  .ms-sm-3{margin-left:var(--dg-space-3);}
  .ms-sm-4{margin-left:var(--dg-space-4);}
  .ms-sm-5{margin-left:var(--dg-space-5);}
  .ms-sm-6{margin-left:var(--dg-space-6);}
  .ms-sm-7{margin-left:var(--dg-space-7);}
  .ms-sm-8{margin-left:var(--dg-space-8);}
  .ms-sm-auto{margin-left:auto;}
  .me-sm-0{margin-right:var(--dg-space-0);}
  .me-sm-1{margin-right:var(--dg-space-1);}
  .me-sm-2{margin-right:var(--dg-space-2);}
  .me-sm-3{margin-right:var(--dg-space-3);}
  .me-sm-4{margin-right:var(--dg-space-4);}
  .me-sm-5{margin-right:var(--dg-space-5);}
  .me-sm-6{margin-right:var(--dg-space-6);}
  .me-sm-7{margin-right:var(--dg-space-7);}
  .me-sm-8{margin-right:var(--dg-space-8);}
  .me-sm-auto{margin-right:auto;}
  .mx-sm-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
  .mx-sm-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
  .mx-sm-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
  .mx-sm-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
  .mx-sm-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
  .mx-sm-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
  .mx-sm-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
  .mx-sm-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
  .mx-sm-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
  .mx-sm-auto{margin-left:auto;margin-right:auto;}
  .my-sm-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
  .my-sm-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
  .my-sm-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
  .my-sm-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
  .my-sm-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
  .my-sm-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
  .my-sm-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
  .my-sm-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
  .my-sm-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
  .my-sm-auto{margin-top:auto;margin-bottom:auto;}
  .p-sm-0{padding:var(--dg-space-0);}
  .p-sm-1{padding:var(--dg-space-1);}
  .p-sm-2{padding:var(--dg-space-2);}
  .p-sm-3{padding:var(--dg-space-3);}
  .p-sm-4{padding:var(--dg-space-4);}
  .p-sm-5{padding:var(--dg-space-5);}
  .p-sm-6{padding:var(--dg-space-6);}
  .p-sm-7{padding:var(--dg-space-7);}
  .p-sm-8{padding:var(--dg-space-8);}
  .pt-sm-0{padding-top:var(--dg-space-0);}
  .pt-sm-1{padding-top:var(--dg-space-1);}
  .pt-sm-2{padding-top:var(--dg-space-2);}
  .pt-sm-3{padding-top:var(--dg-space-3);}
  .pt-sm-4{padding-top:var(--dg-space-4);}
  .pt-sm-5{padding-top:var(--dg-space-5);}
  .pt-sm-6{padding-top:var(--dg-space-6);}
  .pt-sm-7{padding-top:var(--dg-space-7);}
  .pt-sm-8{padding-top:var(--dg-space-8);}
  .pb-sm-0{padding-bottom:var(--dg-space-0);}
  .pb-sm-1{padding-bottom:var(--dg-space-1);}
  .pb-sm-2{padding-bottom:var(--dg-space-2);}
  .pb-sm-3{padding-bottom:var(--dg-space-3);}
  .pb-sm-4{padding-bottom:var(--dg-space-4);}
  .pb-sm-5{padding-bottom:var(--dg-space-5);}
  .pb-sm-6{padding-bottom:var(--dg-space-6);}
  .pb-sm-7{padding-bottom:var(--dg-space-7);}
  .pb-sm-8{padding-bottom:var(--dg-space-8);}
  .ps-sm-0{padding-left:var(--dg-space-0);}
  .ps-sm-1{padding-left:var(--dg-space-1);}
  .ps-sm-2{padding-left:var(--dg-space-2);}
  .ps-sm-3{padding-left:var(--dg-space-3);}
  .ps-sm-4{padding-left:var(--dg-space-4);}
  .ps-sm-5{padding-left:var(--dg-space-5);}
  .ps-sm-6{padding-left:var(--dg-space-6);}
  .ps-sm-7{padding-left:var(--dg-space-7);}
  .ps-sm-8{padding-left:var(--dg-space-8);}
  .pe-sm-0{padding-right:var(--dg-space-0);}
  .pe-sm-1{padding-right:var(--dg-space-1);}
  .pe-sm-2{padding-right:var(--dg-space-2);}
  .pe-sm-3{padding-right:var(--dg-space-3);}
  .pe-sm-4{padding-right:var(--dg-space-4);}
  .pe-sm-5{padding-right:var(--dg-space-5);}
  .pe-sm-6{padding-right:var(--dg-space-6);}
  .pe-sm-7{padding-right:var(--dg-space-7);}
  .pe-sm-8{padding-right:var(--dg-space-8);}
  .px-sm-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
  .px-sm-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
  .px-sm-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
  .px-sm-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
  .px-sm-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
  .px-sm-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
  .px-sm-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
  .px-sm-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
  .px-sm-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
  .py-sm-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
  .py-sm-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
  .py-sm-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
  .py-sm-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
  .py-sm-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
  .py-sm-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
  .py-sm-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
  .py-sm-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
  .py-sm-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
  .m-sm-n1{margin:calc(-1 * var(--dg-space-1));}
  .m-sm-n2{margin:calc(-1 * var(--dg-space-2));}
  .m-sm-n3{margin:calc(-1 * var(--dg-space-3));}
  .m-sm-n4{margin:calc(-1 * var(--dg-space-4));}
  .m-sm-n5{margin:calc(-1 * var(--dg-space-5));}
  .m-sm-n6{margin:calc(-1 * var(--dg-space-6));}
  .m-sm-n7{margin:calc(-1 * var(--dg-space-7));}
  .m-sm-n8{margin:calc(-1 * var(--dg-space-8));}
  .mt-sm-n1{margin-top:calc(-1 * var(--dg-space-1));}
  .mt-sm-n2{margin-top:calc(-1 * var(--dg-space-2));}
  .mt-sm-n3{margin-top:calc(-1 * var(--dg-space-3));}
  .mt-sm-n4{margin-top:calc(-1 * var(--dg-space-4));}
  .mt-sm-n5{margin-top:calc(-1 * var(--dg-space-5));}
  .mt-sm-n6{margin-top:calc(-1 * var(--dg-space-6));}
  .mt-sm-n7{margin-top:calc(-1 * var(--dg-space-7));}
  .mt-sm-n8{margin-top:calc(-1 * var(--dg-space-8));}
  .mb-sm-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
  .mb-sm-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
  .mb-sm-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
  .mb-sm-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
  .mb-sm-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
  .mb-sm-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
  .mb-sm-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
  .mb-sm-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
  .ms-sm-n1{margin-left:calc(-1 * var(--dg-space-1));}
  .ms-sm-n2{margin-left:calc(-1 * var(--dg-space-2));}
  .ms-sm-n3{margin-left:calc(-1 * var(--dg-space-3));}
  .ms-sm-n4{margin-left:calc(-1 * var(--dg-space-4));}
  .ms-sm-n5{margin-left:calc(-1 * var(--dg-space-5));}
  .ms-sm-n6{margin-left:calc(-1 * var(--dg-space-6));}
  .ms-sm-n7{margin-left:calc(-1 * var(--dg-space-7));}
  .ms-sm-n8{margin-left:calc(-1 * var(--dg-space-8));}
  .me-sm-n1{margin-right:calc(-1 * var(--dg-space-1));}
  .me-sm-n2{margin-right:calc(-1 * var(--dg-space-2));}
  .me-sm-n3{margin-right:calc(-1 * var(--dg-space-3));}
  .me-sm-n4{margin-right:calc(-1 * var(--dg-space-4));}
  .me-sm-n5{margin-right:calc(-1 * var(--dg-space-5));}
  .me-sm-n6{margin-right:calc(-1 * var(--dg-space-6));}
  .me-sm-n7{margin-right:calc(-1 * var(--dg-space-7));}
  .me-sm-n8{margin-right:calc(-1 * var(--dg-space-8));}
  .mx-sm-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
  .mx-sm-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
  .mx-sm-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
  .mx-sm-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
  .mx-sm-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
  .mx-sm-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
  .mx-sm-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
  .mx-sm-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
  .my-sm-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
  .my-sm-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
  .my-sm-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
  .my-sm-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
  .my-sm-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
  .my-sm-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
  .my-sm-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
  .my-sm-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
  .text-sm-start{text-align:start;}
  .text-sm-center{text-align:center;}
  .text-sm-end{text-align:end;}
  .float-sm-start{float:left;}
  .float-sm-end{float:right;}
  .float-sm-none{float:none;}
}
@media (min-width:768px){
  .d-md-none{display:none;}
  .d-md-inline{display:inline;}
  .d-md-inline-block{display:inline-block;}
  .d-md-block{display:block;}
  .d-md-grid{display:grid;}
  .d-md-inline-grid{display:inline-grid;}
  .d-md-table{display:table;}
  .d-md-table-row{display:table-row;}
  .d-md-table-cell{display:table-cell;}
  .d-md-flex{display:flex;}
  .d-md-inline-flex{display:inline-flex;}
  .flex-md-row{flex-direction:row;}
  .flex-md-column{flex-direction:column;}
  .flex-md-row-reverse{flex-direction:row-reverse;}
  .flex-md-column-reverse{flex-direction:column-reverse;}
  .flex-md-wrap{flex-wrap:wrap;}
  .flex-md-nowrap{flex-wrap:nowrap;}
  .flex-md-wrap-reverse{flex-wrap:wrap-reverse;}
  .flex-md-fill{flex:1 1 auto;}
  .flex-md-grow-0{flex-grow:0;}
  .flex-md-shrink-0{flex-shrink:0;}
  .flex-md-grow-1{flex-grow:1;}
  .flex-md-shrink-1{flex-shrink:1;}
  .justify-content-md-start{justify-content:flex-start;}
  .justify-content-md-end{justify-content:flex-end;}
  .justify-content-md-center{justify-content:center;}
  .justify-content-md-between{justify-content:space-between;}
  .justify-content-md-around{justify-content:space-around;}
  .justify-content-md-evenly{justify-content:space-evenly;}
  .align-items-md-start{align-items:flex-start;}
  .align-items-md-end{align-items:flex-end;}
  .align-items-md-center{align-items:center;}
  .align-items-md-baseline{align-items:baseline;}
  .align-items-md-stretch{align-items:stretch;}
  .align-self-md-start{align-self:flex-start;}
  .align-self-md-end{align-self:flex-end;}
  .align-self-md-center{align-self:center;}
  .align-self-md-baseline{align-self:baseline;}
  .align-self-md-stretch{align-self:stretch;}
  .align-self-md-auto{align-self:auto;}
  .align-content-md-start{align-content:flex-start;}
  .align-content-md-end{align-content:flex-end;}
  .align-content-md-center{align-content:center;}
  .align-content-md-between{align-content:space-between;}
  .align-content-md-around{align-content:space-around;}
  .align-content-md-stretch{align-content:stretch;}
  .order-md-first{order:-1;}
  .order-md-last{order:6;}
  .order-md-0{order:0;}
  .order-md-1{order:1;}
  .order-md-2{order:2;}
  .order-md-3{order:3;}
  .order-md-4{order:4;}
  .order-md-5{order:5;}
  .gap-md-0{gap:var(--dg-space-0);}
  .row-gap-md-0{row-gap:var(--dg-space-0);}
  .column-gap-md-0{column-gap:var(--dg-space-0);}
  .gap-md-1{gap:var(--dg-space-1);}
  .row-gap-md-1{row-gap:var(--dg-space-1);}
  .column-gap-md-1{column-gap:var(--dg-space-1);}
  .gap-md-2{gap:var(--dg-space-2);}
  .row-gap-md-2{row-gap:var(--dg-space-2);}
  .column-gap-md-2{column-gap:var(--dg-space-2);}
  .gap-md-3{gap:var(--dg-space-3);}
  .row-gap-md-3{row-gap:var(--dg-space-3);}
  .column-gap-md-3{column-gap:var(--dg-space-3);}
  .gap-md-4{gap:var(--dg-space-4);}
  .row-gap-md-4{row-gap:var(--dg-space-4);}
  .column-gap-md-4{column-gap:var(--dg-space-4);}
  .gap-md-5{gap:var(--dg-space-5);}
  .row-gap-md-5{row-gap:var(--dg-space-5);}
  .column-gap-md-5{column-gap:var(--dg-space-5);}
  .gap-md-6{gap:var(--dg-space-6);}
  .row-gap-md-6{row-gap:var(--dg-space-6);}
  .column-gap-md-6{column-gap:var(--dg-space-6);}
  .gap-md-7{gap:var(--dg-space-7);}
  .row-gap-md-7{row-gap:var(--dg-space-7);}
  .column-gap-md-7{column-gap:var(--dg-space-7);}
  .gap-md-8{gap:var(--dg-space-8);}
  .row-gap-md-8{row-gap:var(--dg-space-8);}
  .column-gap-md-8{column-gap:var(--dg-space-8);}
  .m-md-0{margin:var(--dg-space-0);}
  .m-md-1{margin:var(--dg-space-1);}
  .m-md-2{margin:var(--dg-space-2);}
  .m-md-3{margin:var(--dg-space-3);}
  .m-md-4{margin:var(--dg-space-4);}
  .m-md-5{margin:var(--dg-space-5);}
  .m-md-6{margin:var(--dg-space-6);}
  .m-md-7{margin:var(--dg-space-7);}
  .m-md-8{margin:var(--dg-space-8);}
  .m-md-auto{margin:auto;}
  .mt-md-0{margin-top:var(--dg-space-0);}
  .mt-md-1{margin-top:var(--dg-space-1);}
  .mt-md-2{margin-top:var(--dg-space-2);}
  .mt-md-3{margin-top:var(--dg-space-3);}
  .mt-md-4{margin-top:var(--dg-space-4);}
  .mt-md-5{margin-top:var(--dg-space-5);}
  .mt-md-6{margin-top:var(--dg-space-6);}
  .mt-md-7{margin-top:var(--dg-space-7);}
  .mt-md-8{margin-top:var(--dg-space-8);}
  .mt-md-auto{margin-top:auto;}
  .mb-md-0{margin-bottom:var(--dg-space-0);}
  .mb-md-1{margin-bottom:var(--dg-space-1);}
  .mb-md-2{margin-bottom:var(--dg-space-2);}
  .mb-md-3{margin-bottom:var(--dg-space-3);}
  .mb-md-4{margin-bottom:var(--dg-space-4);}
  .mb-md-5{margin-bottom:var(--dg-space-5);}
  .mb-md-6{margin-bottom:var(--dg-space-6);}
  .mb-md-7{margin-bottom:var(--dg-space-7);}
  .mb-md-8{margin-bottom:var(--dg-space-8);}
  .mb-md-auto{margin-bottom:auto;}
  .ms-md-0{margin-left:var(--dg-space-0);}
  .ms-md-1{margin-left:var(--dg-space-1);}
  .ms-md-2{margin-left:var(--dg-space-2);}
  .ms-md-3{margin-left:var(--dg-space-3);}
  .ms-md-4{margin-left:var(--dg-space-4);}
  .ms-md-5{margin-left:var(--dg-space-5);}
  .ms-md-6{margin-left:var(--dg-space-6);}
  .ms-md-7{margin-left:var(--dg-space-7);}
  .ms-md-8{margin-left:var(--dg-space-8);}
  .ms-md-auto{margin-left:auto;}
  .me-md-0{margin-right:var(--dg-space-0);}
  .me-md-1{margin-right:var(--dg-space-1);}
  .me-md-2{margin-right:var(--dg-space-2);}
  .me-md-3{margin-right:var(--dg-space-3);}
  .me-md-4{margin-right:var(--dg-space-4);}
  .me-md-5{margin-right:var(--dg-space-5);}
  .me-md-6{margin-right:var(--dg-space-6);}
  .me-md-7{margin-right:var(--dg-space-7);}
  .me-md-8{margin-right:var(--dg-space-8);}
  .me-md-auto{margin-right:auto;}
  .mx-md-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
  .mx-md-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
  .mx-md-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
  .mx-md-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
  .mx-md-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
  .mx-md-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
  .mx-md-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
  .mx-md-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
  .mx-md-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
  .mx-md-auto{margin-left:auto;margin-right:auto;}
  .my-md-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
  .my-md-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
  .my-md-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
  .my-md-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
  .my-md-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
  .my-md-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
  .my-md-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
  .my-md-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
  .my-md-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
  .my-md-auto{margin-top:auto;margin-bottom:auto;}
  .p-md-0{padding:var(--dg-space-0);}
  .p-md-1{padding:var(--dg-space-1);}
  .p-md-2{padding:var(--dg-space-2);}
  .p-md-3{padding:var(--dg-space-3);}
  .p-md-4{padding:var(--dg-space-4);}
  .p-md-5{padding:var(--dg-space-5);}
  .p-md-6{padding:var(--dg-space-6);}
  .p-md-7{padding:var(--dg-space-7);}
  .p-md-8{padding:var(--dg-space-8);}
  .pt-md-0{padding-top:var(--dg-space-0);}
  .pt-md-1{padding-top:var(--dg-space-1);}
  .pt-md-2{padding-top:var(--dg-space-2);}
  .pt-md-3{padding-top:var(--dg-space-3);}
  .pt-md-4{padding-top:var(--dg-space-4);}
  .pt-md-5{padding-top:var(--dg-space-5);}
  .pt-md-6{padding-top:var(--dg-space-6);}
  .pt-md-7{padding-top:var(--dg-space-7);}
  .pt-md-8{padding-top:var(--dg-space-8);}
  .pb-md-0{padding-bottom:var(--dg-space-0);}
  .pb-md-1{padding-bottom:var(--dg-space-1);}
  .pb-md-2{padding-bottom:var(--dg-space-2);}
  .pb-md-3{padding-bottom:var(--dg-space-3);}
  .pb-md-4{padding-bottom:var(--dg-space-4);}
  .pb-md-5{padding-bottom:var(--dg-space-5);}
  .pb-md-6{padding-bottom:var(--dg-space-6);}
  .pb-md-7{padding-bottom:var(--dg-space-7);}
  .pb-md-8{padding-bottom:var(--dg-space-8);}
  .ps-md-0{padding-left:var(--dg-space-0);}
  .ps-md-1{padding-left:var(--dg-space-1);}
  .ps-md-2{padding-left:var(--dg-space-2);}
  .ps-md-3{padding-left:var(--dg-space-3);}
  .ps-md-4{padding-left:var(--dg-space-4);}
  .ps-md-5{padding-left:var(--dg-space-5);}
  .ps-md-6{padding-left:var(--dg-space-6);}
  .ps-md-7{padding-left:var(--dg-space-7);}
  .ps-md-8{padding-left:var(--dg-space-8);}
  .pe-md-0{padding-right:var(--dg-space-0);}
  .pe-md-1{padding-right:var(--dg-space-1);}
  .pe-md-2{padding-right:var(--dg-space-2);}
  .pe-md-3{padding-right:var(--dg-space-3);}
  .pe-md-4{padding-right:var(--dg-space-4);}
  .pe-md-5{padding-right:var(--dg-space-5);}
  .pe-md-6{padding-right:var(--dg-space-6);}
  .pe-md-7{padding-right:var(--dg-space-7);}
  .pe-md-8{padding-right:var(--dg-space-8);}
  .px-md-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
  .px-md-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
  .px-md-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
  .px-md-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
  .px-md-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
  .px-md-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
  .px-md-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
  .px-md-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
  .px-md-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
  .py-md-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
  .py-md-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
  .py-md-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
  .py-md-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
  .py-md-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
  .py-md-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
  .py-md-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
  .py-md-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
  .py-md-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
  .m-md-n1{margin:calc(-1 * var(--dg-space-1));}
  .m-md-n2{margin:calc(-1 * var(--dg-space-2));}
  .m-md-n3{margin:calc(-1 * var(--dg-space-3));}
  .m-md-n4{margin:calc(-1 * var(--dg-space-4));}
  .m-md-n5{margin:calc(-1 * var(--dg-space-5));}
  .m-md-n6{margin:calc(-1 * var(--dg-space-6));}
  .m-md-n7{margin:calc(-1 * var(--dg-space-7));}
  .m-md-n8{margin:calc(-1 * var(--dg-space-8));}
  .mt-md-n1{margin-top:calc(-1 * var(--dg-space-1));}
  .mt-md-n2{margin-top:calc(-1 * var(--dg-space-2));}
  .mt-md-n3{margin-top:calc(-1 * var(--dg-space-3));}
  .mt-md-n4{margin-top:calc(-1 * var(--dg-space-4));}
  .mt-md-n5{margin-top:calc(-1 * var(--dg-space-5));}
  .mt-md-n6{margin-top:calc(-1 * var(--dg-space-6));}
  .mt-md-n7{margin-top:calc(-1 * var(--dg-space-7));}
  .mt-md-n8{margin-top:calc(-1 * var(--dg-space-8));}
  .mb-md-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
  .mb-md-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
  .mb-md-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
  .mb-md-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
  .mb-md-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
  .mb-md-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
  .mb-md-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
  .mb-md-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
  .ms-md-n1{margin-left:calc(-1 * var(--dg-space-1));}
  .ms-md-n2{margin-left:calc(-1 * var(--dg-space-2));}
  .ms-md-n3{margin-left:calc(-1 * var(--dg-space-3));}
  .ms-md-n4{margin-left:calc(-1 * var(--dg-space-4));}
  .ms-md-n5{margin-left:calc(-1 * var(--dg-space-5));}
  .ms-md-n6{margin-left:calc(-1 * var(--dg-space-6));}
  .ms-md-n7{margin-left:calc(-1 * var(--dg-space-7));}
  .ms-md-n8{margin-left:calc(-1 * var(--dg-space-8));}
  .me-md-n1{margin-right:calc(-1 * var(--dg-space-1));}
  .me-md-n2{margin-right:calc(-1 * var(--dg-space-2));}
  .me-md-n3{margin-right:calc(-1 * var(--dg-space-3));}
  .me-md-n4{margin-right:calc(-1 * var(--dg-space-4));}
  .me-md-n5{margin-right:calc(-1 * var(--dg-space-5));}
  .me-md-n6{margin-right:calc(-1 * var(--dg-space-6));}
  .me-md-n7{margin-right:calc(-1 * var(--dg-space-7));}
  .me-md-n8{margin-right:calc(-1 * var(--dg-space-8));}
  .mx-md-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
  .mx-md-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
  .mx-md-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
  .mx-md-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
  .mx-md-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
  .mx-md-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
  .mx-md-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
  .mx-md-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
  .my-md-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
  .my-md-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
  .my-md-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
  .my-md-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
  .my-md-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
  .my-md-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
  .my-md-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
  .my-md-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
  .text-md-start{text-align:start;}
  .text-md-center{text-align:center;}
  .text-md-end{text-align:end;}
  .float-md-start{float:left;}
  .float-md-end{float:right;}
  .float-md-none{float:none;}
}
@media (min-width:992px){
  .d-lg-none{display:none;}
  .d-lg-inline{display:inline;}
  .d-lg-inline-block{display:inline-block;}
  .d-lg-block{display:block;}
  .d-lg-grid{display:grid;}
  .d-lg-inline-grid{display:inline-grid;}
  .d-lg-table{display:table;}
  .d-lg-table-row{display:table-row;}
  .d-lg-table-cell{display:table-cell;}
  .d-lg-flex{display:flex;}
  .d-lg-inline-flex{display:inline-flex;}
  .flex-lg-row{flex-direction:row;}
  .flex-lg-column{flex-direction:column;}
  .flex-lg-row-reverse{flex-direction:row-reverse;}
  .flex-lg-column-reverse{flex-direction:column-reverse;}
  .flex-lg-wrap{flex-wrap:wrap;}
  .flex-lg-nowrap{flex-wrap:nowrap;}
  .flex-lg-wrap-reverse{flex-wrap:wrap-reverse;}
  .flex-lg-fill{flex:1 1 auto;}
  .flex-lg-grow-0{flex-grow:0;}
  .flex-lg-shrink-0{flex-shrink:0;}
  .flex-lg-grow-1{flex-grow:1;}
  .flex-lg-shrink-1{flex-shrink:1;}
  .justify-content-lg-start{justify-content:flex-start;}
  .justify-content-lg-end{justify-content:flex-end;}
  .justify-content-lg-center{justify-content:center;}
  .justify-content-lg-between{justify-content:space-between;}
  .justify-content-lg-around{justify-content:space-around;}
  .justify-content-lg-evenly{justify-content:space-evenly;}
  .align-items-lg-start{align-items:flex-start;}
  .align-items-lg-end{align-items:flex-end;}
  .align-items-lg-center{align-items:center;}
  .align-items-lg-baseline{align-items:baseline;}
  .align-items-lg-stretch{align-items:stretch;}
  .align-self-lg-start{align-self:flex-start;}
  .align-self-lg-end{align-self:flex-end;}
  .align-self-lg-center{align-self:center;}
  .align-self-lg-baseline{align-self:baseline;}
  .align-self-lg-stretch{align-self:stretch;}
  .align-self-lg-auto{align-self:auto;}
  .align-content-lg-start{align-content:flex-start;}
  .align-content-lg-end{align-content:flex-end;}
  .align-content-lg-center{align-content:center;}
  .align-content-lg-between{align-content:space-between;}
  .align-content-lg-around{align-content:space-around;}
  .align-content-lg-stretch{align-content:stretch;}
  .order-lg-first{order:-1;}
  .order-lg-last{order:6;}
  .order-lg-0{order:0;}
  .order-lg-1{order:1;}
  .order-lg-2{order:2;}
  .order-lg-3{order:3;}
  .order-lg-4{order:4;}
  .order-lg-5{order:5;}
  .gap-lg-0{gap:var(--dg-space-0);}
  .row-gap-lg-0{row-gap:var(--dg-space-0);}
  .column-gap-lg-0{column-gap:var(--dg-space-0);}
  .gap-lg-1{gap:var(--dg-space-1);}
  .row-gap-lg-1{row-gap:var(--dg-space-1);}
  .column-gap-lg-1{column-gap:var(--dg-space-1);}
  .gap-lg-2{gap:var(--dg-space-2);}
  .row-gap-lg-2{row-gap:var(--dg-space-2);}
  .column-gap-lg-2{column-gap:var(--dg-space-2);}
  .gap-lg-3{gap:var(--dg-space-3);}
  .row-gap-lg-3{row-gap:var(--dg-space-3);}
  .column-gap-lg-3{column-gap:var(--dg-space-3);}
  .gap-lg-4{gap:var(--dg-space-4);}
  .row-gap-lg-4{row-gap:var(--dg-space-4);}
  .column-gap-lg-4{column-gap:var(--dg-space-4);}
  .gap-lg-5{gap:var(--dg-space-5);}
  .row-gap-lg-5{row-gap:var(--dg-space-5);}
  .column-gap-lg-5{column-gap:var(--dg-space-5);}
  .gap-lg-6{gap:var(--dg-space-6);}
  .row-gap-lg-6{row-gap:var(--dg-space-6);}
  .column-gap-lg-6{column-gap:var(--dg-space-6);}
  .gap-lg-7{gap:var(--dg-space-7);}
  .row-gap-lg-7{row-gap:var(--dg-space-7);}
  .column-gap-lg-7{column-gap:var(--dg-space-7);}
  .gap-lg-8{gap:var(--dg-space-8);}
  .row-gap-lg-8{row-gap:var(--dg-space-8);}
  .column-gap-lg-8{column-gap:var(--dg-space-8);}
  .m-lg-0{margin:var(--dg-space-0);}
  .m-lg-1{margin:var(--dg-space-1);}
  .m-lg-2{margin:var(--dg-space-2);}
  .m-lg-3{margin:var(--dg-space-3);}
  .m-lg-4{margin:var(--dg-space-4);}
  .m-lg-5{margin:var(--dg-space-5);}
  .m-lg-6{margin:var(--dg-space-6);}
  .m-lg-7{margin:var(--dg-space-7);}
  .m-lg-8{margin:var(--dg-space-8);}
  .m-lg-auto{margin:auto;}
  .mt-lg-0{margin-top:var(--dg-space-0);}
  .mt-lg-1{margin-top:var(--dg-space-1);}
  .mt-lg-2{margin-top:var(--dg-space-2);}
  .mt-lg-3{margin-top:var(--dg-space-3);}
  .mt-lg-4{margin-top:var(--dg-space-4);}
  .mt-lg-5{margin-top:var(--dg-space-5);}
  .mt-lg-6{margin-top:var(--dg-space-6);}
  .mt-lg-7{margin-top:var(--dg-space-7);}
  .mt-lg-8{margin-top:var(--dg-space-8);}
  .mt-lg-auto{margin-top:auto;}
  .mb-lg-0{margin-bottom:var(--dg-space-0);}
  .mb-lg-1{margin-bottom:var(--dg-space-1);}
  .mb-lg-2{margin-bottom:var(--dg-space-2);}
  .mb-lg-3{margin-bottom:var(--dg-space-3);}
  .mb-lg-4{margin-bottom:var(--dg-space-4);}
  .mb-lg-5{margin-bottom:var(--dg-space-5);}
  .mb-lg-6{margin-bottom:var(--dg-space-6);}
  .mb-lg-7{margin-bottom:var(--dg-space-7);}
  .mb-lg-8{margin-bottom:var(--dg-space-8);}
  .mb-lg-auto{margin-bottom:auto;}
  .ms-lg-0{margin-left:var(--dg-space-0);}
  .ms-lg-1{margin-left:var(--dg-space-1);}
  .ms-lg-2{margin-left:var(--dg-space-2);}
  .ms-lg-3{margin-left:var(--dg-space-3);}
  .ms-lg-4{margin-left:var(--dg-space-4);}
  .ms-lg-5{margin-left:var(--dg-space-5);}
  .ms-lg-6{margin-left:var(--dg-space-6);}
  .ms-lg-7{margin-left:var(--dg-space-7);}
  .ms-lg-8{margin-left:var(--dg-space-8);}
  .ms-lg-auto{margin-left:auto;}
  .me-lg-0{margin-right:var(--dg-space-0);}
  .me-lg-1{margin-right:var(--dg-space-1);}
  .me-lg-2{margin-right:var(--dg-space-2);}
  .me-lg-3{margin-right:var(--dg-space-3);}
  .me-lg-4{margin-right:var(--dg-space-4);}
  .me-lg-5{margin-right:var(--dg-space-5);}
  .me-lg-6{margin-right:var(--dg-space-6);}
  .me-lg-7{margin-right:var(--dg-space-7);}
  .me-lg-8{margin-right:var(--dg-space-8);}
  .me-lg-auto{margin-right:auto;}
  .mx-lg-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
  .mx-lg-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
  .mx-lg-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
  .mx-lg-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
  .mx-lg-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
  .mx-lg-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
  .mx-lg-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
  .mx-lg-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
  .mx-lg-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
  .mx-lg-auto{margin-left:auto;margin-right:auto;}
  .my-lg-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
  .my-lg-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
  .my-lg-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
  .my-lg-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
  .my-lg-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
  .my-lg-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
  .my-lg-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
  .my-lg-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
  .my-lg-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
  .my-lg-auto{margin-top:auto;margin-bottom:auto;}
  .p-lg-0{padding:var(--dg-space-0);}
  .p-lg-1{padding:var(--dg-space-1);}
  .p-lg-2{padding:var(--dg-space-2);}
  .p-lg-3{padding:var(--dg-space-3);}
  .p-lg-4{padding:var(--dg-space-4);}
  .p-lg-5{padding:var(--dg-space-5);}
  .p-lg-6{padding:var(--dg-space-6);}
  .p-lg-7{padding:var(--dg-space-7);}
  .p-lg-8{padding:var(--dg-space-8);}
  .pt-lg-0{padding-top:var(--dg-space-0);}
  .pt-lg-1{padding-top:var(--dg-space-1);}
  .pt-lg-2{padding-top:var(--dg-space-2);}
  .pt-lg-3{padding-top:var(--dg-space-3);}
  .pt-lg-4{padding-top:var(--dg-space-4);}
  .pt-lg-5{padding-top:var(--dg-space-5);}
  .pt-lg-6{padding-top:var(--dg-space-6);}
  .pt-lg-7{padding-top:var(--dg-space-7);}
  .pt-lg-8{padding-top:var(--dg-space-8);}
  .pb-lg-0{padding-bottom:var(--dg-space-0);}
  .pb-lg-1{padding-bottom:var(--dg-space-1);}
  .pb-lg-2{padding-bottom:var(--dg-space-2);}
  .pb-lg-3{padding-bottom:var(--dg-space-3);}
  .pb-lg-4{padding-bottom:var(--dg-space-4);}
  .pb-lg-5{padding-bottom:var(--dg-space-5);}
  .pb-lg-6{padding-bottom:var(--dg-space-6);}
  .pb-lg-7{padding-bottom:var(--dg-space-7);}
  .pb-lg-8{padding-bottom:var(--dg-space-8);}
  .ps-lg-0{padding-left:var(--dg-space-0);}
  .ps-lg-1{padding-left:var(--dg-space-1);}
  .ps-lg-2{padding-left:var(--dg-space-2);}
  .ps-lg-3{padding-left:var(--dg-space-3);}
  .ps-lg-4{padding-left:var(--dg-space-4);}
  .ps-lg-5{padding-left:var(--dg-space-5);}
  .ps-lg-6{padding-left:var(--dg-space-6);}
  .ps-lg-7{padding-left:var(--dg-space-7);}
  .ps-lg-8{padding-left:var(--dg-space-8);}
  .pe-lg-0{padding-right:var(--dg-space-0);}
  .pe-lg-1{padding-right:var(--dg-space-1);}
  .pe-lg-2{padding-right:var(--dg-space-2);}
  .pe-lg-3{padding-right:var(--dg-space-3);}
  .pe-lg-4{padding-right:var(--dg-space-4);}
  .pe-lg-5{padding-right:var(--dg-space-5);}
  .pe-lg-6{padding-right:var(--dg-space-6);}
  .pe-lg-7{padding-right:var(--dg-space-7);}
  .pe-lg-8{padding-right:var(--dg-space-8);}
  .px-lg-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
  .px-lg-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
  .px-lg-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
  .px-lg-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
  .px-lg-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
  .px-lg-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
  .px-lg-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
  .px-lg-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
  .px-lg-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
  .py-lg-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
  .py-lg-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
  .py-lg-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
  .py-lg-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
  .py-lg-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
  .py-lg-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
  .py-lg-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
  .py-lg-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
  .py-lg-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
  .m-lg-n1{margin:calc(-1 * var(--dg-space-1));}
  .m-lg-n2{margin:calc(-1 * var(--dg-space-2));}
  .m-lg-n3{margin:calc(-1 * var(--dg-space-3));}
  .m-lg-n4{margin:calc(-1 * var(--dg-space-4));}
  .m-lg-n5{margin:calc(-1 * var(--dg-space-5));}
  .m-lg-n6{margin:calc(-1 * var(--dg-space-6));}
  .m-lg-n7{margin:calc(-1 * var(--dg-space-7));}
  .m-lg-n8{margin:calc(-1 * var(--dg-space-8));}
  .mt-lg-n1{margin-top:calc(-1 * var(--dg-space-1));}
  .mt-lg-n2{margin-top:calc(-1 * var(--dg-space-2));}
  .mt-lg-n3{margin-top:calc(-1 * var(--dg-space-3));}
  .mt-lg-n4{margin-top:calc(-1 * var(--dg-space-4));}
  .mt-lg-n5{margin-top:calc(-1 * var(--dg-space-5));}
  .mt-lg-n6{margin-top:calc(-1 * var(--dg-space-6));}
  .mt-lg-n7{margin-top:calc(-1 * var(--dg-space-7));}
  .mt-lg-n8{margin-top:calc(-1 * var(--dg-space-8));}
  .mb-lg-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
  .mb-lg-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
  .mb-lg-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
  .mb-lg-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
  .mb-lg-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
  .mb-lg-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
  .mb-lg-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
  .mb-lg-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
  .ms-lg-n1{margin-left:calc(-1 * var(--dg-space-1));}
  .ms-lg-n2{margin-left:calc(-1 * var(--dg-space-2));}
  .ms-lg-n3{margin-left:calc(-1 * var(--dg-space-3));}
  .ms-lg-n4{margin-left:calc(-1 * var(--dg-space-4));}
  .ms-lg-n5{margin-left:calc(-1 * var(--dg-space-5));}
  .ms-lg-n6{margin-left:calc(-1 * var(--dg-space-6));}
  .ms-lg-n7{margin-left:calc(-1 * var(--dg-space-7));}
  .ms-lg-n8{margin-left:calc(-1 * var(--dg-space-8));}
  .me-lg-n1{margin-right:calc(-1 * var(--dg-space-1));}
  .me-lg-n2{margin-right:calc(-1 * var(--dg-space-2));}
  .me-lg-n3{margin-right:calc(-1 * var(--dg-space-3));}
  .me-lg-n4{margin-right:calc(-1 * var(--dg-space-4));}
  .me-lg-n5{margin-right:calc(-1 * var(--dg-space-5));}
  .me-lg-n6{margin-right:calc(-1 * var(--dg-space-6));}
  .me-lg-n7{margin-right:calc(-1 * var(--dg-space-7));}
  .me-lg-n8{margin-right:calc(-1 * var(--dg-space-8));}
  .mx-lg-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
  .mx-lg-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
  .mx-lg-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
  .mx-lg-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
  .mx-lg-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
  .mx-lg-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
  .mx-lg-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
  .mx-lg-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
  .my-lg-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
  .my-lg-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
  .my-lg-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
  .my-lg-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
  .my-lg-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
  .my-lg-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
  .my-lg-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
  .my-lg-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
  .text-lg-start{text-align:start;}
  .text-lg-center{text-align:center;}
  .text-lg-end{text-align:end;}
  .float-lg-start{float:left;}
  .float-lg-end{float:right;}
  .float-lg-none{float:none;}
}
@media (min-width:1200px){
  .d-xl-none{display:none;}
  .d-xl-inline{display:inline;}
  .d-xl-inline-block{display:inline-block;}
  .d-xl-block{display:block;}
  .d-xl-grid{display:grid;}
  .d-xl-inline-grid{display:inline-grid;}
  .d-xl-table{display:table;}
  .d-xl-table-row{display:table-row;}
  .d-xl-table-cell{display:table-cell;}
  .d-xl-flex{display:flex;}
  .d-xl-inline-flex{display:inline-flex;}
  .flex-xl-row{flex-direction:row;}
  .flex-xl-column{flex-direction:column;}
  .flex-xl-row-reverse{flex-direction:row-reverse;}
  .flex-xl-column-reverse{flex-direction:column-reverse;}
  .flex-xl-wrap{flex-wrap:wrap;}
  .flex-xl-nowrap{flex-wrap:nowrap;}
  .flex-xl-wrap-reverse{flex-wrap:wrap-reverse;}
  .flex-xl-fill{flex:1 1 auto;}
  .flex-xl-grow-0{flex-grow:0;}
  .flex-xl-shrink-0{flex-shrink:0;}
  .flex-xl-grow-1{flex-grow:1;}
  .flex-xl-shrink-1{flex-shrink:1;}
  .justify-content-xl-start{justify-content:flex-start;}
  .justify-content-xl-end{justify-content:flex-end;}
  .justify-content-xl-center{justify-content:center;}
  .justify-content-xl-between{justify-content:space-between;}
  .justify-content-xl-around{justify-content:space-around;}
  .justify-content-xl-evenly{justify-content:space-evenly;}
  .align-items-xl-start{align-items:flex-start;}
  .align-items-xl-end{align-items:flex-end;}
  .align-items-xl-center{align-items:center;}
  .align-items-xl-baseline{align-items:baseline;}
  .align-items-xl-stretch{align-items:stretch;}
  .align-self-xl-start{align-self:flex-start;}
  .align-self-xl-end{align-self:flex-end;}
  .align-self-xl-center{align-self:center;}
  .align-self-xl-baseline{align-self:baseline;}
  .align-self-xl-stretch{align-self:stretch;}
  .align-self-xl-auto{align-self:auto;}
  .align-content-xl-start{align-content:flex-start;}
  .align-content-xl-end{align-content:flex-end;}
  .align-content-xl-center{align-content:center;}
  .align-content-xl-between{align-content:space-between;}
  .align-content-xl-around{align-content:space-around;}
  .align-content-xl-stretch{align-content:stretch;}
  .order-xl-first{order:-1;}
  .order-xl-last{order:6;}
  .order-xl-0{order:0;}
  .order-xl-1{order:1;}
  .order-xl-2{order:2;}
  .order-xl-3{order:3;}
  .order-xl-4{order:4;}
  .order-xl-5{order:5;}
  .gap-xl-0{gap:var(--dg-space-0);}
  .row-gap-xl-0{row-gap:var(--dg-space-0);}
  .column-gap-xl-0{column-gap:var(--dg-space-0);}
  .gap-xl-1{gap:var(--dg-space-1);}
  .row-gap-xl-1{row-gap:var(--dg-space-1);}
  .column-gap-xl-1{column-gap:var(--dg-space-1);}
  .gap-xl-2{gap:var(--dg-space-2);}
  .row-gap-xl-2{row-gap:var(--dg-space-2);}
  .column-gap-xl-2{column-gap:var(--dg-space-2);}
  .gap-xl-3{gap:var(--dg-space-3);}
  .row-gap-xl-3{row-gap:var(--dg-space-3);}
  .column-gap-xl-3{column-gap:var(--dg-space-3);}
  .gap-xl-4{gap:var(--dg-space-4);}
  .row-gap-xl-4{row-gap:var(--dg-space-4);}
  .column-gap-xl-4{column-gap:var(--dg-space-4);}
  .gap-xl-5{gap:var(--dg-space-5);}
  .row-gap-xl-5{row-gap:var(--dg-space-5);}
  .column-gap-xl-5{column-gap:var(--dg-space-5);}
  .gap-xl-6{gap:var(--dg-space-6);}
  .row-gap-xl-6{row-gap:var(--dg-space-6);}
  .column-gap-xl-6{column-gap:var(--dg-space-6);}
  .gap-xl-7{gap:var(--dg-space-7);}
  .row-gap-xl-7{row-gap:var(--dg-space-7);}
  .column-gap-xl-7{column-gap:var(--dg-space-7);}
  .gap-xl-8{gap:var(--dg-space-8);}
  .row-gap-xl-8{row-gap:var(--dg-space-8);}
  .column-gap-xl-8{column-gap:var(--dg-space-8);}
  .m-xl-0{margin:var(--dg-space-0);}
  .m-xl-1{margin:var(--dg-space-1);}
  .m-xl-2{margin:var(--dg-space-2);}
  .m-xl-3{margin:var(--dg-space-3);}
  .m-xl-4{margin:var(--dg-space-4);}
  .m-xl-5{margin:var(--dg-space-5);}
  .m-xl-6{margin:var(--dg-space-6);}
  .m-xl-7{margin:var(--dg-space-7);}
  .m-xl-8{margin:var(--dg-space-8);}
  .m-xl-auto{margin:auto;}
  .mt-xl-0{margin-top:var(--dg-space-0);}
  .mt-xl-1{margin-top:var(--dg-space-1);}
  .mt-xl-2{margin-top:var(--dg-space-2);}
  .mt-xl-3{margin-top:var(--dg-space-3);}
  .mt-xl-4{margin-top:var(--dg-space-4);}
  .mt-xl-5{margin-top:var(--dg-space-5);}
  .mt-xl-6{margin-top:var(--dg-space-6);}
  .mt-xl-7{margin-top:var(--dg-space-7);}
  .mt-xl-8{margin-top:var(--dg-space-8);}
  .mt-xl-auto{margin-top:auto;}
  .mb-xl-0{margin-bottom:var(--dg-space-0);}
  .mb-xl-1{margin-bottom:var(--dg-space-1);}
  .mb-xl-2{margin-bottom:var(--dg-space-2);}
  .mb-xl-3{margin-bottom:var(--dg-space-3);}
  .mb-xl-4{margin-bottom:var(--dg-space-4);}
  .mb-xl-5{margin-bottom:var(--dg-space-5);}
  .mb-xl-6{margin-bottom:var(--dg-space-6);}
  .mb-xl-7{margin-bottom:var(--dg-space-7);}
  .mb-xl-8{margin-bottom:var(--dg-space-8);}
  .mb-xl-auto{margin-bottom:auto;}
  .ms-xl-0{margin-left:var(--dg-space-0);}
  .ms-xl-1{margin-left:var(--dg-space-1);}
  .ms-xl-2{margin-left:var(--dg-space-2);}
  .ms-xl-3{margin-left:var(--dg-space-3);}
  .ms-xl-4{margin-left:var(--dg-space-4);}
  .ms-xl-5{margin-left:var(--dg-space-5);}
  .ms-xl-6{margin-left:var(--dg-space-6);}
  .ms-xl-7{margin-left:var(--dg-space-7);}
  .ms-xl-8{margin-left:var(--dg-space-8);}
  .ms-xl-auto{margin-left:auto;}
  .me-xl-0{margin-right:var(--dg-space-0);}
  .me-xl-1{margin-right:var(--dg-space-1);}
  .me-xl-2{margin-right:var(--dg-space-2);}
  .me-xl-3{margin-right:var(--dg-space-3);}
  .me-xl-4{margin-right:var(--dg-space-4);}
  .me-xl-5{margin-right:var(--dg-space-5);}
  .me-xl-6{margin-right:var(--dg-space-6);}
  .me-xl-7{margin-right:var(--dg-space-7);}
  .me-xl-8{margin-right:var(--dg-space-8);}
  .me-xl-auto{margin-right:auto;}
  .mx-xl-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
  .mx-xl-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
  .mx-xl-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
  .mx-xl-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
  .mx-xl-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
  .mx-xl-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
  .mx-xl-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
  .mx-xl-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
  .mx-xl-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
  .mx-xl-auto{margin-left:auto;margin-right:auto;}
  .my-xl-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
  .my-xl-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
  .my-xl-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
  .my-xl-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
  .my-xl-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
  .my-xl-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
  .my-xl-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
  .my-xl-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
  .my-xl-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
  .my-xl-auto{margin-top:auto;margin-bottom:auto;}
  .p-xl-0{padding:var(--dg-space-0);}
  .p-xl-1{padding:var(--dg-space-1);}
  .p-xl-2{padding:var(--dg-space-2);}
  .p-xl-3{padding:var(--dg-space-3);}
  .p-xl-4{padding:var(--dg-space-4);}
  .p-xl-5{padding:var(--dg-space-5);}
  .p-xl-6{padding:var(--dg-space-6);}
  .p-xl-7{padding:var(--dg-space-7);}
  .p-xl-8{padding:var(--dg-space-8);}
  .pt-xl-0{padding-top:var(--dg-space-0);}
  .pt-xl-1{padding-top:var(--dg-space-1);}
  .pt-xl-2{padding-top:var(--dg-space-2);}
  .pt-xl-3{padding-top:var(--dg-space-3);}
  .pt-xl-4{padding-top:var(--dg-space-4);}
  .pt-xl-5{padding-top:var(--dg-space-5);}
  .pt-xl-6{padding-top:var(--dg-space-6);}
  .pt-xl-7{padding-top:var(--dg-space-7);}
  .pt-xl-8{padding-top:var(--dg-space-8);}
  .pb-xl-0{padding-bottom:var(--dg-space-0);}
  .pb-xl-1{padding-bottom:var(--dg-space-1);}
  .pb-xl-2{padding-bottom:var(--dg-space-2);}
  .pb-xl-3{padding-bottom:var(--dg-space-3);}
  .pb-xl-4{padding-bottom:var(--dg-space-4);}
  .pb-xl-5{padding-bottom:var(--dg-space-5);}
  .pb-xl-6{padding-bottom:var(--dg-space-6);}
  .pb-xl-7{padding-bottom:var(--dg-space-7);}
  .pb-xl-8{padding-bottom:var(--dg-space-8);}
  .ps-xl-0{padding-left:var(--dg-space-0);}
  .ps-xl-1{padding-left:var(--dg-space-1);}
  .ps-xl-2{padding-left:var(--dg-space-2);}
  .ps-xl-3{padding-left:var(--dg-space-3);}
  .ps-xl-4{padding-left:var(--dg-space-4);}
  .ps-xl-5{padding-left:var(--dg-space-5);}
  .ps-xl-6{padding-left:var(--dg-space-6);}
  .ps-xl-7{padding-left:var(--dg-space-7);}
  .ps-xl-8{padding-left:var(--dg-space-8);}
  .pe-xl-0{padding-right:var(--dg-space-0);}
  .pe-xl-1{padding-right:var(--dg-space-1);}
  .pe-xl-2{padding-right:var(--dg-space-2);}
  .pe-xl-3{padding-right:var(--dg-space-3);}
  .pe-xl-4{padding-right:var(--dg-space-4);}
  .pe-xl-5{padding-right:var(--dg-space-5);}
  .pe-xl-6{padding-right:var(--dg-space-6);}
  .pe-xl-7{padding-right:var(--dg-space-7);}
  .pe-xl-8{padding-right:var(--dg-space-8);}
  .px-xl-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
  .px-xl-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
  .px-xl-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
  .px-xl-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
  .px-xl-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
  .px-xl-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
  .px-xl-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
  .px-xl-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
  .px-xl-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
  .py-xl-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
  .py-xl-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
  .py-xl-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
  .py-xl-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
  .py-xl-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
  .py-xl-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
  .py-xl-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
  .py-xl-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
  .py-xl-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
  .m-xl-n1{margin:calc(-1 * var(--dg-space-1));}
  .m-xl-n2{margin:calc(-1 * var(--dg-space-2));}
  .m-xl-n3{margin:calc(-1 * var(--dg-space-3));}
  .m-xl-n4{margin:calc(-1 * var(--dg-space-4));}
  .m-xl-n5{margin:calc(-1 * var(--dg-space-5));}
  .m-xl-n6{margin:calc(-1 * var(--dg-space-6));}
  .m-xl-n7{margin:calc(-1 * var(--dg-space-7));}
  .m-xl-n8{margin:calc(-1 * var(--dg-space-8));}
  .mt-xl-n1{margin-top:calc(-1 * var(--dg-space-1));}
  .mt-xl-n2{margin-top:calc(-1 * var(--dg-space-2));}
  .mt-xl-n3{margin-top:calc(-1 * var(--dg-space-3));}
  .mt-xl-n4{margin-top:calc(-1 * var(--dg-space-4));}
  .mt-xl-n5{margin-top:calc(-1 * var(--dg-space-5));}
  .mt-xl-n6{margin-top:calc(-1 * var(--dg-space-6));}
  .mt-xl-n7{margin-top:calc(-1 * var(--dg-space-7));}
  .mt-xl-n8{margin-top:calc(-1 * var(--dg-space-8));}
  .mb-xl-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
  .mb-xl-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
  .mb-xl-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
  .mb-xl-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
  .mb-xl-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
  .mb-xl-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
  .mb-xl-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
  .mb-xl-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
  .ms-xl-n1{margin-left:calc(-1 * var(--dg-space-1));}
  .ms-xl-n2{margin-left:calc(-1 * var(--dg-space-2));}
  .ms-xl-n3{margin-left:calc(-1 * var(--dg-space-3));}
  .ms-xl-n4{margin-left:calc(-1 * var(--dg-space-4));}
  .ms-xl-n5{margin-left:calc(-1 * var(--dg-space-5));}
  .ms-xl-n6{margin-left:calc(-1 * var(--dg-space-6));}
  .ms-xl-n7{margin-left:calc(-1 * var(--dg-space-7));}
  .ms-xl-n8{margin-left:calc(-1 * var(--dg-space-8));}
  .me-xl-n1{margin-right:calc(-1 * var(--dg-space-1));}
  .me-xl-n2{margin-right:calc(-1 * var(--dg-space-2));}
  .me-xl-n3{margin-right:calc(-1 * var(--dg-space-3));}
  .me-xl-n4{margin-right:calc(-1 * var(--dg-space-4));}
  .me-xl-n5{margin-right:calc(-1 * var(--dg-space-5));}
  .me-xl-n6{margin-right:calc(-1 * var(--dg-space-6));}
  .me-xl-n7{margin-right:calc(-1 * var(--dg-space-7));}
  .me-xl-n8{margin-right:calc(-1 * var(--dg-space-8));}
  .mx-xl-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
  .mx-xl-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
  .mx-xl-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
  .mx-xl-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
  .mx-xl-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
  .mx-xl-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
  .mx-xl-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
  .mx-xl-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
  .my-xl-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
  .my-xl-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
  .my-xl-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
  .my-xl-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
  .my-xl-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
  .my-xl-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
  .my-xl-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
  .my-xl-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
  .text-xl-start{text-align:start;}
  .text-xl-center{text-align:center;}
  .text-xl-end{text-align:end;}
  .float-xl-start{float:left;}
  .float-xl-end{float:right;}
  .float-xl-none{float:none;}
}
@media (min-width:1400px){
  .d-xxl-none{display:none;}
  .d-xxl-inline{display:inline;}
  .d-xxl-inline-block{display:inline-block;}
  .d-xxl-block{display:block;}
  .d-xxl-grid{display:grid;}
  .d-xxl-inline-grid{display:inline-grid;}
  .d-xxl-table{display:table;}
  .d-xxl-table-row{display:table-row;}
  .d-xxl-table-cell{display:table-cell;}
  .d-xxl-flex{display:flex;}
  .d-xxl-inline-flex{display:inline-flex;}
  .flex-xxl-row{flex-direction:row;}
  .flex-xxl-column{flex-direction:column;}
  .flex-xxl-row-reverse{flex-direction:row-reverse;}
  .flex-xxl-column-reverse{flex-direction:column-reverse;}
  .flex-xxl-wrap{flex-wrap:wrap;}
  .flex-xxl-nowrap{flex-wrap:nowrap;}
  .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse;}
  .flex-xxl-fill{flex:1 1 auto;}
  .flex-xxl-grow-0{flex-grow:0;}
  .flex-xxl-shrink-0{flex-shrink:0;}
  .flex-xxl-grow-1{flex-grow:1;}
  .flex-xxl-shrink-1{flex-shrink:1;}
  .justify-content-xxl-start{justify-content:flex-start;}
  .justify-content-xxl-end{justify-content:flex-end;}
  .justify-content-xxl-center{justify-content:center;}
  .justify-content-xxl-between{justify-content:space-between;}
  .justify-content-xxl-around{justify-content:space-around;}
  .justify-content-xxl-evenly{justify-content:space-evenly;}
  .align-items-xxl-start{align-items:flex-start;}
  .align-items-xxl-end{align-items:flex-end;}
  .align-items-xxl-center{align-items:center;}
  .align-items-xxl-baseline{align-items:baseline;}
  .align-items-xxl-stretch{align-items:stretch;}
  .align-self-xxl-start{align-self:flex-start;}
  .align-self-xxl-end{align-self:flex-end;}
  .align-self-xxl-center{align-self:center;}
  .align-self-xxl-baseline{align-self:baseline;}
  .align-self-xxl-stretch{align-self:stretch;}
  .align-self-xxl-auto{align-self:auto;}
  .align-content-xxl-start{align-content:flex-start;}
  .align-content-xxl-end{align-content:flex-end;}
  .align-content-xxl-center{align-content:center;}
  .align-content-xxl-between{align-content:space-between;}
  .align-content-xxl-around{align-content:space-around;}
  .align-content-xxl-stretch{align-content:stretch;}
  .order-xxl-first{order:-1;}
  .order-xxl-last{order:6;}
  .order-xxl-0{order:0;}
  .order-xxl-1{order:1;}
  .order-xxl-2{order:2;}
  .order-xxl-3{order:3;}
  .order-xxl-4{order:4;}
  .order-xxl-5{order:5;}
  .gap-xxl-0{gap:var(--dg-space-0);}
  .row-gap-xxl-0{row-gap:var(--dg-space-0);}
  .column-gap-xxl-0{column-gap:var(--dg-space-0);}
  .gap-xxl-1{gap:var(--dg-space-1);}
  .row-gap-xxl-1{row-gap:var(--dg-space-1);}
  .column-gap-xxl-1{column-gap:var(--dg-space-1);}
  .gap-xxl-2{gap:var(--dg-space-2);}
  .row-gap-xxl-2{row-gap:var(--dg-space-2);}
  .column-gap-xxl-2{column-gap:var(--dg-space-2);}
  .gap-xxl-3{gap:var(--dg-space-3);}
  .row-gap-xxl-3{row-gap:var(--dg-space-3);}
  .column-gap-xxl-3{column-gap:var(--dg-space-3);}
  .gap-xxl-4{gap:var(--dg-space-4);}
  .row-gap-xxl-4{row-gap:var(--dg-space-4);}
  .column-gap-xxl-4{column-gap:var(--dg-space-4);}
  .gap-xxl-5{gap:var(--dg-space-5);}
  .row-gap-xxl-5{row-gap:var(--dg-space-5);}
  .column-gap-xxl-5{column-gap:var(--dg-space-5);}
  .gap-xxl-6{gap:var(--dg-space-6);}
  .row-gap-xxl-6{row-gap:var(--dg-space-6);}
  .column-gap-xxl-6{column-gap:var(--dg-space-6);}
  .gap-xxl-7{gap:var(--dg-space-7);}
  .row-gap-xxl-7{row-gap:var(--dg-space-7);}
  .column-gap-xxl-7{column-gap:var(--dg-space-7);}
  .gap-xxl-8{gap:var(--dg-space-8);}
  .row-gap-xxl-8{row-gap:var(--dg-space-8);}
  .column-gap-xxl-8{column-gap:var(--dg-space-8);}
  .m-xxl-0{margin:var(--dg-space-0);}
  .m-xxl-1{margin:var(--dg-space-1);}
  .m-xxl-2{margin:var(--dg-space-2);}
  .m-xxl-3{margin:var(--dg-space-3);}
  .m-xxl-4{margin:var(--dg-space-4);}
  .m-xxl-5{margin:var(--dg-space-5);}
  .m-xxl-6{margin:var(--dg-space-6);}
  .m-xxl-7{margin:var(--dg-space-7);}
  .m-xxl-8{margin:var(--dg-space-8);}
  .m-xxl-auto{margin:auto;}
  .mt-xxl-0{margin-top:var(--dg-space-0);}
  .mt-xxl-1{margin-top:var(--dg-space-1);}
  .mt-xxl-2{margin-top:var(--dg-space-2);}
  .mt-xxl-3{margin-top:var(--dg-space-3);}
  .mt-xxl-4{margin-top:var(--dg-space-4);}
  .mt-xxl-5{margin-top:var(--dg-space-5);}
  .mt-xxl-6{margin-top:var(--dg-space-6);}
  .mt-xxl-7{margin-top:var(--dg-space-7);}
  .mt-xxl-8{margin-top:var(--dg-space-8);}
  .mt-xxl-auto{margin-top:auto;}
  .mb-xxl-0{margin-bottom:var(--dg-space-0);}
  .mb-xxl-1{margin-bottom:var(--dg-space-1);}
  .mb-xxl-2{margin-bottom:var(--dg-space-2);}
  .mb-xxl-3{margin-bottom:var(--dg-space-3);}
  .mb-xxl-4{margin-bottom:var(--dg-space-4);}
  .mb-xxl-5{margin-bottom:var(--dg-space-5);}
  .mb-xxl-6{margin-bottom:var(--dg-space-6);}
  .mb-xxl-7{margin-bottom:var(--dg-space-7);}
  .mb-xxl-8{margin-bottom:var(--dg-space-8);}
  .mb-xxl-auto{margin-bottom:auto;}
  .ms-xxl-0{margin-left:var(--dg-space-0);}
  .ms-xxl-1{margin-left:var(--dg-space-1);}
  .ms-xxl-2{margin-left:var(--dg-space-2);}
  .ms-xxl-3{margin-left:var(--dg-space-3);}
  .ms-xxl-4{margin-left:var(--dg-space-4);}
  .ms-xxl-5{margin-left:var(--dg-space-5);}
  .ms-xxl-6{margin-left:var(--dg-space-6);}
  .ms-xxl-7{margin-left:var(--dg-space-7);}
  .ms-xxl-8{margin-left:var(--dg-space-8);}
  .ms-xxl-auto{margin-left:auto;}
  .me-xxl-0{margin-right:var(--dg-space-0);}
  .me-xxl-1{margin-right:var(--dg-space-1);}
  .me-xxl-2{margin-right:var(--dg-space-2);}
  .me-xxl-3{margin-right:var(--dg-space-3);}
  .me-xxl-4{margin-right:var(--dg-space-4);}
  .me-xxl-5{margin-right:var(--dg-space-5);}
  .me-xxl-6{margin-right:var(--dg-space-6);}
  .me-xxl-7{margin-right:var(--dg-space-7);}
  .me-xxl-8{margin-right:var(--dg-space-8);}
  .me-xxl-auto{margin-right:auto;}
  .mx-xxl-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
  .mx-xxl-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
  .mx-xxl-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
  .mx-xxl-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
  .mx-xxl-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
  .mx-xxl-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
  .mx-xxl-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
  .mx-xxl-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
  .mx-xxl-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
  .mx-xxl-auto{margin-left:auto;margin-right:auto;}
  .my-xxl-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
  .my-xxl-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
  .my-xxl-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
  .my-xxl-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
  .my-xxl-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
  .my-xxl-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
  .my-xxl-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
  .my-xxl-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
  .my-xxl-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
  .my-xxl-auto{margin-top:auto;margin-bottom:auto;}
  .p-xxl-0{padding:var(--dg-space-0);}
  .p-xxl-1{padding:var(--dg-space-1);}
  .p-xxl-2{padding:var(--dg-space-2);}
  .p-xxl-3{padding:var(--dg-space-3);}
  .p-xxl-4{padding:var(--dg-space-4);}
  .p-xxl-5{padding:var(--dg-space-5);}
  .p-xxl-6{padding:var(--dg-space-6);}
  .p-xxl-7{padding:var(--dg-space-7);}
  .p-xxl-8{padding:var(--dg-space-8);}
  .pt-xxl-0{padding-top:var(--dg-space-0);}
  .pt-xxl-1{padding-top:var(--dg-space-1);}
  .pt-xxl-2{padding-top:var(--dg-space-2);}
  .pt-xxl-3{padding-top:var(--dg-space-3);}
  .pt-xxl-4{padding-top:var(--dg-space-4);}
  .pt-xxl-5{padding-top:var(--dg-space-5);}
  .pt-xxl-6{padding-top:var(--dg-space-6);}
  .pt-xxl-7{padding-top:var(--dg-space-7);}
  .pt-xxl-8{padding-top:var(--dg-space-8);}
  .pb-xxl-0{padding-bottom:var(--dg-space-0);}
  .pb-xxl-1{padding-bottom:var(--dg-space-1);}
  .pb-xxl-2{padding-bottom:var(--dg-space-2);}
  .pb-xxl-3{padding-bottom:var(--dg-space-3);}
  .pb-xxl-4{padding-bottom:var(--dg-space-4);}
  .pb-xxl-5{padding-bottom:var(--dg-space-5);}
  .pb-xxl-6{padding-bottom:var(--dg-space-6);}
  .pb-xxl-7{padding-bottom:var(--dg-space-7);}
  .pb-xxl-8{padding-bottom:var(--dg-space-8);}
  .ps-xxl-0{padding-left:var(--dg-space-0);}
  .ps-xxl-1{padding-left:var(--dg-space-1);}
  .ps-xxl-2{padding-left:var(--dg-space-2);}
  .ps-xxl-3{padding-left:var(--dg-space-3);}
  .ps-xxl-4{padding-left:var(--dg-space-4);}
  .ps-xxl-5{padding-left:var(--dg-space-5);}
  .ps-xxl-6{padding-left:var(--dg-space-6);}
  .ps-xxl-7{padding-left:var(--dg-space-7);}
  .ps-xxl-8{padding-left:var(--dg-space-8);}
  .pe-xxl-0{padding-right:var(--dg-space-0);}
  .pe-xxl-1{padding-right:var(--dg-space-1);}
  .pe-xxl-2{padding-right:var(--dg-space-2);}
  .pe-xxl-3{padding-right:var(--dg-space-3);}
  .pe-xxl-4{padding-right:var(--dg-space-4);}
  .pe-xxl-5{padding-right:var(--dg-space-5);}
  .pe-xxl-6{padding-right:var(--dg-space-6);}
  .pe-xxl-7{padding-right:var(--dg-space-7);}
  .pe-xxl-8{padding-right:var(--dg-space-8);}
  .px-xxl-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
  .px-xxl-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
  .px-xxl-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
  .px-xxl-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
  .px-xxl-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
  .px-xxl-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
  .px-xxl-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
  .px-xxl-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
  .px-xxl-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
  .py-xxl-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
  .py-xxl-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
  .py-xxl-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
  .py-xxl-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
  .py-xxl-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
  .py-xxl-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
  .py-xxl-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
  .py-xxl-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
  .py-xxl-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
  .m-xxl-n1{margin:calc(-1 * var(--dg-space-1));}
  .m-xxl-n2{margin:calc(-1 * var(--dg-space-2));}
  .m-xxl-n3{margin:calc(-1 * var(--dg-space-3));}
  .m-xxl-n4{margin:calc(-1 * var(--dg-space-4));}
  .m-xxl-n5{margin:calc(-1 * var(--dg-space-5));}
  .m-xxl-n6{margin:calc(-1 * var(--dg-space-6));}
  .m-xxl-n7{margin:calc(-1 * var(--dg-space-7));}
  .m-xxl-n8{margin:calc(-1 * var(--dg-space-8));}
  .mt-xxl-n1{margin-top:calc(-1 * var(--dg-space-1));}
  .mt-xxl-n2{margin-top:calc(-1 * var(--dg-space-2));}
  .mt-xxl-n3{margin-top:calc(-1 * var(--dg-space-3));}
  .mt-xxl-n4{margin-top:calc(-1 * var(--dg-space-4));}
  .mt-xxl-n5{margin-top:calc(-1 * var(--dg-space-5));}
  .mt-xxl-n6{margin-top:calc(-1 * var(--dg-space-6));}
  .mt-xxl-n7{margin-top:calc(-1 * var(--dg-space-7));}
  .mt-xxl-n8{margin-top:calc(-1 * var(--dg-space-8));}
  .mb-xxl-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
  .mb-xxl-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
  .mb-xxl-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
  .mb-xxl-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
  .mb-xxl-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
  .mb-xxl-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
  .mb-xxl-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
  .mb-xxl-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
  .ms-xxl-n1{margin-left:calc(-1 * var(--dg-space-1));}
  .ms-xxl-n2{margin-left:calc(-1 * var(--dg-space-2));}
  .ms-xxl-n3{margin-left:calc(-1 * var(--dg-space-3));}
  .ms-xxl-n4{margin-left:calc(-1 * var(--dg-space-4));}
  .ms-xxl-n5{margin-left:calc(-1 * var(--dg-space-5));}
  .ms-xxl-n6{margin-left:calc(-1 * var(--dg-space-6));}
  .ms-xxl-n7{margin-left:calc(-1 * var(--dg-space-7));}
  .ms-xxl-n8{margin-left:calc(-1 * var(--dg-space-8));}
  .me-xxl-n1{margin-right:calc(-1 * var(--dg-space-1));}
  .me-xxl-n2{margin-right:calc(-1 * var(--dg-space-2));}
  .me-xxl-n3{margin-right:calc(-1 * var(--dg-space-3));}
  .me-xxl-n4{margin-right:calc(-1 * var(--dg-space-4));}
  .me-xxl-n5{margin-right:calc(-1 * var(--dg-space-5));}
  .me-xxl-n6{margin-right:calc(-1 * var(--dg-space-6));}
  .me-xxl-n7{margin-right:calc(-1 * var(--dg-space-7));}
  .me-xxl-n8{margin-right:calc(-1 * var(--dg-space-8));}
  .mx-xxl-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
  .mx-xxl-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
  .mx-xxl-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
  .mx-xxl-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
  .mx-xxl-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
  .mx-xxl-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
  .mx-xxl-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
  .mx-xxl-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
  .my-xxl-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
  .my-xxl-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
  .my-xxl-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
  .my-xxl-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
  .my-xxl-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
  .my-xxl-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
  .my-xxl-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
  .my-xxl-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
  .text-xxl-start{text-align:start;}
  .text-xxl-center{text-align:center;}
  .text-xxl-end{text-align:end;}
  .float-xxl-start{float:left;}
  .float-xxl-end{float:right;}
  .float-xxl-none{float:none;}
}
@media (min-width:1920px){
  .d-xxxl-none{display:none;}
  .d-xxxl-inline{display:inline;}
  .d-xxxl-inline-block{display:inline-block;}
  .d-xxxl-block{display:block;}
  .d-xxxl-grid{display:grid;}
  .d-xxxl-inline-grid{display:inline-grid;}
  .d-xxxl-table{display:table;}
  .d-xxxl-table-row{display:table-row;}
  .d-xxxl-table-cell{display:table-cell;}
  .d-xxxl-flex{display:flex;}
  .d-xxxl-inline-flex{display:inline-flex;}
  .flex-xxxl-row{flex-direction:row;}
  .flex-xxxl-column{flex-direction:column;}
  .flex-xxxl-row-reverse{flex-direction:row-reverse;}
  .flex-xxxl-column-reverse{flex-direction:column-reverse;}
  .flex-xxxl-wrap{flex-wrap:wrap;}
  .flex-xxxl-nowrap{flex-wrap:nowrap;}
  .flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse;}
  .flex-xxxl-fill{flex:1 1 auto;}
  .flex-xxxl-grow-0{flex-grow:0;}
  .flex-xxxl-shrink-0{flex-shrink:0;}
  .flex-xxxl-grow-1{flex-grow:1;}
  .flex-xxxl-shrink-1{flex-shrink:1;}
  .justify-content-xxxl-start{justify-content:flex-start;}
  .justify-content-xxxl-end{justify-content:flex-end;}
  .justify-content-xxxl-center{justify-content:center;}
  .justify-content-xxxl-between{justify-content:space-between;}
  .justify-content-xxxl-around{justify-content:space-around;}
  .justify-content-xxxl-evenly{justify-content:space-evenly;}
  .align-items-xxxl-start{align-items:flex-start;}
  .align-items-xxxl-end{align-items:flex-end;}
  .align-items-xxxl-center{align-items:center;}
  .align-items-xxxl-baseline{align-items:baseline;}
  .align-items-xxxl-stretch{align-items:stretch;}
  .align-self-xxxl-start{align-self:flex-start;}
  .align-self-xxxl-end{align-self:flex-end;}
  .align-self-xxxl-center{align-self:center;}
  .align-self-xxxl-baseline{align-self:baseline;}
  .align-self-xxxl-stretch{align-self:stretch;}
  .align-self-xxxl-auto{align-self:auto;}
  .align-content-xxxl-start{align-content:flex-start;}
  .align-content-xxxl-end{align-content:flex-end;}
  .align-content-xxxl-center{align-content:center;}
  .align-content-xxxl-between{align-content:space-between;}
  .align-content-xxxl-around{align-content:space-around;}
  .align-content-xxxl-stretch{align-content:stretch;}
  .order-xxxl-first{order:-1;}
  .order-xxxl-last{order:6;}
  .order-xxxl-0{order:0;}
  .order-xxxl-1{order:1;}
  .order-xxxl-2{order:2;}
  .order-xxxl-3{order:3;}
  .order-xxxl-4{order:4;}
  .order-xxxl-5{order:5;}
  .gap-xxxl-0{gap:var(--dg-space-0);}
  .row-gap-xxxl-0{row-gap:var(--dg-space-0);}
  .column-gap-xxxl-0{column-gap:var(--dg-space-0);}
  .gap-xxxl-1{gap:var(--dg-space-1);}
  .row-gap-xxxl-1{row-gap:var(--dg-space-1);}
  .column-gap-xxxl-1{column-gap:var(--dg-space-1);}
  .gap-xxxl-2{gap:var(--dg-space-2);}
  .row-gap-xxxl-2{row-gap:var(--dg-space-2);}
  .column-gap-xxxl-2{column-gap:var(--dg-space-2);}
  .gap-xxxl-3{gap:var(--dg-space-3);}
  .row-gap-xxxl-3{row-gap:var(--dg-space-3);}
  .column-gap-xxxl-3{column-gap:var(--dg-space-3);}
  .gap-xxxl-4{gap:var(--dg-space-4);}
  .row-gap-xxxl-4{row-gap:var(--dg-space-4);}
  .column-gap-xxxl-4{column-gap:var(--dg-space-4);}
  .gap-xxxl-5{gap:var(--dg-space-5);}
  .row-gap-xxxl-5{row-gap:var(--dg-space-5);}
  .column-gap-xxxl-5{column-gap:var(--dg-space-5);}
  .gap-xxxl-6{gap:var(--dg-space-6);}
  .row-gap-xxxl-6{row-gap:var(--dg-space-6);}
  .column-gap-xxxl-6{column-gap:var(--dg-space-6);}
  .gap-xxxl-7{gap:var(--dg-space-7);}
  .row-gap-xxxl-7{row-gap:var(--dg-space-7);}
  .column-gap-xxxl-7{column-gap:var(--dg-space-7);}
  .gap-xxxl-8{gap:var(--dg-space-8);}
  .row-gap-xxxl-8{row-gap:var(--dg-space-8);}
  .column-gap-xxxl-8{column-gap:var(--dg-space-8);}
  .m-xxxl-0{margin:var(--dg-space-0);}
  .m-xxxl-1{margin:var(--dg-space-1);}
  .m-xxxl-2{margin:var(--dg-space-2);}
  .m-xxxl-3{margin:var(--dg-space-3);}
  .m-xxxl-4{margin:var(--dg-space-4);}
  .m-xxxl-5{margin:var(--dg-space-5);}
  .m-xxxl-6{margin:var(--dg-space-6);}
  .m-xxxl-7{margin:var(--dg-space-7);}
  .m-xxxl-8{margin:var(--dg-space-8);}
  .m-xxxl-auto{margin:auto;}
  .mt-xxxl-0{margin-top:var(--dg-space-0);}
  .mt-xxxl-1{margin-top:var(--dg-space-1);}
  .mt-xxxl-2{margin-top:var(--dg-space-2);}
  .mt-xxxl-3{margin-top:var(--dg-space-3);}
  .mt-xxxl-4{margin-top:var(--dg-space-4);}
  .mt-xxxl-5{margin-top:var(--dg-space-5);}
  .mt-xxxl-6{margin-top:var(--dg-space-6);}
  .mt-xxxl-7{margin-top:var(--dg-space-7);}
  .mt-xxxl-8{margin-top:var(--dg-space-8);}
  .mt-xxxl-auto{margin-top:auto;}
  .mb-xxxl-0{margin-bottom:var(--dg-space-0);}
  .mb-xxxl-1{margin-bottom:var(--dg-space-1);}
  .mb-xxxl-2{margin-bottom:var(--dg-space-2);}
  .mb-xxxl-3{margin-bottom:var(--dg-space-3);}
  .mb-xxxl-4{margin-bottom:var(--dg-space-4);}
  .mb-xxxl-5{margin-bottom:var(--dg-space-5);}
  .mb-xxxl-6{margin-bottom:var(--dg-space-6);}
  .mb-xxxl-7{margin-bottom:var(--dg-space-7);}
  .mb-xxxl-8{margin-bottom:var(--dg-space-8);}
  .mb-xxxl-auto{margin-bottom:auto;}
  .ms-xxxl-0{margin-left:var(--dg-space-0);}
  .ms-xxxl-1{margin-left:var(--dg-space-1);}
  .ms-xxxl-2{margin-left:var(--dg-space-2);}
  .ms-xxxl-3{margin-left:var(--dg-space-3);}
  .ms-xxxl-4{margin-left:var(--dg-space-4);}
  .ms-xxxl-5{margin-left:var(--dg-space-5);}
  .ms-xxxl-6{margin-left:var(--dg-space-6);}
  .ms-xxxl-7{margin-left:var(--dg-space-7);}
  .ms-xxxl-8{margin-left:var(--dg-space-8);}
  .ms-xxxl-auto{margin-left:auto;}
  .me-xxxl-0{margin-right:var(--dg-space-0);}
  .me-xxxl-1{margin-right:var(--dg-space-1);}
  .me-xxxl-2{margin-right:var(--dg-space-2);}
  .me-xxxl-3{margin-right:var(--dg-space-3);}
  .me-xxxl-4{margin-right:var(--dg-space-4);}
  .me-xxxl-5{margin-right:var(--dg-space-5);}
  .me-xxxl-6{margin-right:var(--dg-space-6);}
  .me-xxxl-7{margin-right:var(--dg-space-7);}
  .me-xxxl-8{margin-right:var(--dg-space-8);}
  .me-xxxl-auto{margin-right:auto;}
  .mx-xxxl-0{margin-left:var(--dg-space-0);margin-right:var(--dg-space-0);}
  .mx-xxxl-1{margin-left:var(--dg-space-1);margin-right:var(--dg-space-1);}
  .mx-xxxl-2{margin-left:var(--dg-space-2);margin-right:var(--dg-space-2);}
  .mx-xxxl-3{margin-left:var(--dg-space-3);margin-right:var(--dg-space-3);}
  .mx-xxxl-4{margin-left:var(--dg-space-4);margin-right:var(--dg-space-4);}
  .mx-xxxl-5{margin-left:var(--dg-space-5);margin-right:var(--dg-space-5);}
  .mx-xxxl-6{margin-left:var(--dg-space-6);margin-right:var(--dg-space-6);}
  .mx-xxxl-7{margin-left:var(--dg-space-7);margin-right:var(--dg-space-7);}
  .mx-xxxl-8{margin-left:var(--dg-space-8);margin-right:var(--dg-space-8);}
  .mx-xxxl-auto{margin-left:auto;margin-right:auto;}
  .my-xxxl-0{margin-top:var(--dg-space-0);margin-bottom:var(--dg-space-0);}
  .my-xxxl-1{margin-top:var(--dg-space-1);margin-bottom:var(--dg-space-1);}
  .my-xxxl-2{margin-top:var(--dg-space-2);margin-bottom:var(--dg-space-2);}
  .my-xxxl-3{margin-top:var(--dg-space-3);margin-bottom:var(--dg-space-3);}
  .my-xxxl-4{margin-top:var(--dg-space-4);margin-bottom:var(--dg-space-4);}
  .my-xxxl-5{margin-top:var(--dg-space-5);margin-bottom:var(--dg-space-5);}
  .my-xxxl-6{margin-top:var(--dg-space-6);margin-bottom:var(--dg-space-6);}
  .my-xxxl-7{margin-top:var(--dg-space-7);margin-bottom:var(--dg-space-7);}
  .my-xxxl-8{margin-top:var(--dg-space-8);margin-bottom:var(--dg-space-8);}
  .my-xxxl-auto{margin-top:auto;margin-bottom:auto;}
  .p-xxxl-0{padding:var(--dg-space-0);}
  .p-xxxl-1{padding:var(--dg-space-1);}
  .p-xxxl-2{padding:var(--dg-space-2);}
  .p-xxxl-3{padding:var(--dg-space-3);}
  .p-xxxl-4{padding:var(--dg-space-4);}
  .p-xxxl-5{padding:var(--dg-space-5);}
  .p-xxxl-6{padding:var(--dg-space-6);}
  .p-xxxl-7{padding:var(--dg-space-7);}
  .p-xxxl-8{padding:var(--dg-space-8);}
  .pt-xxxl-0{padding-top:var(--dg-space-0);}
  .pt-xxxl-1{padding-top:var(--dg-space-1);}
  .pt-xxxl-2{padding-top:var(--dg-space-2);}
  .pt-xxxl-3{padding-top:var(--dg-space-3);}
  .pt-xxxl-4{padding-top:var(--dg-space-4);}
  .pt-xxxl-5{padding-top:var(--dg-space-5);}
  .pt-xxxl-6{padding-top:var(--dg-space-6);}
  .pt-xxxl-7{padding-top:var(--dg-space-7);}
  .pt-xxxl-8{padding-top:var(--dg-space-8);}
  .pb-xxxl-0{padding-bottom:var(--dg-space-0);}
  .pb-xxxl-1{padding-bottom:var(--dg-space-1);}
  .pb-xxxl-2{padding-bottom:var(--dg-space-2);}
  .pb-xxxl-3{padding-bottom:var(--dg-space-3);}
  .pb-xxxl-4{padding-bottom:var(--dg-space-4);}
  .pb-xxxl-5{padding-bottom:var(--dg-space-5);}
  .pb-xxxl-6{padding-bottom:var(--dg-space-6);}
  .pb-xxxl-7{padding-bottom:var(--dg-space-7);}
  .pb-xxxl-8{padding-bottom:var(--dg-space-8);}
  .ps-xxxl-0{padding-left:var(--dg-space-0);}
  .ps-xxxl-1{padding-left:var(--dg-space-1);}
  .ps-xxxl-2{padding-left:var(--dg-space-2);}
  .ps-xxxl-3{padding-left:var(--dg-space-3);}
  .ps-xxxl-4{padding-left:var(--dg-space-4);}
  .ps-xxxl-5{padding-left:var(--dg-space-5);}
  .ps-xxxl-6{padding-left:var(--dg-space-6);}
  .ps-xxxl-7{padding-left:var(--dg-space-7);}
  .ps-xxxl-8{padding-left:var(--dg-space-8);}
  .pe-xxxl-0{padding-right:var(--dg-space-0);}
  .pe-xxxl-1{padding-right:var(--dg-space-1);}
  .pe-xxxl-2{padding-right:var(--dg-space-2);}
  .pe-xxxl-3{padding-right:var(--dg-space-3);}
  .pe-xxxl-4{padding-right:var(--dg-space-4);}
  .pe-xxxl-5{padding-right:var(--dg-space-5);}
  .pe-xxxl-6{padding-right:var(--dg-space-6);}
  .pe-xxxl-7{padding-right:var(--dg-space-7);}
  .pe-xxxl-8{padding-right:var(--dg-space-8);}
  .px-xxxl-0{padding-left:var(--dg-space-0);padding-right:var(--dg-space-0);}
  .px-xxxl-1{padding-left:var(--dg-space-1);padding-right:var(--dg-space-1);}
  .px-xxxl-2{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);}
  .px-xxxl-3{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3);}
  .px-xxxl-4{padding-left:var(--dg-space-4);padding-right:var(--dg-space-4);}
  .px-xxxl-5{padding-left:var(--dg-space-5);padding-right:var(--dg-space-5);}
  .px-xxxl-6{padding-left:var(--dg-space-6);padding-right:var(--dg-space-6);}
  .px-xxxl-7{padding-left:var(--dg-space-7);padding-right:var(--dg-space-7);}
  .px-xxxl-8{padding-left:var(--dg-space-8);padding-right:var(--dg-space-8);}
  .py-xxxl-0{padding-top:var(--dg-space-0);padding-bottom:var(--dg-space-0);}
  .py-xxxl-1{padding-top:var(--dg-space-1);padding-bottom:var(--dg-space-1);}
  .py-xxxl-2{padding-top:var(--dg-space-2);padding-bottom:var(--dg-space-2);}
  .py-xxxl-3{padding-top:var(--dg-space-3);padding-bottom:var(--dg-space-3);}
  .py-xxxl-4{padding-top:var(--dg-space-4);padding-bottom:var(--dg-space-4);}
  .py-xxxl-5{padding-top:var(--dg-space-5);padding-bottom:var(--dg-space-5);}
  .py-xxxl-6{padding-top:var(--dg-space-6);padding-bottom:var(--dg-space-6);}
  .py-xxxl-7{padding-top:var(--dg-space-7);padding-bottom:var(--dg-space-7);}
  .py-xxxl-8{padding-top:var(--dg-space-8);padding-bottom:var(--dg-space-8);}
  .m-xxxl-n1{margin:calc(-1 * var(--dg-space-1));}
  .m-xxxl-n2{margin:calc(-1 * var(--dg-space-2));}
  .m-xxxl-n3{margin:calc(-1 * var(--dg-space-3));}
  .m-xxxl-n4{margin:calc(-1 * var(--dg-space-4));}
  .m-xxxl-n5{margin:calc(-1 * var(--dg-space-5));}
  .m-xxxl-n6{margin:calc(-1 * var(--dg-space-6));}
  .m-xxxl-n7{margin:calc(-1 * var(--dg-space-7));}
  .m-xxxl-n8{margin:calc(-1 * var(--dg-space-8));}
  .mt-xxxl-n1{margin-top:calc(-1 * var(--dg-space-1));}
  .mt-xxxl-n2{margin-top:calc(-1 * var(--dg-space-2));}
  .mt-xxxl-n3{margin-top:calc(-1 * var(--dg-space-3));}
  .mt-xxxl-n4{margin-top:calc(-1 * var(--dg-space-4));}
  .mt-xxxl-n5{margin-top:calc(-1 * var(--dg-space-5));}
  .mt-xxxl-n6{margin-top:calc(-1 * var(--dg-space-6));}
  .mt-xxxl-n7{margin-top:calc(-1 * var(--dg-space-7));}
  .mt-xxxl-n8{margin-top:calc(-1 * var(--dg-space-8));}
  .mb-xxxl-n1{margin-bottom:calc(-1 * var(--dg-space-1));}
  .mb-xxxl-n2{margin-bottom:calc(-1 * var(--dg-space-2));}
  .mb-xxxl-n3{margin-bottom:calc(-1 * var(--dg-space-3));}
  .mb-xxxl-n4{margin-bottom:calc(-1 * var(--dg-space-4));}
  .mb-xxxl-n5{margin-bottom:calc(-1 * var(--dg-space-5));}
  .mb-xxxl-n6{margin-bottom:calc(-1 * var(--dg-space-6));}
  .mb-xxxl-n7{margin-bottom:calc(-1 * var(--dg-space-7));}
  .mb-xxxl-n8{margin-bottom:calc(-1 * var(--dg-space-8));}
  .ms-xxxl-n1{margin-left:calc(-1 * var(--dg-space-1));}
  .ms-xxxl-n2{margin-left:calc(-1 * var(--dg-space-2));}
  .ms-xxxl-n3{margin-left:calc(-1 * var(--dg-space-3));}
  .ms-xxxl-n4{margin-left:calc(-1 * var(--dg-space-4));}
  .ms-xxxl-n5{margin-left:calc(-1 * var(--dg-space-5));}
  .ms-xxxl-n6{margin-left:calc(-1 * var(--dg-space-6));}
  .ms-xxxl-n7{margin-left:calc(-1 * var(--dg-space-7));}
  .ms-xxxl-n8{margin-left:calc(-1 * var(--dg-space-8));}
  .me-xxxl-n1{margin-right:calc(-1 * var(--dg-space-1));}
  .me-xxxl-n2{margin-right:calc(-1 * var(--dg-space-2));}
  .me-xxxl-n3{margin-right:calc(-1 * var(--dg-space-3));}
  .me-xxxl-n4{margin-right:calc(-1 * var(--dg-space-4));}
  .me-xxxl-n5{margin-right:calc(-1 * var(--dg-space-5));}
  .me-xxxl-n6{margin-right:calc(-1 * var(--dg-space-6));}
  .me-xxxl-n7{margin-right:calc(-1 * var(--dg-space-7));}
  .me-xxxl-n8{margin-right:calc(-1 * var(--dg-space-8));}
  .mx-xxxl-n1{margin-left:calc(-1 * var(--dg-space-1));margin-right:calc(-1 * var(--dg-space-1));}
  .mx-xxxl-n2{margin-left:calc(-1 * var(--dg-space-2));margin-right:calc(-1 * var(--dg-space-2));}
  .mx-xxxl-n3{margin-left:calc(-1 * var(--dg-space-3));margin-right:calc(-1 * var(--dg-space-3));}
  .mx-xxxl-n4{margin-left:calc(-1 * var(--dg-space-4));margin-right:calc(-1 * var(--dg-space-4));}
  .mx-xxxl-n5{margin-left:calc(-1 * var(--dg-space-5));margin-right:calc(-1 * var(--dg-space-5));}
  .mx-xxxl-n6{margin-left:calc(-1 * var(--dg-space-6));margin-right:calc(-1 * var(--dg-space-6));}
  .mx-xxxl-n7{margin-left:calc(-1 * var(--dg-space-7));margin-right:calc(-1 * var(--dg-space-7));}
  .mx-xxxl-n8{margin-left:calc(-1 * var(--dg-space-8));margin-right:calc(-1 * var(--dg-space-8));}
  .my-xxxl-n1{margin-top:calc(-1 * var(--dg-space-1));margin-bottom:calc(-1 * var(--dg-space-1));}
  .my-xxxl-n2{margin-top:calc(-1 * var(--dg-space-2));margin-bottom:calc(-1 * var(--dg-space-2));}
  .my-xxxl-n3{margin-top:calc(-1 * var(--dg-space-3));margin-bottom:calc(-1 * var(--dg-space-3));}
  .my-xxxl-n4{margin-top:calc(-1 * var(--dg-space-4));margin-bottom:calc(-1 * var(--dg-space-4));}
  .my-xxxl-n5{margin-top:calc(-1 * var(--dg-space-5));margin-bottom:calc(-1 * var(--dg-space-5));}
  .my-xxxl-n6{margin-top:calc(-1 * var(--dg-space-6));margin-bottom:calc(-1 * var(--dg-space-6));}
  .my-xxxl-n7{margin-top:calc(-1 * var(--dg-space-7));margin-bottom:calc(-1 * var(--dg-space-7));}
  .my-xxxl-n8{margin-top:calc(-1 * var(--dg-space-8));margin-bottom:calc(-1 * var(--dg-space-8));}
  .text-xxxl-start{text-align:start;}
  .text-xxxl-center{text-align:center;}
  .text-xxxl-end{text-align:end;}
  .float-xxxl-start{float:left;}
  .float-xxxl-end{float:right;}
  .float-xxxl-none{float:none;}
}

/* Sizing */
.w-25{width:25%;}
.h-25{height:25%;}
.w-50{width:50%;}
.h-50{height:50%;}
.w-75{width:75%;}
.h-75{height:75%;}
.w-100{width:100%;}
.h-100{height:100%;}
.w-auto{width:auto;}.h-auto{height:auto;}
.mw-100{max-width:100%;}.mh-100{max-height:100%;}
.vw-100{width:100vw;}.vh-100{height:100vh;}.min-vw-100{min-width:100vw;}.min-vh-100{min-height:100vh;}

/* Typography helpers */
.fw-light{font-weight:var(--dg-fw-light);}.fw-normal{font-weight:var(--dg-fw-normal);}.fw-medium{font-weight:var(--dg-fw-medium);}.fw-semibold{font-weight:var(--dg-fw-semibold);}.fw-bold{font-weight:var(--dg-fw-bold);}
.fst-italic{font-style:italic;}.fst-normal{font-style:normal;}
.lh-1{line-height:1;}.lh-sm{line-height:var(--dg-lh-sm);}.lh-base{line-height:var(--dg-lh-base);}.lh-lg{line-height:var(--dg-lh-lg);}
.text-lowercase{text-transform:lowercase;}.text-uppercase{text-transform:uppercase;}.text-capitalize{text-transform:capitalize;}
.text-wrap{white-space:normal;}.text-nowrap{white-space:nowrap;}.text-break{word-wrap:break-word;word-break:break-word;}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-decoration-none{text-decoration:none;}.text-decoration-underline{text-decoration:underline;}.text-decoration-line-through{text-decoration:line-through;}
.fs-1{font-size:var(--dg-h1);}
.fs-2{font-size:var(--dg-h2);}
.fs-3{font-size:var(--dg-h3);}
.fs-4{font-size:var(--dg-h4);}
.fs-5{font-size:var(--dg-h5);}
.fs-6{font-size:var(--dg-h6);}
.small,.fs-sm{font-size:var(--dg-fs-sm);}.fs-lg{font-size:var(--dg-fs-lg);}

/* Colors: text (semantici) */
.text-body{color:var(--dg-body-color);}.text-body-secondary{color:var(--dg-body-secondary-color);}.text-body-tertiary{color:var(--dg-body-tertiary-color);}.text-emphasis{color:var(--dg-emphasis-color);}
.text-heading{color:var(--dg-heading-color);}.text-white{color:var(--dg-white);}.text-black{color:var(--dg-black);}.text-muted{color:var(--dg-body-secondary-color);}.text-reset{color:inherit;}
/* Colors: bg (semantici) */
.bg-body{background-color:var(--dg-body-bg);}.bg-body-secondary{background-color:var(--dg-body-secondary-bg);}.bg-body-tertiary{background-color:var(--dg-body-tertiary-bg);}
.bg-white{background-color:var(--dg-white);}.bg-black{background-color:var(--dg-black);}.bg-transparent{background-color:transparent;}
a{color:var(--dg-link-color);}a:hover{color:var(--dg-link-hover-color);}

/* Borders */
.border{border:var(--dg-border-width) solid var(--dg-border-color);}.border-0{border:0;}
.border-top{border-top:var(--dg-border-width) solid var(--dg-border-color);}.border-top-0{border-top:0;}
.border-end{border-right:var(--dg-border-width) solid var(--dg-border-color);}.border-end-0{border-right:0;}
.border-bottom{border-bottom:var(--dg-border-width) solid var(--dg-border-color);}.border-bottom-0{border-bottom:0;}
.border-start{border-left:var(--dg-border-width) solid var(--dg-border-color);}.border-start-0{border-left:0;}
.border-1{border-width:1px;}
.border-2{border-width:2px;}
.border-3{border-width:3px;}
.border-4{border-width:4px;}
.border-5{border-width:5px;}
.rounded{border-radius:var(--dg-radius-md);}.rounded-0{border-radius:0;}
.rounded-1{border-radius:var(--dg-radius-sm);}
.rounded-2{border-radius:var(--dg-radius-md);}
.rounded-3{border-radius:var(--dg-radius-lg);}
.rounded-4{border-radius:var(--dg-radius-xl);}
.rounded-5{border-radius:var(--dg-radius-2xl);}
.rounded-circle{border-radius:var(--dg-radius-circle);}.rounded-pill{border-radius:var(--dg-radius-pill);}
.rounded-top{border-top-left-radius:var(--dg-radius-md);border-top-right-radius:var(--dg-radius-md);}
.rounded-end{border-top-right-radius:var(--dg-radius-md);border-bottom-right-radius:var(--dg-radius-md);}
.rounded-bottom{border-bottom-right-radius:var(--dg-radius-md);border-bottom-left-radius:var(--dg-radius-md);}
.rounded-start{border-top-left-radius:var(--dg-radius-md);border-bottom-left-radius:var(--dg-radius-md);}

/* Position */
.position-static{position:static;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-fixed{position:fixed;}
.position-sticky{position:sticky;}
.top-0{top:0%;}
.top-50{top:50%;}
.top-100{top:100%;}
.bottom-0{bottom:0%;}
.bottom-50{bottom:50%;}
.bottom-100{bottom:100%;}
.start-0{left:0%;}
.start-50{left:50%;}
.start-100{left:100%;}
.end-0{right:0%;}
.end-50{right:50%;}
.end-100{right:100%;}
.translate-middle{transform:translate(-50%,-50%);}.translate-middle-x{transform:translateX(-50%);}.translate-middle-y{transform:translateY(-50%);}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:var(--dg-z-fixed);}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--dg-z-fixed);}
.sticky-top{position:sticky;top:0;z-index:var(--dg-z-sticky);}.sticky-bottom{position:sticky;bottom:0;z-index:var(--dg-z-sticky);}

/* Shadow / opacity / overflow / z / object-fit / misc */
.shadow{box-shadow:var(--dg-shadow-md);}.shadow-sm{box-shadow:var(--dg-shadow-sm);}.shadow-lg{box-shadow:var(--dg-shadow-lg);}.shadow-xl{box-shadow:var(--dg-shadow-xl);}.shadow-none{box-shadow:none;}
.opacity-0{opacity:0;}
.opacity-25{opacity:0.25;}
.opacity-50{opacity:0.5;}
.opacity-75{opacity:0.75;}
.opacity-100{opacity:1;}
.overflow-auto{overflow:auto;}.overflow-x-auto{overflow-x:auto;}.overflow-y-auto{overflow-y:auto;}
.overflow-hidden{overflow:hidden;}.overflow-x-hidden{overflow-x:hidden;}.overflow-y-hidden{overflow-y:hidden;}
.overflow-visible{overflow:visible;}.overflow-x-visible{overflow-x:visible;}.overflow-y-visible{overflow-y:visible;}
.overflow-scroll{overflow:scroll;}.overflow-x-scroll{overflow-x:scroll;}.overflow-y-scroll{overflow-y:scroll;}
.z-0{z-index:0;}
.z-1{z-index:1;}
.z-2{z-index:2;}
.z-3{z-index:3;}
.z-n1{z-index:-1;}
.object-fit-contain{object-fit:contain;}
.object-fit-cover{object-fit:cover;}
.object-fit-fill{object-fit:fill;}
.object-fit-scale-down{object-fit:scale-down;}
.object-fit-none{object-fit:none;}
.align-baseline{vertical-align:baseline;}.align-top{vertical-align:top;}.align-middle{vertical-align:middle;}.align-bottom{vertical-align:bottom;}.align-text-top{vertical-align:text-top;}.align-text-bottom{vertical-align:text-bottom;}
.visible{visibility:visible;}.invisible{visibility:hidden;}
.user-select-all{user-select:all;}.user-select-auto{user-select:auto;}.user-select-none{user-select:none;}
.pe-none{pointer-events:none;}.pe-auto{pointer-events:auto;}
/* Focus */
:focus-visible{outline:var(--dg-focus-ring-width) solid var(--dg-focus-ring-color);outline-offset:var(--dg-focus-ring-offset);}
.focus-ring:focus{outline:var(--dg-focus-ring-width) solid var(--dg-focus-ring-color);outline-offset:var(--dg-focus-ring-offset);}
.disabled,[disabled],[aria-disabled='true']{opacity:var(--dg-disabled-opacity);pointer-events:none;}
/* Aspect ratios */
.ratio{position:relative;width:100%;}.ratio::before{display:block;padding-top:var(--dg-aspect-ratio);content:'';}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%;}
.ratio-1x1{--dg-aspect-ratio:100%;}.ratio-4x3{--dg-aspect-ratio:75%;}.ratio-16x9{--dg-aspect-ratio:56.25%;}.ratio-21x9{--dg-aspect-ratio:42.857143%;}

/* DIGIVAL - utility dei colori del progetto. Generato: non modificare a mano. */
.text-primary-50{color:var(--dg-primary-50)}
.bg-primary-50{background-color:var(--dg-primary-50)}
.border-primary-50{border-color:var(--dg-primary-50)}
.text-bg-primary-50{color:var(--dg-primary-900);background-color:var(--dg-primary-50)}
.hover-bg-primary-50:hover{background-color:var(--dg-primary-50)}
.active-bg-primary-50:active{background-color:var(--dg-primary-50)}
.text-primary-100{color:var(--dg-primary-100)}
.bg-primary-100{background-color:var(--dg-primary-100)}
.border-primary-100{border-color:var(--dg-primary-100)}
.text-bg-primary-100{color:var(--dg-primary-900);background-color:var(--dg-primary-100)}
.hover-bg-primary-100:hover{background-color:var(--dg-primary-100)}
.active-bg-primary-100:active{background-color:var(--dg-primary-100)}
.text-primary-200{color:var(--dg-primary-200)}
.bg-primary-200{background-color:var(--dg-primary-200)}
.border-primary-200{border-color:var(--dg-primary-200)}
.text-bg-primary-200{color:var(--dg-primary-900);background-color:var(--dg-primary-200)}
.hover-bg-primary-200:hover{background-color:var(--dg-primary-200)}
.active-bg-primary-200:active{background-color:var(--dg-primary-200)}
.text-primary-300{color:var(--dg-primary-300)}
.bg-primary-300{background-color:var(--dg-primary-300)}
.border-primary-300{border-color:var(--dg-primary-300)}
.text-bg-primary-300{color:var(--dg-primary-900);background-color:var(--dg-primary-300)}
.hover-bg-primary-300:hover{background-color:var(--dg-primary-300)}
.active-bg-primary-300:active{background-color:var(--dg-primary-300)}
.text-primary-400{color:var(--dg-primary-400)}
.bg-primary-400{background-color:var(--dg-primary-400)}
.border-primary-400{border-color:var(--dg-primary-400)}
.text-bg-primary-400{color:var(--dg-primary-50);background-color:var(--dg-primary-400)}
.hover-bg-primary-400:hover{background-color:var(--dg-primary-400)}
.active-bg-primary-400:active{background-color:var(--dg-primary-400)}
.text-primary-500{color:var(--dg-primary-500)}
.bg-primary-500{background-color:var(--dg-primary-500)}
.border-primary-500{border-color:var(--dg-primary-500)}
.text-bg-primary-500{color:var(--dg-primary-50);background-color:var(--dg-primary-500)}
.hover-bg-primary-500:hover{background-color:var(--dg-primary-500)}
.active-bg-primary-500:active{background-color:var(--dg-primary-500)}
.text-primary-600{color:var(--dg-primary-600)}
.bg-primary-600{background-color:var(--dg-primary-600)}
.border-primary-600{border-color:var(--dg-primary-600)}
.text-bg-primary-600{color:var(--dg-primary-50);background-color:var(--dg-primary-600)}
.hover-bg-primary-600:hover{background-color:var(--dg-primary-600)}
.active-bg-primary-600:active{background-color:var(--dg-primary-600)}
.text-primary-700{color:var(--dg-primary-700)}
.bg-primary-700{background-color:var(--dg-primary-700)}
.border-primary-700{border-color:var(--dg-primary-700)}
.text-bg-primary-700{color:var(--dg-primary-50);background-color:var(--dg-primary-700)}
.hover-bg-primary-700:hover{background-color:var(--dg-primary-700)}
.active-bg-primary-700:active{background-color:var(--dg-primary-700)}
.text-primary-800{color:var(--dg-primary-800)}
.bg-primary-800{background-color:var(--dg-primary-800)}
.border-primary-800{border-color:var(--dg-primary-800)}
.text-bg-primary-800{color:var(--dg-primary-50);background-color:var(--dg-primary-800)}
.hover-bg-primary-800:hover{background-color:var(--dg-primary-800)}
.active-bg-primary-800:active{background-color:var(--dg-primary-800)}
.text-primary-900{color:var(--dg-primary-900)}
.bg-primary-900{background-color:var(--dg-primary-900)}
.border-primary-900{border-color:var(--dg-primary-900)}
.text-bg-primary-900{color:var(--dg-primary-50);background-color:var(--dg-primary-900)}
.hover-bg-primary-900:hover{background-color:var(--dg-primary-900)}
.active-bg-primary-900:active{background-color:var(--dg-primary-900)}
.text-neutral-50{color:var(--dg-neutral-50)}
.bg-neutral-50{background-color:var(--dg-neutral-50)}
.border-neutral-50{border-color:var(--dg-neutral-50)}
.text-bg-neutral-50{color:var(--dg-neutral-900);background-color:var(--dg-neutral-50)}
.hover-bg-neutral-50:hover{background-color:var(--dg-neutral-50)}
.active-bg-neutral-50:active{background-color:var(--dg-neutral-50)}
.text-neutral-100{color:var(--dg-neutral-100)}
.bg-neutral-100{background-color:var(--dg-neutral-100)}
.border-neutral-100{border-color:var(--dg-neutral-100)}
.text-bg-neutral-100{color:var(--dg-neutral-900);background-color:var(--dg-neutral-100)}
.hover-bg-neutral-100:hover{background-color:var(--dg-neutral-100)}
.active-bg-neutral-100:active{background-color:var(--dg-neutral-100)}
.text-neutral-200{color:var(--dg-neutral-200)}
.bg-neutral-200{background-color:var(--dg-neutral-200)}
.border-neutral-200{border-color:var(--dg-neutral-200)}
.text-bg-neutral-200{color:var(--dg-neutral-900);background-color:var(--dg-neutral-200)}
.hover-bg-neutral-200:hover{background-color:var(--dg-neutral-200)}
.active-bg-neutral-200:active{background-color:var(--dg-neutral-200)}
.text-neutral-300{color:var(--dg-neutral-300)}
.bg-neutral-300{background-color:var(--dg-neutral-300)}
.border-neutral-300{border-color:var(--dg-neutral-300)}
.text-bg-neutral-300{color:var(--dg-neutral-900);background-color:var(--dg-neutral-300)}
.hover-bg-neutral-300:hover{background-color:var(--dg-neutral-300)}
.active-bg-neutral-300:active{background-color:var(--dg-neutral-300)}
.text-neutral-400{color:var(--dg-neutral-400)}
.bg-neutral-400{background-color:var(--dg-neutral-400)}
.border-neutral-400{border-color:var(--dg-neutral-400)}
.text-bg-neutral-400{color:var(--dg-neutral-900);background-color:var(--dg-neutral-400)}
.hover-bg-neutral-400:hover{background-color:var(--dg-neutral-400)}
.active-bg-neutral-400:active{background-color:var(--dg-neutral-400)}
.text-neutral-500{color:var(--dg-neutral-500)}
.bg-neutral-500{background-color:var(--dg-neutral-500)}
.border-neutral-500{border-color:var(--dg-neutral-500)}
.text-bg-neutral-500{color:var(--dg-neutral-900);background-color:var(--dg-neutral-500)}
.hover-bg-neutral-500:hover{background-color:var(--dg-neutral-500)}
.active-bg-neutral-500:active{background-color:var(--dg-neutral-500)}
.text-neutral-600{color:var(--dg-neutral-600)}
.bg-neutral-600{background-color:var(--dg-neutral-600)}
.border-neutral-600{border-color:var(--dg-neutral-600)}
.text-bg-neutral-600{color:var(--dg-neutral-50);background-color:var(--dg-neutral-600)}
.hover-bg-neutral-600:hover{background-color:var(--dg-neutral-600)}
.active-bg-neutral-600:active{background-color:var(--dg-neutral-600)}
.text-neutral-700{color:var(--dg-neutral-700)}
.bg-neutral-700{background-color:var(--dg-neutral-700)}
.border-neutral-700{border-color:var(--dg-neutral-700)}
.text-bg-neutral-700{color:var(--dg-neutral-50);background-color:var(--dg-neutral-700)}
.hover-bg-neutral-700:hover{background-color:var(--dg-neutral-700)}
.active-bg-neutral-700:active{background-color:var(--dg-neutral-700)}
.text-neutral-800{color:var(--dg-neutral-800)}
.bg-neutral-800{background-color:var(--dg-neutral-800)}
.border-neutral-800{border-color:var(--dg-neutral-800)}
.text-bg-neutral-800{color:var(--dg-neutral-50);background-color:var(--dg-neutral-800)}
.hover-bg-neutral-800:hover{background-color:var(--dg-neutral-800)}
.active-bg-neutral-800:active{background-color:var(--dg-neutral-800)}
.text-neutral-900{color:var(--dg-neutral-900)}
.bg-neutral-900{background-color:var(--dg-neutral-900)}
.border-neutral-900{border-color:var(--dg-neutral-900)}
.text-bg-neutral-900{color:var(--dg-neutral-50);background-color:var(--dg-neutral-900)}
.hover-bg-neutral-900:hover{background-color:var(--dg-neutral-900)}
.active-bg-neutral-900:active{background-color:var(--dg-neutral-900)}

/*# sourceURL=https://www.ellexhotel.it/wp-content/themes/digival/generati/dg-colori.css */