@font-face{font-family:"Montserrat";src:url("/wp-content/themes/digival/generati/fonts/montserrat-200-normal.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap;}@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-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:"Playfair Display";src:url("/wp-content/themes/digival/generati/fonts/playfair-display-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Playfair Display";src:url("/wp-content/themes/digival/generati/fonts/playfair-display-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Playfair Display";src:url("/wp-content/themes/digival/generati/fonts/playfair-display-600-normal.woff2") format("woff2");font-weight:600;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.4063rem, 0.9722vw + 2.1875rem, 3.0625rem);--dg-h2:2.5rem;--dg-h3:1.875rem;--dg-h4:1.625rem;--dg-h5:1.4375rem;--dg-h6:1.0625rem;--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:1rem;--dg-fs-sm:0.875rem;--dg-fs-lg:clamp(1.19rem, 0.0889vw + 1.17rem, 1.25rem);--dg-display-1:clamp(3.3688rem, 2.2685vw + 2.8583rem, 4.9rem);--dg-display-2:clamp(3.1763rem, 2.0093vw + 2.7242rem, 4.5325rem);--dg-display-3:clamp(2.9838rem, 1.75vw + 2.59rem, 4.165rem);--dg-display-4:clamp(2.7913rem, 1.4907vw + 2.4558rem, 3.7975rem);--dg-display-5:clamp(2.5988rem, 1.2315vw + 2.3217rem, 3.43rem);--dg-display-6:clamp(2.4063rem, 0.9722vw + 2.1875rem, 3.0625rem);--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:"Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;--dg-container-max:1320px;--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:#fff2e0;--dg-primary-50-rgb:255, 242, 224;--dg-primary-100:#fee9d6;--dg-primary-100-rgb:254, 233, 214;--dg-primary-200:#f4dcc6;--dg-primary-200-rgb:244, 220, 198;--dg-primary-300:#e5c9ae;--dg-primary-300-rgb:229, 201, 174;--dg-primary-400:#d1af8f;--dg-primary-400-rgb:209, 175, 143;--dg-primary-500:#c19b76;--dg-primary-500-rgb:193, 155, 118;--dg-primary-600:#8c7054;--dg-primary-600-rgb:140, 112, 84;--dg-primary-700:#6c5640;--dg-primary-700-rgb:108, 86, 64;--dg-primary-800:#53412f;--dg-primary-800-rgb:83, 65, 47;--dg-primary-900:#3b2e20;--dg-primary-900-rgb:59, 46, 32;--dg-neutral-50:#f5f5f5;--dg-neutral-50-rgb:245, 245, 245;--dg-neutral-100:#e9e9e9;--dg-neutral-100-rgb:233, 233, 233;--dg-neutral-200:#d7d7d7;--dg-neutral-200-rgb:215, 215, 215;--dg-neutral-300:#bdbdbd;--dg-neutral-300-rgb:189, 189, 189;--dg-neutral-400:#9b9b9b;--dg-neutral-400-rgb:155, 155, 155;--dg-neutral-500:#808080;--dg-neutral-500-rgb:128, 128, 128;--dg-neutral-600:#616161;--dg-neutral-600-rgb:97, 97, 97;--dg-neutral-700:#4e4e4e;--dg-neutral-700-rgb:78, 78, 78;--dg-neutral-800:#3f3f3f;--dg-neutral-800-rgb:63, 63, 63;--dg-neutral-900:#303030;--dg-neutral-900-rgb:48, 48, 48;--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.hotelsvizzero.com/wp-content/themes/digival/generati/dg-variables.css */
/*
Theme Name: Hotel Svizzero
Theme URI: https://www.digival.it
Author: Digival
Author URI: https://www.digival.it
Description: Tema del sito dell'Hotel Svizzero, costruito sulla base DIGIVAL classica.
Version: 1.0.2
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);
	color: var(--dg-body-color);
	background-color: var(--dg-body-bg);
	-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-bold);
	line-height: var(--dg-lh-sm);
	color: var(--dg-heading-color);
}

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

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

/* ---------- 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);
}

/* ---------- Header e footer ---------- */
/* Le regole dello starter sono state tolte: header, pannello del menu e footer del
   progetto stanno in assets/css/progetto.css. */

/* ---------- 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-h1); }
.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-medium);
	line-height: 1;
	/* Fondo 600 e non 500: con i colori saturi il 500 non arriva a 4,5:1 con
	   nessun testo della famiglia (col blu segnaposto si ferma a 3,9:1). */
	color: var(--dg-primary-50);
	text-decoration: none;
	background: var(--dg-primary-600);
	border: var(--dg-border-width) solid transparent;
	border-radius: var(--dg-radius-md);
	cursor: pointer;
	transition: background-color var(--dg-duration-fast) 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-primary-50); background: var(--dg-primary-700); }
.dg-btn:active { background: var(--dg-primary-800); }

.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-100); }
.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-200); }
.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; }
/* ==========================================================================
   Hotel Chalet Svizzero - CSS del progetto.
   Riproduce il sito precedente con i token --dg-*.

   Fuori dai token, segnalati all'operatore (nessun token li copre):
   - le tre misure piccole qui sotto (13, 12 e 11 px), ricavate da --dg-fs-sm;
   - la spaziatura fra le lettere di testo, occhielli e pulsanti;
   - la soglia dell'header a 1281px (sul sito precedente la barra larga parte li');
   - i veli scuri sulle foto.

   Corrispondenza delle misure (sito precedente -> token):
   49/38,5 --dg-h1 · 43/40 --dg-h2 · 30 --dg-h3 · 26 --dg-h4 · 23 --dg-h5 ·
   18/17 --dg-h6 · 20/19 --dg-fs-lg · 16 --dg-font-size-base · 14 --dg-fs-sm.
   ========================================================================== */

:root {
	--dg-p-fs-13: calc(var(--dg-fs-sm) * .93);
	--dg-p-fs-12: calc(var(--dg-fs-sm) * .857);
	--dg-p-fs-11: calc(var(--dg-fs-sm) * .786);
	/* Il sito precedente usava Montserrat 400, che fra i font caricati non c'e':
	   il peso piu' vicino a vista e' il 300. */
	--dg-p-fw-testo: var(--dg-fw-light);
	/* Ombra delle card al passaggio (news, camere): a riposo e' la stessa, trasparente. */
	--dg-p-ombra-card-riposo: 0 calc(var(--dg-space-2) + var(--dg-space-1) * .5) calc(var(--dg-space-3) + var(--dg-space-1)) rgba(var(--dg-black-rgb), 0);
	--dg-p-ombra-card: 0 calc(var(--dg-space-2) + var(--dg-space-1) * .5) calc(var(--dg-space-3) + var(--dg-space-1)) rgba(var(--dg-black-rgb), .1);
	/* Fondo delle pagine di solo testo: un tono sotto il grigio piu' scuro della scala. */
	--dg-p-fondo-scuro: color-mix(in srgb, var(--dg-neutral-900) 79%, var(--dg-black));
}

/* ---------- Tipografia di base ---------- */
body {
	font-size: var(--dg-fs-sm);
	font-weight: var(--dg-p-fw-testo);
	line-height: var(--dg-lh-lg);
	letter-spacing: .107em;
}
h1, h2, h3, h4, h5, h6 { font-weight: var(--dg-fw-medium); line-height: 1.2; letter-spacing: normal; }

.dg-occhiello {
	margin: 0 0 var(--dg-space-3);
	font-size: var(--dg-p-fs-12);
	font-weight: var(--dg-fw-medium);
	line-height: 1.2;
	letter-spacing: .333em;
	text-transform: uppercase;
	color: var(--dg-primary-500);
}
.dg-titolo { margin: 0 0 var(--dg-space-4); font-size: var(--dg-h1); }
.dg-intestazione--centro { text-align: center; }
.dg-intestazione--chiara .dg-occhiello,
.dg-intestazione--chiara .dg-titolo { color: var(--dg-white); }

.dg-content > * + * { margin-top: var(--dg-space-3); }
.dg-content p { margin-bottom: 0; }

/* ---------- Pulsanti ---------- */
.dg-btn {
	gap: var(--dg-space-2);
	padding: calc(var(--dg-space-3) - var(--dg-border-width)) calc(var(--dg-space-4) + var(--dg-space-2) + var(--dg-space-1) * .75);
	font-size: var(--dg-p-fs-12);
	font-weight: var(--dg-fw-semibold);
	letter-spacing: .333em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--dg-white);
	background: var(--dg-primary-500);
	border-color: var(--dg-primary-500);
	border-radius: var(--dg-radius-none);
	box-shadow: 0 var(--dg-space-1) var(--dg-space-2) rgba(var(--dg-black-rgb), 0);
	transition: transform var(--dg-duration-base) var(--dg-ease-standard), box-shadow var(--dg-duration-base) var(--dg-ease-standard), background-color var(--dg-duration-base) var(--dg-ease-standard), border-color var(--dg-duration-base) var(--dg-ease-standard);
}
/* Al passaggio, come sul sito precedente: fondo scuro, ombra e pulsante al 95%. */
.dg-btn:hover,
.dg-btn:active { color: var(--dg-white); background: var(--dg-neutral-800); border-color: var(--dg-neutral-800); box-shadow: 0 var(--dg-space-1) var(--dg-space-2) rgba(var(--dg-black-rgb), .25); }
@media (prefers-reduced-motion: no-preference) {
	.dg-btn:hover { transform: scale(.95); }
}
/* Sui fondi scuri (barra fissa, pannello del menu, footer) al passaggio il bordo diventa
   bianco, come sul sito precedente: il fondo del pulsante li' si confonde con lo sfondo. */
.dg-header .dg-btn:hover,
.dg-pannello .dg-btn:hover,
.dg-footer .dg-btn:hover { border-color: var(--dg-white); }.dg-btn--piccolo { padding: calc(var(--dg-space-2) + var(--dg-space-1) * .5) var(--dg-space-4); font-size: var(--dg-p-fs-11); letter-spacing: .364em; }

/* ---------- Motivo a rombi sullo sfondo delle sezioni ---------- */
.dg-motivo { background-repeat: no-repeat; background-size: 40rem; }
.dg-motivo--alto { background-image: url("/wp-content/themes/digival/assets/img/motivo-sfondo-black-15.png"); background-position: 120% 0; background-size: 64rem; }
.dg-motivo--basso { background-image: url("/wp-content/themes/digival/assets/img/motivo-sfondo-black-15.png"); background-position: 110% 100%; background-size: 64rem; }

