.nav_bar{display:flex;align-items:center;position:fixed;z-index:100001;top:16px;background:#fff;box-shadow:0 6px 32px #0000003d;border-radius:16px;width:94px;height:94px;flex-direction:column;--left: 50%;left:var(--left);--offset: -487px;transform:translate(var(--offset))}.nav_bar_s1{width:94px;margin:12px auto 8px}.logo{transition:transform .3s var(--cubicBezier)}.logo:hover{transform:scale(1.05)}.nav_bar_s2{display:flex;align-items:center;justify-content:center;border-top:2px solid var(--grey1);width:100%;height:40px;border-radius:0 0 16px 16px;overflow:hidden}.home{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center;width:50%;border-right:1px solid var(--grey1)}.home:hover{background:var(--grey1)}.home_img{width:22px;height:22px;margin-top:-3px}.nav-search{display:flex;align-items:center;justify-content:center;font-size:100%;font-family:inherit;border:0;padding:0;background:none;cursor:pointer;width:50%}.nav-search:focus{outline:0}.nav-search:hover{background:var(--grey1)}@media (min-width: 104px) and (max-width: 763.99px){.nav_bar{--offset: 0;--left: 3px}}@media (min-width: 764px) and (max-width: 983.99px){.nav_bar{--offset: -377px}}@media (min-width: 984px) and (max-width: 1203.99px){.nav_bar{--offset: -487px}}@media (min-width: 1204px) and (max-width: 1313.99px){.nav_bar{--offset: -597px}}@media (min-width: 1314px) and (max-width: 1533.99px){.nav_bar{--offset: -652px}}@media (min-width: 1534px) and (max-width: 1863.99px){.nav_bar{--offset: -762px}}@media (min-width: 1864px){.nav_bar{--offset: -872px;width:204px;flex-direction:row}.nav_bar_s1{width:134px;margin:-2px auto 0}.nav_bar_s2{border-top:0;border-left:2px solid var(--grey1);flex-direction:column;height:100%;width:46px;border-radius:0 16px 16px 0}.home{height:50%;width:100%;border-right:0;border-bottom:1px solid var(--grey1)}.home_img{margin-top:0}.nav-search{height:50%;width:100%;border-left:0;border-top:1px solid var(--grey1)}}.search_img{height:21px;width:21px;margin-top:-2px}