.expanding-features{--ef-ease: cubic-bezier(.2, .7, .2, 1);--ef-ink: 20, 16, 12;--ef-gap: 6px;--ef-inset: 22px}.expanding-features__header{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.expanding-features__subheading,.expanding-features__heading{margin:0}.expanding-features__container{padding-inline:12px}.expanding-features__panels{display:flex;flex-direction:column;gap:var(--ef-gap)}.ef-panel{position:relative;overflow:hidden;isolation:isolate;height:var(--ef-closed-mobile, 92px);color:#fff;background-color:rgb(var(--ef-ink));transition:height .6s var(--ef-ease)}.ef-panel.is-active{height:var(--ef-open-mobile, 460px)}.ef-panel__media{position:absolute;inset-inline:0;top:50%;height:var(--ef-open-mobile, 460px);transform:translateY(-50%);z-index:0}.ef-panel__media picture{display:block;width:100%;height:100%}.ef-panel__image,.ef-panel__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ef-fp-mobile, var(--ef-fp, 50% 50%));transform:scale(1.1);transition:transform 1.2s ease}.ef-panel.is-active .ef-panel__image,.ef-panel.is-active .ef-panel__media .placeholder-svg{transform:scale(1.02)}.ef-panel__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;opacity:0;transform:scale(1.1);transition:opacity .5s ease,transform 1.2s ease}.ef-panel__video.is-playing{opacity:1}.ef-panel.is-active .ef-panel__video{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.ef-panel__video{display:none}}.ef-panel__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transition:opacity .6s var(--ef-ease)}.ef-panel__shade--closed{background:linear-gradient(to bottom,rgba(var(--ef-ink),calc(var(--ef-closed-shade, .75) * .55)),rgba(var(--ef-ink),calc(var(--ef-closed-shade, .75) * .7)),rgba(var(--ef-ink),var(--ef-closed-shade, .75)));opacity:1}.ef-panel__shade--open{background:none;opacity:0}.ef-panel.is-active .ef-panel__shade--closed{opacity:0}.ef-panel.is-active .ef-panel__shade--open{opacity:1}.ef-panel__number{flex-shrink:0;font-family:var(--font-body-family);font-size:11px;font-weight:400;line-height:1;letter-spacing:.14em;opacity:.85}.ef-panel__title{text-shadow:0 1px 2px rgba(var(--ef-ink),.25),0 2px 18px rgba(var(--ef-ink),.45);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:normal;text-transform:none}.ef-panel__title--small{font-size:19px;line-height:1.2}.ef-panel__title--large{font-size:28px;line-height:1.15}.ef-panel__closed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;gap:14px;padding-inline:var(--ef-inset) calc(var(--ef-inset) + 20px + 12px);pointer-events:none;opacity:1;transition:opacity .3s ease}.ef-panel.is-active .ef-panel__closed{opacity:0}.ef-panel__open{position:absolute;inset-inline:var(--ef-inset);bottom:var(--ef-inset);z-index:3;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;text-shadow:0 1px 14px rgba(var(--ef-ink),.35)}.ef-panel__open:before{content:"";position:absolute;z-index:-1;top:-140px;left:calc(-1 * var(--ef-inset));right:calc(-1 * var(--ef-inset));bottom:calc(-1 * var(--ef-inset));background:linear-gradient(to bottom,rgba(var(--ef-ink),0),rgba(var(--ef-ink),calc(var(--ef-text-shade, .7) * .65)),rgba(var(--ef-ink),calc(var(--ef-text-shade, .7) * .92)) 60%,rgba(var(--ef-ink),var(--ef-text-shade, .7)));pointer-events:none}.ef-panel.is-active .ef-panel__open{opacity:1;transform:none;transition:opacity .45s ease .2s,transform .6s var(--ef-ease) .2s}.ef-panel__heading{display:flex;align-items:baseline;gap:14px;margin:0 0 10px}.ef-panel__body{font-family:var(--font-body-family);font-size:14px;line-height:1.55;color:#ffffffe0}.ef-panel__body>*{margin:0}.ef-panel__body>*+*{margin-top:.6em}.ef-panel__body a{color:inherit;text-decoration:underline;text-underline-offset:3px}.ef-panel.is-active .ef-panel__body{pointer-events:auto}.ef-panel__toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ef-panel.is-active .ef-panel__toggle{cursor:default}.ef-panel__toggle:focus-visible{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:-.2rem;box-shadow:inset 0 0 0 .4rem #fff}@media(min-width:768px){.expanding-features__container{padding-inline:var(--page-padding)}.expanding-features__panels{--ef-gap: 10px;flex-direction:row;height:var(--ef-height-desktop, 680px);container-type:inline-size;--ef-open-w: calc((100cqw - (var(--ef-count, 3) - 1) * var(--ef-gap)) * 3.2 / (3.2 + var(--ef-count, 3) - 1))}.ef-panel,.ef-panel.is-active{height:auto}.ef-panel{flex:1 1 0;min-width:0;transition:flex-grow .6s var(--ef-ease)}.ef-panel.is-active{flex-grow:3.2}.ef-panel__media{top:0;bottom:0;left:50%;right:auto;width:var(--ef-open-w);height:auto;transform:translate(-50%)}.ef-panel__closed{display:block;padding:0;opacity:1}.ef-panel__closed .ef-panel__number{position:absolute;top:var(--ef-inset);left:var(--ef-inset)}.ef-panel__title--small{position:absolute;left:var(--ef-inset);right:var(--ef-inset);bottom:var(--ef-inset);font-size:22px;transition:opacity .3s ease}.ef-panel.is-active .ef-panel__closed{opacity:1}.ef-panel.is-active .ef-panel__title--small{opacity:0}.ef-panel__open{--ef-inset: 32px;right:auto;width:calc(var(--ef-open-w) - 2 * var(--ef-inset))}.ef-panel__open .ef-panel__number{display:none}.ef-panel__title--large{font-size:40px;line-height:1.1}.ef-panel__heading{margin-bottom:14px}.ef-panel__body{max-width:460px}}.ef--open-body .ef-panel__title--large,.ef--closed-body .ef-panel__title--small{font-family:var(--font-body-family);font-weight:500;letter-spacing:-.01em}.ef--closed-body .ef-panel__title--small{font-size:17px}.ef--open-body .ef-panel__title--large{font-size:24px;line-height:1.2}.ef--heading-body .expanding-features__heading{font-family:var(--font-body-family);font-weight:500;letter-spacing:-.01em}@media(min-width:768px){.ef--closed-body .ef-panel__title--small{font-size:19px}.ef--open-body .ef-panel__title--large{font-size:32px}}@media(prefers-reduced-motion:reduce){.ef-panel,.ef-panel__image,.ef-panel__media .placeholder-svg,.ef-panel__shade,.ef-panel__closed,.ef-panel__open,.ef-panel.is-active .ef-panel__open,.ef-panel__title--small{transition:none!important}.ef-panel__image,.ef-panel.is-active .ef-panel__image,.ef-panel__media .placeholder-svg,.ef-panel.is-active .ef-panel__media .placeholder-svg,.ef-panel__open,.ef-panel.is-active .ef-panel__open{transform:none}}.ef-panel__icon{position:absolute;top:calc(var(--ef-closed-mobile, 92px) / 2 - 10px);right:var(--ef-inset);z-index:3;display:flex;width:20px;height:20px;color:#fff;pointer-events:none;opacity:1;transition:opacity .3s ease;filter:drop-shadow(0 0 1.5px rgba(var(--ef-ink),.55)) drop-shadow(0 1px 8px rgba(var(--ef-ink),.45))}.ef-panel.is-active .ef-panel__icon{opacity:0}.ef-panel__icon .icon-plus-toggle{width:20px;height:20px}@media(min-width:768px){.ef-panel__icon{display:none}.ef-panel__image,.ef-panel__media .placeholder-svg{object-position:var(--ef-fp, 50% 50%)}}@media(prefers-reduced-motion:reduce){.ef-panel__icon{transition:none!important}}.expanding-features__header.ef-discover{display:flex;flex-direction:column;align-items:stretch;gap:2rem;text-align:left}.ef-discover__title{display:flex;flex-direction:column;align-items:flex-start}.ef-discover__label{margin:0;font-family:var(--font-body-family);font-size:var(--ef-d-label-m);line-height:1.2}.ef-discover__name{margin:0;font-size:var(--ef-d-name-m);line-height:1}.ef-discover__text{font-family:var(--font-body-family);font-size:var(--ef-d-text-m);line-height:1.7}.ef-discover__text>*{margin:0}.ef-discover__text>*+*{margin-top:1em}@media(min-width:768px){.expanding-features__header.ef-discover{display:grid;grid-template-columns:auto minmax(0,var(--ef-d-text-max, 560px));justify-content:start;align-items:center;column-gap:var(--ef-d-gap, 80px)}.ef-discover__label{font-size:var(--ef-d-label-d)}.ef-discover__name{font-size:var(--ef-d-name-d)}.ef-discover__text{font-size:var(--ef-d-text-d)}}
/*# sourceMappingURL=/cdn/shop/t/152/assets/section-expanding-features.css.map */
