.nav-overlay.closed{display:none}.nav-overlay.open{position:fixed;top:3.5rem;width:100vw;height:calc(100vh - 3.5rem);box-sizing:border-box;display:flex;flex-direction:column;z-index:8;background-color:#fff}@media (min-width: 71.25rem){.nav-overlay.open{display:none}}@media (max-width: 30rem){.nav-overlay.open{height:calc(100vh - 3rem);top:3rem}}.nav-overlay.open .nav-main{flex:1;display:flex;align-self:stretch;align-items:center;justify-content:center}.nav-overlay.open .nav-main .nav-overlay-menu{display:inline-flex;flex-direction:column;align-items:center;gap:3.125rem}.nav-overlay.open .nav-main .nav-overlay-menu span{text-align:center;font-variant-numeric:lining-nums proportional-nums;font-family:Diatype-Extended;font-size:2.6875rem;font-style:normal;font-weight:500;line-height:120%;text-transform:uppercase}.nav-overlay.open .nav-main .nav-overlay-menu span a{text-decoration:none;color:#000}.nav-overlay.open .nav-main .nav-overlay-menu span a:hover{color:#9f9f9f}.nav-overlay.open .nav-footer{display:flex;align-self:stretch;height:3rem;padding:1.25rem 2.5rem;justify-content:space-between;align-items:center;flex-shrink:0;box-sizing:border-box;border-top:1px solid #DFDFDF}.nav-overlay.open .nav-footer .nav-footer-dropdown-container{display:flex;align-items:flex-start;gap:1.25rem}.nav-overlay.open .nav-footer .nav-footer-dropdown-container ul{bottom:0;margin-bottom:-.5rem;margin-top:0}.nav-overlay.open .nav-footer .nav-footer-icons-container{display:flex;align-items:center;justify-content:center;gap:1.25rem}.nav-overlay.open .nav-footer .nav-footer-icons-container a{display:flex;align-items:center}.nav-overlay.open .nav-footer .nav-footer-icons-container .login-button{display:flex;padding:.375rem .625rem;align-items:center;gap:.625rem;cursor:pointer;box-sizing:border-box;border:1px solid #DFDFDF;background:#FFF;color:#000;font-variant-numeric:lining-nums proportional-nums;font-family:Diatype;font-size:.9375rem;font-style:normal;font-weight:400;line-height:120%}.nav-overlay.open .nav-footer .nav-footer-icons-container .login-button:hover{border:1px solid #000000}.nav-overlay.open .nav-footer .navmenu-icon-with-counter,.nav-overlay.open .nav-footer .navmenu-icon-with-counter a{display:flex;align-items:center}.nav-overlay.open .nav-footer .navmenu-icon-with-counter span{color:#000;font-variant-numeric:lining-nums proportional-nums;font-family:Diatype;font-size:.9375rem;font-style:normal;font-weight:400;line-height:120%}.nav-overlay.open .nav-footer .navmenu-icon-with-counter#favorites-with-counter{gap:.375rem}