.product-features{background-color:var(--color-neutral-offwhite);padding-block:var(--spacing-4xl);padding-inline:var(--spacing-l)}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.product-features__container{max-width:var(--container-width);margin:0 auto}.product-features__content{display:flex;flex-direction:column;gap:var(--layout-mobile-gutter)}.product-features__feature-wrapper{position:relative}.product-features__feature{opacity:0;max-height:0;overflow:hidden;transition:opacity var(--timing-normal),max-height var(--timing-normal)}.product-features__feature--active{opacity:1}.product-features__title{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;color:var(--color-neutral-darker-grey);cursor:pointer;font:inherit;outline:none;padding:0;text-align:left;width:auto;font-family:var(--font-family-1);font-size:var(--font-size-8);letter-spacing:var(--letter-spacing-0);text-decoration:none;text-indent:var(--text-indent-0)}.product-features__title:hover,.product-features__title--active{color:var(--color-neutral-brand)}.product-features__title:focus,.product-features__arrow:focus{outline:2px solid var(--color-neutral-brand);outline-offset:2px}.product-features__title--normal{font-size:var(--font-size-8);font-weight:var(--font-weight-medium);line-height:var(--line-height-1);text-transform:none}.product-features__title--uppercase{font-size:var(--font-size-8);font-weight:var(--font-weight-heavy);line-height:var(--line-height-0);text-transform:uppercase}.product-features__description{color:var(--color-neutral-brand);margin-block:var(--spacing-l) var(--spacing-4xl);text-decoration:none;text-indent:var(--text-indent-0);text-transform:none}.product-features__arrows{display:flex;gap:var(--spacing-xs)}.product-features__arrow{align-items:center;background:var(--color-neutral-brand);border:1px solid var(--color-neutral-brand);border-radius:var(--spacing-3xs);color:var(--color-neutral-white);cursor:pointer;display:flex;padding:calc(var(--spacing-xs) - var(--spacing-4xs));transition:all var(--timing-normal)}.product-features__arrow:hover{background:var(--color-neutral-brand)}.product-features__arrow svg{height:var(--icon-m);width:var(--icon-m)}.product-features__media{aspect-ratio:690 / 790;position:relative}.product-features__media-item{aspect-ratio:690 / 790;border-radius:var(--spacing-3xs);opacity:0;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity var(--timing-normal)}.product-features__media-item--active{opacity:1}.product-features__image{height:100%;object-fit:cover;width:100%}.product-features__video-wrapper{height:100%;width:100%}.product-features__video{border-radius:var(--spacing-3xs);height:100%;object-fit:cover;width:100%}@media (min-width: 64rem){.product-features{padding-block:var(--spacing-4xl);padding-inline:var(--spacing-3xl)}.product-features__content{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--layout-desktop-gutter);align-items:center;position:relative}.product-features__media{grid-column:1 / 7;grid-row:1}.product-features__content--media-right .product-features__media,.product-features__features{grid-column:7 / 13;grid-row:1}.product-features__content--media-right .product-features__features{grid-column:1 / 7;grid-row:1}.product-features__media-item{opacity:0;transition:opacity .4s ease}.product-features__media-item--active{opacity:1}.product-features__feature{display:block;max-height:none;opacity:1;overflow:visible;margin-block:var(--spacing-7xl)}.product-features__feature:last-of-type{margin-block-end:var(--spacing-7xl)}.product-features__description{margin-block:var(--spacing-m) 0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}.product-features__description--active{opacity:1}.product-features__title--normal{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);line-height:var(--line-height-1);text-transform:none}.product-features__title--uppercase{font-size:var(--font-size-9);font-weight:var(--font-weight-heavy);line-height:var(--line-height-0);text-transform:uppercase}.product-features__feature-wrapper{position:static}.product-features__arrows{position:absolute;bottom:0;left:0;right:0}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/product-features.css.map */