/* ---------- Social, recapiti, lingue, stelle ---------- */
.dg-social { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dg-space-3); list-style: none; margin: 0; padding: 0; }
.dg-social__link { display: flex; color: inherit; transition: color var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-social__link:hover { color: var(--dg-primary-500); }
.dg-social .dg-icona { width: 1.375rem; height: 1.375rem; }

.dg-recapiti { list-style: none; margin: 0; padding: 0; }
.dg-recapiti a { display: inline-flex; align-items: center; gap: var(--dg-space-3); color: inherit; text-decoration: none; letter-spacing: normal; overflow-wrap: anywhere; }
.dg-recapiti a:hover { color: var(--dg-primary-500); }
.dg-recapiti .dg-icona { width: 1.375rem; height: 1.375rem; }

/* Selettore di lingua a tendina (come sugli ultimi siti DIGIVAL): il pulsante mostra globo e
   sigla della lingua corrente; l'elenco ha l'aspetto dei sottomenu della navigazione e si
   apre allo stesso modo, in dissolvenza dall'alto. Aperto e chiuso da progetto.js. */
.dg-lingue { position: relative; display: flex; align-items: center; }
.dg-lingue__apri {
	display: inline-flex; align-items: center; gap: var(--dg-space-1);
	min-height: 2.75rem;
	padding: 0;
	font: inherit; letter-spacing: normal;
	color: inherit;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.dg-lingue__icona { width: 1.25rem; height: 1.25rem; }
.dg-lingue__sigla { font-size: var(--dg-p-fs-13); font-weight: var(--dg-fw-medium); line-height: 1; }
.dg-lingue__freccia { width: 1rem; height: 1rem; transition: transform var(--dg-duration-base) var(--dg-ease-standard); }
.dg-lingue__apri[aria-expanded="true"] .dg-lingue__freccia { transform: rotate(180deg); }
.dg-lingue__elenco {
	position: absolute; top: 100%; right: 0;
	z-index: var(--dg-z-dropdown);
	min-width: 10rem;
	margin: 0;
	padding: calc(var(--dg-space-3) + var(--dg-space-1));
	list-style: none;
	color: var(--dg-body-color);
	background: var(--dg-white);
	box-shadow: 0 .4375rem 1.125rem rgba(var(--dg-black-rgb), .25);
	opacity: 0; visibility: hidden;
	pointer-events: none;
	transform: translateY(-6.25rem);
	transition: opacity .4s var(--dg-ease-standard), transform .4s var(--dg-ease-standard), visibility .4s;
}
/* Nella barra mobile e nella barra larga il selettore e' alto quanto la barra: l'elenco
   parte cosi' dalla sua base, come i sottomenu. */
.dg-header__mobile .dg-lingue { align-self: stretch; margin-block: calc(-1 * var(--dg-space-2)); }
.dg-header__barra .dg-lingue { padding-block: calc(var(--dg-space-2) + var(--dg-space-1)); }
.dg-lingue.is-aperta .dg-lingue__elenco { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.dg-lingue .dg-lingue__voce {
	display: block;
	padding: calc(var(--dg-space-3) - var(--dg-border-width));
	font-size: var(--dg-fs-sm); line-height: 1.2; letter-spacing: normal; white-space: nowrap;
	color: var(--dg-body-color);
	text-decoration: none;
	transition: color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-lingue a.dg-lingue__voce:hover,
.dg-lingue a.dg-lingue__voce:focus-visible,
.dg-lingue .dg-lingue__voce.is-corrente { color: var(--dg-primary-500); }
@media (prefers-reduced-motion: reduce) {
	.dg-lingue__elenco { transform: none; }
}

/* Stelle piene: lo sprite delle icone e' solo al tratto, quindi la forma la ritaglia il CSS. */
.dg-stelle { display: flex; align-items: center; justify-content: center; gap: calc(var(--dg-space-1) * .75); color: var(--dg-primary-500); }
.dg-stelle__gruppo { display: flex; gap: calc(var(--dg-space-1) * .75); }
/* La lettera della categoria ("S" di superior), alta quanto le stelle. */
.dg-stelle__lettera { font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-semibold); line-height: .75rem; letter-spacing: normal; }
.dg-stelle__una {
	width: .75rem; height: .75rem;
	background: currentColor;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

/* ==========================================================================
   Apertura a tenda
   ========================================================================== */
.dg-tenda { position: fixed; inset: 0; z-index: var(--dg-z-toast); pointer-events: none; }
.dg-tenda__telo { position: absolute; left: 0; width: 100%; height: 50vh; background: var(--dg-neutral-800); }
.dg-tenda__telo--sopra { top: 0; }
.dg-tenda__telo--sotto { bottom: 0; }
.dg-tenda__centro {
	position: absolute; inset: 0;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: var(--dg-space-4);
	color: var(--dg-primary-500);
	background: var(--dg-neutral-800);
}
.dg-tenda__logo { width: min(31.25rem, 80vw); }
.dg-tenda__localita { margin: 0; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-medium); line-height: var(--dg-lh-lg); letter-spacing: .1em; text-transform: uppercase; }

@keyframes dg-tenda-sopra { to { transform: translateY(-50vh); } }
@keyframes dg-tenda-sotto { to { transform: translateY(50vh); } }
@keyframes dg-tenda-centro { to { opacity: 0; visibility: hidden; } }
.dg-tenda__telo--sopra { animation: dg-tenda-sopra 1s var(--dg-ease-standard) .6s forwards; }
.dg-tenda__telo--sotto { animation: dg-tenda-sotto 1s var(--dg-ease-standard) .6s forwards; }
.dg-tenda__centro { animation: dg-tenda-centro 1s var(--dg-ease-standard) .6s forwards; }
@media (prefers-reduced-motion: reduce) {
	.dg-tenda { display: none; }
}

/* ==========================================================================
   Header
   ========================================================================== */
.dg-header {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: var(--dg-z-fixed);
	color: var(--dg-white);
}
.admin-bar .dg-header { top: 46px; }
@media (min-width: 783px) { .admin-bar .dg-header { top: 32px; } }
.dg-header a { color: inherit; text-decoration: none; }

/* --- Schermi piccoli: barra fissa --- */
.dg-header__barra { display: none; }
.dg-header__mobile {
	display: flex; align-items: center; gap: var(--dg-space-1);
	min-height: 3.625rem;
	padding: var(--dg-space-2) var(--dg-space-3) var(--dg-space-2) var(--dg-space-1);
	background: var(--dg-neutral-800);
	transition: transform var(--dg-duration-slow) var(--dg-ease-standard);
}
.dg-pannello-aperto .dg-header__mobile { transform: translateY(-100%); }
.dg-header__apri,
.dg-pannello__chiudi {
	display: flex; align-items: center; justify-content: center;
	width: 2.75rem; height: 2.75rem;
	padding: 0;
	color: var(--dg-white);
	background: transparent;
	border: 0;
	cursor: pointer;
}
.dg-header__apri .dg-icona,
.dg-pannello__chiudi .dg-icona { width: 2rem; height: 2rem; }
/* Il logo resta bianco anche al passaggio: il link non prende il colore dei link del sito. */
.dg-header__brand, .dg-header__brand:hover, .dg-header__brand:focus,
.dg-header__brand-mobile, .dg-header__brand-mobile:hover, .dg-header__brand-mobile:focus { color: var(--dg-white); }
.dg-header__brand-mobile { display: block; width: 9.375rem; margin-right: auto; }
.dg-header__brand-mobile .dg-stelle { margin-top: calc(var(--dg-space-1) * .25); }
.dg-main { padding-top: 3.625rem; }

/* --- Pannello del menu (schermi piccoli) --- */
.dg-pannello {
	position: fixed; inset: 0;
	z-index: var(--dg-z-modal);
	overflow-y: auto;
	padding: var(--dg-space-2);
	font-size: var(--dg-font-size-base);
	color: var(--dg-white);
	background: var(--dg-neutral-800) url("/wp-content/themes/digival/assets/img/motivo-sfondo-white-20.png") no-repeat right -12rem bottom / 40rem;
	transform: translateY(100%);
	transition: transform var(--dg-duration-slow) var(--dg-ease-standard), visibility var(--dg-duration-slow);
	visibility: hidden;
}
.dg-pannello[hidden] { display: block; }
.dg-pannello.is-open { transform: none; visibility: visible; }
.admin-bar .dg-pannello { top: 46px; }
.dg-pannello a { color: inherit; text-decoration: none; }
.dg-pannello__interno { max-width: 24rem; margin: var(--dg-space-5) auto; padding-inline: var(--dg-space-4); }
.dg-pannello__nav { padding-bottom: var(--dg-space-4); border-bottom: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .2); }
.dg-pannello .dg-nav__menu,
.dg-pannello .sub-menu { list-style: none; margin: 0; padding: 0; }
.dg-pannello .dg-nav__menu > li { display: flex; flex-wrap: wrap; align-items: center; padding: var(--dg-space-1) var(--dg-space-3); }
.dg-pannello .dg-nav__menu a { display: block; padding-block: calc(var(--dg-space-1) * .5); letter-spacing: normal; }
.dg-pannello .dg-nav__menu a:hover { color: var(--dg-primary-500); }
.dg-pannello .dg-nav__apri { margin-left: var(--dg-space-1); }
.dg-pannello .dg-nav__piu { display: none; }
.dg-pannello .sub-menu { display: none; flex-basis: 100%; padding: var(--dg-space-2) 0 var(--dg-space-2) var(--dg-space-3); }
.dg-pannello .is-aperta > .sub-menu { display: block; }
.dg-pannello .is-aperta > .dg-nav__apri .dg-nav__giu { transform: rotate(180deg); }
.dg-pannello__blocco { padding-block: var(--dg-space-4); border-bottom: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .2); }
.dg-pannello__prenota { margin-bottom: var(--dg-space-3); }
.dg-pannello .dg-recapiti li { padding-block: var(--dg-space-2); }
.dg-pannello__social { padding-top: var(--dg-space-4); }
.dg-pannello__social .dg-icona { width: 1.75rem; height: 1.75rem; }

/* --- Pulsante che apre i sottomenu --- */
.dg-nav__apri {
	display: inline-flex; align-items: center; justify-content: center;
	width: 1.5rem; height: 1.75rem;
	padding: 0;
	color: inherit;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.dg-nav__apri .dg-icona { width: 1rem; height: 1rem; transition: transform var(--dg-duration-base) var(--dg-ease-standard); }

/* --- Schermi larghi: barra trasparente, poi fissa e scura --- */
@media (min-width: 1281px) {
	.dg-main { padding-top: 0; }
	.dg-header__mobile, .dg-pannello { display: none; }
	.dg-pannello[hidden] { display: none; }

	.dg-con-hero .dg-header { position: absolute; }
	.dg-header__barra {
		display: flex; align-items: center; justify-content: space-between; gap: var(--dg-space-3);
		padding: calc(var(--dg-space-3) + var(--dg-space-1));
	}
	.dg-header__prenota { display: none; margin-left: calc(var(--dg-space-3) + var(--dg-space-1)); }
	.dg-header__brand { display: block; width: 10rem; }
	.dg-header__brand .dg-stelle { margin-top: var(--dg-space-1); }
	.dg-header__strumenti { display: flex; align-items: center; gap: calc(var(--dg-space-4) + var(--dg-space-2)); }
	.dg-header__telefono { display: inline-flex; align-items: center; gap: var(--dg-space-1); font-size: var(--dg-font-size-base); letter-spacing: normal; white-space: nowrap; }
	.dg-header__telefono .dg-icona { width: 1.375rem; height: 1.375rem; }
	.dg-header__telefono:hover { color: var(--dg-primary-500); }
	.dg-header__social { flex-wrap: nowrap; gap: var(--dg-space-2); }
	.dg-header__social .dg-icona { width: 1.25rem; height: 1.25rem; }

	.dg-nav .dg-nav__menu,
	.dg-nav .sub-menu { list-style: none; margin: 0; padding: 0; }
	/* Ogni voce e' alta quanto la barra fissa (20px sopra e sotto il testo): il sottomenu,
	   agganciato al fondo della voce, parte cosi' dalla base della barra. */
	.dg-nav .dg-nav__menu { display: flex; align-items: center; }
	.dg-nav .dg-nav__menu > li { position: relative; display: flex; align-items: center; padding: calc(var(--dg-space-3) + var(--dg-space-1)) 0 calc(var(--dg-space-3) + var(--dg-space-1)) calc(var(--dg-space-3) + var(--dg-space-1)); white-space: nowrap; }
	.dg-nav .dg-nav__menu a { display: block; letter-spacing: normal; }
	/* Voci di primo livello: al passaggio un filetto cresce da sinistra sotto il testo e,
	   uscendo, si ritira verso destra (0,3 s). La voce corrente non ha segni, come sul sito precedente. */
	.dg-nav .dg-nav__menu > li > a { position: relative; }
	/* Il testo resta bianco anche al passaggio (lo stile di base del tema lo scurirebbe):
	   cambia solo il filetto, che prende lo stesso colore. */
	.dg-nav .dg-nav__menu > li > a:hover,
	.dg-nav .dg-nav__menu > li > a:focus-visible { color: inherit; }
	.dg-nav .dg-nav__menu > li > a::after {
		content: "";
		position: absolute; left: 0; bottom: 0;
		width: 100%; height: var(--dg-border-width);
		background: currentColor;
		transform: scaleX(0);
		transform-origin: right bottom;
		transition: transform var(--dg-duration-base) var(--dg-ease-out);
	}
	.dg-nav .dg-nav__menu > li > a:hover::after,
	.dg-nav .dg-nav__menu > li > a:focus-visible::after { transform: scaleX(1); transform-origin: left bottom; }
	.dg-nav .dg-nav__giu { display: none; }
	/* Sottomenu: sempre bianco, scende in dissolvenza dall'alto in 0,4 s (come sul sito precedente). */
	.dg-nav .sub-menu {
		position: absolute; top: 100%; left: 0;
		z-index: var(--dg-z-dropdown);
		min-width: 16.25rem;
		padding: calc(var(--dg-space-3) + var(--dg-space-1));
		color: var(--dg-body-color);
		background: var(--dg-white);
		box-shadow: 0 .4375rem 1.125rem rgba(var(--dg-black-rgb), .25);
		opacity: 0; visibility: hidden;
		pointer-events: none;
		transform: translateY(-6.25rem);
		transition: opacity .4s var(--dg-ease-standard), transform .4s var(--dg-ease-standard), visibility .4s;
	}
	.dg-nav .sub-menu a { padding: calc(var(--dg-space-3) - var(--dg-border-width)); line-height: 1.2; color: var(--dg-body-color); transition: color var(--dg-duration-base) var(--dg-ease-standard); }
	.dg-nav .sub-menu a:hover,
	.dg-nav .sub-menu a:focus-visible { color: var(--dg-primary-500); }
	.dg-nav .menu-item-has-children:hover > .sub-menu,
	.dg-nav .menu-item-has-children:focus-within > .sub-menu,
	.dg-nav .is-aperta > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
	.dg-nav .menu-item-has-children:hover > .dg-nav__apri .dg-nav__piu,
	.dg-nav .is-aperta > .dg-nav__apri .dg-nav__piu { transform: rotate(45deg); }

	/* Dopo 300px di scorrimento (classe messa da progetto.js): barra fissa e scura. */
	.dg-header.is-fissa {
		position: fixed;
		background: var(--dg-neutral-800);
		box-shadow: var(--dg-shadow-md);
	}
	.dg-header.is-fissa .dg-header__barra { justify-content: flex-start; padding-block: 0; min-height: 4.25rem; }
	.dg-header.is-fissa .dg-header__brand { display: none; }
	.dg-header.is-fissa .dg-header__prenota { display: inline-flex; }
	.dg-header.is-fissa .dg-header__strumenti { margin-left: auto; }
}
@media (min-width: 1281px) and (prefers-reduced-motion: reduce) {
	.dg-nav .sub-menu { transform: none; }
}
@media (min-width: 1281px) and (prefers-reduced-motion: no-preference) {
	@keyframes dg-header-entra { from { opacity: 0; transform: translateY(-100%); } }
	.dg-con-hero .dg-header.is-fissa { animation: dg-header-entra var(--dg-duration-slow) var(--dg-ease-out); }
}

/* ==========================================================================
   Hero
   Misure del sito precedente: area dei testi a 50px dai bordi, blocco dei testi a 40px
   dal fondo dell'area, titolo largo 414px, descrizione 464px, 50px fra i due.
   ========================================================================== */
.dg-hero {
	position: relative;
	display: flex;
	min-height: calc(100vh - 3.625rem);
	min-height: calc(100svh - 3.625rem);
	color: var(--dg-white);
	background: var(--dg-neutral-900);
	overflow: hidden;
}
.dg-hero__foto { position: absolute; inset: 0; }
.dg-hero__img {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2s cubic-bezier(.25, 1, .5, 1);
}
.dg-hero__img.is-attiva { opacity: 1; }
/* Le foto non ancora mostrate stanno fuori dalla pagina: cosi' il browser non le scarica tutte
   all'apertura. progetto.js mette "is-caricata" a quella in vista e alla successiva. */
.dg-hero__img:not(.is-attiva):not(.is-caricata) { display: none; }
.dg-hero__foto::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(rgba(var(--dg-black-rgb), .6), rgba(var(--dg-black-rgb), 0) 30%, rgba(var(--dg-black-rgb), 0) 60%, rgba(var(--dg-black-rgb), .7));
}
.dg-hero__area {
	position: relative;
	display: flex; flex-direction: column; justify-content: flex-end; gap: var(--dg-space-4);
	width: 100%;
	padding: var(--dg-space-7) calc(var(--dg-space-3) + var(--dg-space-1)) calc(var(--dg-space-5) + var(--dg-space-4));
}
/* Titolo, indice e voci del menu verticale: gli unici testi del sito con la misura legata
   alla larghezza della finestra, come sul sito precedente (scelta dell'utente, 9 ottobre
   2026: per questi tre non valgono i token della scala).
     titolo  40px fino a 767 · 5vw fino a 1280 · 3vw oltre
     indice  30px fino a 767 · 4vw fino a 1280 · 2,5vw oltre
     voci    3,5vw (compaiono solo oltre 1280) */
.dg-hero__titolo { margin: 0; font-size: 2.5rem; font-weight: var(--dg-fw-normal); line-height: 1.1; color: var(--dg-white); }
.dg-hero__indice { margin: 0 0 calc(var(--dg-space-3) + var(--dg-space-1)); font-family: var(--dg-font-heading); font-size: 1.875rem; font-weight: var(--dg-fw-normal); line-height: 1; letter-spacing: normal; }
.dg-hero__descrizione { margin-top: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
.dg-hero__testo { font-size: var(--dg-h6); line-height: 1.3; letter-spacing: .083em; }
.dg-hero__testo > *:last-child { margin-bottom: 0; }
.dg-hero__menu { display: none; }
.dg-hero__piede { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dg-space-3) calc(var(--dg-space-4) + var(--dg-space-2)); }
.dg-hero__scorri-testo { font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-medium); line-height: 2; letter-spacing: normal; text-transform: uppercase; color: rgba(var(--dg-white-rgb), .8); }
.dg-hero__linea { flex: 1 1 3rem; height: var(--dg-border-width); background: rgba(var(--dg-white-rgb), .4); }
/* Punti e frecce sotto il filetto, in basso a destra, all'altezza della freccia. */
.dg-hero__comandi { position: absolute; right: calc(var(--dg-space-3) + var(--dg-space-1)); bottom: calc(var(--dg-space-3) + var(--dg-space-1)); display: flex; align-items: center; gap: var(--dg-space-2); }
.dg-hero__punti { display: flex; align-items: center; gap: calc(var(--dg-space-1) * 1.5); list-style: none; margin: 0; padding: 0; }
.dg-hero__punti li { display: flex; }
/* Il punto si vede piccolo (6px), ma l'area che si tocca e' alta 24px. */
.dg-hero__punto {
	display: flex; align-items: center;
	width: .375rem; height: 1.5rem;
	padding: 0;
	background: transparent;
	border: 0;
	opacity: .5;
	cursor: pointer;
	transition: width var(--dg-duration-slow) var(--dg-ease-standard), opacity var(--dg-duration-slow) var(--dg-ease-standard);
}
.dg-hero__punto::before { content: ""; width: 100%; height: .375rem; background: var(--dg-white); border-radius: var(--dg-radius-pill); }
.dg-hero__punto.is-attivo { width: 1.875rem; opacity: 1; }
.dg-hero__freccia { display: flex; padding: 0; color: var(--dg-white); background: transparent; border: 0; cursor: pointer; }
.dg-hero__freccia .dg-icona { width: 1.75rem; height: 1.75rem; }
.dg-hero__scorri {
	position: absolute; left: calc(var(--dg-space-3) + var(--dg-space-1)); bottom: calc(var(--dg-space-3) + var(--dg-space-1) * .75);
	display: flex;
	color: var(--dg-neutral-900);
	background: var(--dg-white);
	border-radius: var(--dg-radius-sm);
}
.dg-hero__scorri .dg-icona { width: 1.625rem; height: 1.625rem; }
.dg-hero__avanzamento { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--dg-space-1) * .75); }
.dg-hero__avanzamento span { display: block; width: 0; height: 100%; background: var(--dg-primary-500); }

