div{box-sizing:border-box}.IndexHtmlNavBar{align-items:center;display:flex;height:76px;justify-content:space-between;padding:0 40px}@media (max-width:767px){.IndexHtmlNavBar{padding:0 24px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.IndexHtmlNavBar{padding:0 24px}}.IndexHtmlNavBar__QuickMenu{align-items:center;background-color:rgba(0,0,0,.25);border:1px solid var(--gray-400);border-radius:10px;display:flex;height:47px;padding:8px 12px;position:relative}@media (max-width:767px){.IndexHtmlNavBar__QuickMenu{padding:8px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.IndexHtmlNavBar__QuickMenu{padding:8px}}.IndexHtmlNavBar__Tabletlogo{height:100%;width:150px}#IndexHtmlNavBar__Tabletlogo{margin-right:1px;transition:opacity .25s linear}#IndexHtmlNavBar__Tabletlogo.hidden{opacity:0}#IndexHtmlNavBar__Tabletlogo.visible{opacity:1}.IndexHtmlNavBar__Avatar{background:50% no-repeat #fff;background-repeat:no-repeat;background-size:cover;border:1px solid #ccc;border-radius:80px;box-shadow:none;box-sizing:border-box;height:37px;margin-right:8px;overflow:hidden;width:37px}@media (max-width:767px){.IndexHtmlNavBar__Avatar{margin-right:0}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.IndexHtmlNavBar__Avatar{margin-right:0}}