.CmsInteractiveShowcase_root{position:relative;display:flex;grid-gap:48px;gap:48px;align-items:flex-start;justify-content:center}.CmsInteractiveShowcase_imageSection{position:relative;display:flex;grid-gap:16px;gap:16px;align-items:flex-start}.CmsInteractiveShowcase_imageContainer{position:relative;flex-basis:50%;width:100%;border-radius:8px}.CmsInteractiveShowcase_imageContainer .CmsInteractiveShowcase_placeholder{opacity:1;width:100%;background:linear-gradient(0deg,var(--zds-color-surface-primary),var(--zds-color-surface-primary) 2%,var(--zds-color-surface-secondary) 0);background-color:var(--zds-color-surface-secondary);border-radius:8px}.CmsInteractiveShowcase_imageContainer .CmsInteractiveShowcase_placeholderHidden{opacity:0}.CmsInteractiveShowcase_imageContainer .CmsInteractiveShowcase_image{position:absolute;top:0;left:0;width:100%;border-radius:8px}.CmsInteractiveShowcase_imageContainer .CmsInteractiveShowcase_hotspots{position:absolute;top:0;left:0;width:100%;height:100%}.CmsInteractiveShowcase_tabsContainer{display:flex;grid-gap:16px;gap:16px;flex-basis:50%;flex-direction:column}.CmsInteractiveShowcase_tabWrapper{position:relative;display:flex;align-items:center}.CmsInteractiveShowcase_tab{display:block;align-items:normal;padding:0;background:none;border:none;border-radius:0;-webkit-appearance:none;appearance:none}.CmsInteractiveShowcase_tab__selected{position:relative}.CmsInteractiveShowcase_tab__selected:after{position:absolute;inset:0;border:2px solid;border-radius:inherit;pointer-events:none;content:"";border-color:var(--zds-color-border-brand-primary)!important}.CmsInteractiveShowcase_tab:focus-visible,.CmsInteractiveShowcase_tab__focus{outline:3px solid var(--zds-color-border-focus-primary)!important;outline-offset:0}.CmsInteractiveShowcase_tab{display:flex;grid-gap:8px;gap:8px;align-items:center;width:100%;padding:16px;text-align:left;background-color:var(--zds-color-surface-primary);border-radius:4px;transition:box-shadow .2s ease;cursor:pointer}.CmsInteractiveShowcase_tab:hover:not(.CmsInteractiveShowcase_tab__selected){background-color:var(--zds-color-surface-secondary)}.CmsInteractiveShowcase_tab__selected{box-shadow:0 4px 8px 0 var(--zds-color-shadow)}.CmsInteractiveShowcase_tabIcon{flex-shrink:0;color:var(--zds-color-text-primary)}.CmsInteractiveShowcase_tabTitle{font-size:16px;font-weight:400;line-height:20px;font-weight:700;color:var(--zds-color-text-primary)}.CmsInteractiveShowcase_connectorSvg{position:absolute;top:0;left:0;overflow:visible;width:100%;height:100%;pointer-events:none}.CmsInteractiveShowcase_connectorPath{stroke:var(--zds-color-border-brand-primary);stroke-width:2px;stroke-dasharray:1000;stroke-dashoffset:1000;animation:CmsInteractiveShowcase_drawLine .8s ease-out forwards}@keyframes CmsInteractiveShowcase_drawLine{to{stroke-dashoffset:0}}.CmsInteractiveShowcase_text25 .CmsInteractiveShowcase_imageSection{flex-basis:75%}.CmsInteractiveShowcase_text25 .CmsInteractiveShowcase_textSection{flex-basis:25%}.CmsInteractiveShowcase_text40 .CmsInteractiveShowcase_imageSection{flex-basis:60%}.CmsInteractiveShowcase_text40 .CmsInteractiveShowcase_textSection{flex-basis:40%}.CmsInteractiveShowcase_text50 .CmsInteractiveShowcase_imageSection,.CmsInteractiveShowcase_text50 .CmsInteractiveShowcase_textSection{flex-basis:50%}.CmsInteractiveShowcase_text60 .CmsInteractiveShowcase_imageSection{flex-basis:40%}.CmsInteractiveShowcase_text60 .CmsInteractiveShowcase_textSection{flex-basis:60%}.CmsInteractiveShowcase_text75 .CmsInteractiveShowcase_imageSection{flex-basis:25%}.CmsInteractiveShowcase_text75 .CmsInteractiveShowcase_textSection{flex-basis:75%}@media(max-width:1024px){.CmsInteractiveShowcase_root{grid-gap:24px;gap:24px;flex-direction:column;align-items:center}.CmsInteractiveShowcase_imageSection{flex-direction:column-reverse;align-items:center}.CmsInteractiveShowcase_tabsContainer{flex-flow:row wrap;justify-content:center}.CmsInteractiveShowcase_connector,.CmsInteractiveShowcase_connectorSvg{display:none}}