@media (prefers-reduced-motion: no-preference) {
	/* Battito della freccia, come sul sito precedente. */
	@keyframes dg-battito { 0%, 28%, 70%, 100% { transform: scale(1); } 14%, 42% { transform: scale(1.3); } }
	.dg-hero__scorri { animation: dg-battito 1.3s ease-in-out 3s infinite; }
}

@media (min-width: 768px) {
	/* Titolo e descrizione affiancati, allineati in basso; la descrizione non supera la meta'. */
	.dg-hero__area { gap: 0; }
	.dg-hero__testi { display: flex; align-items: flex-end; gap: calc(var(--dg-space-5) + var(--dg-space-1) * .5); margin-bottom: var(--dg-space-3); }
	.dg-hero__testo { padding-bottom: calc(var(--dg-space-3) + var(--dg-space-1) * .5); }
	.dg-hero__titolo { flex: 0 1 auto; font-size: 5vw; }
	.dg-hero__descrizione { flex: 0 1 auto; max-width: 50%; margin-top: 0; }
	.dg-hero__indice { margin-bottom: calc(var(--dg-space-4) + var(--dg-space-1)); font-size: 4vw; }
	.dg-hero__piede { flex-wrap: nowrap; }
}

@media (min-width: 992px) {
	.dg-hero__area { padding: var(--dg-space-8) calc(var(--dg-space-5) + var(--dg-space-1) * .5) calc(var(--dg-space-5) + var(--dg-space-1) * .5); }
	.dg-hero__comandi { right: calc(var(--dg-space-5) + var(--dg-space-1) * .5); }
	.dg-hero__scorri { left: calc(var(--dg-space-5) + var(--dg-space-1) * .5); }
}

@media (min-width: 1281px) {
	.dg-hero { min-height: 100vh; }
	.dg-hero__testi { width: 70%; }
	.dg-hero__titolo { font-size: 3vw; }
	.dg-hero__indice { font-size: 2.5vw; }
	/* 18px: sul sito precedente la descrizione sale di un pixel solo oltre questa soglia. */
	.dg-hero__testo { font-size: calc(var(--dg-h6) * 1.059); }

	/* Menu verticale sul lato destro. L'elenco e' una normale colonna di righe, ruotata di
	   un quarto di giro attorno all'angolo in basso a sinistra: la prima voce finisce a
	   sinistra e ogni riga si legge dal basso. Il punto di aggancio (.dg-hero__menu, senza
	   misure) e' l'angolo in basso a destra del blocco che si vede. */
	.dg-hero__menu { position: absolute; right: calc(var(--dg-space-5) + var(--dg-space-1) * .5); bottom: calc(var(--dg-space-5) + var(--dg-space-4) + var(--dg-space-3)); display: block; width: 0; height: 0; }
	.dg-hero__voci {
		position: absolute; left: 0; bottom: 0;
		display: flex; flex-direction: column;
		list-style: none; margin: 0; padding: 0;
		counter-reset: dg-voce;
		transform: rotate(-90deg);
		transform-origin: left bottom;
	}
	.dg-hero__voci li { counter-increment: dg-voce; }
	.dg-hero__voci a {
		display: flex; align-items: baseline;
		font-family: var(--dg-font-heading); font-size: 3.5vw; font-weight: var(--dg-fw-medium); line-height: 1; letter-spacing: normal; text-transform: uppercase; white-space: nowrap;
		color: rgba(var(--dg-white-rgb), .2);
		text-decoration: none;
		transition: color var(--dg-duration-base) var(--dg-ease-standard);
	}
	.dg-hero__voci a:hover,
	.dg-hero__voci a:focus-visible,
	.dg-hero__voci .current-menu-item > a { color: var(--dg-white); }
	/* Il numero della voce compare al passaggio, sulla stessa linea di base del testo. */
	.dg-hero__voci a::after {
		content: "0" counter(dg-voce) ".";
		margin-left: calc(var(--dg-space-2) + var(--dg-space-1) * .5);
		font-size: 30%;
		opacity: 0;
		transform: translateY(calc(var(--dg-space-2) + var(--dg-space-1) * .5));
		transition: opacity var(--dg-duration-slow) var(--dg-ease-standard), transform var(--dg-duration-slow) var(--dg-ease-standard);
	}
	.dg-hero__voci a:hover::after,
	.dg-hero__voci a:focus-visible::after { opacity: 1; transform: none; }
}
@media (min-width: 1281px) and (prefers-reduced-motion: no-preference) {
	/* Testi da sinistra e menu da destra, dopo l'apertura della tenda. */
	@keyframes dg-entra-sinistra { from { opacity: 0; transform: translateX(-100%); } }
	/* Il punto di aggancio del menu non ha larghezza: lo spostamento e' la larghezza del blocco che si vede. */
	@keyframes dg-entra-destra { from { opacity: 0; transform: translateX(21vw); } }
	.dg-hero__testi { animation: dg-entra-sinistra 1s var(--dg-ease-out) 1s backwards; }
	.dg-hero__menu { animation: dg-entra-destra 1s var(--dg-ease-out) 1s backwards; }
}

/* ==========================================================================
   Fascia di prenotazione
   ========================================================================== */
.dg-prenotazione {
	padding-block: var(--dg-ss-md);
	color: var(--dg-white);
	background: var(--dg-neutral-900) url("/wp-content/themes/digival/assets/img/motivo-sfondo-black.png") no-repeat 110% -6.25rem / 40rem;
	scroll-margin-top: 4.25rem;
}
/* Titolo, modulo e riga dell'assicurazione in colonna, a 10px l'uno dall'altro. */
.dg-prenotazione__interno { display: flex; flex-direction: column; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
.dg-prenotazione__testa { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--dg-space-3); }
.dg-prenotazione__titolo { margin: 0; font-size: var(--dg-h2); font-weight: var(--dg-fw-normal); color: var(--dg-white); }
/* Dentro una colonna: niente fascia, i campi vanno a capo. */
.dg-prenotazione--colonna { padding-block: 0; background: none; }
.dg-prenotazione__apri { display: flex; padding: 0; color: var(--dg-white); background: transparent; border: 0; cursor: pointer; }
.dg-prenotazione__apri .dg-icona { width: 2.25rem; height: 2.25rem; transition: transform var(--dg-duration-base) var(--dg-ease-standard); }
.dg-prenotazione__apri[aria-expanded="true"] .dg-icona { transform: rotate(45deg); }
.dg-prenotazione__corpo { display: none; }
.dg-prenotazione__corpo.is-aperto { display: block; }
.dg-prenotazione__assicurazione { display: flex; justify-content: flex-end; margin: 0; }
.dg-prenotazione__ass-link {
	display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5);
	min-height: 1.625rem;
	padding: 0;
	font: inherit; line-height: 1.3; letter-spacing: normal; text-align: left; text-transform: uppercase;
	color: rgba(var(--dg-white-rgb), .8);
	text-decoration: none;
	transition: color var(--dg-duration-base) var(--dg-ease-standard);
}
a.dg-prenotazione__ass-link:hover { color: var(--dg-white); }
.dg-prenotazione__ass-logo { display: block; width: 10rem; color: var(--dg-white); }
.dg-prenotazione__ass-logo svg { display: block; width: 100%; height: auto; fill: currentColor; }
@media (min-width: 992px) {
	.dg-prenotazione__apri { display: none; }
	.dg-prenotazione__corpo { display: block; }
}

/* Motore di prenotazione (markup del fornitore: i selettori sono i suoi).
   I selettori partono dall'id: devono battere il foglio di stile del fornitore. */
/* Il foglio del fornitore ferma il modulo a 1200px: deve arrivare al bordo del contenitore,
   in linea con la riga dell'assicurazione. */
#dg-prenotazione-widget { display: block; float: none; box-sizing: border-box; width: 100% !important; max-width: none !important; font-family: var(--dg-font-body); color: var(--dg-black); letter-spacing: normal; }
#dg-prenotazione-widget .hnWidgetMainContainer {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: calc(var(--dg-space-3) + var(--dg-space-1));
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	padding: 0;
	background-color: transparent;
	border: 0; border-radius: var(--dg-radius-none);
	box-shadow: none;
}
#dg-prenotazione-widget .hnWidgetMainContainer > span { box-sizing: border-box; width: 100% !important; max-width: none !important; margin: 0; padding: 0; }
#dg-prenotazione-widget .hnWidgetMainContainer > span.inputContainer::before,
#dg-prenotazione-widget .hnWidgetMainContainer > span.inputContainer .guestsInputContainer::before { display: none; }
#dg-prenotazione-widget .hnWidgetMainContainer > span .inputLabel {
	display: block;
	margin: 0 0 calc(var(--dg-space-1) * 1.25);
	padding: 0;
	font-family: var(--dg-font-body); font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-light); line-height: 1.2;
	text-align: left !important; text-transform: uppercase;
	color: rgba(var(--dg-white-rgb), .8);
}
/* 16px: sotto questa misura iOS ingrandisce la pagina quando si tocca il campo. */
#dg-prenotazione-widget .hnWidgetMainContainer > span > #arrivalHotelDate,
#dg-prenotazione-widget .hnWidgetMainContainer > span > #nights,
#dg-prenotazione-widget .hnWidgetMainContainer > span > #promocode,
#dg-prenotazione-widget .hnWidgetMainContainer > span > .guestsInputContainer > #guests {
	box-sizing: border-box;
	width: 100% !important; max-width: none !important; height: 3.125rem;
	font-family: var(--dg-font-body); font-size: var(--dg-font-size-base); font-weight: var(--dg-p-fw-testo);
	padding: 0 var(--dg-space-1) 0 var(--dg-space-2);
	color: var(--dg-white);
	background-color: var(--dg-neutral-900);
	border: var(--dg-border-width) solid var(--dg-white);
	border-radius: var(--dg-radius-none);
}
#dg-prenotazione-widget .hnWidgetMainContainer > #searchAvail,
.savePeopleSelection {
	width: 100%; height: 3.125rem;
	padding: calc(var(--dg-space-3) + var(--dg-space-1)) calc(var(--dg-space-4) + var(--dg-space-2)) var(--dg-space-3);
	font-family: var(--dg-font-body); font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-semibold); line-height: 1; letter-spacing: .333em; text-transform: uppercase;
	color: var(--dg-white) !important;
	background-color: var(--dg-primary-500) !important;
	border: var(--dg-border-width) solid var(--dg-primary-500);
	border-radius: var(--dg-radius-none);
	box-shadow: 0 var(--dg-space-1) var(--dg-space-2) rgba(var(--dg-black-rgb), 0);
	transition: transform var(--dg-duration-base) var(--dg-ease-standard), box-shadow var(--dg-duration-base) var(--dg-ease-standard), background-color var(--dg-duration-base) var(--dg-ease-standard);
}
#dg-prenotazione-widget .hnWidgetMainContainer > #searchAvail:hover {
	background-color: var(--dg-neutral-800) !important;
	border-color: var(--dg-white);
	box-shadow: 0 var(--dg-space-1) var(--dg-space-2) rgba(var(--dg-black-rgb), .25);
	transform: scale(.95);
}
@media (min-width: 768px) {
	#dg-prenotazione-widget .hnWidgetMainContainer > span { width: calc(50% - var(--dg-space-3)) !important; }
}
@media (min-width: 992px) {
	.dg-prenotazione--fascia #dg-prenotazione-widget .hnWidgetMainContainer { flex-wrap: nowrap; }
	/* Tutti larghi "100%" in una riga sola: i quattro campi si restringono in parti uguali,
	   il pulsante resta largo quanto il suo testo. */
	.dg-prenotazione--fascia #dg-prenotazione-widget .hnWidgetMainContainer > span { width: 100% !important; }
	/* 14px come sul sito precedente; sotto questa soglia restano 16px (zoom di iOS). */
	#dg-prenotazione-widget .hnWidgetMainContainer > span > #arrivalHotelDate,
	#dg-prenotazione-widget .hnWidgetMainContainer > span > #nights,
	#dg-prenotazione-widget .hnWidgetMainContainer > span > #promocode,
	#dg-prenotazione-widget .hnWidgetMainContainer > span > .guestsInputContainer > #guests { font-size: var(--dg-fs-sm); }
}

