.menu-sticky-menu{position:sticky;height:64px;transition:transform .1s ease-in-out .1s,opacity 50ms ease-in-out .2s;z-index:1}@media (max-width:768px){.menu-sticky-menu{inset-block-start:0}.sticky-menu-content{display:grid;grid-template-columns:100%}.menu-sticky-menu .show-on-mobile{display:block}.menu-sticky-menu .show-on-desktop{display:none}.menu-sticky-submenu{transform:translateY(-100%);opacity:0}}.sticky-menu-content{background-color:var(--menu-bg-color);width:100%;position:relative}@media (min-width:768px){.menu-sticky-menu{inset-block-start:4rem}.sticky-menu-content{display:grid;grid-template-columns:calc(100% - 19rem) 280px}.menu-sticky-menu .show-on-mobile{display:none}.menu-sticky-menu .show-on-desktop{display:block}}.menu-sticky-menu[data-is-visible=true]{opacity:1;height:auto;box-shadow:var(--md-shadow-medium)}.menu-sticky-menu:before{content:"";top:-4px;border-block-end:1px solid var(--cb-color-border);width:100%;height:4px;position:absolute;inset-inline-start:0}.menu-sticky-menu-content{background:var(--menu-bg-color)}.menu-sticky-menu-content,.menu-sticky-submenu{transition:background-color .15s linear;padding:16px 8px}.menu-sticky-submenu{background:var(--submenu-bg-color);transition:transform .15s linear,background-color .15s linear}.menu-sticky-submenu[data-is-visible=true]{transform:translateY(0);opacity:1}