img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */

@font-face{font-family:"Poppins";src:url("/wp-content/themes/digival/generati/fonts/poppins-100-normal.woff2") format("woff2");font-weight:100;font-style:normal;font-display:swap;}@font-face{font-family:"Poppins";src:url("/wp-content/themes/digival/generati/fonts/poppins-200-normal.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap;}@font-face{font-family:"Poppins";src:url("/wp-content/themes/digival/generati/fonts/poppins-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"Poppins";src:url("/wp-content/themes/digival/generati/fonts/poppins-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Poppins";src:url("/wp-content/themes/digival/generati/fonts/poppins-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"Poppins";src:url("/wp-content/themes/digival/generati/fonts/poppins-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}:root{--dg-ss-none:0px;--dg-ss-xxs:clamp(10px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);--dg-ss-xs:clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);--dg-ss-sm:clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);--dg-ss-md:clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);--dg-ss-lg:clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);--dg-ss-xl:clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);--dg-ss-xxl:clamp(128px, calc(8rem + ((1vw - 3.6px) * 11.852)), 256px);--dg-h1:clamp(2.0114rem, 2.1065vw + 1.5374rem, 3.4332rem);--dg-h2:clamp(1.749rem, 1.4779vw + 1.4165rem, 2.7466rem);--dg-h3:clamp(1.5209rem, 1.0021vw + 1.2954rem, 2.1973rem);--dg-h4:clamp(1.3225rem, 0.6449vw + 1.1774rem, 1.7578rem);--dg-h5:clamp(1.15rem, 0.3796vw + 1.0646rem, 1.4063rem);--dg-h6:clamp(1rem, 0.1852vw + 0.9583rem, 1.125rem);--dg-radius-sm:0.25rem;--dg-radius-md:0.375rem;--dg-radius-lg:0.5rem;--dg-radius-xl:1rem;--dg-radius-2xl:2rem;--dg-space-0:0px;--dg-space-1:0.25rem;--dg-space-2:0.5rem;--dg-space-3:1rem;--dg-space-4:1.5rem;--dg-space-5:3rem;--dg-space-6:4rem;--dg-space-7:6rem;--dg-space-8:8rem;--dg-font-size-base:clamp(1rem, 0.1852vw + 0.9583rem, 1.125rem);--dg-fs-sm:clamp(0.875rem, 0.162vw + 0.8385rem, 0.9844rem);--dg-fs-lg:clamp(1.15rem, 0.3796vw + 1.0646rem, 1.4063rem);--dg-display-1:clamp(2.8159rem, 3.9663vw + 1.9235rem, 5.4932rem);--dg-display-2:clamp(2.655rem, 3.5943vw + 1.8463rem, 5.0812rem);--dg-display-3:clamp(2.4941rem, 3.2224vw + 1.769rem, 4.6692rem);--dg-display-4:clamp(2.3332rem, 2.8504vw + 1.6918rem, 4.2572rem);--dg-display-5:clamp(2.1723rem, 2.4784vw + 1.6146rem, 3.8452rem);--dg-display-6:clamp(2.0114rem, 2.1065vw + 1.5374rem, 3.4332rem);--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:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dg-font-heading:var(--dg-font-body);--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:#e1ffe4;--dg-primary-50-rgb:225, 255, 228;--dg-primary-100:#d2f4d6;--dg-primary-100-rgb:210, 244, 214;--dg-primary-200:#bce3c1;--dg-primary-200-rgb:188, 227, 193;--dg-primary-300:#9ccaa3;--dg-primary-300-rgb:156, 202, 163;--dg-primary-400:#71aa7a;--dg-primary-400-rgb:113, 170, 122;--dg-primary-500:#4e905b;--dg-primary-500-rgb:78, 144, 91;--dg-primary-600:#3c6d45;--dg-primary-600-rgb:60, 109, 69;--dg-primary-700:#305838;--dg-primary-700-rgb:48, 88, 56;--dg-primary-800:#27472d;--dg-primary-800-rgb:39, 71, 45;--dg-primary-900:#1f3723;--dg-primary-900-rgb:31, 55, 35;--dg-neutral-50:#f7f5f1;--dg-neutral-50-rgb:247, 245, 241;--dg-neutral-100:#e9e8e3;--dg-neutral-100-rgb:233, 232, 227;--dg-neutral-200:#d6d4cf;--dg-neutral-200-rgb:214, 212, 207;--dg-neutral-300:#b9b7b1;--dg-neutral-300-rgb:185, 183, 177;--dg-neutral-400:#94918a;--dg-neutral-400-rgb:148, 145, 138;--dg-neutral-500:#77746c;--dg-neutral-500-rgb:119, 116, 108;--dg-neutral-600:#5c5a54;--dg-neutral-600-rgb:92, 90, 84;--dg-neutral-700:#4c4a45;--dg-neutral-700-rgb:76, 74, 69;--dg-neutral-800:#3e3d39;--dg-neutral-800-rgb:62, 61, 57;--dg-neutral-900:#32302d;--dg-neutral-900-rgb:50, 48, 45;--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.centroarredamentimaso.com/wp-content/themes/digival/generati/dg-variables.css */
#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}/*
 * Consenso DIGIVAL - aspetto del banner, delle facciate e della tabella dei cookie.
 *
 * Il banner e' CookieConsent v3: qui si collegano le sue variabili ai token del
 * design system, cosi' prende colori, font e raggi del sito senza toccare la
 * libreria. Facciate e tabella usano solo token --dg-*.
 */

#cc-main {
	--cc-font-family: var(--dg-font-body);
	--cc-bg: var(--dg-body-bg);
	--cc-primary-color: var(--dg-body-color);
	--cc-secondary-color: var(--dg-body-secondary-color);
	--cc-link-color: var(--dg-link-color);
	--cc-modal-border-radius: var(--dg-radius-md);
	--cc-btn-border-radius: var(--dg-radius-md);
	--cc-pm-toggle-border-radius: var(--dg-radius-pill);

	/* Accettare e rifiutare hanno lo stesso peso (Garante, linee guida 2021). */
	--cc-btn-primary-bg: var(--dg-primary-600);
	--cc-btn-primary-color: var(--dg-primary-50);
	--cc-btn-primary-border-color: var(--dg-primary-600);
	--cc-btn-primary-hover-bg: var(--dg-primary-700);
	--cc-btn-primary-hover-color: var(--dg-primary-50);
	--cc-btn-primary-hover-border-color: var(--dg-primary-700);
	--cc-btn-secondary-bg: var(--dg-neutral-100);
	--cc-btn-secondary-color: var(--dg-neutral-900);
	--cc-btn-secondary-border-color: var(--dg-neutral-100);
	--cc-btn-secondary-hover-bg: var(--dg-neutral-200);
	--cc-btn-secondary-hover-color: var(--dg-neutral-900);
	--cc-btn-secondary-hover-border-color: var(--dg-neutral-200);

	--cc-separator-border-color: var(--dg-border-color);
	--cc-toggle-on-bg: var(--dg-primary-600);
	--cc-toggle-off-bg: var(--dg-neutral-500);
	--cc-toggle-readonly-bg: var(--dg-neutral-300);
	--cc-cookie-category-block-bg: transparent;
	--cc-cookie-category-block-border: transparent;
	--cc-cookie-category-block-hover-bg: transparent;
	--cc-cookie-category-block-hover-border: transparent;
	--cc-cookie-category-expanded-block-bg: transparent;
	--cc-cookie-category-expanded-block-hover-bg: var(--dg-border-color);
	--cc-footer-bg: transparent;
	--cc-footer-color: var(--dg-body-secondary-color);
	--cc-footer-border-color: var(--dg-border-color);
}

/* ---------- Tema scuro ----------
   Scelto in Digival Tools -> Consenso e cookie -> Stile del banner: la base
   mette sull'html la classe della libreria (cc--darkmode). Il design system
   non ha una variante scura, quindi qui si ridefiniscono i token dentro il
   banner e le preferenze, con la scala neutral scura; il resto del foglio
   continua a leggere gli stessi token. Le facciate restano chiare: sono
   contenuto della pagina, non banner. */

.cc--darkmode #cc-main {
	--dg-body-bg: var(--dg-neutral-900);
	--dg-body-color: var(--dg-neutral-100);
	--dg-body-secondary-color: var(--dg-neutral-300);
	--dg-heading-color: var(--dg-neutral-50);
	--dg-border-color: var(--dg-neutral-700);
	--dg-link-color: var(--dg-primary-300);
	--dg-primary-600: var(--dg-primary-400);

	--cc-btn-primary-bg: var(--dg-primary-400);
	--cc-btn-primary-color: var(--dg-neutral-900);
	--cc-btn-primary-border-color: var(--dg-primary-400);
	--cc-btn-primary-hover-bg: var(--dg-primary-300);
	--cc-btn-primary-hover-color: var(--dg-neutral-900);
	--cc-btn-primary-hover-border-color: var(--dg-primary-300);
	/* Due gradini sopra il fondo e senza bordo, come nel tema chiaro:
	   "Scegli" e "Salva le scelte" restano leggibili quanto gli altri pulsanti. */
	--cc-btn-secondary-bg: var(--dg-neutral-700);
	--cc-btn-secondary-color: var(--dg-neutral-50);
	--cc-btn-secondary-border-color: var(--dg-neutral-700);
	--cc-btn-secondary-hover-bg: var(--dg-neutral-600);
	--cc-btn-secondary-hover-color: var(--dg-neutral-50);
	--cc-btn-secondary-hover-border-color: var(--dg-neutral-600);

	--cc-toggle-on-bg: var(--dg-primary-400);
	--cc-toggle-off-bg: var(--dg-neutral-600);
	--cc-toggle-readonly-bg: var(--dg-neutral-700);
	--cc-toggle-on-knob-bg: var(--dg-neutral-900);
	--cc-toggle-off-knob-bg: var(--dg-neutral-100);
	--cc-cookie-category-expanded-block-hover-bg: var(--dg-neutral-800);
	--cc-overlay-bg: rgba(0, 0, 0, .65);
}

/* ---------- Aspetto minimale ----------
   La libreria disegna ombre, pulsanti e testi a modo suo: qui tutto torna al
   design system del tema. Uno stile piu' specifico si scrive nel tema. */

#cc-main {
	font-size: var(--dg-font-size-base);
	line-height: var(--dg-lh-base);
}

/* Niente ombre: un bordo sottile separa banner e preferenze dalla pagina. */
#cc-main .cm,
#cc-main .pm {
	box-shadow: none;
	border: var(--dg-border-width) solid var(--dg-border-color);
}

#cc-main .cm__title,
#cc-main .pm__title {
	font-family: var(--dg-font-heading);
	font-weight: var(--dg-fw-semibold);
	color: var(--dg-heading-color);
}

/* Pulsanti come .dg-btn del tema. */
#cc-main .cm__btn,
#cc-main .pm__btn {
	font-weight: var(--dg-fw-medium);
	line-height: 1;
}

/* La X e' solo il segno: niente fondo, niente bordo, il colore del testo. */
#cc-main .cm__btn--close,
#cc-main .pm__close-btn {
	color: var(--dg-body-color);
	background: none !important;
	border: 0 !important;
	border-radius: 0;
}

#cc-main .cm__btn--close svg,
#cc-main .pm__close-btn svg {
	stroke: currentColor !important;
}

#cc-main .cm__btn--close:hover,
#cc-main .pm__close-btn:hover {
	color: var(--dg-primary-600);
}

/* Preferenze: le categorie sono un elenco separato da linee sottili, senza
   riquadri. Freccia senza cerchio, conteggio dei servizi come testo
   secondario, interruttori senza icone (lo stato si legge dalla posizione). */
#cc-main .pm__section--toggle {
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: var(--dg-border-width) solid var(--dg-border-color);
}

/* Aperta, la categoria non ha cornice: solo le linee fra un servizio e l'altro. */
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
	border: 0;
	border-radius: 0;
}

#cc-main .pm__section--toggle .pm__section-title {
	border: 0;
	border-radius: 0;
	font-weight: var(--dg-fw-medium);
}

#cc-main .pm__section--expandable .pm__section-arrow {
	background: none;
	color: var(--dg-body-secondary-color);
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
	stroke: currentColor;
}

#cc-main .pm__badge,
#cc-main .pm__service-counter {
	padding: 0;
	font-weight: var(--dg-fw-normal);
	color: var(--dg-body-secondary-color);
	background: none;
}

#cc-main .toggle__icon-on,
#cc-main .toggle__icon-off {
	display: none;
}

/* Servizi senza pallino, allineati al nome della categoria. */
#cc-main .pm__service-icon {
	display: none;
}

#cc-main .pm__service {
	padding-left: 3.4em;
}

