.helmet-category-tabs{width:100%;background:#f6f5f3;overflow:hidden}.helmet-category-tabs *,.helmet-category-tabs *:before,.helmet-category-tabs *:after{box-sizing:border-box}.helmet-category-tabs__inner{display:grid;grid-template-columns:40% 60%;min-height:750px;align-items:center}.helmet-category-tabs__left{background:#f5f4f0;display:flex;flex-direction:column;justify-content:flex-start;padding:78px 50px}.helmet-category-tabs__heading{margin:0;color:#3f4e5f;font-family:Milker;font-weight:400;font-style:Regular;font-size:60px;leading-trim:NONE;line-height:1;letter-spacing:0%;vertical-align:middle;text-transform:uppercase;max-width:100%}.helmet-category-tabs__description{margin-top:24px;max-width:420px;font-family:Acid Grotesk;font-weight:400;font-style:Regular;font-size:20px;leading-trim:NONE;line-height:100%;letter-spacing:0%;color:#000}.helmet-category-tabs__description p{margin:0}.helmet-category-tabs__nav{margin-top:60px;border-top:1px solid #D6D3D1}.helmet-category-tabs__tab{width:100%;-webkit-appearance:none;appearance:none;border:none;border-bottom:1px solid #D6D3D1;background:transparent;cursor:pointer;transition:.25s;height:72px;font-size:20px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#222;display:flex;align-items:center;justify-content:center;font-family:Milker;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0%}.helmet-category-tabs__tab:hover,.helmet-category-tabs__tab.is-active{background:#fff;color:#111}.helmet-category-tabs__right{position:relative;overflow:hidden;min-height:100%}.helmet-category-tabs__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:.35s;min-height:100%}.helmet-category-tabs__panel.is-active{opacity:1;visibility:visible;z-index:2}.helmet-category-tabs__panel picture,.helmet-category-tabs__panel img{width:100%;height:100%;display:block}.helmet-category-tabs__panel img{object-fit:cover}.helmet-category-tabs__overlay{position:absolute;left:0;top:0;width:250px;flex-direction:column;gap:14px;transform:inherit;right:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center}.helmet-category-tabs__btn{height:auto;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-decoration:none;text-transform:uppercase;font-size:18px;font-weight:900;letter-spacing:.4px;transition:.25s;border:1px solid #ffffffcc;backdrop-filter:blur(10.899999618530273px);background:#ffffff5c;padding:11px 28px;width:100%}.helmet-category-tabs__btn span{font-size:23px;line-height:1}.helmet-category-tabs__btn:hover{background:#fff;color:#000!important}.helmet-category-tabs__btn:hover svg path{stroke:#000}@media screen and (min-width:1700px){.helmet-category-tabs__inner{min-height:750px}.helmet-category-tabs__right{min-height:100%}.helmet-category-tabs__overlay{width:250px}}@media screen and (max-width:1300px){.helmet-category-tabs__heading{font-size:58px}.helmet-category-tabs__description{font-size:18px}}@media screen and (max-width:989px){.helmet-category-tabs__inner{grid-template-columns:1fr}.helmet-category-tabs__left{padding:40px 20px}.helmet-category-tabs__heading{font-size:54px;max-width:100%}.helmet-category-tabs__description{max-width:100%;font-size:17px}.helmet-category-tabs__nav{margin-top:34px}.helmet-category-tabs__tab{height:62px;font-size:18px}.helmet-category-tabs__right{min-height:100%}}@media screen and (max-width:749px){.helmet-category-tabs{background:#f7f7f7}.helmet-category-tabs__inner{display:flex;flex-direction:column}.helmet-category-tabs__left{padding:24px 16px 12px}.helmet-category-tabs__heading{font-size:32px;letter-spacing:0;max-width:100%}.helmet-category-tabs__description{margin-top:10px;font-size:13px;line-height:1.25}.helmet-category-tabs__nav{margin-top:18px}.helmet-category-tabs__tab{height:55px;font-size:14px}.helmet-category-tabs__right{width:100%;min-height:100%}.helmet-category-tabs__panel{position:absolute}.helmet-category-tabs__panel img{object-fit:cover}.helmet-category-tabs__btn span{font-size:14px}}@media screen and (max-width:420px){.helmet-category-tabs__heading{font-size:26px}.helmet-category-tabs__description{font-size:11px}.helmet-category-tabs__right{min-height:100%}.helmet-category-tabs__btn{height:auto;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/helmet-category-tabs.css.map */