.header__icon--menu{position:initial}.js menu-drawer>details>summary:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100vh;background:#0033664d;opacity:0;visibility:hidden;z-index:2;transition:opacity 1s ease}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1}.menu-drawer{position:absolute;left:0;top:100%;width:100vw;height:auto;max-height:80vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;transform:translateY(-100%);visibility:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),visibility .6s ease;border-bottom:2px solid #008CA8;border-radius:0 0 30px 30px;box-shadow:0 20px 40px #0033661a;display:flex;flex-direction:column}.js details[open].menu-opening>.menu-drawer{transform:translateY(0);visibility:visible}.menu-drawer__inner-container{padding:2rem 0;display:flex;flex-direction:column}.menu-drawer__navigation{padding:0}.menu-drawer__menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.menu-drawer__menu-item{padding:2rem 3rem;width:100%;text-align:center;text-decoration:none;font-size:2rem;font-weight:600;color:#036;letter-spacing:.1rem;text-transform:uppercase;transition:all .3s ease;position:relative;opacity:0;transform:translateY(-10px)}.js details[open].menu-opening .menu-drawer__menu-item{opacity:9;transform:translateY(0);transition:opacity .5s ease forwards,transform .5s ease forwards}.menu-drawer__menu li:nth-child(1) .menu-drawer__menu-item{transition-delay:.1s}.menu-drawer__menu li:nth-child(2) .menu-drawer__menu-item{transition-delay:.2s}.menu-drawer__menu li:nth-child(3) .menu-drawer__menu-item{transition-delay:.3s}.menu-drawer__menu li:nth-child(4) .menu-drawer__menu-item{transition-delay:.4s}.menu-drawer__menu-item:hover{color:#008ca8;background-color:#008ca80d}.menu-drawer__menu-item--active{color:#008ca8}.menu-drawer__utility-links{background-color:#f5f5f7;padding:2rem;display:flex;justify-content:center;gap:3rem;border-radius:0 0 30px 30px}.menu-drawer__account{color:#036;font-weight:700;font-size:1.4rem;display:flex;align-items:center;gap:1rem}.menu-drawer__account:hover{color:#008ca8}.menu-drawer .list-social__link{color:#036;padding:1rem;transition:transform .3s ease}.menu-drawer .list-social__link:hover{color:#008ca8;transform:scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-menu-drawer.css.map */