@-webkit-keyframes a9{0%{opacity:.6;-webkit-transform:translate(-20px);transform:translate(-20px);height:25px}50%{opacity:.6;-webkit-transform:translate(20px);transform:translate(20px);height:25px}to{-webkit-transform:translate(-20px);transform:translate(-20px);opacity:.6;height:25px}}@keyframes a9{0%{opacity:.6;-webkit-transform:translate(-20px);transform:translate(-20px);height:25px}50%{opacity:.6;-webkit-transform:translate(20px);transform:translate(20px);height:25px}to{-webkit-transform:translate(-20px);transform:translate(-20px);opacity:.6;height:25px}}.scrollable-navbar__sticky{display:-webkit-box;display:-ms-flexbox;display:flex;position:sticky;top:var(--header-section-height, 120px);z-index:49}.scrollable-navbar__sticky .scrollable-navbar__container{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;scrollbar-width:none}.scrollable-navbar__sticky .scrollable-navbar__container::-webkit-scrollbar{display:none}.scrollable-navbar__sticky .scrollable-navbar__container .scrollable-navbar__item{text-align:center;margin-top:auto;margin-bottom:auto;padding:5px;font-size:16px;line-height:1.4;letter-spacing:.5px}.scrollable-navbar__sticky .scrollable-navbar{width:100%;position:relative}.scrollable-navbar__sticky .scrollable-navbar--arrows-loading .scrollable-navbar__arrow{visibility:hidden}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container{border-radius:4px;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);box-shadow:0 0 5px #0000001a}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container .scrollable-navbar__item{background:#fff;font-weight:600;border:10px solid var(--color-border);position:relative;color:inherit}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container .scrollable-navbar__item.active{z-index:2}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container .scrollable-navbar__item.active:after{content:"";position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);box-shadow:0 0 5px #0000001a;background-color:#e4d8bf;border-radius:4px;z-index:-1}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container a:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container a:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container a:not(:last-child){border-right:0}.scrollable-navbar__sticky .scrollable-navbar--dark{padding:10px 0}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item{color:#fff;-webkit-transition:all 2s ease;transition:all 2s ease;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item:after{content:"";width:0px;height:1px;display:block;background:#fff;-webkit-transition:.3s;transition:.3s;position:relative;top:-5px}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item.active:after,.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item:hover:after{width:100%}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item--background-active{position:relative;-webkit-transition:none;transition:none}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item--background-active.active{font-weight:700}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item--background-active.active:before{content:"";background:-webkit-gradient(linear,left top,right top,from(#315832),to(#264827));background:linear-gradient(90deg,#315832,#264827);height:calc(100% + 20px);width:120%;-webkit-transform:translate(-10%,-15px);transform:translate(-10%,-15px);position:absolute;z-index:-1;border-radius:4px 4px 0;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.1);box-shadow:0 0 5px #0000001a}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container .scrollable-navbar__item--background-active.active:after{display:none}@media screen and (max-width:1067px){.scrollable-navbar__sticky .scrollable-navbar{overflow-x:scroll;scrollbar-width:none}.scrollable-navbar__sticky .scrollable-navbar::-webkit-scrollbar{display:none}.scrollable-navbar__sticky .scrollable-navbar .scrollable-navbar__container{border-bottom-right-radius:0;border-top-right-radius:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scrollable-navbar__sticky .scrollable-navbar .scrollable-navbar__container .scrollable-navbar__item{white-space:nowrap;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container{gap:30px;min-width:100%}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container .scrollable-navbar__item{padding:5px 35px}.scrollable-navbar__sticky .scrollable-navbar__arrow{display:none}}@media screen and (max-width:768px){.scrollable-navbar__sticky .scrollable-navbar[data-arrow-active=true] .scrollable-navbar__container{overflow-x:auto;scroll-behavior:smooth;white-space:nowrap}.scrollable-navbar__sticky .scrollable-navbar.arrow-animation:after{content:"";width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c4baa6)) center/ calc(100% - 30px) 10px,conic-gradient(from -136deg at right,#0000,#c4baa6 1deg 90deg,#0000 91deg) right/15px 100%,conic-gradient(from 44deg at left,#0000,#c4baa6 1deg 90deg,#0000 91deg) left/15px 100%;background:linear-gradient(#c4baa6 0 0) center/ calc(100% - 30px) 10px,conic-gradient(from -136deg at right,#0000,#c4baa6 1deg 90deg,#0000 91deg) right/15px 100%,conic-gradient(from 44deg at left,#0000,#c4baa6 1deg 90deg,#0000 91deg) left/15px 100%;background-repeat:no-repeat;-webkit-animation:a9 1.5s 4s 2 linear alternate;animation:a9 1.5s 4s 2 linear alternate;position:absolute;top:75px;right:40%;opacity:0;height:0px}.scrollable-navbar__sticky .scrollable-navbar--dark .scrollable-navbar__container{min-width:unset}.scrollable-navbar__sticky .scrollable-navbar--light .scrollable-navbar__container .scrollable-navbar__item{padding:5px 22px}.scrollable-navbar__sticky .scrollable-navbar__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;background-color:var(--color-arrow-bg);color:var(--color-arrow);border-radius:50%;width:32px;height:32px;z-index:10}.scrollable-navbar__sticky .scrollable-navbar__arrow--next{right:5px}.scrollable-navbar__sticky .scrollable-navbar__arrow--back{left:5px}.scrollable-navbar__sticky .scrollable-navbar__arrow[hidden]{display:none}}@media screen and (max-width:1067px){.scrollable-navbar__sticky{top:var(--header-section-height, 120px)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-scrollable-navbar-scroll.css.map */