.features-accordion{background-color:var(--gray-1);margin:0 auto;max-width:var(--match-min-xl);width:100%}@media (min-width:1441px){.features-accordion{border-radius:var(--border-radius-4-taper);max-width:var(--match-12)}}.features-accordion .accordion-layout{--row-gap:var(--spacing-1_5);align-items:center;display:flex;flex-direction:var(--flex-direction);row-gap:var(--row-gap)}@media (max-width:699px){.features-accordion .accordion-layout{--flex-direction:column}}@media (min-width:700px){.features-accordion .accordion-layout{--flex-direction:row;--row-gap:var(--spacing-3_5);-moz-column-gap:calc(var(--col-1) - var(--gutter));column-gap:calc(var(--col-1) - var(--gutter))}}@media (min-width:1441px){.features-accordion .accordion-layout{padding-left:var(--spacing-2_5);padding-right:var(--spacing-2_5)}}.features-accordion .accordion-layout .main-column{display:flex;flex-direction:column;gap:var(--spacing-3_5-taper)}@media (min-width:700px){.features-accordion .accordion-layout .main-column{width:calc(var(--col-5) + var(--gutter)*2.5)}.features-accordion .accordion-layout .main-column .main-headline{max-width:10ch}}@media (max-width:699px){.features-accordion .accordion-layout .main-column .accordion-features{margin-left:calc(var(--container-edge)*-1);width:calc(100% + var(--container-edges))}.features-accordion .accordion-layout .main-column .accordion-features .accordion-item-control,.features-accordion .accordion-layout .main-column .accordion-features .details-area{padding:0 var(--container-edge)}}.features-accordion .accordion-layout .main-column .accordion-features .feature-item{padding:var(--spacing-2_5-taper-to-1_25) 0;position:relative}.features-accordion .accordion-layout .main-column .accordion-features .feature-item:not(:last-child):after{--width:calc(100% - var(--container-edges));--left:var(--container-edge);background-color:var(--gray-2);bottom:-.0625rem;content:"";height:.0625rem;left:var(--left);position:absolute;width:var(--width)}@media (min-width:700px){.features-accordion .accordion-layout .main-column .accordion-features .feature-item:not(:last-child):after{--width:100%;--left:0}}.features-accordion .accordion-layout .main-column .accordion-features .feature-item .accordion-item-control{--width:100%;align-items:flex-start;display:flex;justify-content:space-between;text-align:left;transition:color var(--transition-props);width:var(--width)}@media (min-width:700px){.features-accordion .accordion-layout .main-column .accordion-features .feature-item .accordion-item-control{--width:calc(100% + var(--spacing-0_5));margin:-.25rem;padding:var(--spacing-0_25)}}.features-accordion .accordion-layout .main-column .accordion-features .feature-item .accordion-item-control .arrow{--top:.4375rem;padding-left:var(--spacing-1);position:relative;top:var(--top)}@media (min-width:1280px){.features-accordion .accordion-layout .main-column .accordion-features .feature-item .accordion-item-control .arrow{--top:.75rem}}.features-accordion .accordion-layout .main-column .accordion-features .feature-item .accordion-item-control .arrow svg{transform:rotateX(0) translateY(0);transition:transform .5s ease-out .125s}.features-accordion .accordion-layout .main-column .accordion-features .feature-item .accordion-item-control:hover{color:var(--pulse)}.features-accordion .accordion-layout .main-column .accordion-features .feature-item.-item-open .accordion-item-control .arrow svg{transform:rotateX(-180deg) translateY(-.0625rem)}.features-accordion .accordion-layout .main-column .accordion-features .feature-item .details-area{overflow:hidden}@media (min-width:700px){.features-accordion .accordion-layout .main-column .accordion-features .feature-item .details-area{font-size:var(--font-size-1_25);line-height:var(--line-height-1_4)}}@media (min-width:1280px){.features-accordion .accordion-layout .main-column .accordion-features .feature-item .details-area{font-size:var(--font-size-1_5);line-height:var(--line-height-1_3)}}.features-accordion .accordion-layout .main-column .accordion-features .feature-item .details-area .description-text{padding:var(--spacing-1) var(--spacing-2) 0 0}@media (min-width:700px){.features-accordion .accordion-layout .graphics-area{width:calc(var(--col-6) + var(--gutter)*.5)}}.features-accordion .accordion-layout .graphics-area .feature-graphic{margin-right:calc(var(--container-edge)*-1)}.features-accordion .accordion-layout .graphics-area .feature-graphic.-corners-rounded img{border-bottom-left-radius:var(--border-radius-4-taper);border-top-left-radius:var(--border-radius-4-taper)}.features-accordion .accordion-layout .graphics-area.-placement-inside{display:flex;justify-content:flex-end}@media (max-width:699px){.features-accordion .accordion-layout .graphics-area.-placement-inside .feature-graphic{margin-left:calc(var(--container-edge)*-1);max-width:30rem}.features-accordion .accordion-layout .graphics-area.-placement-inside .feature-graphic.-corners-rounded{margin:var(--spacing-1) 0}.features-accordion .accordion-layout .graphics-area.-placement-inside .feature-graphic.-corners-rounded img{border-radius:var(--border-radius-4-taper)}}.features-accordion .accordion-layout .graphics-area.-placement-outside{display:grid;grid-template-columns:minmax(0,1fr)}.features-accordion .accordion-layout .graphics-area.-placement-outside .feature-graphic{display:flex;grid-column-start:1;grid-row-start:1;justify-content:flex-end;opacity:0;transition-delay:.25s;transition-duration:.5s;transition-property:opacity,visibility;transition-timing-function:ease-in;visibility:hidden}@media (max-width:999px){.features-accordion .accordion-layout .graphics-area.-placement-outside .feature-graphic img,.features-accordion .accordion-layout .graphics-area.-placement-outside .feature-graphic svg{width:100%}}.features-accordion .accordion-layout .graphics-area.-placement-outside .feature-graphic.-showing-true{opacity:1;transition-timing-function:ease-out;visibility:visible}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition-duration:.5s,.4375s;transition-property:height,opacity}.fade-enter-active{transition-delay:.0625s,.25s;transition-timing-function:ease-in-out,ease-in}.fade-leave-active{transition-delay:.0625s,0s;transition-timing-function:ease-in-out,ease-out}
