.gro-egypt-snav{--snav-btn-size: 40px;--snav-btn-border: var(--c-onyx);--snav-btn-icon: var(--c-onyx);--snav-btn-bg: transparent;--snav-btn-hover-bg: var(--c-onyx);--snav-btn-hover-icon: var(--c-ivory);--snav-btn-disabled-opacity: .35;--snav-track: var(--c-pearl);--snav-fill: var(--c-onyx);--snav-gap: clamp(20px, 2.4vw, 28px);--snav-width: clamp(280px, 39%, 906px);--snav-margin-top: 30px;--snav-arrow-gap: 7px;--snav-arrow-overlap: 0px;--snav-rail-gap: 9px;--snav-bar-radius: 8px;box-sizing:border-box;width:var(--snav-width);margin:var(--snav-margin-top) auto 0;display:flex;align-items:center;gap:var(--snav-gap)}.gro-egypt-snav[hidden]{display:none}.gro-egypt-snav__arrows{display:flex;flex:0 0 auto;gap:var(--snav-arrow-gap, 0px)}.gro-egypt-snav__btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--snav-btn-size);height:var(--snav-btn-size);padding:0;margin:0;background:var(--snav-btn-bg);color:var(--snav-btn-icon);border:1px solid var(--snav-btn-border);border-radius:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.gro-egypt-snav__btn+.gro-egypt-snav__btn{margin-left:var(--snav-arrow-overlap, -1px)}.gro-egypt-snav__btn svg{display:block;width:8px;height:14px}.gro-egypt-snav__btn:hover:not(:disabled){background:var(--snav-btn-hover-bg);color:var(--snav-btn-hover-icon)}.gro-egypt-snav__btn:focus-visible{outline:2px solid var(--snav-btn-border);outline-offset:2px}.gro-egypt-snav__btn:disabled{opacity:var(--snav-btn-disabled-opacity);cursor:default}.gro-egypt-snav__bar{position:relative;flex:1 1 auto;height:2px;background:var(--snav-track);border-radius:var(--snav-bar-radius, 8px);cursor:pointer;touch-action:none}.gro-egypt-snav__thumb{position:absolute;top:0;left:0;height:100%;width:30%;background:var(--snav-fill);border-radius:var(--snav-bar-radius, 8px)}.gro-egypt-snav--overlay{display:block;position:relative;height:0}.gro-egypt-snav--overlay .gro-egypt-snav__arrows{position:absolute;top:0;right:100%;margin-right:var(--snav-rail-gap, 9px);transform:translateY(-50%)}.gro-egypt-snav--overlay .gro-egypt-snav__bar{position:absolute;top:0;left:1%;right:1%;transform:translateY(-50%);flex:0 0 auto}@media screen and (max-width:749px){.gro-egypt-snav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gro-egypt-slider-nav.css.map */