.vertical-tab-banner{position:relative;z-index:2}.banner .banner__content--full-width{padding:0}.banner .banner-vertical-grid{width:100%;height:100%;display:flex;flex-direction:column;--box-inline: 2rem;--box-block: 4rem}.vertical-tab.active .box{display:flex;border-top:1px solid rgba(255,255,255,.15);width:100%;visibility:hidden;opacity:0;transition:0s .5s visibility,opacity .5s linear;flex-direction:column}.vertical-tab.active .not-active{display:none}.vertical-tab.active .box.active-box{visibility:visible;opacity:1;transition:0s visibility,opacity .5s linear;position:static}.vertical-tab{display:flex;transition:all .25s linear;width:100%}.vertical-tab.active+.vertical-tab{margin-top:auto}.vertical-tab.active{width:100%;max-width:100%;flex:1 0;transition:none;margin-inline:0;background:linear-gradient(50deg,#0b0706e6 27.07%,#0b070600 86.05%);transition:all .25s .25s linear}.vertical-tab .not-active{display:flex;align-items:center;padding:2rem;justify-content:flex-end;flex-direction:row-reverse;gap:2rem;width:100%;cursor:pointer;border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(50deg,#0b0706e6 27.07%,#0b070600 86.05%)}.vertical-tab .not-active svg{width:3.2rem;height:3.2rem;display:block}.vertical-tab .not-active label{text-transform:uppercase}.vertical-tab .box{padding:var(--box-block) var(--box-inline);position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0}.vertical-tab .box .box-content{margin-top:auto;max-width:35rem}.vertical-tab .not-active label,.vertical-tab .box .box-heading,.vertical-tab .box h4{font-weight:var(--font-heading-weight);line-height:1}.vertical-tab .box .box-content svg{width:4rem;height:4rem;display:block;margin-bottom:3.2rem}.vertical-tab .box .box-content h4{margin-block:0}.vertical-tab .box .box-content .text-wrap{margin-top:1.2rem;font-weight:300}.banner-vertical-grid .tab-dots{position:absolute;top:calc(var(--active-offsetTop) + var(--box-block));right:calc(var(--box-inline));display:flex;flex-direction:column;gap:2.4rem;transition:all .25s linear;visibility:hidden}.banner-vertical-grid .tab-dots.show-dots{visibility:visible}.banner-vertical-grid .tab-dots .tab-dot{width:.8rem;height:.8rem;display:block;border-radius:50%;background:#fff;opacity:.4;cursor:pointer}.banner-vertical-grid .tab-dots .tab-dot:hover,.banner-vertical-grid .tab-dots .tab-dot.active{opacity:1}@media screen and (min-width:990px){.banner .banner-vertical-grid{flex-direction:row}.banner .banner-vertical-grid{--box-inline: 5rem;--box-block: 4rem}.vertical-tab{width:9.22%;flex:0 0 10.4rem;max-width:7rem}.vertical-tab.active+.vertical-tab{margin-left:auto;margin-top:0}.vertical-tab .not-active{flex-direction:column;border-left:1px solid rgba(255,255,255,.15);border-top-width:0;background:linear-gradient(219deg,#0b070600 21.58%,#0b0706e6 77.48%)}.vertical-tab .not-active label{writing-mode:sideways-lr;text-orientation:mixed}.vertical-tab.active{background:linear-gradient(258deg,#0b070600,#0b0706e6)}.vertical-tab.active .box{border-left:1px solid rgba(255,255,255,.15)}.banner-vertical-grid .tab-dots{top:calc(var(--box-block) + 1rem - .4rem);left:calc(var(--active-offset) - var(--box-inline));right:auto;flex-direction:row}}@media screen and (min-width:1266px){.banner .banner-vertical-grid{--box-inline: 10rem;--box-block: 8rem}.vertical-tab{max-width:10.4rem}.vertical-tab .not-active{padding:3.2rem}}@media screen and (max-width:990px){.vertical-tab .box .box-heading{font-size:1.2rem}.vertical-tab .box .box-content h4{font-size:2.8rem;text-transform:uppercase}.vertical-tab .box .box-content svg{width:3.5rem;height:3.5rem}.banner .banner-vertical-grid{min-height:80rem}.vertical-tab .box{min-height:58rem}}.locations-wrapper .location-slide .swiper-slide img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/17/compiled_assets/styles.css.map */
