/* The archive and Kubio pages share the same mobile header. */
.dda-theme-mobile-header{display:none}
:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle{display:none;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:#252d39;cursor:pointer;box-shadow:none;line-height:1}
:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle>svg{width:28px;height:28px}
:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle>.dda-menu-close-icon{display:none}
:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle[aria-expanded=true]>.dda-menu-open-icon{display:none}
:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle[aria-expanded=true]>.dda-menu-close-icon{display:block}
:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle:focus-visible{outline:2px solid #1b4fc6;outline-offset:3px}
@media(max-width:1024px){
 .dda-theme-desktop-navigation{display:none!important}
 .dda-theme-mobile-header{display:block}
 #demos-mobile-header-root{width:100%;max-width:1180px;margin:0 auto;position:relative;background:#fff;color:#252d39;font-family:Arial,Helvetica,sans-serif;text-align:left;overflow-wrap:anywhere}
 #demos-mobile-header-root *{box-sizing:border-box}
 :is(#demos-archive-root,#demos-mobile-header-root) header.dda-site-header{padding:24px 5%;margin:0;border:0;border-bottom:1px solid #dde3ec;background:#fff;color:#252d39;font-family:Arial,Helvetica,sans-serif;text-align:left}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .be-brandline{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;margin:0;padding:0}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-site-brand{display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:0;border:0;background:none;color:#252d39;text-decoration:none}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-site-brand>.be-logo{display:none}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-site-brand>span{min-width:0;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:.4px;text-transform:uppercase;overflow-wrap:anywhere}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-menu-toggle{display:flex;font:inherit}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-site-nav{display:none}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header.dda-menu-open .dda-site-nav{display:block}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .be-globalnav{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-wrap:nowrap;gap:0;padding:14px 0 0;margin:12px 0 0;border:0;border-top:1px solid #dde3ec;list-style:none;background:transparent}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .be-globalnav>li{flex:0 0 auto;width:auto;max-width:100%;margin:0;padding:0;border:0;list-style:none;background:transparent;font-size:16px}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .be-globalnav>li>a{display:block;min-height:44px;margin:0;padding:10px 0;border:0;background:transparent;color:#252d39;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;white-space:normal;text-align:left;text-decoration:none;box-sizing:border-box}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .be-globalnav>li>a:hover{color:#1b4fc6}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header a:focus-visible{outline:2px solid #1b4fc6;outline-offset:3px}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .be-globalnav>.menu-item-gtranslate{align-self:flex-start;width:175px;padding:10px 0;position:relative}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .menu-item-gtranslate>div{position:relative!important}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-language-selector{display:flex;align-items:center;justify-content:flex-start}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .menu-item-gtranslate img{display:inline-block;vertical-align:middle;max-width:100%}
 :is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .menu-item-gtranslate a{line-height:24px}
}
@media(max-width:480px){:is(#demos-archive-root,#demos-mobile-header-root) .dda-site-header .dda-site-brand{gap:10px}}