/* ---------- Calendario delle date (jQuery UI, usato dal motore) ----------
   Il sito precedente caricava il foglio "smoothness" di jQuery UI dai server di Google e
   lo ricolorava. Qui c'e' solo quello che serve al calendario, senza richieste esterne:
   struttura di jQuery UI e colori del sito precedente. */
.ui-helper-hidden-accessible { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
.ui-helper-clearfix::after { content: ""; display: table; clear: both; }
#ui-datepicker-div.ui-datepicker {
	display: none;
	z-index: var(--dg-z-popover) !important;
	width: 19.25rem;
	padding: 0;
	font-family: var(--dg-font-body); font-size: var(--dg-p-fs-12); line-height: var(--dg-lh-base); letter-spacing: normal;
	color: var(--dg-white);
	background: var(--dg-neutral-800);
	border: 0;
}
#ui-datepicker-div.ui-datepicker * { font-family: var(--dg-font-body); font-size: var(--dg-p-fs-12); }
#ui-datepicker-div .ui-datepicker-header { position: relative; padding: var(--dg-space-3) 0; background: var(--dg-neutral-900); border: 0; }
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next { position: absolute; top: calc(var(--dg-space-3) - var(--dg-space-1) * .5); width: 3em; height: 3em; color: var(--dg-white); text-decoration: none; cursor: pointer; }
#ui-datepicker-div .ui-datepicker-prev { left: calc(var(--dg-space-1) * 1.25); }
#ui-datepicker-div .ui-datepicker-next { right: calc(var(--dg-space-1) * 1.25); }
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span { display: none; }
#ui-datepicker-div .ui-datepicker-prev::before,
#ui-datepicker-div .ui-datepicker-next::before { display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1; }
#ui-datepicker-div .ui-datepicker-prev::before { content: "\276E"; }
#ui-datepicker-div .ui-datepicker-next::before { content: "\276F"; }
#ui-datepicker-div .ui-state-disabled { opacity: .35; }
#ui-datepicker-div .ui-datepicker-title { display: flex; align-items: center; justify-content: center; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); margin: 0 2.3em; line-height: 1.8; }
#ui-datepicker-div .ui-datepicker-title select {
	width: 40%; height: 1.875rem;
	margin: 0; padding: 0 0 0 var(--dg-space-1);
	color: var(--dg-white);
	background: var(--dg-neutral-900);
	border: var(--dg-border-width) solid var(--dg-white);
	border-radius: var(--dg-radius-none);
}
#ui-datepicker-div .ui-datepicker-calendar { width: 100%; margin: 0 0 var(--dg-space-1); border-collapse: collapse; }
#ui-datepicker-div .ui-datepicker-calendar th { padding: .7em .3em; font-weight: var(--dg-fw-semibold); text-align: center; border: 0; }
#ui-datepicker-div .ui-datepicker-calendar td { padding: calc(var(--dg-space-1) * 1.25); border: 0; }
#ui-datepicker-div .ui-datepicker-calendar td a,
#ui-datepicker-div .ui-datepicker-calendar td span {
	display: block;
	min-width: 2.125rem;
	padding: 0;
	line-height: 2.125rem; text-align: center;
	color: var(--dg-white);
	text-decoration: none;
	background: transparent;
	border: 0;
	transition: background-color var(--dg-duration-base) var(--dg-ease-standard);
}
#ui-datepicker-div .ui-datepicker-calendar td span { background: var(--dg-neutral-900); }
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a,
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active,
#ui-datepicker-div .ui-datepicker-calendar td a:hover { background: var(--dg-primary-500); }
@media (max-width: 750px) {
	#ui-datepicker-div.ui-datepicker { left: calc(var(--dg-space-3) + var(--dg-space-1)) !important; width: calc(100% - 2.5rem) !important; }
}

/* ---------- Selettore degli ospiti (pannello del motore sotto il campo "Ospiti") ---------- */
#dg-prenotazione-widget .guestsInputContainer { position: relative; display: block; }
#dg-prenotazione-widget .peopleSelection {
	position: absolute; left: 0; top: 100%;
	z-index: var(--dg-z-dropdown);
	margin: 0;
	color: var(--dg-white);
	background: var(--dg-neutral-800);
	border: 0; border-radius: var(--dg-radius-none);
}
#dg-prenotazione-widget .peopleSelection *:not(.fa) { font-family: var(--dg-font-body) !important; }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea { margin-bottom: calc(var(--dg-space-2) + var(--dg-space-1) * .5); padding-bottom: calc(var(--dg-space-2) + var(--dg-space-1) * .5); border-top: 0; border-bottom: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .2); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .addedRoomLael { font-size: calc(var(--dg-fs-sm) * 1.07); font-weight: var(--dg-fw-medium); line-height: 1; text-transform: uppercase; color: var(--dg-white); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .childrenAgeContainer { margin-top: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .childrenAgeLabel { width: 100%; font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-medium); text-transform: uppercase; color: rgba(var(--dg-white-rgb), .8); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .childrenAgeInputsContainer { margin-top: 0 !important; }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .inputContainer { margin-top: calc(var(--dg-space-3) - var(--dg-border-width)); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .inputContainer::before { top: calc(var(--dg-space-3) - var(--dg-space-1) * .5); font-size: var(--dg-fs-lg); color: rgba(var(--dg-white-rgb), .8); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .inputContainer .inputLabel { font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-light); text-transform: uppercase; color: rgba(var(--dg-white-rgb), .8); }
#dg-prenotazione-widget .peopleSelection .roomSelectionArea .inputContainer select {
	height: 1.875rem;
	color: var(--dg-white);
	background-color: var(--dg-neutral-900);
	border: var(--dg-border-width) solid var(--dg-white);
	border-radius: var(--dg-radius-none);
}
#dg-prenotazione-widget .peopleSelection .fa { color: rgba(var(--dg-white-rgb), .8); }
#dg-prenotazione-widget .peopleSelection .removeRoom { line-height: 1; }
#dg-prenotazione-widget .peopleSelection .savePeopleSelection {
	width: auto; height: 2.5rem;
	padding: calc(var(--dg-space-3) - var(--dg-border-width)) calc(var(--dg-space-4) + var(--dg-space-2) + var(--dg-space-1) * .75) calc(var(--dg-space-2) + var(--dg-space-1) * .5);
}
#dg-prenotazione-widget .peopleSelection .savePeopleSelection:hover {
	background-color: var(--dg-neutral-800) !important;
	border-color: var(--dg-white);
	box-shadow: 0 var(--dg-space-1) var(--dg-space-2) rgba(var(--dg-black-rgb), .25);
	transform: scale(.95);
}

/* ==========================================================================
   Home: presentazione e pagine in evidenza
   ========================================================================== */
.dg-presentazione__griglia { display: grid; gap: var(--dg-space-5); }
.dg-presentazione__foto { position: relative; padding-top: calc(var(--dg-space-3) + var(--dg-space-1)); }
.dg-presentazione__img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.dg-badge {
	position: absolute; top: 0; left: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	min-width: 11.75rem;
	margin: 0;
	padding: calc(var(--dg-space-3) + var(--dg-space-1));
	font-weight: var(--dg-fw-medium); line-height: 1.2; letter-spacing: normal; text-align: center;
	color: var(--dg-white);
	background: var(--dg-primary-500);
	border: calc(var(--dg-space-2) + var(--dg-space-1) * .5) solid var(--dg-white);
	transform: translateX(-50%);
}
/* Le cifre di Playfair scendono sotto la riga: serve spazio prima della riga seguente. */
.dg-badge__numero { margin-block: var(--dg-space-1) var(--dg-space-3); font-family: var(--dg-font-heading); font-size: var(--dg-display-1); font-weight: var(--dg-fw-normal); line-height: .8; }
.dg-presentazione__testi .dg-btn { margin-top: var(--dg-space-4); }

