.yx-home-menu-toggle,.yx-home-mobile-menu{display:none}@media screen and (max-width:980px){body.yxs-home-active .yxs-head__in{position:relative}body.yxs-home-active .yx-home-menu-toggle{position:absolute;left:0;top:50%;z-index:3;display:inline-flex;width:36px;height:36px;padding:8px;border:0;border-radius:9px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}body.yxs-home-active .yx-home-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#fff;transition:transform .18s ease,opacity .18s ease}body.yxs-home-active .yx-home-menu-toggle{transform:translateY(-50%)}body.yxs-home-active .yx-home-menu-toggle:focus-visible{outline:2px solid #4ee7f2;outline-offset:2px}body.yxs-home-active .yx-home-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}body.yxs-home-active .yx-home-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}body.yxs-home-active .yx-home-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body.yxs-home-active .yxs-logo{margin-left:44px}body.yxs-home-active .yx-home-mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:42;display:block;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);background:#0b0d12fa;box-shadow:0 18px 36px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.yxs-home-active .yx-home-mobile-menu[hidden]{display:none!important}body.yxs-home-active .yx-home-mobile-menu__in{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:12px 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.yxs-home-active .yx-home-mobile-menu a{display:flex;align-items:center;min-height:42px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff09;color:#f7f9fc!important;text-decoration:none!important;font-size:13px;font-weight:800}body.yxs-home-active .yx-home-mobile-menu a:hover,body.yxs-home-active .yx-home-mobile-menu a:focus-visible{border-color:#4ee7f26b;background:#4ee7f214}}@media screen and (max-width:420px){body.yxs-home-active .yx-home-mobile-menu__in{width:min(100% - 24px,1160px)}}@media(prefers-reduced-motion:reduce){body.yxs-home-active .yx-home-menu-toggle span{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/yontorix-home-mobile-menu.css.map */