.product-capabilities{--container-width: 1440px;--container-padding: 20px;--pc-bg: #00141c;--pc-text: #ffffff;--pc-accent: #c6ebff;--pc-border: rgb(255 255 255 / 20%);--pc-media-ratio: 335 / 300;position:relative;background-color:var(--pc-bg);color:var(--pc-text);padding-block:48px}@media(min-width:480px){.product-capabilities{--container-padding: 24px}}@media(min-width:768px){.product-capabilities{--container-padding: 32px;padding-block:64px}}@media(min-width:1024px){.product-capabilities{--container-padding: 40px;--pc-media-ratio: 863 / 589.5;padding-block:60px}}@media(min-width:1280px){.product-capabilities{--container-padding: 48px}}.product-capabilities__container{max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-padding)}.product-capabilities__grid{display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.product-capabilities__grid{display:grid;grid-template-columns:455fr 863fr;gap:26px;align-items:start}}.product-capabilities__content{display:flex;flex-direction:column}.product-capabilities__subheading{margin:0 0 8px;font:var(--heading-l-font);font-size:15px;line-height:1.5;font-weight:500;color:var(--pc-text);text-transform:uppercase}.product-capabilities__heading{margin:0 0 24px;font:var(--heading-l-font);font-size:28px;font-weight:700;line-height:1.2;text-transform:capitalize;color:var(--pc-text)}.product-capabilities__highlight{color:var(--pc-accent)}.product-capabilities__accordion{display:block}.product-capabilities__item{border-top:1px solid var(--pc-border)}.product-capabilities__item:last-child{border-bottom:1px solid var(--pc-border)}.product-capabilities__item-heading{margin:0}.product-capabilities__item-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding-block:20px;border:none;background:none;color:var(--pc-text);text-align:left;cursor:pointer;font:var(--heading-l-font)}.product-capabilities__item-title{font-size:16px;font-weight:500;line-height:1.4}.product-capabilities__item-icon{position:relative;flex:none;width:12px;height:12px}.product-capabilities__item-icon:before,.product-capabilities__item-icon:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--pc-text);transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease}.product-capabilities__item-icon:before{width:12px;height:1.5px}.product-capabilities__item-icon:after{width:1.5px;height:12px}.product-capabilities__item[data-open=true] .product-capabilities__item-icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.product-capabilities__item-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.product-capabilities__item[data-open=true] .product-capabilities__item-panel{grid-template-rows:1fr}.product-capabilities__item-panel-inner{overflow:hidden}.product-capabilities__item-text{padding-bottom:20px;font:var(--heading-l-font);font-size:14px;line-height:1.5;color:var(--pc-text);opacity:1}.product-capabilities__item-text p{margin:0}.product-capabilities__media{position:relative}.product-capabilities__media-inner{position:relative;width:100%;aspect-ratio:var(--pc-media-ratio);overflow:hidden;border-radius:8px;background-color:#ffffff0f}.product-capabilities__media-inner img,.product-capabilities__media-inner video,.product-capabilities__media-inner svg{display:block;width:100%;height:100%;object-fit:cover}.product-capabilities__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .35s ease}.product-capabilities__media-item[data-active=true]{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.product-capabilities__media-item{transition:none}}@media(min-width:768px){.product-capabilities__subheading{font-size:17px;margin-bottom:16px}.product-capabilities__heading{font-size:32px;margin-bottom:36px}.product-capabilities__item-text{font-size:16px}.product-capabilities__item-toggle{padding-block:24px}}@media(prefers-reduced-motion:reduce){.product-capabilities__item-panel,.product-capabilities__item-icon:before,.product-capabilities__item-icon:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-capabilities.css.map */