.dg-contatti-rapidi {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--dg-space-4);
	margin-top: var(--dg-space-4);
	padding-top: var(--dg-space-4);
	border-top: var(--dg-border-width) solid var(--dg-neutral-300);
}
.dg-contatti-rapidi__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-semibold); line-height: 1.2; letter-spacing: .25em; text-transform: uppercase; }
.dg-contatti-rapidi__mail { display: inline-flex; align-items: center; gap: var(--dg-space-3); line-height: 1.2; letter-spacing: normal; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.dg-contatti-rapidi__mail:hover { color: var(--dg-primary-500); }
.dg-contatti-rapidi .dg-icona { width: 1.25rem; height: 1.25rem; }
.dg-contatti-rapidi__social { gap: var(--dg-space-2); }

.dg-evidenza { display: grid; gap: var(--dg-space-5); list-style: none; margin: var(--dg-space-5) 0 0; padding: 0; }
.dg-evidenza__voce { position: relative; background: var(--dg-white); box-shadow: var(--dg-p-ombra-card-riposo); transition: box-shadow var(--dg-duration-base) var(--dg-ease-standard); }
.dg-evidenza__voce:hover { box-shadow: var(--dg-p-ombra-card); }
/* Foto e titolo nella stessa cella: il titolo non e' posizionato, cosi' l'area cliccabile
   del suo link (::after) copre tutta la foto. */
.dg-evidenza__foto { position: relative; display: grid; background: var(--dg-neutral-200); }
.dg-evidenza__img { grid-area: 1 / 1; display: block; width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: cover; }
.dg-evidenza__foto::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 55%; background: linear-gradient(rgba(var(--dg-black-rgb), 0), rgba(var(--dg-black-rgb), .6)); pointer-events: none; }
.dg-evidenza__titolo { grid-area: 1 / 1; align-self: end; z-index: 1; margin: 0 0 calc(var(--dg-space-4) + var(--dg-space-2)) calc(var(--dg-space-3) + var(--dg-space-1)); font-size: var(--dg-h4); font-weight: var(--dg-fw-light); color: var(--dg-white); }
.dg-evidenza__titolo a { color: inherit; text-decoration: none; }
.dg-evidenza__titolo a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.dg-evidenza__pulsante { position: absolute; right: var(--dg-space-3); bottom: 0; z-index: 1; transform: translateY(50%); pointer-events: none; }
.dg-evidenza__testo { margin: var(--dg-space-4) 0 0; }
@media (prefers-reduced-motion: no-preference) {
	.dg-evidenza__voce:hover .dg-evidenza__pulsante { transform: translateY(50%) scale(.95); box-shadow: 0 var(--dg-space-1) var(--dg-space-2) rgba(var(--dg-black-rgb), .25); }
}
@media (min-width: 576px) {
	.dg-evidenza { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
	.dg-presentazione__griglia { grid-template-columns: 1fr 1fr; gap: calc(var(--dg-space-4) + var(--dg-space-3)); align-items: start; }
	.dg-presentazione__testi { padding-top: calc(var(--dg-space-3) + var(--dg-space-1)); }
	.dg-evidenza { grid-template-columns: repeat(3, 1fr); gap: calc(var(--dg-space-4) + var(--dg-space-3)); }
}

/* ==========================================================================
   Home: camere
   ========================================================================== */
.dg-camere-home { position: relative; padding-bottom: var(--dg-ss-md); color: var(--dg-white); }
/* Foto piena con un velo nero al 70% sopra, come sul sito precedente. */
.dg-camere-home__fascia { position: absolute; inset: 0 0 var(--dg-ss-md); background: var(--dg-black); overflow: hidden; }
.dg-camere-home__sfondo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-camere-home__fascia::after { content: ""; position: absolute; inset: 0; background: rgba(var(--dg-black-rgb), .7); }
.dg-camere-home__griglia { position: relative; display: grid; gap: var(--dg-space-5); padding-block: var(--dg-ss-md); }
.dg-camere-home__img { display: block; width: 100%; height: auto; aspect-ratio: 10 / 13; object-fit: cover; }
.dg-camere-home .dg-content { color: rgba(var(--dg-white-rgb), .8); }
.dg-camere-home__testi .dg-btn { margin-top: var(--dg-space-4); }
.dg-dotazioni { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--dg-space-4) 0; list-style: none; margin: var(--dg-space-5) 0 0; padding: 0; }
.dg-dotazioni__voce {
	display: flex; flex-direction: column; align-items: center; gap: var(--dg-space-2);
	padding-inline: var(--dg-space-2);
	font-size: var(--dg-p-fs-12); line-height: var(--dg-lh-lg); letter-spacing: .333em; text-align: center; text-transform: uppercase;
}
.dg-dotazioni__voce + .dg-dotazioni__voce { border-left: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .3); }
.dg-dotazioni__icona { width: 3rem; height: 3rem; }
@media (max-width: 575.98px) {
	.dg-dotazioni__voce:nth-child(odd) { border-left: 0; }
}
@media (min-width: 576px) {
	.dg-dotazioni { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 992px) {
	.dg-camere-home { padding-bottom: 0; }
	/* Sul sito precedente la fascia scura e' alta 650px e la foto in primo piano ne esce sotto. */
	.dg-camere-home__fascia { inset: 0 0 auto; height: 40.625rem; }
	.dg-camere-home__griglia { grid-template-columns: 1fr 1fr; gap: calc(var(--dg-space-4) + var(--dg-space-3)); align-items: start; padding-bottom: 0; }
	.dg-camere-home__testi { padding-bottom: var(--dg-ss-md); }
}

/* ==========================================================================
   Home: accoglienza, carosello, news
   ========================================================================== */
.dg-accoglienza { padding-bottom: var(--dg-space-4); }
.dg-accoglienza__testo { text-align: center; }

.dg-carosello { overflow: hidden; }
.dg-carosello__pista { display: flex; list-style: none; margin: 0; padding: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.dg-carosello__pista::-webkit-scrollbar { display: none; }
.dg-carosello.is-pronto .dg-carosello__pista { overflow: visible; scroll-snap-type: none; }
.dg-carosello__foto { flex: 0 0 100%; scroll-snap-align: start; }
.dg-carosello__img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
@media (min-width: 480px) { .dg-carosello__foto { flex-basis: 33.3334%; } }
@media (min-width: 992px) { .dg-carosello__foto { flex-basis: 20%; } }

.dg-news-griglia { display: grid; gap: var(--dg-space-5); list-style: none; margin: var(--dg-space-4) 0 0; padding: 0; }
@media (min-width: 576px) { .dg-news-griglia { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .dg-news-griglia { grid-template-columns: repeat(3, 1fr); gap: calc(var(--dg-space-4) + var(--dg-space-3)); } }
.dg-news { position: relative; height: 100%; box-shadow: var(--dg-p-ombra-card-riposo); transition: box-shadow var(--dg-duration-base) var(--dg-ease-standard); }
.dg-news:hover { box-shadow: var(--dg-p-ombra-card); }
.dg-news__foto { position: relative; background: var(--dg-neutral-200); }
.dg-news__ritaglio { overflow: hidden; }
.dg-news__img { display: block; width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: cover; transition: transform var(--dg-duration-slow) var(--dg-ease-out); }
.dg-news:hover .dg-news__img { transform: scale(1.06); }
.dg-news__data {
	position: absolute; right: calc(var(--dg-space-3) + var(--dg-space-1)); bottom: 0;
	display: flex; flex-direction: column; align-items: center;
	min-width: 4.375rem;
	padding: var(--dg-space-2);
	font-family: var(--dg-font-heading); font-weight: var(--dg-fw-normal); line-height: 1; letter-spacing: .1em; text-transform: uppercase;
	color: var(--dg-white);
	background: var(--dg-primary-500);
	transform: translateY(50%);
}
.dg-news__mese, .dg-news__anno { font-size: calc(var(--dg-h6) * 1.059); }
.dg-news__giorno { font-size: var(--dg-h3); letter-spacing: .067em; }
.dg-news__corpo { padding: var(--dg-space-5) calc(var(--dg-space-4) + var(--dg-space-3)); }
.dg-news__categoria { margin: 0 0 var(--dg-space-2); font-weight: var(--dg-fw-medium); line-height: 1.2; letter-spacing: .214em; text-transform: uppercase; }
.dg-news__categoria a { position: relative; z-index: 1; color: var(--dg-primary-500); text-decoration: none; }
.dg-news__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h5); font-weight: var(--dg-fw-normal); }
.dg-news__titolo a { color: inherit; text-decoration: none; }
.dg-news__titolo a::after { content: ""; position: absolute; inset: 0; }
.dg-news__titolo a:hover { color: var(--dg-primary-600); }
.dg-news__riassunto > *:last-child { margin-bottom: 0; }
.dg-news-home__tutti { margin: var(--dg-space-5) 0 0; text-align: center; }

/* ==========================================================================
   Collaborazione
   ========================================================================== */
.dg-collaborazione { position: relative; color: var(--dg-white); background: var(--dg-primary-500); overflow: hidden; }
.dg-collaborazione__sfondo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-collaborazione__interno { position: relative; display: flex; justify-content: flex-end; padding-block: var(--dg-ss-md); }
.dg-collaborazione__riquadro { width: 100%; max-width: 47rem; padding: var(--dg-space-5) var(--dg-space-4); background: rgba(var(--dg-black-rgb), .6); }
.dg-collaborazione .dg-intestazione--chiara .dg-occhiello { color: var(--dg-primary-500); }
.dg-collaborazione .dg-intestazione--chiara .dg-titolo { color: rgba(var(--dg-white-rgb), .7); }
.dg-collaborazione .dg-btn { margin-top: var(--dg-space-4); }
@media (min-width: 768px) {
	.dg-collaborazione__riquadro { padding: var(--dg-space-5) calc(var(--dg-space-4) + var(--dg-space-3)); }
}

/* ==========================================================================
   Pagine interne (hotel, ristorante, spa, chalet): introduzione e blocchi
   ========================================================================== */
.dg-pagina { background: url("/wp-content/themes/digival/assets/img/motivo-sfondo-black-15.png") no-repeat -1.875rem -12.5rem / 64rem; }

/* Titoletti di terzo livello delle pagine interne: 28px sul sito precedente. */
.dg-blocco__titolo,
.dg-riquadro__titolo { margin: 0 0 calc(var(--dg-space-3) + var(--dg-space-1)); font-size: calc(var(--dg-h4) * 1.077); }

/* --- Introduzione: foto con il menu delle sezioni sotto, testo a fianco --- */
.dg-intro { display: grid; gap: var(--dg-space-5); }
.dg-intro__lato { display: flex; flex-direction: column; align-items: flex-end; }
.dg-intro__img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; }
.dg-intro--quadrato .dg-intro__img { aspect-ratio: 1; }
.dg-menu-mini { display: none; }
@media (min-width: 992px) {
	.dg-intro { grid-template-columns: minmax(0, 37.5rem) minmax(0, 1fr); gap: calc(var(--dg-space-4) + var(--dg-space-3)); align-items: start; }
	/* Menu delle sezioni principali sotto la foto, allineato a destra: la pagina corrente e' scura. */
	.dg-menu-mini { display: block; margin-top: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
	.dg-menu-mini__voci { list-style: none; margin: 0; padding: 0; text-align: right; }
	.dg-menu-mini__voci a {
		display: block;
		font-family: var(--dg-font-heading); font-size: var(--dg-h3); font-weight: var(--dg-fw-medium); line-height: 1; letter-spacing: normal; text-transform: uppercase;
		color: rgba(var(--dg-black-rgb), .1);
		text-decoration: none;
		transition: color var(--dg-duration-base) var(--dg-ease-standard);
	}
	.dg-menu-mini__voci a:hover,
	.dg-menu-mini__voci a:focus-visible,
	.dg-menu-mini__voci .current-menu-item > a { color: var(--dg-body-color); }
}

/* --- Blocchi sotto l'introduzione: filetto sopra, titolo, contenuto --- */
.dg-blocco { margin-top: calc(var(--dg-space-4) + var(--dg-space-2)); padding-top: calc(var(--dg-space-2) + var(--dg-space-1) * .5); border-top: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }
.dg-intro + .dg-blocco { margin-top: var(--dg-space-5); }

/* Galleria: miniature quadrate, cinque per riga su schermi larghi. */
.dg-galleria { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); list-style: none; margin: 0; padding: 0; }
@media (min-width: 576px) { .dg-galleria { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 992px) { .dg-galleria { grid-template-columns: repeat(5, 1fr); } }
.dg-galleria__voce { display: block; overflow: hidden; background: var(--dg-neutral-200); cursor: zoom-in; }
.dg-galleria__img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: opacity var(--dg-duration-base) var(--dg-ease-standard); }
.dg-galleria__voce:hover .dg-galleria__img { opacity: .85; }

/* Documenti da scaricare: un riquadro bordato per file, con icona e nome. */
.dg-documenti { display: grid; gap: calc(var(--dg-space-3) + var(--dg-space-1)); list-style: none; margin: 0; padding: 0; }
@media (min-width: 576px) { .dg-documenti { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); } }
.dg-documenti__voce {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--dg-space-2);
	height: 100%;
	padding: calc(var(--dg-space-3) - var(--dg-border-width));
	color: var(--dg-primary-500);
	text-decoration: none;
	border: calc(var(--dg-border-width) * 2) solid var(--dg-neutral-200);
	border-radius: var(--dg-radius-lg);
	transition: border-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-documenti__voce:hover { color: var(--dg-primary-500); border-color: var(--dg-primary-500); }
.dg-documenti__icona { width: 4rem; height: 4rem; }
.dg-documenti__nome { position: relative; padding-top: var(--dg-space-2); font-size: calc(var(--dg-h6) * 1.059); line-height: 1.2; letter-spacing: .11em; text-transform: uppercase; }
/* Trattino corto fra l'icona e il nome. */
.dg-documenti__nome::before { content: ""; position: absolute; top: 0; left: 50%; width: 1.875rem; height: calc(var(--dg-border-width) * 2); background: currentColor; transform: translateX(-50%); }

/* Tariffe: tre colonne con fondi sempre piu' chiari, separati da uno spazio bianco. */
/* Colonne a larghezza fissa e parole spezzabili: su telefono una prestazione lunga non allarga la pagina. */
.dg-tariffe { width: 100%; margin: 0; table-layout: fixed; border-collapse: separate; border-spacing: calc(var(--dg-border-width) * 2); line-height: var(--dg-lh-lg); overflow-wrap: anywhere; }
.dg-tariffe th,
.dg-tariffe td { padding: calc(var(--dg-space-1) * .5) calc(var(--dg-space-2) + var(--dg-space-1) * .5); font-weight: var(--dg-fw-light); text-align: left; vertical-align: top; }
.dg-tariffe__prestazione { width: 64%; background: rgba(var(--dg-black-rgb), .075); }
.dg-tariffe__durata { width: 18.6%; background: rgba(var(--dg-black-rgb), .05); }
.dg-tariffe td.dg-tariffe__prezzo { font-weight: var(--dg-fw-medium); text-align: right; white-space: nowrap; background: rgba(var(--dg-black-rgb), .024); }
/* Su telefono: colonne ridistribuite e prezzo che puo' andare a capo (dopo le regole generali,
   altrimenti non vince). */
@media (max-width: 575.98px) {
	.dg-tariffe { line-height: var(--dg-lh-base); letter-spacing: normal; }
	.dg-tariffe__prestazione { width: 46%; }
	.dg-tariffe__durata { width: 27%; }
	.dg-tariffe td.dg-tariffe__prezzo { white-space: normal; }
}
/* Movimento ridotto: niente rimpicciolimento dei pulsanti del motore, pannello e barra senza scorrimento. */
@media (prefers-reduced-motion: reduce) {
	#dg-prenotazione-widget .hnWidgetMainContainer > #searchAvail:hover,
	#dg-prenotazione-widget .peopleSelection .savePeopleSelection:hover { transform: none; }
	.dg-pannello, .dg-header__mobile { transition: none; }
}

