.feature-accordion{position:relative;color:#000;max-width:var(--fa-max, 1600px);margin-inline:auto;--fa-ease: cubic-bezier(.32, .72, 0, 1);--fa-pad: 80px;--fa-pad-top: 80px;--fa-pad-bottom: 180px;--fa-media-shift: 60px}.feature-accordion__title{margin:0 0 24px}.feature-accordion.is-measuring,.feature-accordion.is-measuring *{transition:none!important;animation:none!important}.feature-accordion__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#f2f2f2;padding:var(--fa-pad-top) var(--fa-pad) var(--fa-pad-bottom);min-height:640px;overflow:hidden}.feature-accordion__list{display:flex;flex-direction:column;gap:10px;max-width:490px;width:100%;position:relative;z-index:1;perspective:1000px;perspective-origin:0% 50%}.feature-accordion__item{--fa-row-delay: 0s;background:#fff;transition:box-shadow .4s var(--fa-ease)}.feature-accordion__panel--reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--fa-ease),transform .7s var(--fa-ease)}.feature-accordion__panel--reveal.is-visible{opacity:1;transform:none}.feature-accordion__panel--reveal .feature-accordion__item{opacity:0;transform:translate(-32px) rotateY(-24deg);transform-origin:left center;backface-visibility:hidden;transition:box-shadow .4s var(--fa-ease),opacity .65s var(--fa-ease) var(--fa-row-delay),transform .75s cubic-bezier(.22,1.02,.36,1) var(--fa-row-delay)}.feature-accordion__panel--reveal.is-visible .feature-accordion__item{opacity:1;transform:translate(0) rotateY(0)}.feature-accordion__list>:nth-child(1){--fa-row-delay: .18s}.feature-accordion__list>:nth-child(2){--fa-row-delay: .27s}.feature-accordion__list>:nth-child(3){--fa-row-delay: .36s}.feature-accordion__list>:nth-child(4){--fa-row-delay: .45s}.feature-accordion__list>:nth-child(5){--fa-row-delay: .54s}.feature-accordion__list>:nth-child(6){--fa-row-delay: .63s}.feature-accordion__list>:nth-child(7){--fa-row-delay: .72s}.feature-accordion__list>:nth-child(8){--fa-row-delay: .81s}.feature-accordion__list>:nth-child(9){--fa-row-delay: .9s}.feature-accordion__list>:nth-child(10){--fa-row-delay: .99s}.feature-accordion__item.is-open{box-shadow:0 2px 18px #0000000f}.feature-accordion__heading{margin:0;font:inherit}.feature-accordion__toggle{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.feature-accordion__toggle:focus-visible{outline:2px solid #000;outline-offset:-2px}.feature-accordion__item.is-open .feature-accordion__toggle{cursor:default}.feature-accordion__item.is-open .feature-accordion__icon{cursor:pointer}.feature-accordion__icon{flex-shrink:0;width:22px;height:22px;display:block}.feature-accordion__icon svg{width:100%;height:100%;display:block;overflow:visible}.feature-accordion__icon-track,.feature-accordion__icon-fill,.feature-accordion__icon-ring,.feature-accordion__icon-v{transform-box:fill-box;transform-origin:center}.feature-accordion__icon-track{opacity:.3;transition:opacity .3s var(--fa-ease)}.feature-accordion__icon-fill{transform:scale(0);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s var(--fa-ease)}.feature-accordion__icon-ring{stroke-dasharray:69.2;stroke-dashoffset:69.2;transform:rotate(-90deg);transition:stroke-dashoffset .55s var(--fa-ease)}.feature-accordion__icon-cross{transition:stroke .3s var(--fa-ease)}.feature-accordion__icon-v{transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s var(--fa-ease)}.feature-accordion__toggle:hover .feature-accordion__icon-track{opacity:.55}.feature-accordion__item.is-open .feature-accordion__icon{animation:fa-bubble-pop .5s var(--fa-ease)}.feature-accordion__item.is-open .feature-accordion__icon-track{opacity:0}.feature-accordion__item.is-open .feature-accordion__icon-fill{transform:scale(1);opacity:1}.feature-accordion__item.is-open .feature-accordion__icon-ring{stroke-dashoffset:0}.feature-accordion__item.is-open .feature-accordion__icon-cross{stroke:#fff}.feature-accordion__item.is-open .feature-accordion__icon-v{transform:rotate(90deg) scale(.4);opacity:0}@keyframes fa-bubble-pop{0%{transform:scale(1)}35%{transform:scale(.82)}70%{transform:scale(1.12)}to{transform:scale(1)}}.feature-accordion__label{font-size:1.5rem;font-weight:700;line-height:1.2}.feature-accordion__desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--fa-ease)}.feature-accordion__item.is-open .feature-accordion__desc{grid-template-rows:1fr}.feature-accordion__desc-inner{overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity .35s var(--fa-ease),transform .35s var(--fa-ease)}.feature-accordion__item.is-open .feature-accordion__desc-inner{opacity:1;transform:translateY(0);transition-delay:.08s}.feature-accordion__desc p,.feature-accordion__desc ul,.feature-accordion__desc ol{margin:0;padding:0 20px 18px 54px;font-size:1.125rem;color:#666}.feature-accordion__media{position:relative;align-self:stretch;margin-top:calc(var(--fa-pad-top) * -1);margin-bottom:calc(var(--fa-pad-bottom) * -1);margin-right:calc(var(--fa-media-shift) - var(--fa-pad));margin-left:calc(var(--fa-media-shift) * -1);min-height:520px}.feature-accordion__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(5%);transform-origin:center center;backface-visibility:hidden;transition:opacity .3s var(--fa-ease),transform .3s var(--fa-ease);pointer-events:none}.feature-accordion__media-item.is-active,.feature-accordion__media-item.is-leaving{will-change:opacity,transform}.feature-accordion__media-item.is-active{opacity:1;transform:translate(0);transition:opacity .6s var(--fa-ease) .47s,transform .75s var(--fa-ease) .47s}.feature-accordion--no-swap .feature-accordion__media-item.is-active{transition-delay:0s}.feature-accordion__media-item.is-leaving{opacity:0;transform:translate(-24%) scale(.88);transition:opacity .45s cubic-bezier(.4,0,.9,1),transform .55s cubic-bezier(.4,0,.9,1)}.feature-accordion__media-item img,.feature-accordion__media-item video,.feature-accordion__media-item svg{width:100%;height:100%;object-fit:cover}.feature-accordion__media-item .fa-mobile-only{display:none}@media(max-width:1023px){.feature-accordion__media-item .fa-desktop-only{display:none}.feature-accordion__media-item .fa-mobile-only{display:block}}@media(max-width:1023px){.feature-accordion{--fa-pad: 32px;--fa-pad-top: 32px;--fa-pad-bottom: 48px}.feature-accordion__panel{grid-template-columns:1fr;min-height:0;gap:28px}.feature-accordion__media{order:-1;margin:calc(var(--fa-pad-top) * -1) calc(var(--fa-pad) * -1) 0;min-height:0;height:46vw;max-height:420px}.feature-accordion__list{max-width:none}}@media(max-width:767px){.feature-accordion__media{height:64vw}}.feature-accordion--split .feature-accordion__panel{background:none;padding:0;min-height:0;grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;column-gap:48px}.feature-accordion--split{padding-inline:60px;--fa-media-offset: 80px;--fa-media-ratio: 1 / 1}@media(min-width:1024px){.feature-accordion--split{--fa-media-ratio: 5 / 4}}.feature-accordion--split .feature-accordion__title{margin:0 0 32px;font-size:3.125rem;line-height:1.25}.feature-accordion--split .feature-accordion__list{max-width:560px;gap:12px;perspective:none}.feature-accordion--split .feature-accordion__item{background:#f1f1f1;box-shadow:none}.feature-accordion--split .feature-accordion__item.is-open{background:#555;color:#fff;box-shadow:none}.feature-accordion--split .feature-accordion__label{font-size:1.125rem;font-weight:400}@media(min-width:768px)and (max-width:1439px){.feature-accordion--split .feature-accordion__label{font-size:1.3rem}}@media(min-width:1440px){.feature-accordion--split .feature-accordion__label{font-size:1.5rem;line-height:1.35}}.feature-accordion--split .feature-accordion__item.is-open .feature-accordion__label{color:#fff}.feature-accordion--split .feature-accordion__toggle{padding:18px 20px}.feature-accordion--split .feature-accordion__label{order:1}.feature-accordion--split .feature-accordion__icon{order:2;margin-inline-start:auto;width:18px;height:18px}.feature-accordion--split .feature-accordion__icon-track,.feature-accordion--split .feature-accordion__icon-fill,.feature-accordion--split .feature-accordion__icon-ring{display:none}.feature-accordion--split .feature-accordion__item.is-open .feature-accordion__icon{animation:none}.feature-accordion--split .feature-accordion__desc p,.feature-accordion--split .feature-accordion__desc ul,.feature-accordion--split .feature-accordion__desc ol{padding:0 20px 18px;font-size:1.125rem;color:#fff}.feature-accordion--split .feature-accordion__desc ul,.feature-accordion--split .feature-accordion__desc ol{margin-left:20px}.feature-accordion__nav-btn{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;padding:0;background:#fff;border:1.5px solid #000;border-radius:50%;color:#000;cursor:pointer}.feature-accordion__nav-btn svg{width:18px;height:18px}.feature-accordion__nav-btn[disabled]{border-color:#ddd;color:#ddd;cursor:default}.feature-accordion__nav-btn:focus-visible{outline:2px solid #000;outline-offset:2px}.feature-accordion--split .feature-accordion__media{margin:var(--fa-media-offset) 0 0;align-self:start;aspect-ratio:var(--fa-media-ratio);min-height:0;overflow:visible}.feature-accordion--split .feature-accordion__panel{overflow:visible}.feature-accordion--split .feature-accordion__media-item img,.feature-accordion--split .feature-accordion__media-item svg{object-fit:contain}.feature-accordion--split .feature-accordion__media-item video{object-fit:contain}@media(max-width:1023px){.feature-accordion--split .feature-accordion__media{--fa-media-ratio: var(--fa-mobile-ratio, 1 / 1)}}@media(min-width:768px)and (max-width:1439px){.feature-accordion--split .feature-accordion__media{order:0;height:auto;max-height:none}.feature-accordion--split .feature-accordion__panel{grid-template-columns:minmax(0,45%) minmax(0,1fr)}.feature-accordion--split .feature-accordion__list{max-width:none}.feature-accordion--split{padding-inline:0;--fa-media-offset: 0px}.feature-accordion--split .feature-accordion__media{align-self:center}.feature-accordion--split .feature-accordion__title{font-size:2.2rem}}@media(min-width:768px)and (max-width:1023px){.feature-accordion--split .feature-accordion__col{display:contents}.feature-accordion--split .feature-accordion__title{grid-column:1 / -1;margin-bottom:0}}@media(max-width:767px){.feature-accordion--split .feature-accordion__col{display:contents}.feature-accordion--split .feature-accordion__title{order:1;margin-bottom:0}.feature-accordion--split .feature-accordion__media{order:2;height:auto;max-height:none}.feature-accordion--split .feature-accordion__list{order:3}.feature-accordion--split .feature-accordion__panel{grid-template-columns:minmax(0,1fr);gap:24px}.feature-accordion--split{padding-inline:0;--fa-media-offset: 0px}}@keyframes fa-card-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}@keyframes fa-card-copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fa-arrow-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@media(max-width:767px){.feature-accordion--split .feature-accordion__list{flex-direction:row;flex-wrap:nowrap;gap:16px;width:calc(100% + var(--page-padding) * 2);max-width:none;margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding);scroll-padding-inline:var(--page-padding);align-items:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.feature-accordion--split .feature-accordion__list::-webkit-scrollbar{display:none}.feature-accordion--split .feature-accordion__item{flex:0 0 auto;width:auto;border-radius:999px;transition:background-color .35s var(--fa-ease),color .35s var(--fa-ease),border-radius .4s var(--fa-ease)}.feature-accordion--split .feature-accordion__icon{transition:transform .4s var(--fa-ease),width .4s var(--fa-ease),height .4s var(--fa-ease),padding .4s var(--fa-ease)}.feature-accordion--split .feature-accordion__toggle{padding:12px 18px;gap:8px;white-space:nowrap}.feature-accordion--split .feature-accordion__desc{display:none}.feature-accordion--split.is-expanded .feature-accordion__list{overflow-x:visible;padding-inline:10px;gap:8px}.feature-accordion--split.is-expanded .feature-accordion__item:not(.is-open){display:none}.feature-accordion--split.is-expanded .feature-accordion__item.is-open{flex:1 1 auto;width:100%;min-width:0;border-radius:16px;animation:fa-card-in .45s var(--fa-ease) both;align-self:center}.feature-accordion--split.is-expanded .feature-accordion__item.is-open .feature-accordion__toggle{white-space:normal}.feature-accordion--split.is-expanded .feature-accordion__item.is-open .feature-accordion__label{animation:fa-card-copy-in .45s var(--fa-ease) .06s both}.feature-accordion--split.is-expanded .feature-accordion__desc{display:grid}.feature-accordion--split.is-expanded .feature-accordion__desc p{animation:fa-card-copy-in .5s var(--fa-ease) .12s both}.feature-accordion--split.is-expanded .feature-accordion__nav-btn{display:flex;align-self:center;animation:fa-arrow-in .4s cubic-bezier(.34,1.56,.64,1) .1s both}.feature-accordion--split.is-expanded .feature-accordion__item.is-open .feature-accordion__icon-v{transform:none;opacity:1}.feature-accordion--split.is-expanded .feature-accordion__item.is-open .feature-accordion__icon{transform:rotate(45deg);box-sizing:border-box;width:32px;height:32px;padding:6px;border:1px solid #fff;border-radius:50%}.feature-accordion--split:not(.is-expanded) .feature-accordion__item.is-open{background:#f1f1f1;color:inherit}.feature-accordion--split:not(.is-expanded) .feature-accordion__item.is-open .feature-accordion__label{color:inherit}.feature-accordion--split:not(.is-expanded) .feature-accordion__item.is-open .feature-accordion__icon-cross{stroke:currentColor}.feature-accordion--split:not(.is-expanded) .feature-accordion__item.is-open .feature-accordion__icon-v{transform:none;opacity:1}.feature-accordion--split .feature-accordion__panel--reveal .feature-accordion__item{transform:none}}@media(max-width:767px){.feature-accordion--split{margin-block-end:30px}.feature-accordion--split .feature-accordion__title{font-size:1.8rem}.feature-accordion--split .feature-accordion__desc p,.feature-accordion--split .feature-accordion__desc ul,.feature-accordion--split .feature-accordion__desc ol{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.feature-accordion__panel--reveal{opacity:1;transform:none;transition:none}.feature-accordion__panel--reveal .feature-accordion__item{--fa-row-delay: 0s;transform:none;opacity:1}.feature-accordion__panel--reveal.is-visible .feature-accordion__item{transform:none}.feature-accordion__media-item,.feature-accordion__media-item.is-active,.feature-accordion__media-item.is-leaving{transform:none;transition:opacity .2s linear}.feature-accordion__desc{transition:none}.feature-accordion__item.is-open .feature-accordion__icon{animation:none}.feature-accordion__icon-ring{transition:none}.feature-accordion__icon-fill,.feature-accordion__icon-v{transition:opacity .2s linear}.feature-accordion__item.is-open .feature-accordion__icon-v{transform:none}.feature-accordion--split.is-expanded .feature-accordion__item.is-open,.feature-accordion--split.is-expanded .feature-accordion__item.is-open .feature-accordion__label,.feature-accordion--split.is-expanded .feature-accordion__desc p,.feature-accordion--split.is-expanded .feature-accordion__nav-btn{animation:none}.feature-accordion--split .feature-accordion__item,.feature-accordion--split .feature-accordion__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/feature-accordion.css.map */
