.m-toggle-image-showcase{position:relative;overflow:hidden;background:var(--toggle-showcase-bg, transparent)}.m-toggle-image-showcase,.m-toggle-image-showcase *{box-sizing:border-box}.m-toggle-image-showcase__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.m-toggle-image-showcase__background img{width:100%;height:100%;object-fit:cover;object-position:var(--toggle-showcase-bg-position, center center)}.m-toggle-image-showcase__shell{position:relative;z-index:1;display:block;padding-top:var(--toggle-showcase-padding-top);padding-bottom:var(--toggle-showcase-padding-bottom)}.m-toggle-image-showcase__intro{display:flex;max-width:780px;flex-direction:column;gap:var(--toggle-showcase-intro-gap)}.m-toggle-image-showcase__intro--left{margin-right:auto;text-align:left}.m-toggle-image-showcase__intro--center{margin-right:auto;margin-left:auto;text-align:center}.m-toggle-image-showcase__intro--right{margin-left:auto;text-align:right}.m-toggle-image-showcase__eyebrow,.m-toggle-image-showcase__heading,.m-toggle-image-showcase__subheading,.m-toggle-image-showcase__supporting,.m-toggle-image-showcase__option-heading{margin:0;overflow-wrap:anywhere}.m-toggle-image-showcase__eyebrow{color:rgb(var(--color-foreground-secondary));font-size:.8em;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.m-toggle-image-showcase__heading,.m-toggle-image-showcase__option-heading{color:rgb(var(--color-heading));font-family:var(--font-stack-header);line-height:1.15}.m-toggle-image-showcase__subheading,.m-toggle-image-showcase__description,.m-toggle-image-showcase__option-description,.m-toggle-image-showcase__supporting{color:rgb(var(--color-foreground-secondary))}.m-toggle-image-showcase__tabs-wrap{display:flex}.m-toggle-image-showcase__tabs-wrap--after-intro{margin-top:var(--toggle-showcase-intro-toggle-gap)}.m-toggle-image-showcase__tabs-wrap--left{justify-content:flex-start}.m-toggle-image-showcase__tabs-wrap--center{justify-content:center}.m-toggle-image-showcase__tabs-wrap--right{justify-content:flex-end}.m-toggle-image-showcase__tabs{--toggle-showcase-pill-inset: max(2px, var(--toggle-showcase-tab-border-width));--toggle-showcase-pill-radius: max(24px, var(--toggle-showcase-tab-radius));display:grid;position:relative;min-width:0;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));border:var(--toggle-showcase-tab-border-width) solid var(--toggle-showcase-tab-border);border-radius:var(--toggle-showcase-pill-radius);background:var(--toggle-showcase-tabs-bg);overflow:hidden;padding:var(--toggle-showcase-pill-inset);isolation:isolate}.m-toggle-image-showcase__tabs:before{content:"";position:absolute;z-index:0;top:var(--toggle-showcase-pill-inset);bottom:var(--toggle-showcase-pill-inset);left:var(--toggle-showcase-pill-inset);width:calc((100% - var(--toggle-showcase-pill-inset) - var(--toggle-showcase-pill-inset)) / 2);border-radius:var(--toggle-showcase-pill-radius);background:var(--toggle-showcase-tab-active-bg);box-shadow:0 2px 8px #512d6d1f;transform:translate(0);transition:transform var(--m-duration-default, .25s) ease,background-color var(--m-duration-default, .25s) ease}.m-toggle-image-showcase__tabs[data-active-option=option_2]:before{transform:translate(100%)}.m-toggle-image-showcase__tabs--full{width:100%}.m-toggle-image-showcase__tabs--fit{width:fit-content}.m-toggle-image-showcase__tabs--custom{width:min(100%,var(--toggle-showcase-tabs-max-width))}.m-toggle-image-showcase__tab{display:inline-flex;position:relative;z-index:1;min-width:0;min-height:44px;align-items:center;justify-content:center;padding:var(--toggle-showcase-tab-padding-y) var(--toggle-showcase-tab-padding-x);border:0;border-radius:var(--toggle-showcase-pill-radius);background:transparent;color:var(--toggle-showcase-tab-inactive-text);cursor:pointer;font:inherit;font-size:var(--toggle-showcase-tab-font-size);font-weight:var(--toggle-showcase-tab-font-weight);line-height:1.25;overflow-wrap:anywhere;text-align:center;transition:color var(--m-duration-default, .25s);white-space:normal}.m-toggle-image-showcase__tab+.m-toggle-image-showcase__tab{border-left:0}.m-toggle-image-showcase__tab.is-active{color:var(--toggle-showcase-tab-active-text)}.m-toggle-image-showcase__tab:not(.is-active):hover{color:var(--toggle-showcase-tab-active-text)}.m-toggle-image-showcase__tab:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.m-toggle-image-showcase__panels{margin-top:var(--toggle-showcase-panel-gap)}.m-toggle-image-showcase__panel[hidden]{display:none}.m-toggle-image-showcase__option{display:flex;min-width:0;gap:var(--toggle-showcase-image-text-gap)}.m-toggle-image-showcase__option--image_above_text,.m-toggle-image-showcase__option--text_above_image{flex-direction:column}.m-toggle-image-showcase__option--text_above_image .m-toggle-image-showcase__content{order:-1}.m-toggle-image-showcase__option--image_left_text_right,.m-toggle-image-showcase__option--text_left_image_right{align-items:center}.m-toggle-image-showcase__option--text_left_image_right{flex-direction:row-reverse}.m-toggle-image-showcase__option--image_left_text_right .m-toggle-image-showcase__media-wrap,.m-toggle-image-showcase__option--text_left_image_right .m-toggle-image-showcase__media-wrap{flex:0 0 var(--toggle-showcase-split-image)}.m-toggle-image-showcase__option--image_left_text_right .m-toggle-image-showcase__content,.m-toggle-image-showcase__option--text_left_image_right .m-toggle-image-showcase__content{flex:0 0 var(--toggle-showcase-split-text)}.m-toggle-image-showcase__media-wrap{display:flex;min-width:0;width:var(--toggle-showcase-image-width);max-width:100%}.m-toggle-image-showcase__media-wrap--left{justify-content:flex-start;align-self:flex-start}.m-toggle-image-showcase__media-wrap--center{justify-content:center;align-self:center}.m-toggle-image-showcase__media-wrap--right{justify-content:flex-end;align-self:flex-end}.m-toggle-image-showcase__media{position:relative;width:100%;max-width:100%;overflow:hidden}.m-toggle-image-showcase__media--adapt,.m-toggle-image-showcase__media--fill_width{aspect-ratio:var(--option-aspect-ratio, 1)}.m-toggle-image-showcase__media--square{aspect-ratio:1}.m-toggle-image-showcase__media--portrait{aspect-ratio:4 / 5}.m-toggle-image-showcase__media--landscape{aspect-ratio:16 / 9}.m-toggle-image-showcase__media--custom_height{height:var(--toggle-showcase-image-height)}.m-toggle-image-showcase__picture,.m-toggle-image-showcase__media img,.m-toggle-image-showcase__placeholder{display:block;width:100%;height:100%}.m-toggle-image-showcase__media img,.m-toggle-image-showcase__placeholder{object-fit:var(--toggle-showcase-image-fit);object-position:var(--toggle-showcase-image-position)}.m-toggle-image-showcase__media--adapt img{object-fit:contain}.m-toggle-image-showcase__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--option-text-gap)}.m-toggle-image-showcase__content--left{text-align:left}.m-toggle-image-showcase__content--center{align-items:center;text-align:center}.m-toggle-image-showcase__content--right{align-items:flex-end;text-align:right}.m-toggle-image-showcase__option-description>*{margin-top:0;margin-bottom:0}.m-toggle-image-showcase__option-description>*+*{margin-top:.5em}.m-toggle-image-showcase__cta{width:fit-content;max-width:100%}.m-toggle-image-showcase__shell[data-transition=fade] .m-toggle-image-showcase__panel.is-active{animation:mToggleShowcaseFade .18s ease both}.m-toggle-image-showcase__shell[data-transition=slide] .m-toggle-image-showcase__panel.is-active{animation:mToggleShowcaseSlide .22s ease both}@keyframes mToggleShowcaseFade{0%{opacity:0}to{opacity:1}}@keyframes mToggleShowcaseSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.m-toggle-image-showcase__shell{padding-top:var(--toggle-showcase-padding-top-mobile);padding-bottom:var(--toggle-showcase-padding-bottom-mobile)}.m-toggle-image-showcase__intro{gap:var(--toggle-showcase-intro-gap-mobile)}.m-toggle-image-showcase__tabs-wrap--after-intro{margin-top:var(--toggle-showcase-intro-toggle-gap-mobile)}.m-toggle-image-showcase__tab{padding-right:max(10px,calc(var(--toggle-showcase-tab-padding-x) * .72));padding-left:max(10px,calc(var(--toggle-showcase-tab-padding-x) * .72));font-size:var(--toggle-showcase-tab-font-size-mobile)}.m-toggle-image-showcase__panels{margin-top:var(--toggle-showcase-panel-gap-mobile)}.m-toggle-image-showcase__option,.m-toggle-image-showcase__option--text_left_image_right{flex-direction:column;gap:var(--toggle-showcase-image-text-gap-mobile)}.m-toggle-image-showcase__option--text_above_image .m-toggle-image-showcase__content,.m-toggle-image-showcase__option--text_left_image_right .m-toggle-image-showcase__content{order:-1}.m-toggle-image-showcase__option--image_left_text_right .m-toggle-image-showcase__media-wrap,.m-toggle-image-showcase__option--text_left_image_right .m-toggle-image-showcase__media-wrap,.m-toggle-image-showcase__option--image_left_text_right .m-toggle-image-showcase__content,.m-toggle-image-showcase__option--text_left_image_right .m-toggle-image-showcase__content{flex:1 1 auto}.m-toggle-image-showcase__media-wrap{width:100%}.m-toggle-image-showcase__media--adapt,.m-toggle-image-showcase__media--fill_width{aspect-ratio:var(--option-aspect-ratio-mobile, var(--option-aspect-ratio, 1))}.m-toggle-image-showcase__media--custom_height{height:var(--toggle-showcase-image-height-mobile)}.m-toggle-image-showcase__content{gap:var(--option-text-gap-mobile, var(--option-text-gap))}}@media(prefers-reduced-motion:reduce){.m-toggle-image-showcase__tabs:before,.m-toggle-image-showcase__tab{transition:none}.m-toggle-image-showcase__shell[data-transition] .m-toggle-image-showcase__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/toggle-image-showcase.css.map */