.swx-image-callouts{overflow:hidden}.swx-image-callouts__inner{display:block}.swx-image-callouts__content-panel-inner,.swx-image-callouts__stage-inner{display:contents}.swx-image-callouts__header{display:grid;gap:var(--header-gap, 1.2rem)}.swx-image-callouts__heading{max-width:min(100%,var(--swx-section-title-max-width));--swx-section-title-line-height: .98}.swx-image-callouts__description{max-width:min(100%,var(--swx-section-description-max-width));--swx-section-description-letter-spacing: var(--description-letter-spacing, 0)}.swx-image-callouts__responsive-text{display:block}.swx-image-callouts .swx-inline-mark{display:inline-block;margin-inline-start:.05em;font-family:var(--font-body-family);font-size:clamp(1rem,.14em,1.1rem);font-weight:700;line-height:1;letter-spacing:0;vertical-align:top;transform:translateY(.5em)}.swx-image-callouts .swx-image-callouts__heading .swx-inline-mark{display:inline-block;margin-inline-start:.2em;font-family:var(--font-heading-family);font-size:15px;font-weight:700;line-height:1;letter-spacing:.2em;vertical-align:top;transform:translateY(.4em)}.swx-image-callouts__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem clamp(2rem,calc(var(--swx-desktop-reference-unit) * 68),6.8rem)}.swx-image-callouts__stage{position:relative;display:grid;gap:0;margin-top:5.4rem}.swx-image-callouts__media-wrap{position:relative;width:min(100%,var(--swx-image-callouts-image-width));margin-inline:auto;transform:translate(var(--swx-image-callouts-image-translate-x))}.swx-image-callouts__image,.swx-image-callouts__placeholder svg{display:block;width:100%;height:auto}.swx-image-callouts__placeholder{display:flex;align-items:center;justify-content:center;min-height:32rem}.swx-image-callouts__placeholder svg{max-width:52rem;background:rgba(var(--color-foreground),.04)}.swx-image-callouts__callouts{display:grid;gap:2.2rem}.swx-image-callouts__icon{display:inline-flex;width:2.4rem;height:2.4rem;color:currentColor}.swx-image-callouts__icon svg{display:block;width:100%;height:100%}.swx-image-callouts__icon--minus{display:none}.swx-image-callouts__button-label{font-size:var(--swx-callout-font-size);font-weight:400;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}.swx-image-callouts__item[data-active=true] .swx-image-callouts__button-icon{border-color:rgb(var(--color-button));border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.swx-image-callouts__item[data-active=true] .swx-image-callouts__icon--plus{display:none}.swx-image-callouts__item[data-active=true] .swx-image-callouts__icon--minus{display:inline-flex}.swx-image-callouts__card{display:grid;grid-template-columns:minmax(0,var(--swx-card-image-width)) 1fr;margin-top:1.4rem;background:var(--swx-card-background);color:var(--swx-card-text);overflow:hidden}.swx-image-callouts__card[hidden]{display:none}.swx-image-callouts__card-media{min-width:0}.swx-image-callouts__card-media img{display:block;width:100%;height:100%;min-height:10.8rem;object-fit:cover}.swx-image-callouts__card-content{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:1.3rem 2rem}.swx-image-callouts__card-heading{--swx-block-title-color: inherit;--swx-block-title-family: var(--font-body-family);--swx-block-title-line-height: 1.1;--swx-block-title-letter-spacing: 0}.swx-image-callouts__card-description{--swx-block-description-color: inherit;--swx-block-description-family: var(--font-navigation-family);--swx-block-description-line-height: 1.3;--swx-block-description-letter-spacing: -.02em}.swx-image-callouts__full-list{display:inline-flex;justify-self:start;color:rgb(var(--color-foreground));font-family:var(--font-navigation-family);font-size:1.6rem;line-height:1.2;text-underline-offset:.3rem;margin-top:41px;letter-spacing:0}.swx-image-callouts__full-list--desktop{display:none}@media screen and (min-width:1400px){.swx-image-callouts__header{grid-template-columns:minmax(0,1fr) minmax(24rem,1fr);align-items:start}.swx-image-callouts__description{padding-top:.3rem}}@media screen and (min-width:1421px){.swx-image-callouts__header{gap:min(5.5rem,calc(var(--swx-desktop-reference-unit) * 55))}}@media screen and (max-width:1420px)and (min-width:1400px){.swx-image-callouts__header{gap:3.1vw}}@media screen and (max-width:1920px)and (min-width:1400px){.swx-image-callouts__stage{--page-width:106rem;margin-top:10rem}}@media screen and (max-width:1399px)and (min-width:1200px){.swx-image-callouts__header{--header-gap: 4.6rem}.swx-image-callouts__stage{margin-top:2.5rem;--page-width: 109.2rem}}@media screen and (max-width:1199px)and (min-width:990px){.swx-image-callouts__header{--header-gap: 4.6rem}.swx-image-callouts__stage{margin-top:.5rem;--page-width: 88rem}}@media screen and (max-width:989px)and (min-width:750px){.swx-image-callouts__header{--header-gap: 1.6rem}.swx-image-callouts__stage{margin-top:3.5rem;--page-width: 80%}.swx-image-callouts__media-wrap{min-width:60%}.swx-image-callouts--stacked .swx-image-callouts__inner{aspect-ratio:1.2}}@media screen and (min-width:750px){.swx-image-callouts .swx-image-callouts__heading .swx-inline-mark{margin-inline-start:.1em;transform:translateY(1em)}.swx-image-callouts__card-content{padding:1.6rem 2.2rem}.swx-image-callouts__description{--description-letter-spacing: 0}.swx-image-callouts__header{--page-width: 144rem}.swx-image-callouts__stage{gap:2.4rem;--advanced-page-padding-inline: min(5rem, calc(var(--swx-desktop-reference-unit) * 50)) }.swx-image-callouts__media-wrap{align-self:center}.swx-image-callouts__callouts{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;gap:1.4rem}.swx-image-callouts__item{display:block;pointer-events:none}.swx-image-callouts__button{position:absolute;top:var(--swx-callout-y);left:var(--swx-callout-x);transform:translate(calc(var(--swx-button-callout-icon-size, 4.4rem) / -2),-50%);pointer-events:auto}.swx-image-callouts__card{position:absolute;top:var(--swx-card-y);left:var(--swx-card-x);z-index:2;margin-top:0;width:min(100%,var(--swx-image-callouts-card-width));transform:translateY(-50%);box-shadow:0 1.2rem 4rem #18181814;pointer-events:auto}.swx-image-callouts__full-list{display:none}}@media screen and (min-width:1921px){.swx-image-callouts__stage{--page-width: 127rem;margin-top:11.6rem}.swx-image-callouts__header{--page-width: 150rem}}@media screen and (max-width:749px){.swx-image-callouts__item{display:contents}.swx-image-callouts__button{order:var(--swx-callout-mobile-order, 999)}.swx-image-callouts__callouts--wrap-mobile{display:flex;flex-wrap:wrap;align-items:center;gap:2.2rem;column-gap:2.5rem}.swx-image-callouts__callouts--wrap-mobile .swx-image-callouts__button{flex:0 0 auto;max-width:100%}.swx-image-callouts__callouts--wrap-mobile .swx-image-callouts__button-label{white-space:normal;overflow-wrap:anywhere}.swx-image-callouts__callouts--wrap-mobile .swx-image-callouts__card{flex:0 0 100%}.swx-image-callouts__card{transform:translate(var(--swx-card-x),var(--swx-card-y));width:100%;margin-bottom:max(calc(var(--swx-card-y) / 3.33),-5.6rem)}.swx-image-callouts__item[data-active=true] .swx-image-callouts__card{order:-1;margin-top:0}.swx-image-callouts__heading{--swx-section-title-letter-spacing:0}.swx-image-callouts__item[data-active=false] .swx-image-callouts__card{display:none}}.swx-image-callouts--split .swx-image-callouts__inner{display:flex;flex-direction:column;gap:0}.swx-image-callouts--split .swx-image-callouts__content-panel{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:none;padding:2.4rem 2rem;background-color:#fafaf8;--advanced-page-padding-inline: 0rem;--header-gap: 0rem;gap:0}.swx-image-callouts--split .swx-image-callouts__eyebrow+.swx-image-callouts__heading{margin-top:11.2rem}.swx-image-callouts--split .swx-image-callouts__heading{--swx-section-title-family: var(--font-heading-family);--swx-section-title-letter-spacing: 0;--swx-section-title-line-height: 1}.swx-image-callouts--split .swx-image-callouts__description{margin-top:.8rem;padding-top:0;justify-self:start;--swx-section-description-family: var(--font-body-family);--swx-section-description-line-height: 1.4;--swx-section-description-letter-spacing: 0}.swx-image-callouts--split .swx-image-callouts__actions{width:100%;margin-top:1.7rem}.swx-image-callouts--split .swx-image-callouts__primary-cta{width:100%;--swx-button-letter-spacing: -.03em}.swx-image-callouts--split .swx-image-callouts__stage{box-sizing:border-box;width:100%;max-width:none;margin-top:0;padding:0 1.6rem 2.2rem;background:#f7f7f7}.swx-image-callouts--split .swx-image-callouts__callouts{grid-template-columns:minmax(0,1fr)}@media screen and (max-width:749px){.swx-image-callouts--split .swx-image-callouts__media-wrap{width:calc(100% + 1.6rem);margin-right:-1.6rem;margin-bottom:-1.9rem;transform:translate(var(--swx-image-callouts-image-translate-x),1.6rem)}.swx-image-callouts--split .swx-image-callouts__card{min-height:11.1rem;margin-bottom:-6.8rem;transform:translate(var(--swx-card-x),calc(var(--swx-card-y) - 5.9rem))}}@media screen and (min-width:750px){.swx-image-callouts--split .swx-image-callouts__description{--swx-section-description-letter-spacing: 0}.swx-image-callouts--split .swx-image-callouts__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:51.3888889vw}.swx-image-callouts--split .swx-image-callouts__content-panel{grid-column:2;grid-row:1;min-width:0;min-height:inherit;padding:min(4rem,calc(var(--swx-desktop-reference-unit) * 40)) min(3.2rem,calc(var(--swx-desktop-reference-unit) * 32)) min(6rem,calc(var(--swx-desktop-reference-unit) * 60));gap:0}.swx-image-callouts--split .swx-image-callouts__eyebrow+.swx-image-callouts__heading{margin-top:auto}.swx-image-callouts--split .swx-image-callouts__actions{width:auto;margin-top:1.2rem}.swx-image-callouts--split .swx-image-callouts__primary-cta{width:auto}.swx-image-callouts--split .swx-image-callouts__full-list--desktop{display:inline-flex;margin-top:0}.swx-image-callouts--split .swx-image-callouts__stage{grid-column:1;grid-row:1;min-width:0;min-height:0;width:min(100%,86.4rem);height:51.3888889vw;justify-self:center;padding:0;background:#fff;--advanced-page-padding-inline: 0rem;--page-width: 100%}.swx-image-callouts--split .swx-image-callouts__media-wrap,.swx-image-callouts--split .swx-image-callouts__media-wrap picture{display:block;width:100%;height:100%;overflow:hidden}.swx-image-callouts--split .swx-image-callouts__image{width:100%;height:100%;object-fit:contain;object-position:left bottom!important}.swx-image-callouts--split .swx-image-callouts__full-list--mobile{display:none}}@media screen and (min-width:750px)and (max-width:989px){.swx-image-callouts--split .swx-image-callouts__inner{display:flex;flex-direction:column;min-height:0}.swx-image-callouts--split .swx-image-callouts__content-panel{min-height:52rem}.swx-image-callouts--split .swx-image-callouts__stage{width:min(100%,86.4rem);height:min(102.778vw,88.8rem)}}@media screen and (min-width:1921px){.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__inner{min-height:0}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__content-panel,.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__stage{width:100%;max-width:none;justify-self:stretch;background:var(--gradient-background)}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__content-panel{align-items:stretch;padding:0}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__stage{height:auto}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__content-panel-inner{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;width:min(100%,calc(var(--swx-image-callouts-xlarge-content-max-width, 1440px) / 2));min-height:100%;margin-right:auto;padding:min(4rem,calc(var(--swx-desktop-reference-unit) * 40)) min(3.2rem,calc(var(--swx-desktop-reference-unit) * 32)) min(6rem,calc(var(--swx-desktop-reference-unit) * 60))}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__stage-inner{position:relative;display:grid;width:min(100%,calc(var(--swx-image-callouts-xlarge-content-max-width, 1440px) / 2));height:auto;aspect-ratio:77 / 74;margin-left:auto}}@media screen and (min-width:1200px)and (max-width:1399px)and (min-height:675px),screen and (min-width:1400px)and (min-height:650px){.swx-image-callouts--split{--swx-image-callouts-height-limit: calc(100vh - var(--header-height, 68px))}.swx-image-callouts--split .swx-image-callouts__inner{min-height:min(51.3888889vw,var(--swx-image-callouts-height-limit));max-height:var(--swx-image-callouts-height-limit)}.swx-image-callouts--split .swx-image-callouts__content-panel,.swx-image-callouts--split .swx-image-callouts__content-panel-inner,.swx-image-callouts--split .swx-image-callouts__stage,.swx-image-callouts--split .swx-image-callouts__stage-inner{max-height:var(--swx-image-callouts-height-limit)}.swx-image-callouts--split .swx-image-callouts__stage{height:min(51.3888889vw,var(--swx-image-callouts-height-limit))}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__inner{min-height:0}.swx-image-callouts--split[data-xlarge-content-width=true] .swx-image-callouts__stage{height:auto}}@supports (height: 100svh){@media screen and (min-width:1200px)and (max-width:1399px)and (min-height:675px),screen and (min-width:1400px)and (min-height:650px){.swx-image-callouts--split{--swx-image-callouts-height-limit: calc(100svh - var(--header-height, 68px))}}}@media screen and (min-width:990px)and (max-width:1399px){.swx-image-callouts--split .swx-image-callouts__stage{height:auto;aspect-ratio:.82 / 1}.swx-image-callouts--split .swx-image-callouts__image{object-position:center!important}}@media screen and (min-width:990px)and (max-width:1199px){.swx-image-callouts--split .swx-image-callouts__callouts{left:calc(var(--swx-button-callout-icon-size, 4.4rem) / 2);width:calc(92% - var(--swx-button-callout-icon-size, 4.4rem));right:auto}}@media screen and (min-width:750px)and (prefers-reduced-motion:no-preference){.swx-image-callouts__card{animation:swxImageCalloutsCardIn .18s ease}}@keyframes swxImageCalloutsCardIn{0%{opacity:0;transform:translateY(calc(-50% + .8rem))}to{opacity:1;transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/swx-image-callouts.css.map */