.vg-drawer-intro,.vg-drawer-subtitle{display:none}@media screen{header-drawer #menu-drawer{--color-background: 7, 24, 46;--color-foreground: 240, 248, 255;--color-link: 240, 248, 255;--gradient-background: none;color:#f0f8ff;background:radial-gradient(ellipse at 0 0,#431a4c 0,transparent 43%),radial-gradient(ellipse at 100% 8%,#073e52 0,transparent 42%),#07182e;border:1px solid #2e7186;border-bottom:0;box-shadow:0 -3px 18px #08c9ed20,0 -12px 45px #0008}header-drawer #menu-drawer:before{background:linear-gradient(90deg,#ff2e9d,#08c9ed);height:4px;width:44px;pointer-events:none}header-drawer #menu-drawer .menu-drawer__navigation{padding:6px 16px calc(24px + env(safe-area-inset-bottom,0px))}header-drawer #menu-drawer .menu-drawer__navigation:has(>.menu-drawer__menu.submenu-open)>.vg-drawer-intro{visibility:hidden}header-drawer #menu-drawer .vg-drawer-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:4px 4px 18px;border-bottom:1px solid #a0d4ed26}.vg-drawer-intro__eyebrow{margin:0 0 3px;color:#c7f92d;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}header-drawer .vg-drawer-intro h2{margin:0;color:#fff;font-family:var(--font-heading-family);font-size:29px;line-height:1.15}.vg-drawer-intro__copy{margin:5px 0 0;color:#b9cfdf;font-size:12px;line-height:1.4}header-drawer .vg-drawer-dismiss{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:12px;color:#fff;border:1px solid #6fb3ce80;border-radius:15px;background:#16354b;box-shadow:0 0 10px #08c9ed12}header-drawer .vg-drawer-dismiss .icon{width:20px;height:20px}header-drawer #menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li{--vg-menu-accent: #c7f92d;--vg-menu-rgb: 199, 249, 45;margin:0 0 9px}header-drawer #menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li:nth-child(4n+2){--vg-menu-accent: #36dafa;--vg-menu-rgb: 54, 218, 250}header-drawer #menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li:nth-child(4n+3){--vg-menu-accent: #ff79be;--vg-menu-rgb: 255, 121, 190}header-drawer #menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li:nth-child(4n){--vg-menu-accent: #ffe361;--vg-menu-rgb: 255, 227, 97}header-drawer #menu-drawer :is(.menu-drawer__navigation>.menu-drawer__menu>li>a,.menu-drawer__navigation>.menu-drawer__menu>li>details>summary){display:flex;align-items:center;gap:13px;min-height:61px;padding:9px 44px 9px 12px;border:1px solid rgba(var(--vg-menu-rgb),.23);border-radius:18px;background:linear-gradient(110deg,rgba(var(--vg-menu-rgb),.08),#0b243c 65%);color:#f0f8ff;font-size:16px;font-weight:650;opacity:1;box-shadow:inset 0 1px #ffffff08}header-drawer #menu-drawer :is(.menu-drawer__navigation>.menu-drawer__menu>li>a,.menu-drawer__navigation>.menu-drawer__menu>li>details>summary)>.custom-icon{--color-icon: var(--vg-menu-rgb);position:static;flex:0 0 39px;width:39px;height:39px;padding:8px;border:1px solid rgba(var(--vg-menu-rgb),.3);border-radius:12px;color:var(--vg-menu-accent);background:rgba(var(--vg-menu-rgb),.09);filter:drop-shadow(0 0 5px rgba(var(--vg-menu-rgb),.12))}header-drawer #menu-drawer .menu-drawer__navigation>.menu-drawer__menu>li>details>summary .icon-caret{inset-inline-end:18px;color:var(--vg-menu-accent);width:12px}header-drawer #menu-drawer .menu-drawer__first-secondary-link:before{margin:16px 5px;border-color:#89abc52e}header-drawer #menu-drawer :is(.menu-drawer__navigation>.menu-drawer__menu>li>a,.menu-drawer__navigation>.menu-drawer__menu>li>details>summary).menu-drawer__menu-item--active{color:#c7f92d;box-shadow:inset 3px 0 #c7f92d}header-drawer #menu-drawer .menu-drawer__submenu{color:#f0f8ff;background:#07182e}header-drawer #menu-drawer .menu-drawer__inner-submenu{padding:0 14px calc(24px + env(safe-area-inset-bottom,0px))}body header-drawer #menu-drawer .menu-drawer__close-button{position:sticky;top:0;z-index:3;width:100%;min-height:58px;gap:7px;margin:0 0 14px;padding:12px!important;border:1px solid #357b90!important;border-radius:0 0 17px 17px!important;background:linear-gradient(110deg,#162d4b,#0b3b4b)!important;color:#e5f8ff!important;font-size:13px;box-shadow:0 6px 16px #0004!important}header-drawer #menu-drawer .menu-drawer__close-button .icon-arrow{width:20px;flex:0 0 20px;margin:0 3px 0 0}header-drawer #menu-drawer .vg-drawer-subtitle{display:block;margin-inline-start:auto;color:#c7f92d;font-size:19px;font-family:var(--font-heading-family);line-height:1.15}header-drawer #menu-drawer .menu-drawer__promo-container{padding:0}header-drawer #menu-drawer .menu-drawer__submenu .menu-drawer__menu-item{color:#eef8ff;min-height:48px;border-radius:12px}header-drawer #menu-drawer .menu-drawer__utility-links{background:#081b30;border-color:#89abc526}header-drawer #menu-drawer .menu-drawer__utility-links:not(:has(a,button,localization-form)){display:none}header-drawer #menu-drawer :is(a,button,summary):focus-visible{outline:2px solid #36dafa!important;outline-offset:-3px!important}header-drawer #menu-drawer :is(.menu-drawer__menu-item,.promo-card--text-container):active{background-color:#1b3d55}header-drawer #menu-drawer .menu-drawer__submenu:has(.vg-menu-columns){--color-background: 246, 250, 253;--color-foreground: 7, 30, 57;--color-heading: 7, 30, 57;--color-link: 7, 30, 57;color:#071e39;background:#f6fafd}body header-drawer #menu-drawer .menu-drawer__submenu:has(.vg-menu-columns) .menu-drawer__close-button{min-height:58px;margin-bottom:12px;border-color:#cee3ee!important;background:linear-gradient(110deg,#fff,#eafaff)!important;color:#071e39!important;box-shadow:0 4px 12px #071e3910!important}header-drawer #menu-drawer .menu-drawer__submenu:has(.vg-menu-columns) .vg-drawer-subtitle{color:#071e39;font-size:22px}header-drawer #menu-drawer .vg-menu-columns{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}header-drawer #menu-drawer .vg-menu-columns__grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:8px;padding:0}header-drawer #menu-drawer .vg-menu-columns__item{margin:0}header-drawer #menu-drawer .vg-menu-columns__link{grid-template-columns:auto minmax(0,1fr) 18px;gap:10px;min-height:92px;padding:11px 10px;border:1px solid #dce7ef;border-radius:14px;background:#fff;color:#071e39;box-shadow:0 2px 5px #071e3905}header-drawer #menu-drawer .vg-menu-columns__media{--vg-shelf-height: 64px;grid-template-columns:16px 64px;gap:5px}header-drawer #menu-drawer .vg-menu-columns__media:before{width:16px;height:23px}header-drawer #menu-drawer .vg-menu-columns__title{font-size:23px;line-height:1.16}header-drawer #menu-drawer .vg-menu-columns__arrow{width:18px}header-drawer #menu-drawer .vg-menu-columns__link:is(:hover,:active,[aria-current=page]){background:#eafaff;border-color:var(--vg-menu-accent)}header-drawer #menu-drawer .vg-menu-columns :is(a,button):focus-visible{outline:2px solid #087d9b!important;outline-offset:-3px!important}header-drawer #menu-drawer .vg-menu-columns__footer{margin-top:12px;padding:8px;border:1px solid #d6eaf2;border-radius:14px;background:#eaf8fe}header-drawer #menu-drawer .vg-menu-columns__caption{display:none}header-drawer #menu-drawer .vg-menu-columns__all{flex:1 1 0;min-width:0;min-height:48px;padding:5px 4px;gap:10px;font-size:22px}header-drawer #menu-drawer .vg-menu-columns__all>span:first-child{flex:1;min-width:0}header-drawer #menu-drawer .vg-menu-columns__all:before{width:16px;height:23px}}@media screen and (min-width:750px){header-drawer #menu-drawer{border-width:0 1px 0 0;box-shadow:3px 0 18px #08c9ed20,12px 0 45px #0008}header-drawer #menu-drawer:before{display:none}header-drawer #menu-drawer .menu-drawer__navigation{padding-top:24px}}@media screen and (hover:hover)and (pointer:fine){header-drawer #menu-drawer :is(.menu-drawer__navigation>.menu-drawer__menu>li>a,.menu-drawer__navigation>.menu-drawer__menu>li>details>summary):hover{border-color:rgba(var(--vg-menu-rgb),.65);box-shadow:inset 3px 0 0 var(--vg-menu-accent),0 0 12px rgba(var(--vg-menu-rgb),.1)}header-drawer .vg-drawer-dismiss:hover{background:#214962;border-color:#36dafa}}@media screen and (prefers-reduced-motion:reduce){header-drawer #menu-drawer :is(a,button,summary){transition:none}}@media screen and (forced-colors:active){header-drawer #menu-drawer,header-drawer #menu-drawer :is(.menu-drawer__submenu,.menu-drawer__menu-item,.menu-drawer__close-button,.promo-card--text,.vg-drawer-dismiss){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/villago-mobile-menu.css.map */