.et-collection-nav__nav{--et-collection-nav-side: var(--et-collection-nav-padding-inline, var(--et-gutter));position:relative}.et-collection-nav__nav--background{isolation:isolate;background-color:var(--et-collection-nav-background, var(--et-color-light))}.et-collection-nav__nav--background .et-collection-nav__scroller{background-color:transparent}.et-collection-nav__nav--background .et-section-bg__image{object-fit:var(--et-collection-nav-background-fit, cover)}.et-collection-nav__scroller{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background-color:var(--et-collection-nav-background, var(--et-color-light));scrollbar-width:none;-ms-overflow-style:none}.et-collection-nav__scroller::-webkit-scrollbar{display:none}.et-collection-nav__list{--et-collection-nav-inline: calc( max(0px, (100% - var(--et-container-max)) / 2 - var(--et-gutter)) + var(--et-collection-nav-side, var(--et-gutter)) );display:flex;align-items:center;justify-content:var(--et-collection-nav-justify, flex-start);gap:var(--et-collection-nav-gap, 12px);box-sizing:border-box;width:max-content;min-width:100%;margin:0;padding:var(--et-collection-nav-padding-top, 24px) var(--et-collection-nav-inline) var(--et-collection-nav-padding-bottom, 24px);list-style:none}.et-collection-nav__nav--full-width .et-collection-nav__list{--et-collection-nav-inline: var(--et-collection-nav-side, var(--et-gutter))}.et-collection-nav__item{display:flex;flex:0 0 auto;margin:0;padding:0}.et-collection-nav__pill{display:flex;align-items:center;gap:var(--et-collection-nav-thumbnail-gap, 8px);box-sizing:border-box;min-height:calc(var(--et-collection-nav-thumbnail-size, 40px) + var(--et-collection-nav-pill-padding-block, 8px) * 2);padding:var(--et-collection-nav-pill-padding-block, 8px) var(--et-collection-nav-pill-padding-end, 12px) var(--et-collection-nav-pill-padding-block, 8px) var(--et-collection-nav-pill-padding-start, 8px);border-radius:var(--et-collection-nav-pill-radius, 6px);background-color:var(--et-collection-nav-pill-background, var(--et-color-white));box-shadow:0 0 0 var(--et-collection-nav-border-width, 1px) var(--et-collection-nav-pill-border, transparent);color:var(--et-collection-nav-pill-text, var(--et-color-charcoal));font-family:var(--et-font-family);font-size:var(--et-collection-nav-label-size, 16px);font-weight:var(--et-font-weight-regular);line-height:calc(var(--et-collection-nav-label-size, 16px) * var(--et-collection-nav-label-leading, 1.4));letter-spacing:calc(var(--et-collection-nav-label-size, 16px) * var(--et-collection-nav-label-tracking, .01));text-decoration:none;white-space:nowrap;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.et-collection-nav__pill--no-media{padding-left:var(--et-collection-nav-pill-padding-end, 12px)}.et-collection-nav__nav--no-thumbnails .et-collection-nav__pill{min-height:0}@media(hover:hover){a.et-collection-nav__pill:hover{background-color:var(--et-collection-nav-hover-background, var(--et-collection-nav-pill-background, var(--et-color-white)));box-shadow:0 0 0 var(--et-collection-nav-border-width, 1px) var(--et-collection-nav-hover-border, var(--et-collection-nav-active-border, rgba(0, 67, 91, .32)));color:var(--et-collection-nav-hover-text, var(--et-collection-nav-pill-text, var(--et-color-charcoal)))}}.et-collection-nav__pill:focus-visible{outline:2px solid var(--et-color-midnight);outline-offset:2px}.et-collection-nav__pill--active,a.et-collection-nav__pill--active:hover{background-color:var(--et-collection-nav-active-background, #e0e8eb);box-shadow:0 0 0 var(--et-collection-nav-border-width, 1px) var(--et-collection-nav-active-border, rgba(0, 67, 91, .32));color:var(--et-collection-nav-active-text, rgba(0, 25, 35, .75))}.et-collection-nav__media{display:block;flex:0 0 auto;width:var(--et-collection-nav-thumbnail-size, 40px);height:var(--et-collection-nav-thumbnail-size, 40px);overflow:hidden;border-radius:var(--et-collection-nav-thumbnail-radius, 4px)}.et-collection-nav__image{display:block;width:100%;max-width:none;height:100%;object-fit:var(--et-collection-nav-image-fit, contain);transform:scale(var(--et-collection-nav-image-zoom, 1))}.et-collection-nav__scroller--blend .et-collection-nav__image{filter:brightness(1.045);mix-blend-mode:multiply}.et-collection-nav__scroller .et-collection-nav__image--preset{object-fit:contain;filter:none;mix-blend-mode:normal;transform:none}.et-collection-nav__media--placeholder{background-color:var(--et-collection-nav-background, var(--et-color-light))}.et-collection-nav__placeholder{display:block;width:100%;height:100%}.et-collection-nav__label{display:block}.et-collection-nav__nav .et-collection-nav__arrow{background-color:var(--et-collection-nav-arrow-background, var(--et-color-midnight));color:var(--et-collection-nav-arrow-icon, var(--et-color-white))}.et-collection-nav__arrow{position:absolute;z-index:2;top:calc(50% + (var(--et-collection-nav-padding-top, 24px) - var(--et-collection-nav-padding-bottom, 24px)) / 2);display:none;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease}.et-collection-nav__arrow--prev{left:max(0px,calc((var(--et-collection-nav-side, var(--et-gutter)) - 32px) / 2))}.et-collection-nav__arrow--next{right:max(0px,calc((var(--et-collection-nav-side, var(--et-gutter)) - 32px) / 2))}@media(hover:hover)and (pointer:fine){.et-collection-nav__arrow{display:inline-flex}.et-collection-nav__nav--scroll-start .et-collection-nav__arrow--prev,.et-collection-nav__nav--scroll-end .et-collection-nav__arrow--next{visibility:visible;opacity:1;pointer-events:auto}.et-collection-nav__nav--scroll-start .et-collection-nav__arrow--prev:hover,.et-collection-nav__nav--scroll-end .et-collection-nav__arrow--next:hover{opacity:.85}}@media screen and (max-width:749px){.et-collection-nav__arrow{display:none}.et-collection-nav__nav{--et-collection-nav-side: var(--et-collection-nav-padding-inline-mobile, var(--et-gutter))}.et-collection-nav__scroller{background-color:var(--et-collection-nav-background-mobile, var(--et-collection-nav-background, var(--et-color-light)));scroll-snap-type:x proximity;scroll-padding-inline:var(--et-collection-nav-side, var(--et-gutter))}.et-collection-nav__nav--background{background-color:var(--et-collection-nav-background-mobile, var(--et-collection-nav-background, var(--et-color-light)))}.et-collection-nav__list{justify-content:var(--et-collection-nav-justify-mobile, flex-start);padding-top:var(--et-collection-nav-padding-top-mobile, 24px);padding-bottom:var(--et-collection-nav-padding-bottom-mobile, 24px)}.et-collection-nav__item{scroll-snap-align:start}.et-collection-nav__pill{min-height:calc(var(--et-collection-nav-thumbnail-size-mobile, 32px) + var(--et-collection-nav-pill-padding-block-mobile, 6px) * 2);padding:var(--et-collection-nav-pill-padding-block-mobile, 6px) var(--et-collection-nav-pill-padding-end-mobile, 16px) var(--et-collection-nav-pill-padding-block-mobile, 6px) var(--et-collection-nav-pill-padding-start-mobile, 10px);border-radius:var(--et-collection-nav-pill-radius-mobile, 4px);box-shadow:0 0 0 var(--et-collection-nav-border-width-mobile, var(--et-collection-nav-border-width, 1px)) var(--et-collection-nav-pill-border-mobile, rgba(0, 67, 91, .12));font-size:var(--et-collection-nav-label-size-mobile, 14px);line-height:calc(var(--et-collection-nav-label-size-mobile, 14px) * var(--et-collection-nav-label-leading, 1.4));letter-spacing:calc(var(--et-collection-nav-label-size-mobile, 14px) * var(--et-collection-nav-label-tracking, .01))}.et-collection-nav__pill--no-media{padding-left:var(--et-collection-nav-pill-padding-end-mobile, 16px)}.et-collection-nav__pill--active,a.et-collection-nav__pill--active:hover{background-color:var(--et-collection-nav-active-background-mobile, #c2d2d8);box-shadow:0 0 0 var(--et-collection-nav-border-width-mobile, var(--et-collection-nav-border-width, 1px)) var(--et-collection-nav-active-border, rgba(0, 67, 91, .32))}.et-collection-nav__media{width:var(--et-collection-nav-thumbnail-size-mobile, 32px);height:var(--et-collection-nav-thumbnail-size-mobile, 32px)}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/et-collection-nav.css.map */