[role=main] .shopify-section.floating-navigator-section{display:contents;background-color:#fff;width:100%}.floating-navigator{display:flex;width:100%;max-width:100%;left:0;position:sticky;top:0;z-index:50;margin:0;padding:18px 0;justify-content:center;align-items:center;background-color:#fff;transition:background-color .5s cubic-bezier(.4,0,.2,1);will-change:background-color}.floating-navigator.is-sticky{background-color:#fff0!important;pointer-events:none}.floating-navigator.is-sticky .navigator-container{pointer-events:auto}.navigator-container{border-radius:360px;display:flex;padding:8px;align-items:center;justify-content:center;gap:16px;max-width:800px;margin:0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;white-space:nowrap}.navigator-link{padding:10px 16px;font-size:12px;letter-spacing:.12px;border-radius:360px;flex-shrink:0;position:relative;line-height:normal;opacity:.6;transition:opacity .3s ease,background .3s cubic-bezier(.25,.8,.25,1),color .3s ease}.navigator-link:hover,.navigator-link.active{opacity:1}.navigator-link--redirect{opacity:.7;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.navigator-link-icon{display:none!important}.navigator-icon-svg{display:none;align-items:center;justify-content:center}.navigator-icon-svg svg{display:block;width:100%;height:100%}.navigator-link--redirect:hover{opacity:1}custom-navigator{display:flex;justify-content:center;width:100%;max-width:100%}.floating-navigator.no-padding{padding-top:0!important;transition:padding .2s ease}@media screen and (max-width:749px){.navigator-container{width:100%;max-width:100%;border-radius:unset}.navigator-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--navigator-highlight-color, #8f271e);width:100%;margin:0 auto}.navigator-link.has-icon.active:after{bottom:0;height:2px;background-color:var(--navigator-highlight-color, #8f271e)}.navigator-container{gap:24px;padding:18px 16px}.navigator-link{padding:0}.navigator-link--redirect{padding:6px 12px}.floating-navigator{margin-top:0;margin-bottom:-2px;background-color:#fff}.navigator-container.mobile-icon-mode{justify-content:center;overflow:hidden;gap:0;padding:6px;border-radius:360px;border:.5px solid #666;background:linear-gradient(180deg,#3e3f44 -20.77%,#292a2f);width:365px;max-width:calc(100vw - 10px);margin:0 auto;box-sizing:border-box}.mobile-icon-mode .navigator-link{z-index:var(--index, 1);position:relative}.mobile-icon-mode .navigator-link:nth-child(1){--index: 1}.mobile-icon-mode .navigator-link:nth-child(2){--index: 2}.mobile-icon-mode .navigator-link:nth-child(3){--index: 3}.mobile-icon-mode .navigator-link:nth-child(4){--index: 4}.mobile-icon-mode .navigator-link:nth-child(5){--index: 5}.mobile-icon-mode .navigator-link:nth-child(6){--index: 6}.mobile-icon-mode .navigator-link:nth-child(7){--index: 7}.mobile-icon-mode .navigator-link:nth-child(8){--index: 8}.mobile-icon-mode .navigator-link:nth-child(9){--index: 9}.mobile-icon-mode .navigator-link:nth-child(10){--index: 10}.mobile-icon-mode .navigator-link.active~.navigator-link{z-index:calc(10 - var(--index, 1))}.mobile-icon-mode .navigator-link.active{z-index:20!important;position:relative}.mobile-icon-mode .navigator-link.has-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 calc(var(--icon-size, 20px) + 2 * var(--icon-inactive-padding-x, 10px));width:calc(var(--icon-size, 20px) + 2 * var(--icon-inactive-padding-x, 10px));height:calc(var(--icon-size, 20px) + 2 * var(--icon-inactive-padding-y, 10px));background:var(--icon-inactive-bg, #2a2a2a);padding:var(--icon-inactive-padding-y, 10px) var(--icon-inactive-padding-x, 10px);border:none;opacity:1;overflow:hidden;position:relative;border-radius:360px;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;transition:flex .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),background-color .3s ease}.mobile-icon-mode .navigator-link.has-icon+.navigator-link.has-icon{margin-left:calc(-1 * var(--icon-overlap, 10px))}.mobile-icon-mode .navigator-link.has-icon .navigator-icon-svg{display:flex;flex-shrink:0;align-items:center;justify-content:center}.mobile-icon-mode .navigator-link.has-icon .navigator-icon-svg svg{width:var(--icon-size, 20px);height:var(--icon-size, 20px)}.mobile-icon-mode .navigator-link.has-icon .navigator-link-text{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .3s cubic-bezier(.4,0,.2,1);font-size:12px;letter-spacing:.12px;line-height:normal}.mobile-icon-mode .navigator-link.has-icon .navigator-link-icon{display:none}.mobile-icon-mode .navigator-link.active:after{display:none}.mobile-icon-mode .navigator-link.has-icon.active{flex:0 0 auto;width:auto;box-sizing:border-box;height:calc(var(--icon-size, 20px) + 2 * var(--icon-active-padding-y, 10px));border-radius:360px;background:var(--icon-highlight-color, #8f271e);padding:var(--icon-active-padding-y, 10px) var(--icon-active-padding-x, 16px);color:#fbfbfb}.mobile-icon-mode .navigator-link.has-icon.active .navigator-link-text{max-width:150px;opacity:1;margin-left:var(--icon-active-gap, 8px)}.mobile-icon-mode .navigator-link:not(.has-icon){padding:6px 12px;font-size:11px;flex-shrink:0;opacity:.7}.mobile-icon-mode .navigator-link:not(.has-icon).active{opacity:1;background:var(--icon-highlight-color, #8f271e);color:#fbfbfb}.mobile-icon-mode .navigator-link:not(.has-icon).active:after{display:none}}@media screen and (min-width:750px){.navigator-link.active{padding:10px 32px}.floating-navigator{display:flex;width:100%;max-width:100%;left:0;transform:none;margin:0;justify-content:center;background-color:#fff;transition:background-color .5s cubic-bezier(.4,0,.2,1);will-change:background-color}.floating-navigator.is-sticky{background-color:#fff0!important;pointer-events:none}.floating-navigator.is-sticky .navigator-container{pointer-events:auto}custom-navigator{display:flex;justify-content:center;width:100%}.navigator-container{margin:0 auto;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/floating-navigator.css.map */