.d-faq-media-banner{position:relative;width:100%;overflow:hidden;color:var(--d-faq-text-color);background:var(--d-faq-background-mobile)}.d-faq-media-banner [hidden]{display:none!important}.d-faq-media-banner__desktop{display:none}.d-faq-media-banner__mobile{position:relative;display:flex;min-height:var(--d-faq-height-mobile);padding:var(--d-faq-padding-top-mobile) 1.5rem var(--d-faq-padding-bottom-mobile);align-items:flex-end;background:var(--d-faq-background-mobile);isolation:isolate}.d-faq-media-banner__media-stack,.d-faq-media-banner__media,.d-faq-media-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.d-faq-media-banner__media-stack{z-index:0}.d-faq-media-banner__media{visibility:hidden;opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1),visibility .55s}.d-faq-media-banner__media.is-active{visibility:visible;opacity:1}.d-faq-media-banner__media img,.d-faq-media-banner__media video,.d-faq-media-banner__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.d-faq-media-banner__overlay{z-index:1;pointer-events:none}.d-faq-media-banner__overlay--mobile{background:var(--d-faq-overlay-mobile)}.d-faq-media-banner__preview,.d-faq-media-banner__fallback{position:relative;z-index:2;width:100%;padding-block:2.4rem}.d-faq-media-banner__preview{display:flex;flex-direction:column;gap:1.2rem}.d-faq-media-banner__preview-card,.d-faq-media-banner__expanded-card,.d-faq-media-banner__fallback-card{color:var(--d-faq-text-color);border:.1rem solid var(--d-faq-card-border);border-radius:1.6rem;background:var(--d-faq-card-background);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.d-faq-media-banner__preview-card{padding:1.6rem 2rem}.d-faq-media-banner__heading,.d-faq-media-banner__description,.d-faq-media-banner__item-title,.d-faq-media-banner__expanded-label,.d-faq-media-banner__expanded-heading{margin:0}.d-faq-media-banner__heading{color:var(--d-faq-text-color);font-size:var(--d-faq-heading-size-mobile);font-weight:var(--d-faq-card-heading-weight);line-height:1.2}.d-faq-media-banner__description{margin-top:.8rem;color:var(--d-faq-description-color);font-size:var(--d-faq-text-size-mobile);font-weight:var(--d-faq-card-description-weight);line-height:1.4}.d-faq-media-banner__pills{display:flex;width:calc(100% + 3rem);margin-inline:-1.5rem;padding-inline:1.5rem;gap:1rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.d-faq-media-banner__pills::-webkit-scrollbar{display:none}.d-faq-media-banner__pill{display:flex;flex:0 0 auto;align-items:center;gap:1.2rem;min-height:5.6rem;padding:.8rem 1.6rem;color:var(--d-faq-text-color);font:inherit;text-align:left;border:.1rem solid var(--d-faq-card-border);border-radius:999px;background:var(--d-faq-card-background);box-shadow:0 .4rem .8rem #00000029;cursor:pointer;scroll-snap-align:start}.d-faq-media-banner__pill-icon,.d-faq-media-banner__icon-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;color:var(--d-faq-text-color);border:.1rem solid var(--d-faq-button-border);border-radius:50%;background:var(--d-faq-button-background)}.d-faq-media-banner__pill-icon svg,.d-faq-media-banner__icon-button svg,.d-faq-media-banner__summary-icon svg{width:2rem;height:2rem}.d-faq-media-banner__pill-title,.d-faq-media-banner__item-title{font-size:var(--d-faq-title-size-mobile);font-weight:var(--d-faq-item-title-weight);line-height:1.25}.d-faq-media-banner__expanded{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1.6rem 1.5rem 2.4rem}.d-faq-media-banner__expanded-layout{display:grid;width:100%;grid-template-columns:3.6rem minmax(0,1fr) 3.6rem;align-items:end;gap:1rem}.d-faq-media-banner__expanded-card{max-height:calc(var(--d-faq-height-mobile) - 4.8rem);padding:2rem;overflow-y:auto}.d-faq-media-banner__expanded-header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.d-faq-media-banner__expanded-label{font-size:var(--d-faq-expanded-label-size-mobile);font-weight:var(--d-faq-item-title-weight);line-height:1.25}.d-faq-media-banner__expanded-heading{margin-top:1.6rem;color:var(--d-faq-text-color);font-size:var(--d-faq-heading-size-mobile);font-weight:var(--d-faq-expanded-heading-weight);line-height:1.2}.d-faq-media-banner__richtext{margin-top:.8rem;color:var(--d-faq-description-color);font-size:var(--d-faq-text-size-mobile);font-weight:var(--d-faq-item-text-weight);line-height:1.45}.d-faq-media-banner__richtext>*:first-child{margin-top:0}.d-faq-media-banner__richtext>*:last-child{margin-bottom:0}.d-faq-media-banner__cta{display:inline-flex;min-height:4rem;margin-top:1.6rem;padding:.8rem 2.4rem;align-items:center;justify-content:center;color:var(--d-faq-cta-text);font-size:1.4rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;border-radius:999px;background:var(--d-faq-cta-background)}.d-faq-media-banner__icon-button{padding:0;font:inherit;cursor:pointer}.d-faq-media-banner__icon-button:disabled{visibility:hidden;pointer-events:none}.d-faq-media-banner__fallback-card{overflow:hidden}.d-faq-media-banner__fallback-card+.d-faq-media-banner__fallback-card{margin-top:1rem}.d-faq-media-banner__fallback-card summary{display:flex;padding:1.6rem 2rem;align-items:center;justify-content:space-between;gap:1.2rem;list-style:none;cursor:pointer}.d-faq-media-banner__fallback-card summary::-webkit-details-marker,.d-faq-media-banner__item summary::-webkit-details-marker{display:none}.d-faq-media-banner__fallback-content{padding:0 2rem 2rem}.d-faq-media-banner__fallback-content .d-faq-media-banner__expanded-heading{margin-top:0}.d-faq-media-banner__fallback-card[open] .d-faq-media-banner__summary-icon{transform:rotate(45deg)}.d-faq-media-banner__summary-icon{display:inline-flex;flex:0 0 auto;transition:transform .3s ease}.d-faq-media-banner__pill:hover,.d-faq-media-banner__icon-button:hover,.d-faq-media-banner__item summary:hover .d-faq-media-banner__summary-button{filter:brightness(.97)}.d-faq-media-banner__pill:focus-visible,.d-faq-media-banner__icon-button:focus-visible,.d-faq-media-banner__item summary:focus-visible,.d-faq-media-banner__cta:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}@media screen and (min-width:990px){.d-faq-media-banner{background:var(--d-faq-background-desktop)}.d-faq-media-banner__mobile{display:none}.d-faq-media-banner__desktop{position:relative;display:flex;min-height:var(--d-faq-height-desktop);padding-top:var(--d-faq-padding-top-desktop);padding-bottom:var(--d-faq-padding-bottom-desktop);align-items:center;isolation:isolate}.d-faq-media-banner__overlay--desktop{background:var(--d-faq-overlay-desktop)}.d-faq-media-banner__desktop-inner{width:100%}.d-faq-media-banner__card{position:relative;z-index:2;width:min(var(--d-faq-card-width),100%);padding:2.4rem;color:var(--d-faq-text-color);border-radius:1.2rem;background:var(--d-faq-card-background);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.d-faq-media-banner__card-header{padding-bottom:.8rem}.d-faq-media-banner__heading{font-size:var(--d-faq-heading-size-desktop)}.d-faq-media-banner__description,.d-faq-media-banner__richtext{font-size:var(--d-faq-text-size-desktop)}.d-faq-media-banner__item{border-bottom:.1rem solid var(--d-faq-card-border)}.d-faq-media-banner__item:last-child{border-bottom:0}.d-faq-media-banner__item summary{display:flex;min-height:8rem;padding-block:2rem;align-items:center;justify-content:space-between;gap:1.6rem;list-style:none;cursor:pointer}.d-faq-media-banner__item-title{font-size:var(--d-faq-title-size-desktop)}.d-faq-media-banner__summary-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;color:var(--d-faq-text-color);border:.1rem solid var(--d-faq-button-border);border-radius:50%;background:var(--d-faq-button-background);transition:color .3s ease,background .3s ease,transform .3s ease}.d-faq-media-banner__item[open] .d-faq-media-banner__summary-button{color:#fff;background:var(--d-faq-button-active-background);border-color:var(--d-faq-button-active-background);transform:rotate(45deg)}.d-faq-media-banner__item-content{padding:0 1.2rem 2.4rem}.d-faq-media-banner__expanded-heading{margin-top:0;font-size:var(--d-faq-heading-size-desktop)}}@media(prefers-reduced-motion:reduce){.d-faq-media-banner__media,.d-faq-media-banner__summary-icon,.d-faq-media-banner__summary-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-d-faq-media-banner.css.map */