:root{--submenu-bg-color: #D8D4FF;--submenu-active-color: #601EE3;--submenu-inactive-color: #353A42;--submenu-button-bg: #7337FC;--submenu-button-hover-bg: #5f2bd4;--submenu-button-text: #F8F9FB;--submenu-chevron-color: #6C7380;--submenu-shadow-color: rgba(20, 19, 20, .1);--submenu-font-family: "OMR Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--submenu-menu-font-size: 20px;--submenu-button-font-size: 16px;--submenu-active-font-weight: 700;--submenu-inactive-font-weight: 400;--submenu-line-height: 1.4}.sticky-submenu-wrapper{position:relative;z-index:10;width:100%}.sticky-submenu{background:var(--submenu-bg-color);transition:all .3s ease;z-index:9999;width:100%;box-sizing:border-box;overflow:visible;min-height:0;height:auto}.sticky-submenu--stuck{position:fixed;top:0;left:0;right:0;box-shadow:0 5px 11px 0 var(--submenu-shadow-color)}.sticky-submenu__container{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;gap:32px;width:100%;overflow:visible;min-height:0;height:auto}.sticky-submenu__navigation{display:flex;align-items:center;flex:1;gap:16px;overflow:visible;min-width:0;height:auto;position:relative}.sticky-submenu__list{display:flex;align-items:center;justify-content:flex-start;gap:64px;list-style:none;margin:0;padding:0 20px 0 0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;position:relative;min-width:0;height:fit-content;max-height:none;flex-wrap:nowrap}.sticky-submenu__list:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,var(--submenu-bg-color));pointer-events:none;opacity:0;transition:opacity .3s ease}.sticky-submenu__navigation:has(.sticky-submenu__chevron[style*=flex]) .sticky-submenu__list:after{opacity:1}.sticky-submenu__list::-webkit-scrollbar{display:none}.sticky-submenu__item{flex-shrink:0;flex-grow:0;position:relative;display:flex;align-items:center;justify-content:center;margin:0;white-space:nowrap;min-width:max-content;padding:0}.sticky-submenu__link{position:relative;display:block;text-decoration:none;color:var(--submenu-inactive-color);font-family:var(--submenu-font-family);font-size:var(--submenu-menu-font-size);font-weight:var(--submenu-inactive-font-weight);line-height:var(--submenu-line-height);transition:color .2s ease,font-weight .2s ease,text-decoration .2s ease;white-space:nowrap;padding:6px 0;cursor:pointer}li.sticky-submenu__item{flex:1}.sticky-submenu__link:hover{color:var(--submenu-active-color);transform:translateY(-1px);text-decoration:none}.sticky-submenu__link:focus{outline:none}.sticky-submenu__link--active{color:var(--submenu-active-color);font-weight:var(--submenu-active-font-weight);text-decoration:underline;text-decoration-color:var(--submenu-active-color);text-decoration-thickness:2px;text-underline-offset:4px}.sticky-submenu__text{font-size:inherit;line-height:inherit}.sticky-submenu__indicator{position:absolute;bottom:-16px;left:50%;width:130px;height:2px;background:var(--submenu-active-color);border-radius:999px;opacity:0;transform:translate(-50%) scaleX(.8);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;pointer-events:none;box-shadow:0 1px 3px #601ee333}.sticky-submenu__link--active .sticky-submenu__indicator{opacity:1;transform:translate(-50%) scaleX(1)}.sticky-submenu__link:hover .sticky-submenu__indicator{opacity:.5}.sticky-submenu__link--active:hover .sticky-submenu__indicator{opacity:1}@keyframes indicator-slide{0%{transform:translate(-100%) scaleX(.8);opacity:.7}50%{transform:translate(-50%) scaleX(1.1);opacity:.9}to{transform:translate(-50%) scaleX(1);opacity:1}}@keyframes indicator-fade-in{0%{opacity:0;transform:translate(-50%) scaleX(.5)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes indicator-slide-rtl{0%{transform:translate(0) scaleX(.8);opacity:.7}50%{transform:translate(-50%) scaleX(1.1);opacity:.9}to{transform:translate(-50%) scaleX(1);opacity:1}}@keyframes indicator-slide-ltr{0%{transform:translate(-100%) scaleX(.8);opacity:.7}50%{transform:translate(-50%) scaleX(1.1);opacity:.9}to{transform:translate(-50%) scaleX(1);opacity:1}}@keyframes indicator-bounce{0%,to{transform:translate(-50%) scaleX(1)}50%{transform:translate(-50%) scaleX(1.05)}}.sticky-submenu__link--active .sticky-submenu__indicator.animate{animation:indicator-slide .4s cubic-bezier(.215,.61,.355,1) forwards}.sticky-submenu__link--active .sticky-submenu__indicator.animate-rtl{animation:indicator-slide-rtl .4s cubic-bezier(.215,.61,.355,1) forwards}.sticky-submenu__link--active .sticky-submenu__indicator.animate-ltr{animation:indicator-slide-ltr .4s cubic-bezier(.215,.61,.355,1) forwards}.sticky-submenu__link--active .sticky-submenu__indicator.fade-in{animation:indicator-fade-in .3s ease-out forwards}.sticky-submenu__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:40px;margin:0;opacity:.9;transition:opacity .2s ease,transform .3s ease;cursor:pointer;position:relative;background:linear-gradient(to right,transparent,var(--submenu-bg-color) 30%);z-index:1}.sticky-submenu__chevron:hover{opacity:1;transform:translate(2px)}.sticky-submenu__chevron svg{width:24px;height:24px;display:block;filter:drop-shadow(0px 1px 1px rgba(0,0,0,.1))}.sticky-submenu__chevron svg path{stroke:var(--submenu-chevron-color);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease,stroke-width .2s ease}.sticky-submenu__chevron:hover svg{animation:chevron-pulse 1.5s infinite ease-in-out}@keyframes chevron-pulse{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}.sticky-submenu--stuck .sticky-submenu__chevron svg path{stroke-width:1.5px}.sticky-submenu__chevron:focus{outline:none;box-shadow:0 0 0 2px #601ee34d;border-radius:4px}.sticky-submenu__chevron:active svg{transform:scale(.95)}.sticky-submenu__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:6px}.sticky-submenu__icon img{width:100%;height:100%;object-fit:contain}.sticky-submenu__cta{flex-shrink:0}.sticky-submenu__button{display:inline-flex;align-items:center;justify-content:center;background:var(--submenu-button-bg);color:var(--submenu-button-text);text-decoration:none;font-family:var(--submenu-font-family);font-size:var(--submenu-button-font-size);font-weight:var(--submenu-active-font-weight);line-height:var(--submenu-line-height);height:40px;padding:0 12px;border-radius:4px;transition:all .2s ease;white-space:nowrap;border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a}.sticky-submenu__button:hover{opacity:.95}.sticky-submenu__button:active{background:#52c;transform:translateY(0);box-shadow:0 1px 2px #0000001a}@media (min-width: 1025px){.sticky-submenu__container{max-width:1440px;padding:24px 60px}}@media (max-width: 768px){.sticky-submenu{padding:16px 20px}.sticky-submenu__container{gap:16px;max-width:100%}.sticky-submenu__navigation{gap:16px}.sticky-submenu__list{gap:32px;padding:0 20px 0 0}}@media (min-width: 769px) and (max-width: 1024px){.sticky-submenu{padding:20px 40px}.sticky-submenu__container{gap:24px;max-width:100%}.sticky-submenu__navigation{gap:24px}.sticky-submenu__list{gap:48px}}@media screen and (max-width: 640px){.sticky-submenu__button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/section-sticky-submenu.css.map */