.accordion-banner{background-color:var(--accordion-banner-bg)}.accordion-banner__inner{display:grid;grid-template-columns:1fr;gap:40px;margin:0 auto;padding-top:var(--accordion-banner-padding-top-mobile);padding-bottom:var(--accordion-banner-padding-bottom-mobile)}.accordion-banner__heading{margin:0 0 52px;color:var(--accordion-banner-heading-color);font-family:Sofia Pro,sans-serif;font-weight:500;font-size:40px;line-height:48px;letter-spacing:0;text-transform:uppercase}.accordion-banner__list{display:flex;flex-direction:column}.accordion-banner__item{border-top:1px solid var(--accordion-banner-border-color)}.accordion-banner__item:last-child{border-bottom:1px solid var(--accordion-banner-border-color)}.accordion-banner__summary{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin:0;padding:20px 0;border:0;background:transparent;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;color:inherit}.accordion-banner__question{color:var(--accordion-banner-title-color);font-family:Sofia Pro,sans-serif;font-size:20px;line-height:24px}.accordion-banner__icon{position:relative;flex-shrink:0;width:14px;height:14px;color:var(--accordion-banner-title-color)}.accordion-banner__icon:before,.accordion-banner__icon:after{content:"";position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease}.accordion-banner__icon:before{width:100%;height:1.5px}.accordion-banner__icon:after{width:1.5px;height:100%}.accordion-banner__item.is-open .accordion-banner__icon:after{transform:translate(-50%,-50%) scaleY(0);opacity:0}.accordion-banner__answer-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s ease}.accordion-banner__item.is-open .accordion-banner__answer-wrap{grid-template-rows:1fr;opacity:1}.accordion-banner__answer-inner{min-height:0;overflow:hidden}.accordion-banner__answer{max-width:60em;margin:0;padding:0 0 24px;color:var(--accordion-banner-text-color);font-family:var(--text-font-family);font-size:16px;line-height:22px}.accordion-banner__answer p{margin:0 0 12px}.accordion-banner__answer p:last-child{margin-bottom:0}.accordion-banner__banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:var(--accordion-banner-media-height-mobile)}.accordion-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.accordion-banner__media img,.accordion-banner__media svg,.accordion-banner__media video{display:block;width:100%;height:100%;object-fit:cover}.accordion-banner__media svg{background-color:#0000000f}.accordion-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--banner-overlay-color, 0, 0, 0),var(--banner-overlay-opacity, 0));pointer-events:none}.accordion-banner__banner-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px;padding:32px 24px;color:var(--banner-text-color);text-align:center}.accordion-banner__banner-title{margin:0;color:var(--banner-text-color);font-family:Sofia Pro,sans-serif;font-size:22px;line-height:28px;font-weight:700}.accordion-banner__banner-text{margin:0;color:var(--banner-text-color);font-family:var(--text-font-family);font-size:14px;line-height:21px;opacity:.92}.accordion-banner__banner-button{margin-top:8px}.accordion-banner__banner-button .button{padding:5px 7px;min-width:183px;font-size:12px;letter-spacing:.03em;min-height:36px;background-image:none;background-color:rgb(var(--button-background));transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.accordion-banner__banner-button .button--outline{background-color:transparent}.accordion-banner__banner-button .button[disabled],.accordion-banner__banner-button .button[aria-disabled=true]{background-color:#d5d5d5;color:#f3f3f3;border-color:#d5d5d5;cursor:not-allowed}@media screen and (pointer:fine){.features--button-transition .accordion-banner__banner-button .button:not([disabled]):hover,.features--button-transition .accordion-banner__banner-button .button:not([disabled]):focus-visible{background-image:none;background-size:auto;background-position:unset;background-color:rgb(var(--button-text-color));color:rgb(var(--button-background));border-color:rgb(var(--button-text-color))}.features--button-transition .accordion-banner__banner-button .button--outline:not([disabled]):hover,.features--button-transition .accordion-banner__banner-button .button--outline:not([disabled]):focus-visible{background-color:rgb(var(--button-background));color:rgb(var(--button-text-color));border-color:rgb(var(--button-background))}}.features--button-transition .accordion-banner__banner-button .button:not(.button--outline):not([disabled]):active{background-color:color-mix(in srgb,rgb(var(--button-text-color)) 86%,rgb(var(--button-background)));color:rgb(var(--button-background));border-color:color-mix(in srgb,rgb(var(--button-text-color)) 86%,rgb(var(--button-background)))}.features--button-transition .accordion-banner__banner-button .button--outline:not([disabled]):active{background-color:color-mix(in srgb,rgb(var(--button-background)) 86%,rgb(var(--button-text-color)));color:rgb(var(--button-text-color));border-color:color-mix(in srgb,rgb(var(--button-background)) 86%,rgb(var(--button-text-color)))}@media(prefers-reduced-motion:reduce){.accordion-banner__banner-button .button{transition:none}}@media screen and (min-width:768px){.accordion-banner__question{font-size:24px;line-height:32px}}@media screen and (min-width:1024px){.accordion-banner__inner{grid-template-columns:2fr 1fr;align-items:stretch;padding-top:var(--accordion-banner-padding-top);padding-bottom:var(--accordion-banner-padding-bottom)}.accordion-banner__content{display:flex;flex-direction:column;justify-content:center}.accordion-banner__banner{min-height:var(--accordion-banner-media-height)}.accordion-banner__banner-content{max-width:360px}}@media screen and (max-width:1200px){.accordion-banner__heading{font-size:32px;line-height:40px;margin-bottom:56px}}@media screen and (max-width:991px){.accordion-banner__heading{font-size:28px;line-height:32px}}.accordion-banner__question{font-size:16px;line-height:24px;text-transform:uppercase}.accordion-banner__banner-title{font-weight:500}@media screen and (min-width:768px){.accordion-banner__heading{font-size:28px;line-height:32px}}@media screen and (max-width:767px){.accordion-banner__heading{font-size:24px;line-height:28px;margin-bottom:56px}}@media screen and (min-width:1024px){.accordion-banner__inner{align-items:start}.accordion-banner__banner{position:sticky;inset-block-start:calc(var(--sticky-area-height, 0px) + 20px);height:var(--accordion-banner-media-height);min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-accordion-banner.css.map */