/* Pallino piu' piccolo della traccia, con 2px di margine su ogni lato: la
   libreria lo sposta di quanto la traccia e' piu' larga del pallino originale
   (27px, 23px per i servizi), quindi acceso arriva di nuovo a 2px dal fondo.
   Non con `scale`, che ridurrebbe anche lo spostamento. */
#cc-main .toggle__icon-circle {
	top: 2px;
	left: 2px;
	width: 19px;
	height: 19px;
}

#cc-main .toggle-service .toggle__icon-circle {
	width: 15px;
	height: 15px;
}

/* Cloud: la libreria ferma il testo a 9.4em e lo fa scorrere. Cresce invece
   con il testo, con lo stesso limite degli altri stili (40% dello schermo),
   che serve solo sugli schermi bassi. */
#cc-main .cm--cloud .cm__desc {
	max-height: 40vh;
}

/* Preferenze piu' larghe (la libreria si ferma a 43em) e tabella dei cookie a
   colonne fisse: i testi lunghi vanno a capo invece di uscire dalla tabella.
   Sotto i 640px la libreria trasforma gia' la tabella in schede impilate. */
#cc-main .pm--box {
	max-width: 56em;
}

#cc-main .pm__section-table {
	table-layout: fixed;
}

#cc-main .pm__table-th,
#cc-main .pm__table-td {
	overflow-wrap: anywhere;
}

/* Colonne nell'ordine di consenso.js: nome, servizio, dominio, finalita', durata. */
#cc-main .pm__table-th:nth-child(1) { width: 22%; }
#cc-main .pm__table-th:nth-child(2) { width: 17%; }
#cc-main .pm__table-th:nth-child(3) { width: 19%; }
#cc-main .pm__table-th:nth-child(4) { width: 27%; }
#cc-main .pm__table-th:nth-child(5) { width: 15%; }

/* Barra orizzontale: piena larghezza, contenuti nel contenitore del design
   system (stesse larghezze di .container ai suoi breakpoint). */
#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links {
	position: relative;
	max-width: none;
	padding-inline: calc(var(--dg-gutter-x) * .5);
}

#cc-main .cm--bar:not(.dg-consenso-lato) .cm__title,
#cc-main .cm--bar:not(.dg-consenso-lato) .cm__desc,
#cc-main .cm--bar:not(.dg-consenso-lato) .cm__btns {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#cc-main .cm--bar:not(.dg-consenso-lato) .cm__btn--close + .cm__texts .cm__title {
	padding-right: 3rem !important;
}

@media (min-width: 576px) {
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 540px; }
}
@media (min-width: 768px) {
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 720px; }
}
@media (min-width: 992px) {
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 960px; }
}
@media (min-width: 1200px) {
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 1140px; }
}
@media (min-width: 1400px) {
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 1320px; }
}
@media (min-width: 1920px) {
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__body,
	#cc-main .cm--bar:not(.dg-consenso-lato) .cm__links { max-width: 2000px; }
}

/* La X aggiunta dal sito in Bar e Cloud: la libreria la mostra solo nel Box. */
#cc-main .cm .dg-consenso-chiudi { display: block; }
#cc-main .dg-consenso-chiudi svg { stroke-width: 2; stroke-linecap: round; }
/* Nel Cloud la X sta sopra la colonna dei pulsanti: i pulsanti le lasciano spazio. */
#cc-main .cm--cloud .dg-consenso-chiudi ~ .cm__btns { padding-top: calc(42px + var(--dg-space-2)); }

/* Pulsante flottante che riapre le preferenze, in uno dei quattro angoli.
   Sparisce mentre banner o preferenze sono aperti: farebbe doppio con loro. */
.dg-consenso-pulsante {
	position: fixed;
	z-index: var(--dg-z-fixed);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
	border-radius: var(--dg-radius-circle);
	background: var(--dg-primary-600);
	color: var(--dg-white);
	box-shadow: var(--dg-shadow-md);
	cursor: pointer;
	transition: background-color .15s ease, transform .15s ease;
}
.dg-consenso-pulsante:hover { background: var(--dg-primary-700); transform: scale(1.05); }
.dg-consenso-pulsante:focus-visible {
	outline: var(--dg-focus-ring-width) solid var(--dg-focus-ring-color);
	outline-offset: var(--dg-focus-ring-offset);
}
.dg-consenso-pulsante svg { width: 1.5rem; height: 1.5rem; }
.dg-consenso-pulsante--top-left { top: var(--dg-space-4); left: var(--dg-space-4); }
.dg-consenso-pulsante--top-right { top: var(--dg-space-4); right: var(--dg-space-4); }
.dg-consenso-pulsante--bottom-left { bottom: var(--dg-space-4); left: var(--dg-space-4); }
.dg-consenso-pulsante--bottom-right { bottom: var(--dg-space-4); right: var(--dg-space-4); }
.show--consent .dg-consenso-pulsante,
.show--preferences .dg-consenso-pulsante { display: none; }

/* Barra verticale: la barra della libreria, ancorata a un lato e alta quanto
   lo schermo, entra scorrendo da quel lato. */
#cc-main .cm.cm--bar.dg-consenso-lato {
	top: 0;
	bottom: 0;
	width: min(24rem, 100vw);
	max-width: none;
	overflow-y: auto;
}
#cc-main .cm.cm--bar.dg-consenso-lato--left { left: 0; right: auto; transform: translateX(-100%); }
#cc-main .cm.cm--bar.dg-consenso-lato--right { right: 0; left: auto; transform: translateX(100%); }
.show--consent #cc-main .cc--anim .cm.cm--bar.dg-consenso-lato { transform: translateX(0); }
/* Testo e pulsanti in alto, uno sotto l'altro, come in un pannello laterale. */
#cc-main .cm.cm--bar.dg-consenso-lato .cm__body { flex: 1; flex-direction: column; justify-content: flex-start; max-width: none; padding: var(--dg-space-6) var(--dg-space-2) var(--dg-space-3); }
#cc-main .cm.cm--bar.dg-consenso-lato .cm__links { max-width: none; padding-inline: var(--dg-space-2); }
#cc-main .cm.cm--bar.dg-consenso-lato .cm__texts { flex: none; justify-content: flex-start; }
#cc-main .cm.cm--bar.dg-consenso-lato .cm__btns { margin-top: var(--dg-space-3); }
#cc-main .cm.cm--bar.dg-consenso-lato .cm__btns { flex-direction: column; }
#cc-main .cm.cm--bar.dg-consenso-lato .cm__btn-group { grid-auto-flow: row; }
#cc-main .cm.cm--bar.dg-consenso-lato:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm.cm--bar.dg-consenso-lato:not(.cm--inline) .cm__btn-group + .cm__btn-group { margin: var(--dg-space-1) 0 0; }

@media (max-width: 640px) {
	/* Su schermi stretti il pannello laterale prende tutta la larghezza. */
	#cc-main .cm.cm--bar.dg-consenso-lato { left: 0; right: 0; width: auto !important; }
}

#cc-main :focus-visible {
	outline: var(--dg-focus-ring-width) solid var(--dg-focus-ring-color);
	outline-offset: var(--dg-focus-ring-offset);
}
/* La libreria sposta il focus sui contenitori del banner e delle preferenze
   (tabindex -1) per i lettori di schermo: li' l'anello e' solo una fascia
   colorata sul bordo. Resta su pulsanti e link. */
#cc-main [tabindex="-1"]:focus-visible { outline: none; }

/* ---------- Facciata dei contenuti esterni ---------- */
/* Prima del consenso c'e' solo l'invito: il codice del fornitore e' in un
   <template> inerte e il browser non contatta nessuno. Dopo, il contenuto
   prende il posto dell'invito (.is-caricata). */

.dg-consenso-facciata {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 16rem;
	padding: var(--dg-space-4);
	text-align: center;
	color: var(--dg-neutral-900);
	background: var(--dg-neutral-100);
	border-radius: var(--dg-radius-md);
}

.dg-consenso-facciata--video { aspect-ratio: 16 / 9; }

.dg-consenso-facciata.is-caricata {
	display: block;
	min-height: 0;
	padding: 0;
	text-align: initial;
	background: transparent;
}

.dg-consenso-facciata.is-caricata iframe { display: block; max-width: 100%; border: 0; }
.dg-consenso-facciata--video.is-caricata iframe { width: 100%; height: 100%; }

.dg-consenso-facciata__invito {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--dg-space-2);
	max-width: 32rem;
}

.dg-consenso-facciata__carica,
.dg-consenso-facciata__sempre {
	font: inherit;
	cursor: pointer;
	border-radius: var(--dg-radius-md);
}

.dg-consenso-facciata__carica {
	padding: var(--dg-space-2) var(--dg-space-4);
	color: var(--dg-white);
	background: var(--dg-primary-600);
	border: var(--dg-border-width) solid var(--dg-primary-600);
}

.dg-consenso-facciata__carica:hover { background: var(--dg-primary-700); border-color: var(--dg-primary-700); }

.dg-consenso-facciata__nota {
	margin: 0;
	font-size: var(--dg-fs-sm);
	color: var(--dg-body-secondary-color);
}

.dg-consenso-facciata__sempre {
	padding: 0;
	font-size: var(--dg-fs-sm);
	color: var(--dg-link-color);
	text-decoration: underline;
	background: none;
	border: 0;
}

/* ---------- Badge sotto il titolo di una clausola ---------- */
/* "Solo con il tuo consenso": il titolo nomina la categoria, il badge la regola. */
.dg-consenso-policy__badge {
	display: inline-block;
	margin: calc(-1 * var(--dg-space-2)) 0 var(--dg-space-3);
	padding: var(--dg-space-1) var(--dg-space-3);
	border-radius: var(--dg-radius-pill);
	background: var(--dg-primary-50);
	color: var(--dg-primary-800);
	font-size: 0.8125em;
	font-weight: var(--dg-fw-medium);
	line-height: 1.4;
}

/* ---------- Tabella dei cookie della cookie policy ---------- */
/* Una sola tabella a colonne fisse: le larghezze restano uguali da una
   categoria all'altra. Su schermi stretti scorre in orizzontale.
   Solo testi e filetti, nessuno sfondo: la pagina puo' avere un fondo chiaro o
   scuro, e il testo ne eredita gia' il colore. I filetti nascono dal colore del
   testo (currentColor reso trasparente), quindi si leggono su entrambi; la
   gerarchia la danno spessore dei filetti e tipografia. */

.dg-consenso-tabella {
	--dg-consenso-filetto: var(--dg-border-color);
	--dg-consenso-filetto-forte: var(--dg-border-color);
	overflow-x: auto;
	margin-block: var(--dg-space-4);
}
@supports (color: color-mix(in srgb, currentColor 20%, transparent)) {
	.dg-consenso-tabella {
		--dg-consenso-filetto: color-mix(in srgb, currentColor 18%, transparent);
		--dg-consenso-filetto-forte: color-mix(in srgb, currentColor 45%, transparent);
	}
}

.dg-consenso-tabella table {
	width: 100%;
	min-width: 48rem;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: var(--dg-fs-sm);
	color: inherit;
	background: none;
}

/* Anche gli sfondi che tema e framework danno a righe, celle e codice: su un
   fondo scuro tornerebbero illeggibili. */
.dg-consenso-tabella thead,
.dg-consenso-tabella tbody,
.dg-consenso-tabella tr,
.dg-consenso-tabella th,
.dg-consenso-tabella td {
	color: inherit;
	background: none;
}

.dg-consenso-tabella th,
.dg-consenso-tabella td {
	padding: var(--dg-space-2) var(--dg-space-3);
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: var(--dg-border-width) solid var(--dg-consenso-filetto);
}

.dg-consenso-tabella thead th {
	font-weight: var(--dg-fw-semibold);
	border-bottom: 2px solid var(--dg-consenso-filetto-forte);
}

.dg-consenso-tabella thead th:nth-child(1) { width: 22%; }
.dg-consenso-tabella thead th:nth-child(2) { width: 13%; }
.dg-consenso-tabella thead th:nth-child(3) { width: 19%; }
.dg-consenso-tabella thead th:nth-child(4) { width: 32%; }
.dg-consenso-tabella thead th:nth-child(5) { width: 14%; }

/* Categoria: titolo con il font dei titoli, staccato dal gruppo di prima. */
.dg-consenso-tabella__categoria th {
	padding-top: var(--dg-space-5);
	font-family: var(--dg-font-heading);
	font-size: var(--dg-h5);
	font-weight: var(--dg-fw-bold);
	border-bottom: 2px solid var(--dg-consenso-filetto-forte);
}

.dg-consenso-tabella__servizio td { padding-top: var(--dg-space-4); }
.dg-consenso-tabella code {
	padding: 0;
	color: inherit;
	background: none;
	overflow-wrap: anywhere;
}
.dg-consenso-tabella td:nth-child(3) { overflow-wrap: anywhere; }
.dg-consenso-tabella__vuoto { opacity: .75; }