/* --- Pagina Hotel: storia e riquadro delle informazioni utili --- */
.dg-storia__testo { text-align: center; }
.dg-riquadro { margin-top: var(--dg-space-5); padding: var(--dg-space-4) calc(var(--dg-space-4) + var(--dg-space-2)); border: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-riquadro__occhiello { margin-bottom: var(--dg-space-4); padding-bottom: var(--dg-space-2); border-bottom: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-riquadro .dg-content ul,
.dg-riquadro .dg-content ol { margin: 0; padding-left: calc(var(--dg-space-5) - var(--dg-space-2)); }

/* ==========================================================================
   Foto ingrandita (gallerie): riquadro a tutto schermo creato da progetto.js
   ========================================================================== */
.dg-ingrandita {
	position: fixed; inset: 0;
	z-index: var(--dg-z-modal);
	display: flex; align-items: center; justify-content: center;
	width: 100%; max-width: none; height: 100%; max-height: none;
	margin: 0; padding: var(--dg-space-5) var(--dg-space-3);
	color: var(--dg-white);
	background: rgba(var(--dg-black-rgb), .9);
	border: 0;
}
.dg-ingrandita:not([open]) { display: none; }
.dg-ingrandita::backdrop { background: transparent; }
.dg-ingrandita__img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.dg-ingrandita__pulsante {
	position: absolute;
	display: flex; align-items: center; justify-content: center;
	width: 2.75rem; height: 2.75rem;
	padding: 0;
	color: var(--dg-white);
	background: rgba(var(--dg-black-rgb), .4);
	border: 0;
	cursor: pointer;
	transition: background-color var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-ingrandita__pulsante:hover { background: var(--dg-primary-500); }
.dg-ingrandita__pulsante .dg-icona { width: 1.75rem; height: 1.75rem; }
.dg-ingrandita__chiudi { top: var(--dg-space-3); right: var(--dg-space-3); }
.dg-ingrandita__precedente { left: var(--dg-space-3); top: 50%; transform: translateY(-50%); }
.dg-ingrandita__successiva { right: var(--dg-space-3); top: 50%; transform: translateY(-50%); }
.dg-ingrandita__conta { position: absolute; left: 50%; bottom: var(--dg-space-3); margin: 0; font-size: var(--dg-p-fs-12); letter-spacing: .2em; transform: translateX(-50%); }

/* ==========================================================================
   Testata delle pagine senza hero: fascia bassa con foto scurita e titolo della sezione
   ========================================================================== */
.dg-testata { position: relative; display: flex; align-items: flex-end; min-height: 10rem; padding-block: var(--dg-space-5) calc(var(--dg-space-3) + var(--dg-space-1)); color: var(--dg-white); background: var(--dg-neutral-900); overflow: hidden; }
.dg-testata__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-testata::after { content: ""; position: absolute; inset: 0; background: rgba(var(--dg-black-rgb), .6); }
.dg-testata .dg-wrap { position: relative; z-index: 1; }
.dg-testata__titolo { margin: 0; font-family: var(--dg-font-heading); font-size: var(--dg-h1); font-weight: var(--dg-fw-medium); line-height: 1.2; letter-spacing: normal; text-transform: uppercase; color: var(--dg-white); }
.dg-testata__titolo a { color: inherit; text-decoration: none; }
.dg-testata__indice { font-size: 60%; }
@media (min-width: 1281px) {
	/* L'header trasparente passa sopra la foto: il titolo sta sotto, a 170px dall'alto. */
	.dg-testata { min-height: 15.5625rem; padding-top: 10.625rem; }
}

/* ==========================================================================
   Pagine interne a due colonne (scheda camera, attivita', articolo, servizi, richiesta)
   ========================================================================== */
.dg-interna { display: grid; gap: var(--dg-space-5); padding-block: calc(var(--dg-space-3) + var(--dg-space-1)) var(--dg-ss-md); }
@media (min-width: 992px) {
	.dg-interna { grid-template-columns: minmax(0, 1fr) 23.25rem; gap: 0; align-items: start; }
	.dg-interna__corpo { padding-right: calc(var(--dg-space-3) + var(--dg-space-1)); }
	.dg-colonna { padding: calc(var(--dg-space-3) + var(--dg-space-1)) 0 0 calc(var(--dg-space-3) + var(--dg-space-1)); }
	.dg-interna__larga { grid-column: 1 / -1; }
}
.dg-interna__testa .dg-titolo { margin-bottom: calc(var(--dg-space-1) * 1.25); }
.dg-sottotitolo { margin: 0 0 var(--dg-space-4); font-weight: var(--dg-fw-medium); line-height: 1.3; letter-spacing: .214em; text-transform: uppercase; color: var(--dg-primary-500); }
.dg-interna__testa .dg-stelle { justify-content: flex-start; margin: calc(-1 * var(--dg-space-3)) 0 var(--dg-space-3); color: var(--dg-neutral-400); }
.dg-interna__foto { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin-bottom: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
.dg-interna__titoletto { margin-top: var(--dg-space-4); }
.dg-interna__dati { margin-bottom: calc(var(--dg-space-3) + var(--dg-space-1)); padding-block: calc(var(--dg-space-4) + var(--dg-space-2)); border-bottom: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }

/* Galleria della scheda camera: miniature piccole, senza titolo ne' filetto. */
.dg-galleria-fitta .dg-blocco { margin: 0; padding: 0; border: 0; }
@media (min-width: 992px) { .dg-galleria-fitta .dg-galleria { grid-template-columns: repeat(6, 1fr); } }

/* Dati di una camera: persone, metratura, numero di camere. */
.dg-dati { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; }
.dg-dati__voce { display: flex; align-items: center; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); font-size: var(--dg-font-size-base); line-height: 1.2; letter-spacing: normal; }
.dg-dati__voce + .dg-dati__voce { margin-left: calc(var(--dg-space-3) + var(--dg-space-1)); padding-left: calc(var(--dg-space-3) + var(--dg-space-1)); border-left: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-dati__icona { width: 2rem; height: 2rem; color: var(--dg-neutral-400); }

/* Elenco numerato (.01, .02…): servizi della camera, dotazioni. */
.dg-numerato { display: grid; gap: calc(var(--dg-space-4) + var(--dg-space-2)); list-style: none; margin: 0; padding: 0; counter-reset: dg-numero; font-weight: var(--dg-fw-light); line-height: var(--dg-lh-base); letter-spacing: normal; }
@media (min-width: 576px) { .dg-numerato { grid-template-columns: repeat(3, 1fr); } }
.dg-numerato li { counter-increment: dg-numero; }
.dg-numerato li::before { content: "." counter(dg-numero, decimal-leading-zero); display: block; margin-bottom: calc(var(--dg-space-1) * 1.25); font-family: var(--dg-font-heading); font-size: var(--dg-h4); font-weight: var(--dg-fw-light); line-height: 1.4; border-bottom: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-numerato--colonna { grid-template-columns: 1fr; gap: calc(var(--dg-space-3) + var(--dg-space-1)); font-size: var(--dg-p-fs-13); }
.dg-numerato--colonna li::before { margin-bottom: 0; border-bottom: 0; }

/* --- Colonna laterale --- */
.dg-colonna__prenotazione { padding: calc(var(--dg-space-3) + var(--dg-space-1)); color: var(--dg-white); background: var(--dg-neutral-900) url("/wp-content/themes/digival/assets/img/motivo-sfondo-black.png") no-repeat 150% 50% / 30rem; }
.dg-colonna__testo { margin: 0 0 calc(var(--dg-space-2) + var(--dg-space-1) * .5); font-size: var(--dg-p-fs-13); line-height: 1.4; letter-spacing: .038em; color: rgba(var(--dg-white-rgb), .8); }
/* Nella colonna il modulo resta chiuso finche' non si tocca il "+", a ogni larghezza, e i campi vanno a capo. */
.dg-prenotazione--colonna .dg-prenotazione__testa { align-items: flex-start; flex-direction: column; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
.dg-prenotazione--colonna .dg-prenotazione__apri { display: flex; }
.dg-prenotazione--colonna .dg-prenotazione__corpo { display: none; }
.dg-prenotazione--colonna .dg-prenotazione__corpo.is-aperto { display: block; }
.dg-prenotazione--colonna #dg-prenotazione-widget .hnWidgetMainContainer > span { width: 100% !important; }
.dg-prenotazione--colonna .dg-prenotazione__assicurazione { justify-content: flex-start; }
.dg-prenotazione--colonna .dg-prenotazione__ass-link { justify-content: flex-start; }
.dg-colonna__blocco { margin-top: calc(var(--dg-space-3) + var(--dg-space-1)); }
.dg-colonna__titolo { margin: 0 0 var(--dg-space-3); font-size: calc(var(--dg-h4) * 1.077); }
.dg-colonna__elenco { list-style: none; margin: 0; padding: 0 0 0 var(--dg-space-3); line-height: 1.2; letter-spacing: normal; }
.dg-colonna__elenco li + li { margin-top: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
.dg-colonna__elenco a { color: var(--dg-primary-500); text-decoration: none; }
.dg-colonna__elenco a:hover { color: var(--dg-primary-600); }
.dg-colonna__data { display: block; margin-top: calc(var(--dg-space-1) * .5); font-size: var(--dg-p-fs-11); }
.dg-altre { list-style: none; margin: 0; padding: 0; }
.dg-altre__voce { position: relative; display: flex; align-items: center; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); }
.dg-altre__voce + .dg-altre__voce { margin-top: calc(var(--dg-space-3) + var(--dg-space-1)); }
.dg-altre__img { flex: none; width: 6.25rem; height: 6.25rem; object-fit: cover; }
.dg-altre__nome { margin: 0 0 var(--dg-space-1); font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-normal); }
.dg-altre__nome a { color: inherit; text-decoration: none; }
.dg-altre__nome a::after { content: ""; position: absolute; inset: 0; }
.dg-altre__nome a:hover { color: var(--dg-primary-600); }

/* --- Pagina Camere: elenco con le dotazioni a fianco --- */
.dg-elenco-camere { margin-top: calc(var(--dg-space-4) + var(--dg-space-2)); border-top: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }
.dg-elenco-camere__griglia { display: grid; gap: var(--dg-space-5) calc(var(--dg-space-4) + var(--dg-space-3)); list-style: none; margin: 0; padding: calc(var(--dg-space-3) + var(--dg-space-1)) 0 0; }
.dg-elenco-camere__lato { padding-top: calc(var(--dg-space-3) + var(--dg-space-1)); }
@media (min-width: 576px) { .dg-elenco-camere__griglia { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) {
	.dg-elenco-camere { display: grid; grid-template-columns: minmax(0, 1fr) 23.25rem; }
	.dg-elenco-camere__griglia { padding-right: calc(var(--dg-space-3) + var(--dg-space-1)); }
	.dg-elenco-camere__lato { padding-left: calc(var(--dg-space-3) + var(--dg-space-1)); border-left: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }
}
.dg-camera-card { position: relative; height: 100%; box-shadow: var(--dg-p-ombra-card-riposo); transition: box-shadow var(--dg-duration-base) var(--dg-ease-standard); }
.dg-camera-card:hover { box-shadow: var(--dg-p-ombra-card); }
.dg-camera-card__foto { overflow: hidden; background: var(--dg-neutral-200); }
.dg-camera-card__img { display: block; width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: cover; transition: transform var(--dg-duration-slow) var(--dg-ease-out); }
.dg-camera-card:hover .dg-camera-card__img { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) {
	.dg-news:hover .dg-news__img, .dg-camera-card:hover .dg-camera-card__img { transform: none; }
}
.dg-camera-card__corpo { padding: var(--dg-space-3) calc(var(--dg-space-4) + var(--dg-space-2)) var(--dg-space-5); }
.dg-camera-card__nome { margin: 0 0 var(--dg-space-3); font-size: var(--dg-h5); font-weight: var(--dg-fw-normal); }
.dg-camera-card__nome a { color: inherit; text-decoration: none; }
.dg-camera-card__nome a::after { content: ""; position: absolute; inset: 0; }
.dg-camera-card__nome a:hover { color: var(--dg-primary-600); }
.dg-camera-card__testo { margin: 0 0 var(--dg-space-4); }

/* --- Pagina Servizi --- */
/* Ogni servizio: icona grande nel colore primario, titolo, testo. */
.dg-servizi { display: grid; gap: calc(var(--dg-space-5) + var(--dg-space-2)) calc(var(--dg-space-3) + var(--dg-space-1)); list-style: none; margin: var(--dg-space-5) 0 0; padding: 0; }
@media (min-width: 768px) { .dg-servizi { grid-template-columns: repeat(2, 1fr); } }
.dg-servizi__icona { display: block; width: 4.375rem; height: 4.375rem; margin-bottom: calc(var(--dg-space-2) + var(--dg-space-1) * .5); color: var(--dg-primary-500); stroke-width: 1; }
.dg-servizi__titolo { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-lg); }

/* --- Attivita': elenco di proposte --- */
.dg-proposte { margin-top: calc(var(--dg-space-3) + var(--dg-space-1)); }
.dg-proposte__griglia { display: grid; gap: calc(var(--dg-space-3) + var(--dg-space-1)); list-style: none; margin: calc(var(--dg-space-3) - var(--dg-border-width) * 2) 0 0; padding: 0; }
@media (min-width: 576px) { .dg-proposte__griglia { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .dg-proposte__griglia { grid-template-columns: repeat(4, 1fr); } }
.dg-proposte__voce { display: flex; flex-direction: column; gap: calc(var(--dg-space-2) + var(--dg-space-1) * .5); padding: calc(var(--dg-space-2) + var(--dg-space-1) * .5); border: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .15); }
.dg-proposte__titolo { margin: 0; font-size: calc(var(--dg-h5) * .957); }
.dg-proposte__testo { margin: 0; line-height: 1.2; }
.dg-proposte__link { display: inline-flex; align-items: center; gap: var(--dg-space-2); margin-top: auto; font-size: var(--dg-p-fs-12); letter-spacing: normal; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.dg-proposte__link:hover { color: var(--dg-primary-500); }
.dg-proposte__link .dg-icona { width: 1.25rem; height: 1.25rem; color: var(--dg-primary-500); }
/* Galleria a tutta larghezza delle attivita': quattro foto per riga. */
@media (min-width: 992px) { .dg-galleria-larga .dg-galleria { grid-template-columns: repeat(4, 1fr); } }

/* --- Articolo: data e categoria --- */
.dg-articolo-meta { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: var(--dg-space-4); padding-bottom: calc(var(--dg-space-1) * 1.25); letter-spacing: normal; border-bottom: var(--dg-border-width) solid rgba(var(--dg-black-rgb), .2); }
.dg-articolo-meta__data { display: inline-flex; align-items: center; gap: var(--dg-space-2); }
.dg-articolo-meta__data .dg-icona { width: 1.25rem; height: 1.25rem; color: var(--dg-neutral-400); }
.dg-articolo-meta__categoria { font-size: var(--dg-font-size-base); font-weight: var(--dg-fw-medium); line-height: 1.3; text-transform: uppercase; color: var(--dg-primary-500); text-decoration: none; }

/* ==========================================================================
   Pagina Contatti
   ========================================================================== */
.dg-recapiti-grandi { background: url("/wp-content/themes/digival/assets/img/motivo-sfondo-black-15.png") no-repeat -12.5rem -12.5rem / 64rem; }
.dg-recapiti-grandi__griglia { display: grid; gap: var(--dg-space-5) var(--dg-space-4); list-style: none; margin: 0; padding: 0; }
@media (min-width: 576px) { .dg-recapiti-grandi__griglia { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .dg-recapiti-grandi__griglia { grid-template-columns: repeat(4, 1fr); } }
.dg-recapiti-grandi__griglia li { display: flex; flex-direction: column; align-items: center; gap: var(--dg-space-3); font-size: calc(var(--dg-fs-sm) * 1.07); line-height: 1.2; letter-spacing: normal; text-align: center; color: var(--dg-primary-500); }
.dg-recapiti-grandi__griglia .dg-icona { width: 3rem; height: 3rem; }
.dg-recapiti-grandi__griglia a { color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.dg-recapiti-grandi__griglia a:hover { color: var(--dg-primary-600); }
.dg-recapiti-grandi__griglia address { font-style: normal; }

.dg-posizione { position: relative; padding-block: var(--dg-ss-md); font-weight: var(--dg-fw-medium); color: var(--dg-white); background: var(--dg-primary-500); overflow: hidden; }
.dg-posizione__sfondo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-posizione::after { content: ""; position: absolute; inset: 0; background: rgba(var(--dg-primary-500-rgb), .3); }
.dg-posizione__interno { position: relative; z-index: 1; }
.dg-posizione .dg-intestazione--chiara .dg-occhiello { color: rgba(var(--dg-white-rgb), .8); }
.dg-posizione__titolo { margin-top: var(--dg-space-4); color: var(--dg-white); }

.dg-raggiungere { color: var(--dg-white); background: var(--dg-primary-500) url("/wp-content/themes/digival/assets/img/motivo-sfondo-white-20.png") no-repeat 100% 0 / 40rem; }
.dg-raggiungere__titolo { margin-bottom: var(--dg-space-6); color: var(--dg-white); }
.dg-raggiungere__griglia { display: grid; gap: var(--dg-space-6) calc(var(--dg-space-4) + var(--dg-space-3)); list-style: none; margin: 0; padding: 0; }
@media (min-width: 768px) { .dg-raggiungere__griglia { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .dg-raggiungere__griglia { grid-template-columns: repeat(3, 1fr); } }
.dg-raggiungere__griglia li { display: flex; flex-direction: column; }
.dg-raggiungere__icona { display: block; width: 3.4375rem; height: 3.4375rem; margin-bottom: calc(var(--dg-space-2) + var(--dg-space-1) * .5); color: rgba(var(--dg-white-rgb), .8); stroke-width: 1; }
.dg-raggiungere__mezzo { margin: 0 0 calc(var(--dg-space-2) + var(--dg-space-1) * .5); font-size: var(--dg-h4); color: var(--dg-white); }
.dg-raggiungere__testo { flex: 1; margin: 0; padding-bottom: var(--dg-space-3); color: rgba(var(--dg-white-rgb), .8); border-bottom: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .8); }
/* La mappa e' quasi in bianco e nero, come sul sito precedente. */
.dg-facciata.dg-mappa { height: 37.5rem; border-radius: var(--dg-radius-none); filter: saturate(.11); }

/* ==========================================================================
   Pagine generiche su fondo scuro (condizioni, policy)
   ========================================================================== */
.dg-scura { padding-block: var(--dg-space-7) var(--dg-ss-md); color: rgba(var(--dg-white-rgb), .8); background: var(--dg-p-fondo-scuro); }
@media (min-width: 1281px) { .dg-scura { padding-top: 9.375rem; } }
.dg-scura__titolo { margin: 0 0 calc(var(--dg-space-3) + var(--dg-space-1)); font-size: calc(var(--dg-display-1) * .93); font-weight: var(--dg-fw-normal); line-height: 1.2; color: rgba(var(--dg-white-rgb), .3); }
@media (min-width: 768px) { .dg-scura__titolo { font-size: calc(var(--dg-display-1) * 1.1); } }
@media (min-width: 992px) { .dg-scura__titolo { font-size: calc(var(--dg-display-1) * 1.148); } }
.dg-scura .dg-content :is(h2, h3, h4) { margin: var(--dg-space-3) 0 0; font-size: calc(var(--dg-h4) * 1.077); font-weight: var(--dg-fw-semibold); line-height: 2; letter-spacing: .054em; color: rgba(var(--dg-white-rgb), .8); }
.dg-scura .dg-content a { color: var(--dg-primary-500); }
.dg-scura .dg-content strong { font-weight: var(--dg-fw-semibold); }

/* ==========================================================================
   Pagina non trovata
   ========================================================================== */
.dg-errore { position: relative; display: flex; align-items: center; min-height: 100vh; padding-block: var(--dg-space-8) var(--dg-ss-md); text-align: center; color: var(--dg-white); background: var(--dg-neutral-900); overflow: hidden; }
.dg-errore__sfondo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-errore::after { content: ""; position: absolute; inset: 0; background: rgba(var(--dg-black-rgb), .5); }
.dg-errore__interno { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.dg-errore__logo { width: min(22rem, 70vw); margin-bottom: var(--dg-space-5); }
.dg-errore__titolo { margin: 0; font-size: var(--dg-h1); font-weight: var(--dg-fw-semibold); line-height: 2; color: var(--dg-white); }
.dg-errore__testo { margin: 0 0 calc(var(--dg-space-3) + var(--dg-space-1)); color: rgba(var(--dg-white-rgb), .8); }

/* ==========================================================================
   Moduli (Contact Form 7): lo stile di base del tema, regolato sulle misure del sito precedente
   ========================================================================== */
/* .dg-site davanti: lo stile di base dei form si carica dopo questo file e ridefinirebbe le variabili. */
.dg-site .wpcf7 {
	--dg-cf7-gap: var(--dg-space-3);
	--dg-cf7-label-gap: calc(var(--dg-space-1) * 1.25);
	--dg-cf7-field-height: 2.625rem;
	--dg-cf7-field-padding-y: calc(var(--dg-space-2) + var(--dg-space-1) * .5);
	--dg-cf7-field-padding-x: calc(var(--dg-space-2) + var(--dg-space-1) * .5);
	--dg-cf7-field-border: rgba(var(--dg-black-rgb), .15);
	--dg-cf7-field-radius: var(--dg-radius-none);
	--dg-cf7-accent: var(--dg-primary-500);
	--dg-cf7-accent-hover: var(--dg-neutral-800);
	--dg-cf7-accent-contrast: var(--dg-white);
	--dg-cf7-button-radius: var(--dg-radius-none);
	margin-top: var(--dg-space-4);
}
.dg-site .wpcf7-form label { font-weight: var(--dg-p-fw-testo); line-height: 1.2; }
/* 16px nei campi: sotto questa misura iOS ingrandisce la pagina al tocco. */
.wpcf7-form :is(input, select, textarea) { font-size: var(--dg-font-size-base); letter-spacing: normal; }
.dg-site .wpcf7-form textarea { height: 18.75rem; }
.wpcf7-form h3 { margin: var(--dg-space-2) 0 0; font-size: calc(var(--dg-h4) * 1.077); font-weight: var(--dg-fw-semibold); }
.wpcf7-form .dg-cf7-nota { font-size: var(--dg-p-fs-11); }
.dg-site .wpcf7-form :is(.wpcf7-submit, input[type="submit"]) {
	align-self: flex-start;
	width: auto; min-height: 0;
	padding: calc(var(--dg-space-3) - var(--dg-border-width)) calc(var(--dg-space-4) + var(--dg-space-2) + var(--dg-space-1) * .75);
	line-height: 1;
	font-size: var(--dg-p-fs-12); font-weight: var(--dg-fw-semibold); letter-spacing: .333em; text-transform: uppercase;
	transition: transform var(--dg-duration-base) var(--dg-ease-standard), box-shadow var(--dg-duration-base) var(--dg-ease-standard), background-color var(--dg-duration-base) var(--dg-ease-standard);
}
.wpcf7-form a { color: var(--dg-primary-500); font-weight: var(--dg-fw-semibold); }

/* ==========================================================================
   Footer
   ========================================================================== */
.dg-footer {
	font-size: var(--dg-p-fs-13); font-weight: var(--dg-fw-light); line-height: var(--dg-lh-base); letter-spacing: .038em;
	color: rgba(var(--dg-white-rgb), .8);
	background: var(--dg-neutral-800) url("/wp-content/themes/digival/assets/img/motivo-sfondo-white-20.png") no-repeat 120% 50% / 40rem;
}
.dg-footer a { color: inherit; text-decoration: none; }
.dg-footer a:hover { color: var(--dg-white); }
.dg-footer__grid { display: grid; gap: var(--dg-space-5); padding: var(--dg-space-5) var(--dg-space-4); }
@media (min-width: 576px) { .dg-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .dg-footer__grid { grid-template-columns: repeat(4, 1fr); gap: calc(var(--dg-space-4) + var(--dg-space-3)); padding: calc(var(--dg-space-5) + var(--dg-space-1) * .5); } }
.dg-footer__title {
	margin: 0 0 var(--dg-space-3);
	padding-bottom: var(--dg-space-1);
	font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-semibold); line-height: var(--dg-lh-base); letter-spacing: .1em; text-transform: uppercase;
	color: var(--dg-white);
	border-bottom: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .2);
}
.dg-footer__col > * + .dg-footer__title { margin-top: var(--dg-space-4); }
.dg-footer__societa { margin: 0; font-size: var(--dg-font-size-base); font-weight: var(--dg-fw-medium); }
.dg-footer__address { margin-bottom: var(--dg-space-2); font-style: normal; }
.dg-footer__piva { margin-bottom: var(--dg-space-3); font-size: var(--dg-fs-sm); }
.dg-footer__list { list-style: none; margin: 0; padding: 0; font-size: var(--dg-fs-sm); }
.dg-footer .dg-recapiti { font-size: var(--dg-fs-sm); }
.dg-footer .dg-recapiti li + li { margin-top: var(--dg-space-2); }
.dg-footer__social { color: var(--dg-primary-500); }
.dg-footer__social .dg-icona { width: 1.875rem; height: 1.875rem; }
.dg-footer__testo { margin-bottom: var(--dg-space-3); }
/* Riconoscimenti resi quasi monocromi, come sul sito precedente: colori invertiti al 75%
   e saturazione al 20%. */
.dg-footer__premi { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: calc(var(--dg-space-3) + var(--dg-space-1)); list-style: none; margin: calc(var(--dg-space-3) + var(--dg-space-1)) 0 0; padding: 0; filter: saturate(.2); }
.dg-footer__premi a { display: block; transition: transform var(--dg-duration-base) var(--dg-ease-standard); }
.dg-footer__premi img { display: block; width: 7.5rem; height: auto; filter: invert(.75); }
@media (prefers-reduced-motion: no-preference) {
	.dg-footer__premi a:hover { transform: scale(.95); }
}
.dg-footer__bottom {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--dg-space-2) var(--dg-space-4);
	padding: var(--dg-space-3) var(--dg-space-4);
	font-size: var(--dg-p-fs-12);
	background: rgba(var(--dg-black-rgb), .15);
}
@media (min-width: 992px) { .dg-footer__bottom { padding-inline: calc(var(--dg-space-5) + var(--dg-space-1) * .5); } }
.dg-footer__bottom ul { display: flex; flex-wrap: wrap; gap: var(--dg-space-2) var(--dg-space-4); list-style: none; margin: 0; padding: 0; }
/* Il pulsante circolare di Consently che riapre le preferenze non serve: lo fa il link
   "Gestione Cookies" qui accanto, che a differenza dell'icona si raggiunge da tastiera.
   !important perche' lo stile di Consently ha lo stesso peso e arriva dopo. */
#cc-main .cm__float-btn { display: none !important; }
.dg-footer__preferenze { padding: 0; font: inherit; letter-spacing: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.dg-footer__preferenze:hover { color: var(--dg-white); }
.dg-footer__credito { display: flex; gap: var(--dg-space-1); margin: 0; }
.dg-footer__credito a { font-size: var(--dg-p-fs-13); font-weight: var(--dg-fw-semibold); color: var(--dg-primary-500); }
/* ============================================================
   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-900);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-900);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-50);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.hotelsvizzero.com/wp-content/themes/digival/generati/dg-colori.css */
.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
  word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
  display: none;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-not-valid-tip {
  color: #dc3232; /* Red */
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: relative;
  top: -2ex;
  left: 1em;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: 0.2em 0.8em;
  width: 24em;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d; /* Dark Gray 800 */
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

form.submitting .wpcf7-spinner {
  visibility: visible;
}

.wpcf7-spinner::before {
  content: "";
  position: absolute;
  background-color: #fbfbfc; /* Light Gray 100 */
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .wpcf7-spinner::before {
    animation-name: blink;
    animation-duration: 2000ms;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes blink {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.wpcf7 [inert] {
  opacity: 0.5;
}

.wpcf7 input[type="file"] {
  cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
  cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr;
}

.wpcf7-reflection > output {
  display: list-item;
  list-style: none;
}

.wpcf7-reflection > output[hidden] {
  display: none;
}
/*
 * DIGIVAL · stile di base per i form di Contact Form 7.
 * Costruito sulle variabili --dg-* (Digival Tools -> Framework): colori, raggi e spaziature seguono il progetto.
 * Per cambiare l'aspetto su un sito si cambiano le variabili --dg-cf7-* qui sotto (o le --dg-* del progetto), non le regole.
 *
 * Markup consigliato nel form di CF7 (etichetta sopra il campo):
 *   <label> Nome e cognome *
 *       [text* nome autocomplete:name] </label>
 * Classi di supporto da usare nel form:
 *   <div class="dg-cf7-riga"> ... due o piu' campi affiancati ... </div>
 *   <p class="dg-cf7-nota">* Campi obbligatori</p>
 */

.wpcf7 {
	--dg-cf7-gap: var(--dg-space-4, 1.5rem);
	--dg-cf7-label-gap: var(--dg-space-2, 0.5rem);
	--dg-cf7-field-height: 3.5rem;
	--dg-cf7-field-padding-y: 0.75rem;
	--dg-cf7-field-padding-x: 1rem;
	--dg-cf7-field-bg: var(--dg-body-bg, #fff);
	--dg-cf7-field-color: var(--dg-body-color, #212529);
	--dg-cf7-field-border: var(--dg-border-color, #dee2e6);
	--dg-cf7-field-radius: var(--dg-radius-lg, 0.5rem);
	--dg-cf7-placeholder: var(--dg-body-secondary-color, rgba(33, 37, 41, 0.75));
	--dg-cf7-accent: var(--dg-primary-500, #0d6efd);
	--dg-cf7-accent-hover: var(--dg-primary-hover, #0b5ed7);
	--dg-cf7-accent-contrast: var(--dg-primary-contrast, #fff);
	--dg-cf7-focus-ring: var(--dg-focus-ring-color, rgba(13, 110, 253, 0.25));
	--dg-cf7-button-radius: var(--dg-radius-pill, 50rem);
	--dg-cf7-danger: var(--dg-danger-500, #dc3545);
	--dg-cf7-success: var(--dg-success, #198754);
	--dg-cf7-warning: var(--dg-warning, #ffc107);
	width: 100%;
}

/* ---------- Struttura ---------- */

.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--dg-cf7-gap);
	margin: 0;
}

.wpcf7-form > p,
.wpcf7-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

/* Campi affiancati: diventano una colonna sotto i 576px */
.wpcf7-form .dg-cf7-riga {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
	gap: var(--dg-cf7-gap);
}

.wpcf7-form .dg-cf7-riga > p {
	margin: 0;
}

/* ---------- Etichette ---------- */

.wpcf7-form label {
	display: flex;
	flex-direction: column;
	gap: var(--dg-cf7-label-gap);
	width: 100%;
	margin: 0;
	color: var(--dg-cf7-field-color);
	font-weight: var(--dg-fw-medium, 500);
	line-height: 1.4;
}

/* CF7 aggiunge un <br> dopo il testo dell'etichetta: il gap lo sostituisce */
.wpcf7-form label > br {
	display: none;
}

.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	font-weight: var(--dg-fw-normal, 400);
}

/* ---------- Campi di testo, select, textarea ---------- */

.wpcf7-form input:is([type="text"], [type="email"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="password"], [type="search"]),
.wpcf7-form select,
.wpcf7-form textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	min-height: var(--dg-cf7-field-height);
	margin: 0;
	padding: var(--dg-cf7-field-padding-y) var(--dg-cf7-field-padding-x);
	font: inherit;
	font-weight: var(--dg-fw-normal, 400);
	line-height: 1.5;
	color: var(--dg-cf7-field-color);
	background-color: var(--dg-cf7-field-bg);
	border: var(--dg-border-width, 1px) solid var(--dg-cf7-field-border);
	border-radius: var(--dg-cf7-field-radius);
	box-shadow: none;
	appearance: none;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* CF7 mette rows="10": l'altezza la decide il CSS, l'utente puo' allungarla */
.wpcf7-form textarea {
	height: 9rem;
	min-height: 6rem;
	resize: vertical;
}

.wpcf7-form ::placeholder {
	color: var(--dg-cf7-placeholder);
	opacity: 1;
}

/* Freccia del select */
.wpcf7-form select {
	padding-right: calc(var(--dg-cf7-field-padding-x) * 2.75);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right var(--dg-cf7-field-padding-x) center;
	background-size: 0.875rem 0.625rem;
	cursor: pointer;
}

/* Prima voce vuota del select (include_blank o first_as_label) mostrata come placeholder */
.wpcf7-form select:has(option[value=""]:checked) {
	color: var(--dg-cf7-placeholder);
}

.wpcf7-form select option {
	color: var(--dg-cf7-field-color);
}

.wpcf7-form :is(input:not([type="checkbox"], [type="radio"]), select, textarea):focus {
	outline: 0;
	border-color: var(--dg-cf7-accent);
	box-shadow: 0 0 0 var(--dg-focus-ring-width, 0.25rem) var(--dg-cf7-focus-ring);
}

/* ---------- Checkbox, radio, accettazione ---------- */

.wpcf7-form :is(.wpcf7-checkbox, .wpcf7-radio, .wpcf7-acceptance) {
	display: flex;
	flex-direction: column;
	gap: var(--dg-space-2, 0.5rem);
}

.wpcf7-form .wpcf7-list-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin: 0;
}

/* Gruppi di scelte con titolo: <fieldset><legend>Titolo</legend> [radio ...] </fieldset> */
.wpcf7-form fieldset:not(.hidden-fields-container) {
	display: flex;
	flex-direction: column;
	gap: var(--dg-cf7-label-gap);
}

.wpcf7-form fieldset > p {
	margin: 0;
}

.wpcf7-form legend {
	float: left;
	width: 100%;
	margin: 0 0 var(--dg-cf7-label-gap);
	padding: 0;
	color: var(--dg-cf7-field-color);
	font-size: inherit;
	font-weight: var(--dg-fw-medium, 500);
	line-height: 1.4;
}

.wpcf7-form legend + * {
	clear: left;
}

/* Scelte in riga: <fieldset class="dg-cf7-in-riga"> (vanno a capo se non c'e' spazio) */
.wpcf7-form .dg-cf7-in-riga :is(.wpcf7-checkbox, .wpcf7-radio) {
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: var(--dg-space-4, 1.5rem);
}

.wpcf7-form .wpcf7-list-item label {
	flex-direction: row;
	align-items: flex-start;
	gap: 0.75rem;
	font-weight: var(--dg-fw-normal, 400);
	cursor: pointer;
}

/* Radio e checkbox disegnati via CSS (i controlli nativi non si possono personalizzare).
   Non selezionati: checkbox piena grigio tenue, radio ad anello spesso dello stesso grigio.
   Selezionati: checkbox piena del colore primario con spunta in tinta chiara, radio con anello primario, spazio bianco e pallino. */
.wpcf7 {
	--dg-cf7-check-size: 22px;
	/* Grigio dei controlli non selezionati: tenue ma ancora leggibile su bianco */
	--dg-cf7-check-off: color-mix(in srgb, var(--dg-cf7-field-color) 30%, var(--dg-cf7-field-bg));
	--dg-cf7-check-off-hover: color-mix(in srgb, var(--dg-cf7-field-color) 42%, var(--dg-cf7-field-bg));
	--dg-cf7-check-focus: color-mix(in srgb, var(--dg-cf7-accent) 20%, transparent);
}

.wpcf7-form :is(input[type="checkbox"], input[type="radio"]) {
	box-sizing: border-box;
	flex: 0 0 auto;
	display: inline-grid;
	place-content: center;
	width: var(--dg-cf7-check-size);
	height: var(--dg-cf7-check-size);
	margin: 0;
	padding: 0;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.1s ease-in-out;
}

/* Allineamento con la prima riga del testo */
.wpcf7-form .wpcf7-list-item {
	align-items: flex-start;
}

.wpcf7-form .wpcf7-list-item-label {
	padding-top: calc((var(--dg-cf7-check-size) - 1.4em) / 2);
	line-height: 1.4;
	transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

/* ---- Checkbox ---- */

.wpcf7-form input[type="checkbox"] {
	background-color: var(--dg-cf7-check-off);
	border: 0;
	border-radius: 0.3125rem;
}

/* Spunta nella tinta chiara del primario (come il pallino del radio): si disegna da sinistra a destra */
.wpcf7-form input[type="checkbox"]::before {
	content: "";
	width: 0.875rem;
	height: 0.875rem;
	background-color: var(--dg-cf7-check-mark);
	-webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5 6.5 12 13 4.5'/%3e%3c/svg%3e") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5 6.5 12 13 4.5'/%3e%3c/svg%3e") center / contain no-repeat;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.22s ease-out 0.05s;
}

.wpcf7-form input[type="checkbox"]:checked {
	background-color: var(--dg-cf7-accent);
}

.wpcf7-form input[type="checkbox"]:checked::before {
	clip-path: inset(0 0 0 0);
}

/* ---- Radio ---- */

/* Stessa logica della checkbox: cerchio pieno grigio tenue; selezionato, cerchio pieno primario con un cerchio
   interno di una tinta piu' chiara. Tutto disegnato con gradienti di sfondo (niente bordo), cosi' resta centrato
   anche sugli schermi in scala (125%, 150%). Due strati: cerchio interno (sopra) e cerchio pieno (sotto). */
.wpcf7 {
	--dg-cf7-radio-dot: 8px;
	--dg-cf7-radio-fill: var(--dg-cf7-check-off);
	/* Tinta chiara del primario, usata per il pallino del radio e per la spunta della checkbox */
	--dg-cf7-check-mark: color-mix(in srgb, var(--dg-cf7-accent) 35%, var(--dg-cf7-field-bg));
	--dg-cf7-radio-dot-color: var(--dg-cf7-check-mark);
}

.wpcf7-form input[type="radio"] {
	border: 0;
	border-radius: 50%;
	background-color: transparent;
	background-image:
		radial-gradient(circle closest-side, var(--dg-cf7-radio-dot-color) 0 calc(100% - 0.5px), transparent 100%),
		radial-gradient(circle closest-side, var(--dg-cf7-radio-fill) 0 calc(100% - 0.5px), transparent 100%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0 0, 100% 100%;
	transition: box-shadow 0.2s ease-in-out, transform 0.1s ease-in-out, background-size 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wpcf7-form input[type="radio"]:checked {
	--dg-cf7-radio-fill: var(--dg-cf7-accent);
	background-size: var(--dg-cf7-radio-dot) var(--dg-cf7-radio-dot), 100% 100%;
}

/* ---- Interazione ---- */

/* Passaggio del mouse: il grigio si scurisce, il testo prende il colore primario */
.wpcf7-form .wpcf7-list-item:hover input[type="checkbox"]:not(:checked, :disabled),
.wpcf7-form input[type="checkbox"]:not(:checked, :disabled):hover {
	background-color: var(--dg-cf7-check-off-hover);
}

.wpcf7-form .wpcf7-list-item:hover input[type="radio"]:not(:checked, :disabled),
.wpcf7-form input[type="radio"]:not(:checked, :disabled):hover {
	--dg-cf7-radio-fill: var(--dg-cf7-check-off-hover);
}

.wpcf7-form .wpcf7-list-item:has(input:not(:disabled)):hover .wpcf7-list-item-label {
	color: var(--dg-cf7-accent);
}

/* Pressione: il controllo si schiaccia un attimo */
.wpcf7-form :is(input[type="checkbox"], input[type="radio"]):not(:disabled):active,
.wpcf7-form .wpcf7-list-item label:active :is(input[type="checkbox"], input[type="radio"]):not(:disabled) {
	transform: scale(0.9);
}

/* Focus: alone leggero con la stessa forma del controllo, sia da tastiera sia col clic */
.wpcf7-form :is(input[type="checkbox"], input[type="radio"]):focus {
	outline: 0;
	box-shadow: 0 0 0 0.1875rem var(--dg-cf7-check-focus);
}

/* ---- Disabilitati (anche selezionati): sbiaditi, senza effetti ---- */

.wpcf7-form :is(input[type="checkbox"], input[type="radio"]):disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.wpcf7-form .wpcf7-list-item:has(input:disabled) :is(label, .wpcf7-list-item-label) {
	cursor: not-allowed;
}

.wpcf7-form .wpcf7-list-item:has(input:disabled) .wpcf7-list-item-label {
	opacity: 0.55;
}

.wpcf7-form .wpcf7-list-item-label a {
	color: var(--dg-cf7-accent);
	font-weight: var(--dg-fw-semibold, 600);
	text-decoration: underline;
}

/* ---------- Pulsante ---------- */

.wpcf7-form .wpcf7-submit {
	box-sizing: border-box;
	display: block;
	width: 100%;
	min-height: var(--dg-cf7-field-height);
	margin: 0;
	padding: var(--dg-cf7-field-padding-y) var(--dg-space-4, 1.5rem);
	font: inherit;
	font-weight: var(--dg-fw-medium, 500);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--dg-cf7-accent-contrast);
	background-color: var(--dg-cf7-accent);
	border: 0;
	border-radius: var(--dg-cf7-button-radius);
	cursor: pointer;
	transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

.wpcf7-form .wpcf7-submit:hover {
	background-color: var(--dg-cf7-accent-hover);
}

.wpcf7-form .wpcf7-submit:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 var(--dg-focus-ring-width, 0.25rem) var(--dg-cf7-focus-ring);
}

/* Disattivato finche' l'accettazione non e' spuntata */
.wpcf7-form .wpcf7-submit:disabled {
	opacity: var(--dg-disabled-opacity, 0.65);
	cursor: not-allowed;
}

/* Il cerchio di caricamento di CF7 sta dentro il pulsante, a destra: non occupa spazio sotto */
.wpcf7-form p:has(> .wpcf7-submit) {
	position: relative;
}

.wpcf7-form .wpcf7-spinner {
	position: absolute;
	top: 50%;
	right: var(--dg-space-4, 1.5rem);
	margin: 0;
	transform: translateY(-50%);
}

/* ---------- Testi di supporto ---------- */

.wpcf7-form .dg-cf7-nota {
	margin: 0;
	font-size: var(--dg-fs-sm, 0.875rem);
	color: var(--dg-cf7-placeholder);
}

/* ---------- Errori e risposta ---------- */

/* Stessa specificita' delle regole dei campi, e viene dopo: il bordo rosso prevale */
.wpcf7-form input.wpcf7-not-valid:is([type="text"], [type="email"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="password"], [type="search"]),
.wpcf7-form select.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid {
	border-color: var(--dg-cf7-danger);
}

.wpcf7-form :is(input, select, textarea).wpcf7-not-valid:focus {
	box-shadow: 0 0 0 var(--dg-focus-ring-width, 0.25rem) color-mix(in srgb, var(--dg-cf7-danger) 25%, transparent);
}

.wpcf7-form .wpcf7-not-valid-tip {
	margin-top: 0.375rem;
	font-size: var(--dg-fs-sm, 0.875rem);
	font-weight: var(--dg-fw-normal, 400);
	color: var(--dg-cf7-danger);
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding: 0.875rem 1rem;
	font-size: var(--dg-fs-sm, 0.875rem);
	line-height: 1.5;
	border: var(--dg-border-width, 1px) solid var(--dg-cf7-warning);
	border-radius: var(--dg-cf7-field-radius);
	background-color: var(--dg-warning-bg-subtle, #fff3cd);
	color: var(--dg-warning-text-emphasis, #664d03);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--dg-cf7-success);
	background-color: var(--dg-success-bg-subtle, #d1e7dd);
	color: var(--dg-success-text-emphasis, #0a3622);
}

.wpcf7 form:is(.failed, .aborted, .spam) .wpcf7-response-output {
	border-color: var(--dg-cf7-danger);
	background-color: var(--dg-danger-bg-subtle, #f8d7da);
	color: var(--dg-danger-text-emphasis, #58151c);
}

/* ---------- Chi chiede meno animazioni ---------- */

@media (prefers-reduced-motion: reduce) {
	.wpcf7-form *,
	.wpcf7-form *::before {
		transition: none !important;
	}
}