.interactiveDiagramSlider{display:grid;gap:var(--spacing-md);position:relative;width:100%;z-index:1}.interactiveDiagramSlider__swiper{width:100%}.interactiveDiagramSlider__slide{border:1px solid var(--primary-color);border-radius:var(--radius-lg);height:auto;overflow:hidden;position:relative;width:100%}@media (width <= 575px){.interactiveDiagramSlider__slide{aspect-ratio:1/1.5;background:hsl(from var(--card-bg-color) h s l/.7)}}.interactiveDiagramSlider__slide-title{color:var(--text-color);font-size:var(--h3-font-size);font-weight:400;line-height:1.2;margin:0 0 var(--spacing-lg);text-align:center}.interactiveDiagramSlider__slide-title b,.interactiveDiagramSlider__slide-title strong{font-weight:700}.interactiveDiagramSlider__slide-title:after{background:var(--primary-color);border:none;border-radius:1rem;content:"";display:block;height:.3125rem;margin:1rem auto 0;width:3rem}.interactiveDiagramSlider__content{cursor:grab;left:0;margin:auto;max-height:calc(100dvh - 60px - var(--spacing-lg));position:relative;top:0;transform-origin:0 0}.interactiveDiagramSlider__content.grabbing{cursor:grabbing}.interactiveDiagramSlider__content img{display:block;height:auto;pointer-events:none;user-select:none;width:100%}.interactiveDiagramSlider__help{align-items:center;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);background:hsl(from var(--bg-color) h s l/.7);border-radius:var(--radius-md);color:var(--text-color);display:none;gap:var(--spacing-sm);left:var(--spacing-md);max-width:calc(100% - var(--spacing-md)*2);padding:var(--button-padding-block);position:absolute;top:var(--spacing-md);z-index:4}@media (width <= 575px){.interactiveDiagramSlider__help{display:flex}}.interactiveDiagramSlider__help iconify-icon{font-size:1.5rem}.interactiveDiagramSlider__help-tooltip{background:var(--bg-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--caption-font-size);left:calc(100% + var(--spacing-sm));opacity:0;padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:50%;transition:.3s ease-in-out;translate:0 -50%;visibility:hidden;width:max-content;width:200px;z-index:-1}.interactiveDiagramSlider__help:hover .interactiveDiagramSlider__help-tooltip{opacity:1;visibility:visible;z-index:4}.interactiveDiagramSlider__zoom-controls{bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);position:absolute;right:var(--spacing-md);z-index:2}@media (width <= 575px){.interactiveDiagramSlider__zoom-controls{flex-direction:row-reverse}}.interactiveDiagramSlider__marker{background:unset;border:unset;border-radius:var(--radius-sm);pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.interactiveDiagramSlider__marker:active,.interactiveDiagramSlider__marker:focus,.interactiveDiagramSlider__marker:hover{background:unset;border:unset}.interactiveDiagramSlider__marker:active .interactiveDiagramSlider__marker-arrow img,.interactiveDiagramSlider__marker:focus .interactiveDiagramSlider__marker-arrow img,.interactiveDiagramSlider__marker:hover .interactiveDiagramSlider__marker-arrow img{animation:arrowAnimation .25s ease-in-out infinite}.interactiveDiagramSlider__marker:active .interactiveDiagramSlider__marker-arrow-shadow,.interactiveDiagramSlider__marker:focus .interactiveDiagramSlider__marker-arrow-shadow,.interactiveDiagramSlider__marker:hover .interactiveDiagramSlider__marker-arrow-shadow{animation:shadowAnimation .25s ease-in-out infinite}.interactiveDiagramSlider__marker-arrow{align-items:center;display:flex;flex-direction:column;justify-content:start;left:0;pointer-events:none;position:absolute;top:0;translate:-50% -50%;width:5%}.interactiveDiagramSlider__marker-arrow img{animation:arrowAnimation .75s ease-in-out infinite;height:auto;position:relative;width:100%;z-index:1}.interactiveDiagramSlider__marker-arrow-shadow{animation:shadowAnimation .75s ease-in-out infinite;aspect-ratio:6/2;background:radial-gradient(50% 50% at 50% 50%,var(--secondary-color,#000) 0,transparent 100%);margin-top:10%;opacity:.3;width:50%}.interactiveDiagramSlider__modal{box-sizing:border-box;display:none;max-height:100%;padding:var(--spacing-md);position:absolute;width:min(480px,100%);z-index:3}.interactiveDiagramSlider__modal-close{position:absolute!important;right:var(--spacing-md);top:var(--spacing-md);translate:40% -40%;z-index:1}.interactiveDiagramSlider__modal-body{backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);background:hsl(from var(--card-bg-color) h s l/.7);border-radius:var(--radius-md);box-shadow:var(--elevate-1);display:grid;gap:var(--spacing-md);max-height:100%;overflow:auto;padding:var(--spacing-md);pointer-events:auto;scrollbar-width:none;width:100%}.interactiveDiagramSlider__modal-divider{border:unset;border-top:1px solid var(--text-color);margin:0;opacity:.1;width:100%}.interactiveDiagramSlider__modal-divider:last-of-type{display:none}.interactiveDiagramSlider__solution{display:flex;gap:var(--spacing-md)}@media (width <= 575px){.interactiveDiagramSlider__solution{flex-wrap:wrap}}.interactiveDiagramSlider__solution-logo{flex:0 0 4rem;margin:0;width:4rem}.interactiveDiagramSlider__solution-logo img{height:auto;width:100%}.interactiveDiagramSlider__solution-body{display:grid;gap:var(--spacing-md)}@media (width <= 575px){.interactiveDiagramSlider__solution-body{flex:100%}}.interactiveDiagramSlider__solution-info{display:grid;gap:var(--spacing-sm)}.interactiveDiagramSlider__solution-title{color:var(--text-color);font-size:var(--h6-font-size);font-weight:600;line-height:1.2;margin:0}.interactiveDiagramSlider__solution-desc{color:var(--text-color);font-size:var(--body-font-size);font-weight:400;line-height:1.5;margin:0}.interactiveDiagramSlider__solution-actions{display:flex;gap:var(--spacing-sm)}.interactiveDiagramSlider__dialog{aspect-ratio:16/9;background:unset;border:unset;border-radius:var(--radius-lg);height:auto;padding:0;width:min(1024px,90%)}.interactiveDiagramSlider__dialog::backdrop{backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);background:hsl(from var(--secondary-color) h s l/.7)}.interactiveDiagramSlider__dialog-close{position:absolute!important;right:var(--spacing-md);top:var(--spacing-md);z-index:1}.interactiveDiagramSlider__dialog lite-youtube{width:100%}.interactiveDiagramSlider__actions{align-items:center;border:1px solid var(--primary-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-md) var(--spacing-md);width:100%}.interactiveDiagramSlider__nav{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:end;position:relative}.interactiveDiagramSlider__nav .swiper-button-lock{visibility:hidden}.interactiveDiagramSlider__pagination{display:flex;flex:1;line-height:0;padding:0 var(--spacing-md);position:relative}.interactiveDiagramSlider__pagination-dots{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:start}.interactiveDiagramSlider__pagination-dots .swiper-pagination-bullet{background:var(--primary-color,#000);border:none;border-radius:var(--radius-md);cursor:pointer;display:block;flex:0 0 calc(var(--spacing-md)*0.75);height:calc(var(--spacing-md)*.75);margin:0!important;opacity:.25;outline:none;padding:0;transition:.3s;width:calc(var(--spacing-md)*.75)}.interactiveDiagramSlider__pagination-dots .swiper-pagination-bullet-active{background:var(--primary-color,#000);flex:0 0 calc(var(--spacing-lg)*0.75);opacity:1;width:calc(var(--spacing-lg)*.75)}@keyframes arrowAnimation{0%{translate:0 0}25%{translate:0 5%}50%{translate:0 10%}75%{translate:0 5%}to{translate:0 0}}@keyframes shadowAnimation{0%{scale:1}25%{scale:1.25}50%{scale:1.5}75%{scale:1.25}to{scale:1}}