/* Pagine delle policy dei siti nati con Consently: il loro modello stampa un
   .policy-content vuoto (alto 40vh) e sotto lo shortcode di Consently, che ora
   mostra la policy del servizio GDPR. Vuoto, il contenitore non deve lasciare
   un buco prima del testo. */
.policy-content:empty { min-height: 0; }
/*
Theme Name: Centro Arredamenti Maso
Theme URI: https://www.digival.it
Author: Digival
Author URI: https://www.digival.it
Description: Tema del sito Centro Arredamenti Maso (La Salle, Valle d'Aosta): catalogo dei prodotti trattati con elenchi filtrabili, schede prodotto, marchi, pagine dell'azienda; italiano e francese con WPML. Tema classico DIGIVAL: layout in PHP, contenuti da ACF, stile con i token --dg-*.
Version: 1.2.0
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; }

/* scroll-padding-top: un link interno (#stanze) si ferma sotto l'header fisso, non dietro. */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 6rem; }
@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;
}

/* Titoli nello stesso carattere dei testi, distinti dal peso: leggerissimi i grandi, leggeri i
   piccoli (materiali/direzione.md). Il peso 200 non ha un token: e' scritto qui, una volta. */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 var(--dg-space-3);
	font-family: var(--dg-font-heading);
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: -.01em;
	color: var(--dg-heading-color);
}
h4, h5, h6 { font-weight: var(--dg-fw-light); line-height: var(--dg-lh-sm); letter-spacing: 0; }

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

/* ---------- Impaginazione a tutta larghezza ---------- */
/* Il sito e' impaginato da bordo a bordo: resta solo un margine laterale (materiali/direzione.md). */
.dg-largo { width: 100%; padding-inline: var(--dg-space-4); }
@media (min-width: 992px) { .dg-largo { padding-inline: var(--dg-space-5); } }

/* ---------- Azioni: testo con una linea sotto ---------- */
/* Niente fondi, bordi o pillole. La linea e' uno sfondo, cosi' cresce senza spostare nulla.
   L'azione principale ha la linea sempre visibile; quella secondaria la mostra al passaggio. */
.dg-azione {
	display: inline-block;
	padding: 0 0 var(--dg-space-1);
	color: inherit;
	font-weight: var(--dg-fw-semibold);
	text-decoration: none;
	white-space: nowrap;
	background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% 1px;
	transition: background-size var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-azione:hover { color: inherit; background-size: 100% 2px; }
.dg-azione--secondaria { font-weight: var(--dg-fw-normal); background-size: 0 1px; }
.dg-azione--secondaria:hover { background-size: 100% 1px; }
@media (prefers-reduced-motion: reduce) { .dg-azione { transition: none; } }

/* ---------- Vetro smerigliato: una card semitrasparente che sfoca l'immagine dietro ---------- */
/* Per i blocchi che stanno sopra una foto (comandi dell'apertura, azioni dell'header nella home).
   Senza backdrop-filter il fondo e' piu' scuro, cosi' i testi restano leggibili. */
.dg-vetro {
	color: var(--dg-white);
	background: rgba(var(--dg-black-rgb), .55);
	border-radius: var(--dg-radius-xl);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.dg-vetro { background: rgba(var(--dg-black-rgb), .25); -webkit-backdrop-filter: blur(var(--dg-space-3)); backdrop-filter: blur(var(--dg-space-3)); }
}

/* ---------- Testata di sezione: titolo a sinistra, link a destra ---------- */
.dg-testata { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--dg-space-3); margin-bottom: var(--dg-space-4); }
.dg-testata__titolo { margin: 0; font-size: var(--dg-h1); }

/* ---------- Selettore di lingua: la lingua attiva e' sottolineata ---------- */
.dg-lingue { display: flex; gap: var(--dg-space-3); font-size: var(--dg-fs-sm); }
.dg-lingue a { padding-bottom: var(--dg-space-1); color: inherit; text-decoration: none; background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px; transition: background-size var(--dg-duration-base) var(--dg-ease-standard); }
.dg-lingue a:hover, .dg-lingue a[aria-current="true"] { background-size: 100% 1px; }
.dg-lingue a[aria-current="true"] { font-weight: var(--dg-fw-semibold); }
.dg-lingue abbr { text-decoration: none; }

/* ---------- Header ---------- */
.dg-site { position: relative; }
.dg-header {
	--dg-header-altezza: 4.5rem;
	position: sticky;
	top: 0;
	z-index: var(--dg-z-sticky);
	color: var(--dg-neutral-900);
	transition: color var(--dg-duration-base) var(--dg-ease-standard);
}

/* Il fondo dell'header e' uno strato a parte, dietro al contenuto: pieno e a tutta larghezza in cima
   alla pagina; quando si scorre (classe is-scorso, da tema.js) diventa una card sospesa: staccata dai
   bordi, arrotondata, bianca semitrasparente con la pagina sfocata dietro e un'ombra. Nessun filetto.
   Sfocatura e ombra stanno qui e non sull'header: sull'header la sfocatura farebbe da riferimento al
   menu a tutto schermo, che e' al suo interno, e lo rimpicciolirebbe. */
.dg-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--dg-body-bg);
	transition: opacity var(--dg-duration-base) var(--dg-ease-standard), background-color var(--dg-duration-base) var(--dg-ease-standard), inset var(--dg-duration-base) var(--dg-ease-standard), border-radius var(--dg-duration-base) var(--dg-ease-standard), box-shadow var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-header.is-scorso::before { inset: var(--dg-space-2); background: rgba(var(--dg-white-rgb), .92); border-radius: var(--dg-radius-xl); box-shadow: var(--dg-shadow-md); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.dg-header.is-scorso::before { background: rgba(var(--dg-white-rgb), .7); -webkit-backdrop-filter: blur(var(--dg-space-3)); backdrop-filter: blur(var(--dg-space-3)); }
}
@media (min-width: 992px) { .dg-header.is-scorso::before { inset: var(--dg-space-2) var(--dg-space-3); } }
/* Con il menu a tutto schermo aperto lo strato non serve: sotto c'e' il verde del menu. */
.dg-menu-aperto .dg-header::before { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .dg-header, .dg-header::before { transition: none; } }
.admin-bar .dg-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .dg-header { top: 46px; } }
/* Nella home l'header parte sopra la foto di apertura: senza fondo e con i testi bianchi finche' la
   pagina e' in cima, poi come nelle altre pagine. */
.dg-header--sopra { position: fixed; inset: 0 0 auto 0; }
.dg-header--sopra:not(.is-scorso) { color: var(--dg-white); }
.dg-header--sopra:not(.is-scorso)::before { opacity: 0; }
/* Sul fondo chiaro il gruppo non ha piu' un'immagine dietro: niente vetro. */
body:not(.dg-menu-aperto) .dg-header--sopra.is-scorso .dg-vetro { color: inherit; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }

.dg-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--dg-space-3); height: var(--dg-header-altezza); }
/* Logo e azioni restano sopra il menu a tutto schermo (che sta dentro l'header). */
.dg-header__brand, .dg-header__azioni { position: relative; z-index: 1; }
/* Sui telefoni piu' stretti il logo cede qualche pixel invece di far uscire le azioni. */
.dg-header__brand { display: block; flex: 0 1 8rem; min-width: 6rem; color: inherit; text-decoration: none; }
.dg-header__brand:hover { color: inherit; }
.dg-header__brand-text { font-weight: var(--dg-fw-semibold); }
.dg-header__azioni { display: flex; align-items: center; gap: var(--dg-space-3); }
.dg-header__gruppo { display: flex; align-items: center; gap: var(--dg-space-3); }
/* Su telefono l'header e' stretto: niente spazio perso accanto al pulsante del menu. */
.dg-header__gruppo.dg-vetro { padding: var(--dg-space-2) var(--dg-space-3); }
/* Dentro la card il pulsante del menu non esce dal margine e non la fa crescere in altezza. */
.dg-header__gruppo.dg-vetro .dg-nav__toggle { width: 2rem; height: 1.5rem; margin-right: 0; }
.dg-header__gruppo { gap: var(--dg-space-3); }
.dg-header__azioni:has(.dg-vetro) { gap: var(--dg-space-1); }
/* Con il menu a tutto schermo aperto il gruppo sta sul verde: il vetro non serve. */
.dg-menu-aperto .dg-header__gruppo.dg-vetro { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.dg-header__azioni .dg-azione { font-size: var(--dg-fs-sm); }
.dg-header__telefono { display: none; align-items: center; gap: var(--dg-space-2); font-size: var(--dg-fs-sm); color: inherit; font-weight: var(--dg-fw-semibold); text-decoration: none; white-space: nowrap; }
.dg-header__telefono:hover { color: inherit; text-decoration: underline; text-underline-offset: .4em; }
/* Icone accanto ai testi dell'header (mondo, telefono, social): piccole, col tratto del testo. */
.dg-header__telefono .dg-icona, .dg-nav__telefono .dg-icona, .dg-lang__attuale .dg-icona { width: 1.125rem; height: 1.125rem; }
/* I disegni dei social occupano meno spazio nel loro riquadro (16 su 24 contro 20 su 24 di mondo e
   telefono): il riquadro e' piu' grande perche' a occhio risultino della stessa misura. */
.dg-header__social .dg-icona { width: 1.375rem; height: 1.375rem; }
/* Social: solo icone, tra il telefono e l'invito. Compaiono dove c'e' posto (da 768px). */
.dg-header__social { display: none; align-items: center; gap: var(--dg-space-3); list-style: none; margin: 0; padding: 0; }
.dg-header__social a { display: flex; color: inherit; opacity: .85; transition: opacity var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-header__social a:hover { color: inherit; opacity: 1; }

/* Selettore di lingua nell'header: la sigla della lingua corrente apre la tendina con i nomi.
   Stessa dissolvenza dei sottomenu: compare scendendo appena, scompare allo stesso modo. */
.dg-lang { position: relative; display: none; font-size: var(--dg-fs-sm); }
.dg-lang__attuale { display: flex; align-items: center; gap: var(--dg-space-2); padding: var(--dg-space-2) 0; font: inherit; font-weight: var(--dg-fw-semibold); color: inherit; background: none; border: 0; cursor: pointer; }
.dg-lang__elenco {
	position: absolute;
	top: 100%; right: calc(var(--dg-space-3) * -1);
	z-index: var(--dg-z-dropdown);
	min-width: 9rem;
	margin: 0;
	padding: var(--dg-space-2) var(--dg-space-3);
	list-style: none;
	color: var(--dg-neutral-900);
	background: var(--dg-white);
	border-radius: var(--dg-radius-lg);
	box-shadow: var(--dg-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(calc(var(--dg-space-2) * -1));
	transition: opacity var(--dg-duration-base) var(--dg-ease-standard), transform var(--dg-duration-base) var(--dg-ease-standard), visibility 0s linear var(--dg-duration-base);
}
.dg-lang.is-open .dg-lang__elenco { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
/* Col mouse si apre anche al passaggio, come i sottomenu. */
@media (hover: hover) {
	.dg-lang:hover .dg-lang__elenco { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
}
.dg-lang__elenco a { display: block; padding-block: var(--dg-space-1); color: inherit; text-decoration: none; white-space: nowrap; }
.dg-lang__elenco a:hover { color: var(--dg-primary-700); }
.dg-lang__elenco a[aria-current] { font-weight: var(--dg-fw-semibold); }

/* Pulsante del menu: tre linee che diventano una X. */
.dg-nav__toggle { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; margin-right: calc(var(--dg-space-2) * -1); padding: 0; color: inherit; background: transparent; border: 0; cursor: pointer; }
.dg-nav__linee { position: relative; display: block; width: 1.5rem; height: 1rem; }
.dg-nav__linee span { position: absolute; left: 0; width: 100%; height: 1px; background: currentColor; transition: transform var(--dg-duration-base) var(--dg-ease-standard), opacity var(--dg-duration-fast) var(--dg-ease-standard), top var(--dg-duration-base) var(--dg-ease-standard); }
.dg-nav__linee span:nth-child(1) { top: 0; }
.dg-nav__linee span:nth-child(2) { top: 50%; }
.dg-nav__linee span:nth-child(3) { top: 100%; }
.dg-nav__toggle[aria-expanded="true"] .dg-nav__linee span:nth-child(1) { top: 50%; transform: rotate(45deg); }
.dg-nav__toggle[aria-expanded="true"] .dg-nav__linee span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.dg-nav__toggle[aria-expanded="true"] .dg-nav__linee span:nth-child(3) { top: 50%; transform: rotate(-45deg); }

/* Il menu sotto i 1360px: a tutto schermo, verde, entra da destra. */
.dg-nav {
	position: fixed;
	inset: 0;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	padding: calc(var(--dg-header-altezza) + var(--dg-space-4)) var(--dg-space-4) var(--dg-space-5);
	color: var(--dg-primary-50);
	background: var(--dg-primary-600);
	visibility: hidden;
	transform: translateX(100%);
	transition: transform var(--dg-duration-slow) var(--dg-ease-standard), visibility 0s linear var(--dg-duration-slow);
}
.admin-bar .dg-nav { top: 46px; }
@media (min-width: 783px) { .admin-bar .dg-nav { top: 32px; } }
.dg-menu-aperto .dg-nav { visibility: visible; transform: none; transition-delay: 0s; }
/* Con il menu aperto la pagina sotto non scorre e l'header (logo, lingua, X) e' bianco sul verde. */
.dg-menu-aperto { overflow: hidden; }
.dg-menu-aperto .dg-header { color: var(--dg-white); }
.dg-nav__menu, .dg-nav__menu .sub-menu { list-style: none; margin: 0; padding: 0; }
.dg-nav__menu > li { border-bottom: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .25); }
.dg-nav__menu a { display: block; padding-block: var(--dg-space-3); color: inherit; font-size: var(--dg-h3); font-weight: 200; line-height: 1.1; text-decoration: none; }
.dg-nav__menu a:hover { color: var(--dg-white); }
/* Voce che raggruppa altre voci senza una pagina sua (per esempio "Tavoli e sedie"): ha l'aspetto delle
   altre voci, ma e' un pulsante che apre solo la tendina. Nel menu a tutto schermo le sue voci sono gia' visibili. */
.dg-nav__gruppo { display: block; width: 100%; padding: var(--dg-space-3) 0; font: inherit; font-size: var(--dg-h3); font-weight: 200; line-height: 1.1; color: inherit; text-align: left; background: none; border: 0; cursor: default; }
.dg-nav__menu .sub-menu { display: flex; flex-wrap: wrap; gap: 0 var(--dg-space-4); padding-bottom: var(--dg-space-3); }
.dg-nav__menu .sub-menu a { padding-block: var(--dg-space-1); font-size: var(--dg-font-size-base); font-weight: var(--dg-fw-normal); line-height: var(--dg-lh-base); }
.dg-nav__extra { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--dg-space-3); margin-top: auto; padding-top: var(--dg-space-5); }
.dg-nav__telefono { display: inline-flex; align-items: center; gap: var(--dg-space-2); color: inherit; font-weight: var(--dg-fw-semibold); text-decoration: none; }
.dg-nav__telefono:hover { color: var(--dg-white); }
/* Social nel menu a tutto schermo: stesse icone dell'header, con un'area da toccare ampia. */
.dg-nav__social { display: flex; align-items: center; gap: var(--dg-space-2); list-style: none; margin: 0; padding: 0; }
.dg-nav__social a { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; color: inherit; }
.dg-nav__social a:hover { color: var(--dg-white); }
.dg-nav__social .dg-icona { width: 1.375rem; height: 1.375rem; }
@media (prefers-reduced-motion: reduce) { .dg-nav, .dg-nav__linee span { transition: none; } .dg-lang__elenco { transform: none; transition: none; } }

/* Sotto i 360px (telefoni molto piccoli) logo, invito e menu non stanno in riga: resta il pulsante del menu. */
@media (max-width: 359.98px) { .dg-header__gruppo > .dg-azione { display: none; } }
@media (min-width: 768px) {
	.dg-header { --dg-header-altezza: 5.5rem; }
	.dg-header__brand { flex: 0 0 13rem; }
	.dg-lang { display: block; }
	.dg-header__social { display: flex; }
	.dg-header__gruppo { gap: var(--dg-space-4); }
	.dg-header__gruppo.dg-vetro { padding: var(--dg-space-1) var(--dg-space-4); }
	.dg-header__azioni:has(.dg-vetro) { gap: var(--dg-space-3); }
	.dg-nav { padding-inline: var(--dg-space-5); }
}
/* Da 1360px le voci stanno in riga accanto al logo. */
@media (min-width: 1360px) {
	.dg-nav__toggle, .dg-nav__extra { display: none; }
	.dg-nav, .admin-bar .dg-nav { position: static; display: block; overflow: visible; padding: 0; color: inherit; background: none; visibility: visible; transform: none; transition: none; }
	.dg-nav__menu { display: flex; align-items: center; gap: var(--dg-space-4); }
	.dg-nav__menu > li { position: relative; border: 0; }
	.dg-nav__menu a { padding-block: var(--dg-space-2); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-semibold); line-height: var(--dg-lh-base); white-space: nowrap; }
	.dg-nav__menu a:hover { color: inherit; text-decoration: underline; text-underline-offset: .4em; }
	.dg-nav__gruppo { width: auto; padding-block: var(--dg-space-2); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-semibold); line-height: var(--dg-lh-base); white-space: nowrap; cursor: pointer; }
	/* Sottomenu: tendina bianca che compare in dissolvenza, scendendo appena. */
	.dg-nav__menu .sub-menu {
		position: absolute;
		top: 100%; left: calc(var(--dg-space-3) * -1);
		z-index: var(--dg-z-dropdown);
		display: block;
		min-width: 13rem;
		padding: var(--dg-space-2) var(--dg-space-3);
		color: var(--dg-neutral-900);
		background: var(--dg-white);
		border-radius: var(--dg-radius-lg);
		box-shadow: var(--dg-shadow-lg);
		opacity: 0;
		visibility: hidden;
		transform: translateY(calc(var(--dg-space-2) * -1));
		transition: opacity var(--dg-duration-base) var(--dg-ease-standard), transform var(--dg-duration-base) var(--dg-ease-standard), visibility 0s linear var(--dg-duration-base);
	}
	.dg-nav__menu .sub-menu a { font-weight: var(--dg-fw-normal); }
	.dg-nav__menu .sub-menu a:hover { color: var(--dg-primary-700); text-decoration: none; }
	.dg-nav__menu .menu-item-has-children:hover > .sub-menu,
	.dg-nav__menu .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
}
@media (min-width: 1360px) and (prefers-reduced-motion: reduce) { .dg-nav__menu .sub-menu { transform: none; transition: none; } }
/* Con le voci in riga lo spazio e' poco: i social tornano solo sugli schermi molto larghi. */
/* Con le voci in riga lo spazio e' poco (in francese le voci sono piu' lunghe): prima si stringono
   le voci, poi da 1560px tornano i social e da 1680px compare il telefono. */
@media (min-width: 1360px) and (max-width: 1559.98px) { .dg-nav__menu { gap: var(--dg-space-3); } }
@media (min-width: 1360px) and (max-width: 1559.98px) { .dg-header__social { display: none; } }
@media (min-width: 1680px) { .dg-header__telefono { display: inline-flex; } }

/* ---------- Footer: scuro e ampio, chiude la pagina con lo stesso peso dell'apertura ---------- */
.dg-footer { padding-block: var(--dg-ss-lg) var(--dg-space-4); color: var(--dg-neutral-200); background: var(--dg-neutral-900); }
.dg-footer a { color: inherit; text-decoration: none; }
.dg-footer a:hover { color: var(--dg-white); text-decoration: underline; text-underline-offset: .3em; }
.dg-footer .dg-azione, .dg-footer .dg-azione:hover { color: var(--dg-white); text-decoration: none; }
.dg-footer .dg-lingue a:hover { text-decoration: none; }
.dg-footer__griglia { padding-bottom: var(--dg-ss-md); }
.dg-footer__logo { display: block; width: 8rem; margin-bottom: var(--dg-space-4); color: var(--dg-white); }
.dg-footer__frase { max-width: 14ch; margin-bottom: var(--dg-space-4); font-family: var(--dg-font-heading); font-size: var(--dg-display-4); font-weight: 200; line-height: 1.05; letter-spacing: -.01em; color: var(--dg-white); }
.dg-footer__colonne { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--dg-space-5) var(--dg-space-4); }
.dg-footer__titolo { margin-bottom: var(--dg-space-3); font-family: var(--dg-font-body); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-normal); line-height: var(--dg-lh-base); color: var(--dg-neutral-300); }
.dg-footer__lista { list-style: none; margin: 0; padding: 0; }
.dg-footer__lista li + li { margin-top: var(--dg-space-2); }
.dg-footer__contatti { display: grid; gap: var(--dg-space-4); margin-top: var(--dg-space-5); padding-top: var(--dg-space-5); border-top: var(--dg-border-width) solid var(--dg-neutral-700); }
.dg-footer__voce { margin: 0; font-size: var(--dg-h4); font-style: normal; font-weight: var(--dg-fw-light); line-height: 1.15; color: var(--dg-white); overflow-wrap: anywhere; }
.dg-footer__indicazioni { margin: var(--dg-space-2) 0 0; font-size: var(--dg-fs-sm); }
.dg-footer__social { display: flex; flex-wrap: wrap; gap: var(--dg-space-4); list-style: none; margin: var(--dg-space-5) 0 0; padding: 0; }
.dg-footer__fine { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--dg-space-2) var(--dg-space-4); padding-top: var(--dg-space-3); font-size: var(--dg-fs-sm); color: var(--dg-neutral-300); border-top: var(--dg-border-width) solid var(--dg-neutral-700); }
.dg-footer__servizio { display: flex; flex-wrap: wrap; gap: var(--dg-space-2) var(--dg-space-5); }
.dg-footer__servizio ul { display: flex; flex-wrap: wrap; gap: var(--dg-space-3); list-style: none; margin: 0; padding: 0; }
/* Pulsante "Preferenze cookie": ha l'aspetto dei link legali che gli stanno accanto. */
.dg-footer__preferenze { padding: 0; font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.dg-footer__preferenze:hover { color: var(--dg-white); }
@media (min-width: 768px) {
	.dg-footer__logo { width: 13rem; }
	.dg-footer__colonne, .dg-footer__contatti { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- 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 inc/base/popup-avvisi.php; classi e data-* sono il contratto con lo script) ----------
   Stessa lingua del sito: velo sfocato come le card di vetro, scheda bianca con il titolo grande e
   leggero, testo allineato a sinistra, azione a linea. */
.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-3);
	background-color: rgba(var(--dg-black-rgb), .6);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.dg-avviso-popup { background-color: rgba(var(--dg-black-rgb), .35); -webkit-backdrop-filter: blur(var(--dg-space-3)); backdrop-filter: blur(var(--dg-space-3)); }
}
.dg-avviso-popup:not(.is-open) { display: none; }
.dg-avviso-popup.is-open { animation: dg-avviso-velo var(--dg-duration-base) var(--dg-ease-standard) both; }
.dg-avviso-popup.is-open .dg-avviso-popup__card { animation: dg-avviso-scheda var(--dg-duration-slow) var(--dg-ease-standard) both; }
@keyframes dg-avviso-velo { from { opacity: 0; } }
@keyframes dg-avviso-scheda { from { opacity: 0; transform: translateY(var(--dg-space-3)); } }
@media (prefers-reduced-motion: reduce) { .dg-avviso-popup.is-open, .dg-avviso-popup.is-open .dg-avviso-popup__card { animation: none; } }
.dg-avviso-popup__card {
	position: relative;
	width: 100%; max-width: 36rem; max-height: 90vh;
	overflow-y: auto;
	padding: var(--dg-space-5) var(--dg-space-4) var(--dg-space-4);
	color: var(--dg-neutral-900);
	background-color: var(--dg-white);
	border-radius: var(--dg-radius-xl);
	box-shadow: var(--dg-shadow-xl);
}
.dg-avviso-popup__close {
	position: absolute; top: var(--dg-space-2); right: var(--dg-space-2);
	display: flex; justify-content: center; align-items: center;
	width: 2.75rem; height: 2.75rem;
	padding: 0;
	color: inherit;
	background: transparent;
	border: 0;
	border-radius: var(--dg-radius-circle);
	cursor: pointer;
	transition: background-color var(--dg-duration-fast) var(--dg-ease-standard), transform var(--dg-duration-base) var(--dg-ease-standard);
}
.dg-avviso-popup__close svg { width: 1.5rem; height: 1.5rem; }
.dg-avviso-popup__close:hover { background-color: var(--dg-neutral-100); transform: rotate(90deg); }
@media (prefers-reduced-motion: reduce) { .dg-avviso-popup__close:hover { transform: none; } }
.dg-avviso-popup__avviso { display: flex; flex-direction: column; align-items: flex-start; gap: var(--dg-space-3); }
.dg-avviso-popup__avviso > * { margin: 0; }
.dg-avviso-popup__titolo { max-width: 16ch; padding-right: var(--dg-space-4); font-size: var(--dg-h1); font-weight: 200; line-height: 1.05; text-wrap: balance; }
.dg-avviso-popup__testo { font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-avviso-popup__testo > :last-child { margin-bottom: 0; }
.dg-avviso-popup__cta { margin-top: var(--dg-space-2); }
@media (min-width: 768px) {
	.dg-avviso-popup__card { padding: var(--dg-space-6) var(--dg-space-5) var(--dg-space-5); }
	.dg-avviso-popup__close { top: var(--dg-space-3); right: var(--dg-space-3); }
}

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

/* ---------- Loghi delle marche del catalogo (dg_logo_marca, dg_loghi_marche_sprite) ----------
   Il disegno riempie lo span: larghezza, altezza e colore li decide il contenitore. */
.dg-loghi-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
/* position: relative tiene dentro lo span il nome per i lettori di schermo (posizionato in assoluto):
   senza, in un contenitore che taglia lo sbordo (un carosello) quel testo resterebbe fuori dal taglio
   e allargherebbe la pagina. */
.dg-logo-marca { position: relative; display: flex; align-items: center; justify-content: center; }
.dg-logo-marca svg { display: block; width: 100%; height: 100%; }
/* Catalogo: griglia e card dei prodotti, percorso, scheda prodotto. Caricato nella home, nella scheda
   e negli elenchi (functions.php). Solo token --dg-*. */

/* ---------- Griglia e card dei prodotti (home, scheda prodotto, elenchi) ---------- */
.dg-prodotti { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dg-space-4) var(--dg-space-3); list-style: none; margin: 0; padding: 0; }
.dg-prodotto { display: block; color: inherit; text-decoration: none; }
.dg-prodotto:hover { color: inherit; }
.dg-prodotto__figura { position: relative; display: block; aspect-ratio: 4 / 5; margin-bottom: var(--dg-space-2); overflow: hidden; background: var(--dg-neutral-100); border-radius: var(--dg-radius-lg); }
.dg-prodotto__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform var(--dg-duration-slow) var(--dg-ease-standard); }
/* Al passaggio (e col fuoco da tastiera): l'immagine si avvicina appena e un velo scuro mostra l'icona al centro. */
.dg-prodotto__velo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--dg-white); background: rgba(var(--dg-black-rgb), .45); opacity: 0; transition: opacity var(--dg-duration-base) var(--dg-ease-standard); }
.dg-prodotto__velo .dg-icona { width: 2.5rem; height: 2.5rem; transform: scale(.85); transition: transform var(--dg-duration-base) var(--dg-ease-standard); }
.dg-prodotto:hover .dg-prodotto__img, .dg-prodotto:focus-visible .dg-prodotto__img { transform: scale(1.05); }
.dg-prodotto:hover .dg-prodotto__velo, .dg-prodotto:focus-visible .dg-prodotto__velo { opacity: 1; }
.dg-prodotto:hover .dg-prodotto__velo .dg-icona, .dg-prodotto:focus-visible .dg-prodotto__velo .dg-icona { transform: none; }
@media (prefers-reduced-motion: reduce) { .dg-prodotto__img, .dg-prodotto__velo, .dg-prodotto__velo .dg-icona { transition: none; } .dg-prodotto:hover .dg-prodotto__img, .dg-prodotto:focus-visible .dg-prodotto__img { transform: none; } }
.dg-prodotto__marca, .dg-prodotto__tipo { display: block; font-size: var(--dg-fs-sm); color: var(--dg-neutral-600); }
.dg-prodotto__nome { margin: 0; overflow-wrap: anywhere; font-size: var(--dg-h4); font-weight: var(--dg-fw-light); line-height: 1.1; color: inherit; transition: color var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-prodotto:hover .dg-prodotto__nome { color: var(--dg-primary-700); }
@media (min-width: 768px) { .dg-prodotti { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) { .dg-prodotti { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* ---------- Percorso (Arredamento / categoria / prodotto) ---------- */
.dg-percorso { display: flex; flex-wrap: wrap; gap: var(--dg-space-2); margin: 0 0 var(--dg-space-4); padding: 0; list-style: none; color: var(--dg-neutral-600); font-size: var(--dg-fs-sm); }
.dg-percorso li + li::before { content: "/"; margin-right: var(--dg-space-2); color: var(--dg-neutral-400); }
.dg-percorso a { color: inherit; text-decoration: none; }
.dg-percorso a:hover { color: var(--dg-primary-700); text-decoration: underline; text-underline-offset: .3em; }

/* ---------- Scheda prodotto (single-daci_product.php) ---------- */
.dg-scheda { padding-top: var(--dg-space-4); }
/* Testa: immagini a sinistra, presentazione a destra */
.dg-scheda__testa { display: grid; gap: var(--dg-space-5); }
.dg-galleria__grande { position: relative; aspect-ratio: 3 / 2; margin: 0 0 var(--dg-space-2); overflow: hidden; background: var(--dg-neutral-100); border-radius: var(--dg-radius-xl); }
/* Immagini sovrapposte: si vede solo quella attiva, in dissolvenza. */
.dg-galleria__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: 0; transition: opacity var(--dg-duration-base) var(--dg-ease-standard); }
.dg-galleria__img.is-attiva { opacity: 1; }
/* Frecce e contatore in una card di vetro, come nell'apertura della home */
.dg-galleria__comandi { position: absolute; right: var(--dg-space-3); bottom: var(--dg-space-3); display: flex; align-items: center; gap: var(--dg-space-1); padding: 0 var(--dg-space-2); font-size: var(--dg-fs-sm); }
.dg-galleria__tasto { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; color: inherit; background: none; border: 0; opacity: .8; cursor: pointer; transition: opacity var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-galleria__tasto:hover { opacity: 1; }
.dg-galleria__tasto:focus-visible { outline: 2px solid var(--dg-white); outline-offset: -4px; }
.dg-galleria__tasto .dg-icona { width: 1.25rem; height: 1.25rem; }
.dg-galleria__miniature { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--dg-space-2); margin: 0; padding: 0; list-style: none; }
.dg-galleria__miniatura { display: block; width: 100%; aspect-ratio: 3 / 2; padding: 0; overflow: hidden; background: var(--dg-neutral-100); border: 0; border-radius: var(--dg-radius-lg); opacity: .55; cursor: pointer; transition: opacity var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-galleria__miniatura:hover, .dg-galleria__miniatura[aria-current="true"] { opacity: 1; }
.dg-galleria__miniatura img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .dg-galleria__img { transition: none; } }

.dg-scheda__intro { display: grid; gap: var(--dg-space-4); align-content: start; }
.dg-scheda__marca { display: inline-flex; justify-self: start; color: var(--dg-neutral-600); text-decoration: none; transition: color var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-scheda__marca:hover { color: var(--dg-neutral-900); }
.dg-scheda__marca .dg-logo-marca { justify-content: flex-start; height: 2rem; }
.dg-scheda__marca .dg-logo-marca svg { width: auto; max-width: 11rem; }
.dg-scheda__marca .dg-logo-marca--alto { height: 3.25rem; }
/* Il nome del prodotto ha il peso 100 del titolo di apertura della home (materiali/direzione.md). */
.dg-scheda__titolo { margin: 0; font-size: var(--dg-display-3); font-weight: 100; line-height: 1; overflow-wrap: anywhere; }
.dg-scheda__tipo { margin: var(--dg-space-2) 0 0; color: var(--dg-neutral-600); }
.dg-scheda__tipo a, .dg-scheda__ambienti a { color: inherit; text-underline-offset: .3em; }
.dg-scheda__tipo a:hover, .dg-scheda__ambienti a:hover { color: var(--dg-primary-700); }
.dg-scheda__riassunto { margin: 0; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-scheda__azioni { display: flex; flex-wrap: wrap; gap: var(--dg-space-3) var(--dg-space-5); padding-top: var(--dg-space-4); border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-scheda__ambienti { display: flex; flex-wrap: wrap; gap: var(--dg-space-2) var(--dg-space-4); margin: 0; padding: 0; list-style: none; font-size: var(--dg-fs-sm); color: var(--dg-neutral-600); }

/* Descrizione e dettagli */
.dg-scheda__corpo { display: grid; gap: var(--dg-space-5); }
.dg-scheda__sottotitolo { margin: 0 0 var(--dg-space-4); font-size: var(--dg-h1); }
.dg-scheda__corpo .dg-content { max-width: 44rem; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-scheda__corpo .dg-content :is(h2, h3, h4) { margin: var(--dg-space-5) 0 var(--dg-space-2); font-size: var(--dg-h3); }
.dg-dettagli { margin: 0; border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-dettagli div { display: grid; gap: var(--dg-space-1); padding-block: var(--dg-space-3); border-bottom: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-dettagli dt { font-size: var(--dg-fs-sm); color: var(--dg-neutral-600); }
.dg-dettagli dd { margin: 0; }
.dg-dettagli dd > :last-child { margin-bottom: 0; }

/* Richiesta di informazioni: una foto del prodotto con il modulo in una card di vetro */
.dg-richiesta { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; min-height: 36rem; padding: var(--dg-space-4); overflow: hidden; background: var(--dg-neutral-800); }
.dg-richiesta__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.dg-richiesta__card { position: relative; width: 100%; max-width: 34rem; padding: var(--dg-space-4); }
/* La card porta un modulo e la foto puo' essere chiara: il vetro e' piu' scuro che nell'apertura. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .dg-richiesta__card.dg-vetro { background: rgba(var(--dg-black-rgb), .5); } }
.dg-richiesta__titolo { margin: 0 0 var(--dg-space-2); font-size: var(--dg-h1); color: inherit; }
.dg-richiesta__testo { margin: 0 0 var(--dg-space-4); }
/* Il modulo di CF7 dentro la card: campi a linea, testi bianchi, invio come le altre azioni del sito.
   Si cambiano le variabili dello stile di base (inc/base/css/dg-cf7.css), non le sue regole. */
.dg-richiesta .wpcf7 {
	--dg-cf7-gap: var(--dg-space-3);
	--dg-cf7-label-gap: 0;
	--dg-cf7-field-height: 2.5rem;
	--dg-cf7-field-padding-y: var(--dg-space-1);
	--dg-cf7-field-padding-x: 0;
	--dg-cf7-field-bg: transparent;
	--dg-cf7-field-color: var(--dg-white);
	--dg-cf7-field-border: rgba(var(--dg-white-rgb), .5);
	--dg-cf7-field-radius: 0;
	--dg-cf7-accent: var(--dg-white);
	--dg-cf7-focus-ring: transparent;
	--dg-cf7-check-off: rgba(var(--dg-white-rgb), .35);
	--dg-cf7-check-mark: var(--dg-neutral-900);
	--dg-cf7-danger: var(--dg-danger-300, var(--dg-white));
}
.dg-richiesta .wpcf7-form label { font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-normal); }
.dg-richiesta .wpcf7-form :is(input:not([type="checkbox"], [type="radio"], [type="submit"]), textarea) { font-size: var(--dg-font-size-base); border-width: 0 0 var(--dg-border-width); }
.dg-richiesta .wpcf7-form textarea { height: 5rem; min-height: 4rem; }
.dg-richiesta .wpcf7-form a { color: inherit; }
.dg-richiesta .wpcf7-form .wpcf7-submit { align-self: flex-start; width: auto; min-height: 0; padding: 0 0 var(--dg-space-1); color: var(--dg-white); font: inherit; font-weight: var(--dg-fw-semibold); letter-spacing: 0; text-transform: none; background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% 1px; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; transition: background-size var(--dg-duration-base) var(--dg-ease-standard); }
.dg-richiesta .wpcf7-form .wpcf7-submit:hover { color: var(--dg-white); background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% 2px; }
.dg-richiesta .wpcf7-form .wpcf7-submit:focus-visible { outline: 2px solid var(--dg-white); outline-offset: 4px; }
.dg-richiesta .wpcf7 form .wpcf7-response-output { margin: 0; color: var(--dg-white); }

/* Correlati: due file una sotto l'altra */
.dg-correlati + .dg-correlati { padding-top: 0; }

@media (min-width: 768px) {
	.dg-galleria__miniature { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.dg-richiesta__card { padding: var(--dg-space-5); }
}
@media (min-width: 992px) {
	.dg-scheda__testa { grid-template-columns: 8fr 4fr; }
	/* La presentazione resta in vista mentre si scorrono le immagini (sotto l'header fisso). */
	.dg-scheda__intro { position: sticky; top: 7rem; align-self: start; }
	.dg-scheda__corpo { grid-template-columns: 7fr 5fr; gap: var(--dg-space-6); }
	.dg-richiesta { padding: var(--dg-space-5); }
}

/* ---------- Elenchi dei prodotti (template-parts/elenco-prodotti.php) ---------- */
.dg-elenco { padding-top: var(--dg-space-4); }
/* Testata: nome grande a sinistra, testo (o immagine, per gli ambienti) a destra */
.dg-elenco__testata { display: grid; gap: var(--dg-space-4); padding-block: var(--dg-space-3) var(--dg-space-5); }
.dg-elenco__titolo { margin: 0; font-size: var(--dg-display-2); font-weight: 100; line-height: 1; overflow-wrap: anywhere; }
.dg-elenco__logo { margin: 0; color: var(--dg-neutral-900); }
.dg-elenco__logo .dg-logo-marca { justify-content: flex-start; height: 5rem; }
.dg-elenco__logo .dg-logo-marca svg { width: auto; max-width: min(22rem, 100%); }
.dg-elenco__logo .dg-logo-marca--alto { height: 8rem; }
.dg-elenco__testo { max-width: 40rem; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-elenco__testo > :last-child { margin-bottom: 0; }
.dg-elenco__testo--sotto { margin-top: var(--dg-space-4); }
.dg-elenco__figura { aspect-ratio: 21 / 9; margin: 0; overflow: hidden; background: var(--dg-neutral-100); border-radius: var(--dg-radius-xl); }
.dg-elenco__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* Sottocategorie: schede a linea */
.dg-elenco__schede { display: flex; flex-wrap: wrap; gap: var(--dg-space-2) var(--dg-space-5); margin: 0 0 var(--dg-space-4); padding: 0; list-style: none; font-size: var(--dg-fs-lg); }
.dg-elenco__schede a { display: inline-block; padding-bottom: var(--dg-space-1); color: var(--dg-neutral-600); text-decoration: none; background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px; transition: background-size var(--dg-duration-base) var(--dg-ease-standard), color var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-elenco__schede a:hover, .dg-elenco__schede a[aria-current] { color: var(--dg-neutral-900); background-size: 100% 1px; }
.dg-elenco__schede small { margin-left: var(--dg-space-1); font-size: var(--dg-fs-sm); color: var(--dg-neutral-500); }

/* Filtri: righe tra due filetti. Ogni gruppo ha il nome e le voci; quella scelta e' sottolineata. */
.dg-filtri { display: grid; gap: var(--dg-space-3); padding-block: var(--dg-space-3); margin-bottom: var(--dg-space-5); border-block: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-filtri__gruppo { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--dg-space-2) var(--dg-space-4); margin: 0; padding: 0; list-style: none; font-size: var(--dg-fs-sm); }
/* Su telefono il nome del gruppo sta sopra le sue voci; da 768px sta in riga, a sinistra. */
.dg-filtri__nome { flex: 0 0 100%; color: var(--dg-neutral-500); }
@media (min-width: 768px) { .dg-filtri__nome { flex: 0 0 auto; min-width: 6rem; } }
.dg-filtri a { display: inline-block; padding-bottom: var(--dg-space-1); color: var(--dg-neutral-700); text-decoration: none; background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px; transition: background-size var(--dg-duration-base) var(--dg-ease-standard); }
.dg-filtri a:hover { color: var(--dg-neutral-900); background-size: 100% 1px; }
.dg-filtri__gruppo a[aria-current] { color: var(--dg-neutral-900); font-weight: var(--dg-fw-semibold); background-size: 100% 1px; }
.dg-filtri small { margin-left: var(--dg-space-1); color: var(--dg-neutral-500); font-weight: var(--dg-fw-normal); }
.dg-filtri__stato { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--dg-space-2) var(--dg-space-4); font-size: var(--dg-fs-sm); color: var(--dg-neutral-600); }
.dg-filtri__stato p { margin: 0; }
@media (prefers-reduced-motion: reduce) { .dg-elenco__schede a, .dg-filtri a { transition: none; } }

/* Lo script dei filtri (assets/js/elenco.js) nasconde le card escluse e fa una breve dissolvenza sulla griglia. */
.dg-elenco__griglia { margin-bottom: var(--dg-ss-md); transition: opacity var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-elenco__griglia.is-cambio { opacity: 0; }
.dg-elenco [hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .dg-elenco__griglia { transition: none; } }
.dg-elenco__vuoto { padding-block: var(--dg-space-6); color: var(--dg-neutral-600); }

@media (min-width: 992px) {
	.dg-elenco__testata { grid-template-columns: 7fr 5fr; align-items: end; gap: var(--dg-space-5); }
	.dg-elenco__testata--figura { grid-template-columns: 5fr 7fr; }
	/* Negli elenchi le card sono piu' grandi che in home: quattro per riga. */
	.dg-prodotti--quattro { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--dg-space-5) var(--dg-space-3); }
}

/* ---------- Tutti i marchi (templates/marchi.php): griglia di loghi a un colore solo ---------- */
.dg-marchi-griglia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dg-space-2); list-style: none; margin: 0 0 var(--dg-ss-md); padding: 0; }
.dg-marchi-griglia__voce { display: grid; gap: var(--dg-space-3); justify-items: center; align-content: center; height: 100%; min-height: 11rem; padding: var(--dg-space-4) var(--dg-space-3); color: var(--dg-neutral-500); text-align: center; text-decoration: none; background: var(--dg-neutral-50); border-radius: var(--dg-radius-xl); transition: color var(--dg-duration-fast) var(--dg-ease-standard), background-color var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-marchi-griglia__voce:hover, .dg-marchi-griglia__voce:focus-visible { color: var(--dg-neutral-900); background: var(--dg-neutral-100); }
.dg-marchi-griglia__logo { display: flex; align-items: center; justify-content: center; height: 4.5rem; }
.dg-marchi-griglia__logo .dg-logo-marca { width: 9.5rem; height: 2.75rem; }
.dg-marchi-griglia__logo .dg-logo-marca--alto { width: 6.5rem; height: 4.5rem; }
.dg-marchi-griglia__nome { font-size: var(--dg-h4); font-weight: var(--dg-fw-light); }
.dg-marchi-griglia__conto { font-size: var(--dg-fs-sm); color: var(--dg-neutral-600); }
@media (min-width: 768px) { .dg-marchi-griglia { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) { .dg-marchi-griglia { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dg-marchi-griglia__voce { min-height: 14rem; } }
@media (prefers-reduced-motion: reduce) { .dg-marchi-griglia__voce { transition: none; } }
/* Pagine dell'azienda: intestazione di pagina, "Come lavoriamo" (anche in home), servizi, territorio,
   contatti con modulo. Caricato nella home, in "Chi siamo e come lavoriamo" e in "Contatti"
   (functions.php). Solo token --dg-*; i pesi 100 e 200 dei titoli sono quelli di materiali/direzione.md. */

/* ---------- Intestazione di pagina: titolo grande a sinistra, testo a destra ---------- */
.dg-pagina { padding-top: var(--dg-space-4); }
.dg-intestazione { display: grid; gap: var(--dg-space-4); padding-block: var(--dg-space-4) var(--dg-space-5); }
.dg-intestazione__titolo { max-width: 14ch; margin: 0; font-size: var(--dg-display-2); font-weight: 100; line-height: 1; text-wrap: balance; }
.dg-intestazione__testo { max-width: 40rem; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-intestazione__testo > :last-child { margin-bottom: 0; }

/* ---------- Come lavoriamo: titolo e testo a sinistra, passi numerati a destra ---------- */
.dg-metodo__testa { display: grid; gap: var(--dg-space-3); align-content: start; height: 100%; }
.dg-metodo__titolo { margin: 0; font-size: var(--dg-display-4); }
.dg-metodo__testo { max-width: 30rem; margin-bottom: var(--dg-space-3); color: var(--dg-neutral-600); }
.dg-passi { display: grid; gap: var(--dg-space-4); list-style: none; margin: 0; padding: 0; }
.dg-passi__voce { padding-top: var(--dg-space-3); border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-passi__numero { display: block; margin-bottom: var(--dg-space-4); font-size: var(--dg-fs-sm); color: var(--dg-primary-700); }
.dg-passi__titolo { margin: 0 0 var(--dg-space-2); font-size: var(--dg-h3); }
.dg-passi__testo { margin: 0; color: var(--dg-neutral-600); }

/* ---------- Servizi: elenco a colonne tra filetti ---------- */
.dg-servizi { background: var(--dg-neutral-50); }
.dg-servizi__testo { max-width: 40rem; margin: calc(var(--dg-space-3) * -1) 0 var(--dg-space-5); font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-servizi__elenco { display: grid; gap: 0 var(--dg-space-5); list-style: none; margin: 0; padding: 0; }
.dg-servizi__voce { padding-block: var(--dg-space-4); border-top: var(--dg-border-width) solid var(--dg-neutral-300); }
.dg-servizi__titolo { margin: 0 0 var(--dg-space-2); font-size: var(--dg-h4); }
.dg-servizi__descrizione { margin: 0; color: var(--dg-neutral-600); }

/* ---------- Territorio ---------- */
.dg-territorio__titolo { max-width: 12ch; margin: 0; font-size: var(--dg-display-4); }
.dg-territorio__testo { max-width: 44rem; font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-territorio__testo > :last-child { margin-bottom: 0; }

/* ---------- Contatti ---------- */
.dg-contatti { padding-bottom: var(--dg-ss-md); }
.dg-contatti__titolo { margin: 0 0 var(--dg-space-4); font-size: var(--dg-h1); }
.dg-contatti__orari { margin-top: var(--dg-space-5); }
.dg-contatti__mappa { padding-bottom: var(--dg-ss-md); }
.dg-contatti__mappa .dg-facciata { border-radius: var(--dg-radius-xl); }
.dg-recapiti { margin: 0; border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-recapiti > div { display: grid; gap: var(--dg-space-1); padding-block: var(--dg-space-3); border-bottom: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-recapiti__nome { font-size: var(--dg-fs-sm); color: var(--dg-neutral-600); }
.dg-recapiti__valore { margin: 0; font-size: var(--dg-h4); font-weight: var(--dg-fw-light); line-height: 1.2; overflow-wrap: anywhere; }
.dg-recapiti__valore a:not(.dg-azione) { color: inherit; text-decoration: none; }
.dg-recapiti__valore a:not(.dg-azione):hover { color: var(--dg-primary-700); }
.dg-recapiti__valore address { font-style: normal; }
.dg-recapiti__indicazioni { margin-top: var(--dg-space-3); font-size: var(--dg-font-size-base); }
/* Gli orari hanno lo stesso aspetto della sezione "Il negozio" (assets/css/home.css). */
.dg-contatti .dg-orari { max-width: none; margin: 0; border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-contatti .dg-orari div { display: flex; justify-content: space-between; gap: var(--dg-space-3); padding-block: var(--dg-space-2); border-bottom: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-contatti .dg-orari dt { font-weight: var(--dg-fw-semibold); }
.dg-contatti .dg-orari dd { margin: 0; text-align: right; }

/* Modulo di contatto su fondo chiaro: campi a linea e invio come le altre azioni del sito.
   Si cambiano le variabili dello stile di base (inc/base/css/dg-cf7.css), non le sue regole. */
.dg-modulo .wpcf7 {
	--dg-cf7-gap: var(--dg-space-4);
	--dg-cf7-label-gap: 0;
	--dg-cf7-field-height: 3rem;
	--dg-cf7-field-padding-x: 0;
	--dg-cf7-field-bg: transparent;
	--dg-cf7-field-color: var(--dg-neutral-900);
	--dg-cf7-field-border: var(--dg-neutral-400);
	--dg-cf7-field-radius: 0;
	--dg-cf7-accent: var(--dg-neutral-900);
	--dg-cf7-focus-ring: transparent;
}
.dg-modulo .wpcf7-form label { font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-normal); color: var(--dg-neutral-600); }
.dg-modulo .wpcf7-form :is(input:not([type="checkbox"], [type="radio"], [type="submit"]), textarea) { font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); border-width: 0 0 var(--dg-border-width); }
.dg-modulo .wpcf7-form textarea { height: 8rem; }
.dg-modulo .wpcf7-form .wpcf7-submit { align-self: flex-start; width: auto; min-height: 0; padding: 0 0 var(--dg-space-1); color: var(--dg-neutral-900); font: inherit; font-weight: var(--dg-fw-semibold); letter-spacing: 0; text-transform: none; background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% 1px; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; transition: background-size var(--dg-duration-base) var(--dg-ease-standard); }
.dg-modulo .wpcf7-form .wpcf7-submit:hover { color: var(--dg-neutral-900); background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 100% 2px; }

/* ---------- Pagina non trovata: intestazione con le azioni, poi gli ambienti come uscite ---------- */
.dg-nontrovata { padding-bottom: var(--dg-ss-md); }
.dg-nontrovata__azioni { display: flex; flex-wrap: wrap; gap: var(--dg-space-3) var(--dg-space-5); margin-top: var(--dg-space-4); font-size: var(--dg-fs-base); }
.dg-nontrovata__stanze { margin-top: var(--dg-space-5); padding-top: var(--dg-space-4); border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-nontrovata__etichetta { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-normal); color: var(--dg-neutral-600); }
.dg-nontrovata__elenco { display: flex; flex-wrap: wrap; gap: var(--dg-space-2) var(--dg-space-5); margin: 0; padding: 0; list-style: none; }
.dg-nontrovata__elenco a { color: inherit; font-size: var(--dg-h2); font-weight: 200; line-height: var(--dg-lh-sm); text-decoration: none; transition: color var(--dg-duration-base) var(--dg-ease-standard); }
.dg-nontrovata__elenco a:hover { color: var(--dg-primary-700); }

@media (min-width: 768px) {
	.dg-passi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dg-passi--tre { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dg-servizi__elenco { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
	.dg-intestazione { grid-template-columns: 7fr 5fr; align-items: end; gap: var(--dg-space-5); }
	.dg-metodo__testa { align-content: space-between; }
	/* Nella colonna da 4/12 il titolo scende di un livello, come nella sezione delle stanze. */
	.dg-metodo__titolo { font-size: var(--dg-h2); }
	.dg-servizi__elenco { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
	.dg-passi--quattro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1400px) {
	.dg-metodo__titolo { font-size: var(--dg-display-5); }
}
/* Home (templates/home.php): apertura a rotazione, stanze, selezione dal catalogo, marchi,
   negozio, invito finale. Solo token --dg-*; i pesi 100 e 200 dei titoli non hanno un token
   e sono scritti qui (materiali/direzione.md). */

/* ---------- Apertura fotografica a piena pagina ---------- */
.dg-hero { position: relative; display: flex; align-items: flex-end; min-height: 100svh; color: var(--dg-white); background: var(--dg-neutral-900); }
.dg-hero__foto { position: absolute; inset: 0; overflow: hidden; }
/* Immagini sovrapposte: si vede solo quella attiva, in dissolvenza. */
.dg-hero__dia { position: absolute; inset: 0; opacity: 0; transition: opacity var(--dg-duration-slow) var(--dg-ease-standard); }
.dg-hero__dia.is-attiva { opacity: 1; }
.dg-hero__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
/* Velo sfumato: una fascia in alto per l'header e una sotto i testi. Su telefono sale dal basso. */
.dg-hero__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(var(--dg-black-rgb), .5), rgba(var(--dg-black-rgb), 0) 22%), linear-gradient(to top, rgba(var(--dg-black-rgb), .8), rgba(var(--dg-black-rgb), .55) 55%, rgba(var(--dg-black-rgb), 0) 85%); }
/* In basso i due blocchi (testi e card) distano dal bordo quanto ai lati: lo stesso margine di .dg-largo. */
.dg-hero__corpo { position: relative; display: grid; gap: var(--dg-space-4); padding-block: calc(var(--dg-space-6) + var(--dg-space-5)) var(--dg-space-4); }
.dg-hero__titolo { max-width: 15ch; text-wrap: balance; margin-bottom: var(--dg-space-3); font-size: var(--dg-display-1); font-weight: 100; line-height: 1.05; letter-spacing: -.01em; color: inherit; }
.dg-hero__testo { max-width: 32rem; margin-bottom: var(--dg-space-4); font-size: var(--dg-fs-lg); font-weight: var(--dg-fw-light); }
.dg-hero__azioni { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dg-space-3) var(--dg-space-5); }
/* Nome del prodotto in foto e comandi della rotazione: una card di vetro (.dg-vetro) sopra l'immagine. */
.dg-hero__comandi { display: grid; gap: var(--dg-space-3); padding: var(--dg-space-3) var(--dg-space-4); }
/* Logo del produttore e nome del prodotto, allineati a destra. Dei loghi si vede solo quello dell'immagine attiva. */
.dg-hero__info { display: grid; gap: var(--dg-space-2); justify-items: end; text-align: right; }
.dg-hero__marca { display: none; }
/* Lo spazio del logo e' fisso (quello dei loghi alti): cambiando immagine la card non cambia altezza. */
.dg-hero__marca.is-attiva { display: flex; align-items: flex-end; justify-content: flex-end; height: 3rem; }
.dg-hero__marca .dg-logo-marca { justify-content: flex-end; height: 2rem; }
.dg-hero__marca .dg-logo-marca svg { width: auto; max-width: 10rem; }
.dg-hero__marca .dg-logo-marca--alto { height: 3rem; }
.dg-hero__nota { margin: 0; font-size: var(--dg-fs-sm); }
.dg-hero__nota-link { color: inherit; text-underline-offset: .3em; }
.dg-hero__nota-link:hover { color: inherit; }
/* Comandi: solo le icone, e trattini al posto dei puntini. L'area da toccare resta ampia. */
/* Frecce, trattini e pausa: un blocco unico allineato a destra, diviso dalle informazioni da un filetto leggero.
   Le icone hanno un'area piu' larga del disegno: il margine negativo porta l'ultima a filo del testo sopra. */
.dg-hero__tasti { display: flex; align-items: center; justify-content: flex-end; padding-top: var(--dg-space-2); margin-bottom: calc(var(--dg-space-2) * -1); border-top: var(--dg-border-width) solid rgba(var(--dg-white-rgb), .2); }
.dg-hero__tasti > :last-child { margin-right: calc((2.75rem - 1.25rem) / -2); } /* meta' della differenza tra pulsante e icona */
.dg-hero__tasto { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; color: var(--dg-white); background: transparent; border: 0; opacity: .7; cursor: pointer; transition: opacity var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-hero__tasto:hover { opacity: 1; }
.dg-hero__tasto .dg-icona { width: 1.25rem; height: 1.25rem; }
.dg-hero__tasto .dg-hero__riprendi, .dg-hero__tasto.is-fermo .dg-hero__ferma { display: none; }
.dg-hero__tasto.is-fermo .dg-hero__riprendi { display: block; }
.dg-hero__punti { display: flex; align-items: center; padding-inline: var(--dg-space-2); }
.dg-hero__punto { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; padding: 0; background: transparent; border: 0; cursor: pointer; }
.dg-hero__punto::before { content: ""; width: 1rem; height: 1px; background: rgba(var(--dg-white-rgb), .5); transition: width var(--dg-duration-base) var(--dg-ease-standard), background var(--dg-duration-base) var(--dg-ease-standard); }
.dg-hero__punto[aria-current="true"]::before { width: 1.5rem; background: var(--dg-white); }
.dg-hero__tasto:focus-visible, .dg-hero__punto:focus-visible { outline: 2px solid var(--dg-white); outline-offset: 3px; }
.dg-hero .dg-azione:focus-visible, .dg-hero__nota-link:focus-visible { outline-color: var(--dg-white); }
@media (prefers-reduced-motion: reduce) { .dg-hero__dia, .dg-hero__punto::before { transition: none; } }

/* ---------- Le stanze: incastro non simmetrico di riquadri arrotondati ---------- */
.dg-stanze__testa { display: grid; gap: var(--dg-space-3); align-content: start; height: 100%; }
.dg-stanze__titolo { margin: 0; font-size: var(--dg-display-4); }
.dg-stanze__testo { max-width: 30rem; margin-bottom: var(--dg-space-3); color: var(--dg-neutral-600); }
.dg-mosaico { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--dg-space-2); list-style: none; margin: 0; padding: 0; }
.dg-mosaico__voce { aspect-ratio: 1; }
.dg-mosaico--incastro .dg-mosaico__voce--1 { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
.dg-mosaico--incastro .dg-mosaico__voce--2 { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.dg-mosaico--incastro .dg-mosaico__voce--5 { grid-column: 1 / -1; aspect-ratio: 21 / 9; }
.dg-stanza { position: relative; display: block; height: 100%; overflow: hidden; color: var(--dg-white); text-decoration: none; background: var(--dg-neutral-400); border-radius: var(--dg-radius-xl); }
.dg-stanza:hover { color: var(--dg-white); }
.dg-stanza__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform var(--dg-duration-slow) var(--dg-ease-standard); }
/* Al passaggio (e col fuoco da tastiera), come le card dei prodotti: l'immagine si avvicina appena e un
   velo scuro mostra l'icona al centro. Il nome resta sopra il velo. */
.dg-stanza__velo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--dg-white); background: rgba(var(--dg-black-rgb), .45); opacity: 0; transition: opacity var(--dg-duration-base) var(--dg-ease-standard); }
/* Nella fascia bassa (quinto riquadro) il centro e' occupato dal nome: l'icona, piu' piccola, sta in alto a destra. */
.dg-mosaico--incastro .dg-mosaico__voce--5 .dg-stanza__velo { align-items: flex-start; justify-content: flex-end; padding: var(--dg-space-3); }
.dg-mosaico--incastro .dg-mosaico__voce--5 .dg-stanza__velo .dg-icona { width: 1.75rem; height: 1.75rem; }
/* Sotto i 1200px la fascia e' troppo bassa per nome e icona insieme: resta solo il velo. */
@media (max-width: 1199.98px) { .dg-mosaico--incastro .dg-mosaico__voce--5 .dg-stanza__velo .dg-icona { display: none; } }
.dg-stanza__velo .dg-icona { width: 2.5rem; height: 2.5rem; transform: scale(.85); transition: transform var(--dg-duration-base) var(--dg-ease-standard); }
.dg-stanza:hover .dg-stanza__img, .dg-stanza:focus-visible .dg-stanza__img { transform: scale(1.05); }
.dg-stanza:hover .dg-stanza__velo, .dg-stanza:focus-visible .dg-stanza__velo { opacity: 1; }
.dg-stanza:hover .dg-stanza__velo .dg-icona, .dg-stanza:focus-visible .dg-stanza__velo .dg-icona { transform: none; }
@media (prefers-reduced-motion: reduce) { .dg-stanza__img, .dg-stanza__velo, .dg-stanza__velo .dg-icona { transition: none; } .dg-stanza:hover .dg-stanza__img, .dg-stanza:focus-visible .dg-stanza__img { transform: none; } }
/* Un velo in basso tiene leggibile il nome scritto sull'immagine. */
.dg-stanza::after { content: ""; position: absolute; inset: 50% 0 0 0; background: linear-gradient(to top, rgba(var(--dg-black-rgb), .6), rgba(var(--dg-black-rgb), 0)); }
.dg-stanza__nome { position: absolute; z-index: 1; left: var(--dg-space-3); bottom: var(--dg-space-3); max-width: calc(100% - 2 * var(--dg-space-3)); padding-bottom: var(--dg-space-1); font-size: var(--dg-fs-lg); background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px; transition: background-size var(--dg-duration-base) var(--dg-ease-standard); }
.dg-stanza:hover .dg-stanza__nome { background-size: 100% 1px; }
/* Il conteggio sta sotto il nome nei riquadri stretti, accanto in quelli larghi. */
.dg-stanza__conto { display: block; font-size: var(--dg-fs-sm); color: rgba(var(--dg-white-rgb), .75); }
@media (prefers-reduced-motion: reduce) { .dg-stanza__nome { transition: none; } }

/* Categorie: una riga di voci tra due filetti */
.dg-categorie { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: var(--dg-space-4) 0 0; padding: 0; border-block: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-categorie__voce { display: block; padding: var(--dg-space-3) var(--dg-space-2); color: inherit; font-size: var(--dg-fs-sm); text-align: center; text-decoration: none; }
.dg-categorie__voce:hover { color: var(--dg-primary-700); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .4em; }

/* ---------- Marchi: due file a scorrimento continuo, in direzioni opposte ---------- */
/* Solo CSS: ogni fila contiene l'elenco quattro volte e scorre di un quarto della propria larghezza. */
.dg-marchi { background: var(--dg-neutral-50); }
.dg-marchi__file { display: grid; gap: var(--dg-space-2); overflow: hidden; }
.dg-marchi__fila { display: flex; width: max-content; animation: dg-marchi-scorri calc(var(--dg-duration-slow) * 90) linear infinite; }
.dg-marchi__fila--inversa { animation-direction: reverse; }
.dg-marchi__file:hover .dg-marchi__fila, .dg-marchi__file:focus-within .dg-marchi__fila { animation-play-state: paused; }
.dg-marchi__gruppo { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.dg-marchio { display: flex; align-items: center; justify-content: center; padding: var(--dg-space-3) var(--dg-space-5); color: var(--dg-neutral-600); font-size: var(--dg-h3); font-weight: 200; text-decoration: none; white-space: nowrap; transition: color var(--dg-duration-fast) var(--dg-ease-standard); }
.dg-marchio:hover { color: var(--dg-neutral-900); }
/* Loghi: un solo colore e la stessa cella per tutti, cosi' un logo corto e uno lungo hanno la stessa presenza. */
.dg-marchio--logo { padding: var(--dg-space-4) var(--dg-space-5); color: var(--dg-neutral-500); }
.dg-marchio--logo .dg-logo-marca { width: 9.5rem; height: 2.75rem; }
/* Loghi alti (quasi quadrati): cella piu' alta e piu' stretta. */
.dg-marchio--logo .dg-logo-marca--alto { width: 6.5rem; height: 4.5rem; }
@keyframes dg-marchi-scorri { to { transform: translateX(-25%); } }
/* Chi ha chiesto meno movimento vede le file ferme e le scorre a mano. */
@media (prefers-reduced-motion: reduce) {
	.dg-marchi__fila { animation: none; }
	.dg-marchi__file { overflow-x: auto; }
}

/* ---------- Il negozio ---------- */
/* La foto principale ha un taglio 4/3 e detta l'altezza; le due piccole si dividono la colonna accanto. */
.dg-negozio__foto { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: var(--dg-space-2); }
.dg-negozio__foto--1 { grid-template-columns: 1fr; grid-template-rows: auto; }
.dg-negozio__figura { position: relative; min-height: 0; margin: 0; overflow: hidden; border-radius: var(--dg-radius-xl); }
.dg-negozio__figura:first-child { grid-row: 1 / -1; aspect-ratio: 4 / 3; }
.dg-negozio__foto--2 .dg-negozio__figura:last-child { grid-row: 1 / -1; }
.dg-negozio__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.dg-negozio__titolo { margin-bottom: var(--dg-space-3); font-size: var(--dg-display-5); }
.dg-negozio__testo { max-width: 32rem; margin-bottom: var(--dg-space-4); color: var(--dg-neutral-600); }
.dg-orari { max-width: 28rem; margin-bottom: var(--dg-space-4); border-top: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-orari div { display: flex; justify-content: space-between; gap: var(--dg-space-3); padding-block: var(--dg-space-2); border-bottom: var(--dg-border-width) solid var(--dg-neutral-200); }
.dg-orari dt { font-weight: var(--dg-fw-semibold); }
.dg-orari dd { margin: 0; text-align: right; }
.dg-negozio__azioni { display: flex; flex-wrap: wrap; gap: var(--dg-space-3) var(--dg-space-5); }

/* ---------- Invito finale: foto a tutta larghezza con il testo in una card di vetro ---------- */
/* Sta subito sopra il footer, senza margini: chiude la pagina come l'apertura l'ha aperta. La card
   dista dai bordi quanto il margine laterale della pagina. Senza foto resta il fondo scuro. */
.dg-invito { position: relative; display: flex; align-items: flex-end; min-height: 32rem; padding: var(--dg-space-4); overflow: hidden; background: var(--dg-neutral-800); }
.dg-invito__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.dg-invito__card { position: relative; display: grid; gap: var(--dg-space-4); max-width: 38rem; padding: var(--dg-space-4); }
/* Qui la card porta un testo lungo e la foto puo' essere chiara: il vetro e' piu' scuro che nell'apertura. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .dg-invito__card.dg-vetro { background: rgba(var(--dg-black-rgb), .45); } }
.dg-invito__titolo { margin-bottom: var(--dg-space-2); font-size: var(--dg-display-5); color: inherit; }
.dg-invito__testo { max-width: 36rem; margin: 0; }
.dg-invito__azione { margin: 0; }
.dg-invito .dg-azione:focus-visible { outline-color: var(--dg-white); }

@media (min-width: 768px) {
	.dg-hero__corpo { grid-template-columns: 1fr auto; align-items: end; }
	/* La card della rotazione sta a destra, a filo del margine della pagina. */
	.dg-hero__comandi { min-width: 17rem; }
	/* L'incastro a cinque, in ordine di superficie: 1 grande a sinistra su due righe, 2 largo in alto a
	   destra, 3 e 4 alti sotto il secondo, 5 fascia bassa sotto il primo. */
	.dg-mosaico--incastro { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1.15fr 1fr .7fr; aspect-ratio: 16 / 9; }
	.dg-mosaico--incastro .dg-mosaico__voce { aspect-ratio: auto; min-height: 0; }
	.dg-mosaico--incastro .dg-mosaico__voce--1 { grid-area: 1 / 1 / 3 / 2; }
	.dg-mosaico--incastro .dg-mosaico__voce--2 { grid-area: 1 / 2 / 2 / 4; }
	.dg-mosaico--incastro .dg-mosaico__voce--3 { grid-area: 2 / 2 / 4 / 3; }
	.dg-mosaico--incastro .dg-mosaico__voce--4 { grid-area: 2 / 3 / 4 / 4; }
	.dg-mosaico--incastro .dg-mosaico__voce--5 { grid-area: 3 / 1 / 4 / 2; }
	.dg-mosaico--incastro .dg-mosaico__voce--1 .dg-stanza__conto,
	.dg-mosaico--incastro .dg-mosaico__voce--2 .dg-stanza__conto,
	.dg-mosaico--incastro .dg-mosaico__voce--5 .dg-stanza__conto { display: inline; margin-left: var(--dg-space-2); }
	/* Con un numero diverso di ambienti: griglia regolare. */
	.dg-mosaico:not(.dg-mosaico--incastro) { grid-template-columns: repeat(3, 1fr); }
	.dg-mosaico:not(.dg-mosaico--incastro) .dg-mosaico__voce { aspect-ratio: 4 / 3; }
	/* Le categorie stanno su una riga quando c'e' posto, altrimenti vanno a capo al centro. */
	.dg-categorie { display: flex; flex-wrap: wrap; justify-content: center; }
	.dg-categorie li { flex: 1 1 auto; }
	.dg-categorie__voce { white-space: nowrap; }
	.dg-invito { min-height: 36rem; }
	.dg-invito__card { padding: var(--dg-space-5); }
}
@media (min-width: 992px) {
	/* Su schermo largo i testi stanno a sinistra: il velo parte da li' e lascia libera la foto a destra. */
	.dg-hero__foto::after { background: linear-gradient(to bottom, rgba(var(--dg-black-rgb), .5), rgba(var(--dg-black-rgb), 0) 22%), linear-gradient(to right, rgba(var(--dg-black-rgb), .8), rgba(var(--dg-black-rgb), .55) 38%, rgba(var(--dg-black-rgb), 0) 70%); }
	.dg-hero__corpo { padding-bottom: var(--dg-space-5); }
	/* Stanze: titolo in alto e invito in basso nella colonna di sinistra. */
	.dg-stanze__testa { align-content: space-between; }
	/* Nella colonna da 4/12 il titolo scende di un livello, cosi' la parola piu' lunga ci sta. */
	.dg-stanze__titolo { font-size: var(--dg-h2); }
	.dg-mosaico--incastro { aspect-ratio: 3 / 2; }
	.dg-invito { padding: var(--dg-space-5); }
}
@media (min-width: 1400px) {
	.dg-stanze__titolo { font-size: var(--dg-display-5); }
	.dg-stanza__nome { left: var(--dg-space-4); bottom: var(--dg-space-4); max-width: calc(100% - 2 * var(--dg-space-4)); }
}

/* ---------- Apertura fino a 768px: la card diventa una fascia sotto la foto ----------
   Foto e fascia insieme occupano l'altezza dello schermo: la foto e' meno alta e il suo taglio
   meno verticale. L'apertura diventa una griglia a due righe; il contenitore dei testi "sparisce"
   (display: contents), cosi' testi e card sono righe della griglia: i testi sopra la foto, la card sotto. */
@media (max-width: 768px) {
	.dg-hero { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; align-items: stretch; }
	.dg-hero__foto { position: relative; inset: auto; grid-area: 1 / 1; }
	.dg-hero__corpo { display: contents; }
	.dg-hero__testi { position: relative; grid-area: 1 / 1; align-self: end; padding: calc(var(--dg-space-6) + var(--dg-space-5)) var(--dg-space-4) var(--dg-space-4); }
	/* La fascia non sta sopra un'immagine: niente vetro, fondo pieno, scuro come il footer. */
	.dg-hero__comandi { grid-area: 2 / 1; min-width: 0; padding: var(--dg-space-3) var(--dg-space-4); background: var(--dg-neutral-900); border-radius: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
/* ============================================================
   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-50);background-color:var(--dg-primary-500)}
.hover-bg-primary-500:hover{background-color:var(--dg-primary-500)}
.active-bg-primary-500:active{background-color:var(--dg-primary-500)}
.text-primary-600{color:var(--dg-primary-600)}
.bg-primary-600{background-color:var(--dg-primary-600)}
.border-primary-600{border-color:var(--dg-primary-600)}
.text-bg-primary-600{color:var(--dg-primary-50);background-color:var(--dg-primary-600)}
.hover-bg-primary-600:hover{background-color:var(--dg-primary-600)}
.active-bg-primary-600:active{background-color:var(--dg-primary-600)}
.text-primary-700{color:var(--dg-primary-700)}
.bg-primary-700{background-color:var(--dg-primary-700)}
.border-primary-700{border-color:var(--dg-primary-700)}
.text-bg-primary-700{color:var(--dg-primary-50);background-color:var(--dg-primary-700)}
.hover-bg-primary-700:hover{background-color:var(--dg-primary-700)}
.active-bg-primary-700:active{background-color:var(--dg-primary-700)}
.text-primary-800{color:var(--dg-primary-800)}
.bg-primary-800{background-color:var(--dg-primary-800)}
.border-primary-800{border-color:var(--dg-primary-800)}
.text-bg-primary-800{color:var(--dg-primary-50);background-color:var(--dg-primary-800)}
.hover-bg-primary-800:hover{background-color:var(--dg-primary-800)}
.active-bg-primary-800:active{background-color:var(--dg-primary-800)}
.text-primary-900{color:var(--dg-primary-900)}
.bg-primary-900{background-color:var(--dg-primary-900)}
.border-primary-900{border-color:var(--dg-primary-900)}
.text-bg-primary-900{color:var(--dg-primary-50);background-color:var(--dg-primary-900)}
.hover-bg-primary-900:hover{background-color:var(--dg-primary-900)}
.active-bg-primary-900:active{background-color:var(--dg-primary-900)}
.text-neutral-50{color:var(--dg-neutral-50)}
.bg-neutral-50{background-color:var(--dg-neutral-50)}
.border-neutral-50{border-color:var(--dg-neutral-50)}
.text-bg-neutral-50{color:var(--dg-neutral-900);background-color:var(--dg-neutral-50)}
.hover-bg-neutral-50:hover{background-color:var(--dg-neutral-50)}
.active-bg-neutral-50:active{background-color:var(--dg-neutral-50)}
.text-neutral-100{color:var(--dg-neutral-100)}
.bg-neutral-100{background-color:var(--dg-neutral-100)}
.border-neutral-100{border-color:var(--dg-neutral-100)}
.text-bg-neutral-100{color:var(--dg-neutral-900);background-color:var(--dg-neutral-100)}
.hover-bg-neutral-100:hover{background-color:var(--dg-neutral-100)}
.active-bg-neutral-100:active{background-color:var(--dg-neutral-100)}
.text-neutral-200{color:var(--dg-neutral-200)}
.bg-neutral-200{background-color:var(--dg-neutral-200)}
.border-neutral-200{border-color:var(--dg-neutral-200)}
.text-bg-neutral-200{color:var(--dg-neutral-900);background-color:var(--dg-neutral-200)}
.hover-bg-neutral-200:hover{background-color:var(--dg-neutral-200)}
.active-bg-neutral-200:active{background-color:var(--dg-neutral-200)}
.text-neutral-300{color:var(--dg-neutral-300)}
.bg-neutral-300{background-color:var(--dg-neutral-300)}
.border-neutral-300{border-color:var(--dg-neutral-300)}
.text-bg-neutral-300{color:var(--dg-neutral-900);background-color:var(--dg-neutral-300)}
.hover-bg-neutral-300:hover{background-color:var(--dg-neutral-300)}
.active-bg-neutral-300:active{background-color:var(--dg-neutral-300)}
.text-neutral-400{color:var(--dg-neutral-400)}
.bg-neutral-400{background-color:var(--dg-neutral-400)}
.border-neutral-400{border-color:var(--dg-neutral-400)}
.text-bg-neutral-400{color:var(--dg-neutral-900);background-color:var(--dg-neutral-400)}
.hover-bg-neutral-400:hover{background-color:var(--dg-neutral-400)}
.active-bg-neutral-400:active{background-color:var(--dg-neutral-400)}
.text-neutral-500{color:var(--dg-neutral-500)}
.bg-neutral-500{background-color:var(--dg-neutral-500)}
.border-neutral-500{border-color:var(--dg-neutral-500)}
.text-bg-neutral-500{color:var(--dg-neutral-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.centroarredamentimaso.com/wp-content/themes/digival/generati/dg-colori.css */