.collection-nav{display:block;width:100%;background:var(--Colors-Background-bg-primary, #FFF)}.collection-nav__outer{display:flex;padding:var(--spacing-xl, 16px);flex-direction:column;justify-content:center;align-items:center;gap:80px;max-width:var(--width-4xl, 1440px);margin:0 auto}.collection-nav__inner{display:flex;min-height:420px;padding:var(--spacing-10xl, 128px) 64px 40px 64px;flex-direction:column;align-items:center;gap:8px;align-self:stretch;border-radius:var(--radius-radius-2-xl-16, 16px);position:relative;overflow:clip;box-sizing:border-box}.collection-nav__blobs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.collection-nav__content{display:flex;width:100%;max-width:768px;min-width:0;flex-direction:column;align-items:center;gap:var(--spacing-9xl, 96px);position:relative;z-index:2}.collection-nav__text-block{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl, 16px);align-self:stretch}.collection-nav__title{margin:0;color:var(--nav-title-color, #FFF);text-align:center;font-family:var(--Font-family-font-family-display, "Clash Grotesk");font-size:var(--Font-size-display-xl, 60px);font-weight:600;line-height:var(--Line-height-display-xl, 72px);letter-spacing:-1.2px}.collection-nav__desc{margin:0;color:var(--nav-desc-color, #FFF);text-align:center;font-family:var(--Font-family-font-family-body, Inter);font-size:16px;font-weight:400;line-height:24px}.collection-nav__buttons-wrapper{align-self:stretch;width:100%;min-width:0;max-width:100%;display:block;padding-inline:clamp(8px,2vw,16px);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-inline:8px;overscroll-behavior-x:contain;touch-action:auto;-webkit-tap-highlight-color:transparent}.collection-nav__buttons-wrapper::-webkit-scrollbar{display:none}.collection-nav__buttons-wrapper.is-dragging{scroll-snap-type:none!important;cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:pan-x}.collection-nav__buttons-wrapper:not(.is-dragging){cursor:grab}.collection-nav__buttons{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--spacing-xl, 16px);width:max-content;max-width:none;vertical-align:middle}.collection-nav__btn{display:flex;padding:10px 14px;justify-content:center;align-items:center;gap:var(--spacing-xs, 4px);border-radius:var(--radius-full, 9999px);background:var(--nav-btn-bg, rgba(25, 24, 57, .2));text-decoration:none;transition:background .2s ease;flex-shrink:0;position:relative;z-index:1}.collection-nav__btn:hover,.collection-nav__btn.is-active{background:var(--nav-btn-bg-active, #242352)}.collection-nav__btn-icon{width:20px;height:20px;object-fit:contain}.collection-nav__btn-text{color:var(--nav-btn-text, #FFF);font-family:var(--Font-family-font-family-body, Inter);font-size:var(--Font-size-text-sm, 14px);font-weight:600;line-height:var(--Line-height-text-sm, 20px);white-space:nowrap}@media screen and (min-width:1440px){.collection-nav__outer{max-width:none;margin:0 auto}}@media screen and (max-width:768px){.collection-nav__outer{padding:var(--spacing-md, 8px);gap:24px}.collection-nav__inner{height:auto;padding:var(--spacing-9xl, 96px) var(--spacing-2xl, 20px) var(--spacing-2xl, 20px) var(--spacing-2xl, 20px)!important;gap:8px}.collection-nav__content{gap:var(--spacing-7xl, 64px)}.collection-nav__text-block{gap:var(--spacing-md, 8px)}.collection-nav__title{font-size:var(--Font-size-display-lg, 48px);line-height:var(--Line-height-display-lg, 60px);letter-spacing:-.96px}.collection-nav__buttons-wrapper{width:calc(100% + 40px);max-width:none;margin-left:-20px;margin-right:-20px;padding-inline:20px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;touch-action:pan-x}.collection-nav__buttons-wrapper.is-dragging{scroll-snap-type:none!important}.collection-nav__btn{scroll-snap-align:start}.collection-nav__buttons-wrapper.is-dragging .collection-nav__btn{pointer-events:none}}.collection-nav__inner{display:flex;min-height:420px;padding:var(--spacing-10xl, 128px) 64px 40px 64px;flex-direction:column;align-items:center;gap:8px;align-self:stretch;border-radius:var(--radius-radius-2-xl-16, 16px);position:relative;overflow:hidden;box-sizing:border-box}.collection-nav__blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.collection-nav__full-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.full-bg-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;display:block}.collection-nav__blob{position:absolute;top:0;bottom:0;height:100%!important;width:50%;display:block}.collection-nav__blob img{width:100%!important;height:100%!important;object-fit:cover;display:block}.collection-nav__blob--left{left:0}.collection-nav__blob--left img{object-position:left center}.collection-nav__blob--right{right:0}.collection-nav__blob--right img{object-position:right center}.collection-nav__text-block--centered{align-items:center;justify-content:center;text-align:center;width:100%;align-self:center}.collection-nav__text-block--centered{align-items:center;text-align:center;width:100%}.collection-nav__text-block--centered .collection-nav__title{text-align:center;width:100%}
/*# sourceMappingURL=/cdn/shop/t/1/assets/wyms-collection-nav.css.map */