.td-navigation-bar{position:relative;width:100%}.td-navigation-bar__wrapper{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}.td-navigation-bar__wrapper--stacked{display:flex;gap:20px}.td-navigation-bar__wrapper--columns-2 .td-navigation-bar__item{width:calc(50% - var(--gap, 20px))}.td-navigation-bar__wrapper--columns-3 .td-navigation-bar__item{width:calc(33.33% - var(--gap, 20px))}.td-navigation-bar__wrapper--columns-4 .td-navigation-bar__item{width:calc(25% - var(--gap, 20px))}.td-navigation-bar__wrapper--columns-5 .td-navigation-bar__item{width:calc(20% - var(--gap, 20px))}.td-navigation-bar__wrapper--columns-6 .td-navigation-bar__item{width:calc(16.66% - var(--gap, 20px))}@media screen and (max-width: 767px){.td-navigation-bar__wrapper--mobile-columns-1 .td-navigation-bar__item{width:100%}.td-navigation-bar__wrapper--mobile-columns-2 .td-navigation-bar__item{width:calc(50% - var(--gap, 10px))}}.td-navigation-bar__item{position:relative;display:block;text-decoration:none;transition:all .3s ease;cursor:pointer}.td-navigation-bar__link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.td-navigation-bar__link:hover{text-decoration:none}.td-navigation-bar__image-container{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.td-navigation-bar__image-container--circle{border-radius:50%;aspect-ratio:1}.td-navigation-bar__image-circles.td-navigation-bar__wrapper--stacked{justify-content:center}.td-navigation-bar__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.td-navigation-bar__img,.td-navigation-bar__image video{width:100%;height:100%;object-fit:cover;display:block}.td-navigation-bar__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000000);opacity:0;transition:opacity .3s ease;z-index:2}.td-navigation-bar__item:hover .td-navigation-bar__overlay{opacity:var(--overlay-opacity, .5)}.td-navigation-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:90%;color:var(--text-color, inherit);transition:color .3s ease}.td-navigation-bar__item:hover .td-navigation-bar__content{color:var(--text-color-hover, #ffffff)}.td-navigation-bar__lead-copy{font-size:18px;font-weight:600;line-height:1.2}.td-navigation-bar__subtext{font-size:14px;font-weight:400;line-height:1.3;opacity:.9}.td-navigation-bar--image-circles .td-navigation-bar__lead-copy{font-size:24px;font-family:PierSans-Bold;font-style:var(--heading-font-style);font-weight:var(--heading-font-weight)}.td-navigation-bar--image-circles .td-navigation-bar__subtext{font-size:12px;text-transform:uppercase;min-height:34px}.td-navigation-bar--image-blocks .td-navigation-bar__lead-copy{font-size:24px;font-family:PierSans-Bold;font-style:var(--heading-font-style);font-weight:var(--heading-font-weight)}.td-navigation-bar--image-blocks .td-navigation-bar__subtext{font-size:12px;text-transform:uppercase;min-height:34px}.td-navigation-bar__image-container--block{padding-bottom:var(--image-height-ratio, 120%)}.td-navigation-bar--image-blocks .td-navigation-bar__wrapper.td-navigation-bar__wrapper--stacked{gap:0;--gap: 0px}.td-navigation-bar__button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 24px;background-color:transparent;border:1px solid var(--text-color, #000000);border-radius:8px;transition:all .3s ease;text-align:center}.td-navigation-bar__item:hover .td-navigation-bar__button{background-color:var(--bg-color-hover, #000000);color:var(--text-color-hover, #ffffff)}.td-navigation-bar__item.td-navigation-bar__item--active .td-navigation-bar__button{background-color:var(--bg-color-active, #000000);color:var(--text-color-active, #ffffff)}.td-navigation-bar--buttons .td-navigation-bar__lead-copy{font-size:16px;text-transform:uppercase;font-family:PierSans-Regular;font-style:var(--base-font-style);font-weight:var(--base-font-weight)}.td-navigation-bar--buttons .td-navigation-bar__wrapper--stacked.td-navigation-bar__wrapper--mobile-columns-1 .td-navigation-bar__item{max-width:80%}.td-navigation-bar--buttons .td-navigation-bar__wrapper.td-navigation-bar__wrapper--odd.td-navigation-bar__wrapper--mobile-columns-2{justify-content:flex-start}.td-navigation-bar__button--large{padding:12px 56px}.td-navigation-bar--large-buttons .td-navigation-bar__lead-copy{font-size:20px;font-weight:700;text-transform:uppercase}.td-navigation-bar--large-buttons .td-navigation-bar__subtext{font-size:14px;font-weight:500}.td-navigation-bar__item.td-navigation-bar__item--large-buttons{width:fit-content}.td-navigation-bar--large-buttons .td-navigation-bar__wrapper.td-navigation-bar__wrapper--stacked{justify-content:flex-start}.td-navigation-bar--single-bar .td-navigation-bar__wrapper{justify-content:flex-start;gap:0}.td-navigation-bar--single-bar .td-navigation-bar__item{flex:none;width:fit-content}.td-navigation-bar__bar-item{padding:4px 16px;position:relative}.td-navigation-bar--single-bar .td-navigation-bar__lead-copy{font-size:24px;font-weight:600;transition:color .3s ease;font-family:PierSans-Bold;font-style:var(--heading-font-style);font-weight:var(--heading-font-weight)}.td-navigation-bar__item:hover .td-navigation-bar--single-bar .td-navigation-bar__lead-copy{color:var(--text-color-hover, #000000)}.td-navigation-bar__item:hover .icon-drawing path,.active .icon-drawing path{animation:circleAnimation 2s linear forwards}.td-navigation-bar__item:hover{--stroke-color: var(--text-color-hover, #000)}.td-navigation-bar.td-navigation-bar--single-bar .td-navigation-bar__wrapper:after,.td-navigation-bar.td-navigation-bar--single-bar .swiper:after{position:absolute;content:"";height:1px;width:100%;background-color:#000;bottom:0}.td-navigation-bar.td-navigation-bar--single-bar .swiper:after{width:calc(100% - 24px);left:0;right:0;bottom:10px;margin:0 auto}.td-navigation-bar--single-bar .td-navigation-bar__wrapper,.td-navigation-bar.td-navigation-bar--single-bar{position:relative}.td-navigation-bar--buttons .swiper-slide,.td-navigation-bar--large-buttons .swiper-slide,.td-navigation-bar--single-bar .swiper-slide{width:fit-content!important}.td-navigation-bar.td-navigation-bar--single-bar.td-navigation-bar--slider .swiper{padding:20px 0}@media screen and (min-width: 768px){.td-navigation-bar__item:hover .icon-drawing{z-index:1}.td-navigation-bar--single-bar .td-navigation-bar__wrapper--stacked .td-navigation-bar__item{margin-right:20px;padding-bottom:10px}.td-navigation-bar--large-buttons .td-navigation-bar__lead-copy{font-size:24px}}.td-navigation-bar--slider .swiper{overflow:visible}.td-navigation-bar--slider .swiper-slide{height:auto}.td-navigation-bar--slider:not(.td-page-width):not(.container){padding:0}.td-navigation-bar__empty{text-align:center;padding:40px 20px;color:var(--text-color, #666666)}.td-navigation-bar__empty p{margin:0;font-size:16px}@media screen and (max-width: 767px){.td-navigation-bar__wrapper,.td-navigation-bar__wrapper--stacked{gap:10px;--gap: 10px}.td-navigation-bar__lead-copy{font-size:14px}.td-navigation-bar__subtext{font-size:12px}.td-navigation-bar--image-circles .td-navigation-bar__wrapper.td-navigation-bar__wrapper--odd{justify-content:flex-start}.td-navigation-bar--single-bar .td-navigation-bar__lead-copy,.td-navigation-bar--image-circles .td-navigation-bar__lead-copy,.td-navigation-bar--image-blocks .td-navigation-bar__lead-copy{font-size:20px}.td-navigation-bar--buttons .td-navigation-bar__lead-copy{font-size:12px}.td-navigation-bar--large-buttons .td-navigation-bar__lead-copy{font-size:18px}.td-navigation-bar.td-navigation-bar--single-bar .td-navigation-bar__wrapper--stacked{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;align-content:flex-start;padding-bottom:10px}.td-navigation-bar.td-navigation-bar--single-bar .td-navigation-bar__wrapper--stacked .td-navigation-bar__bar-item{text-align:left;padding:4px 0}.td-navigation-bar.td-navigation-bar--single-bar .td-navigation-bar__wrapper--stacked .td-navigation-bar__item,.td-navigation-bar--mobile-full-width .td-navigation-bar__button{width:100%}.td-navigation-bar--slider .swiper-wrapper.td-navigation-bar--center-mb{justify-content:center}.td-navigation-bar--image-blocks .td-navigation-bar__wrapper--odd .td-navigation-bar__item:last-child{width:100%;--image-height-ratio: var(--full-width-image-height-ratio, 60%)}.td-navigation-bar--slider{padding:0}}@media screen and (min-width: 768px){.td-navigation-bar__wrapper{gap:30px}.td-navigation-bar__wrapper--stacked{gap:16px;--gap: 16px}.td-navigation-bar--slider .swiper-wrapper.td-navigation-bar--center-dsk{justify-content:center}}.td-navigation-bar__item:focus .td-navigation-bar__content{color:var(--text-color-hover, #ffffff)}.td-navigation-bar__item--active{opacity:1}.td-navigation-bar__item--active .td-navigation-bar__overlay{opacity:var(--overlay-opacity, .5)}.td-navigation-bar__item--active .td-navigation-bar__content{color:var(--text-color-hover, #ffffff)}.td-navigation-bar__item--active .td-navigation-bar__button{background-color:var(--text-color, #000000);color:var(--text-color-hover, #ffffff)}.td-navigation-bar__item--unavailable{opacity:.5;pointer-events:none}.td-navigation-bar__link--filter{cursor:pointer}.td-navigation-bar__header{margin-bottom:20px}
/*# sourceMappingURL=/cdn/shop/t/547/assets/section-td-navigation-bar.css.map */