interactive-layer-explorer{display:flex;background-color:var(--light-background-color)}.ile-inner-wrap{max-width:1440px;margin:0 auto;flex-flow:row nowrap}.ile-inner-wrap,.ile-left-content{display:flex;align-items:flex-start}.ile-left-content{justify-content:flex-start;grid-gap:32px;gap:32px;width:calc(724px/1440px*100%);padding:50px;flex-flow:column wrap}.ile-left-content .ile-title{margin-bottom:0;font-family:var(--secondary-font);font-weight:700;font-size:clamp(28px,calc(28px + (42 - 28) * ((100vw - 360px) / (1440 - 360))),42px);color:var(--primary-color);line-height:52px}.ile-left-content .interactive-layer-info{padding-top:0}.ile-right-content{display:flex;align-items:center;justify-content:center;width:calc(716px/1440px*100%);padding:105px 50px 104px;flex-flow:row wrap}.ile-right-content .ile-image-wrapper{position:relative}.ile-right-content .ile-image-wrapper .ile-image{width:100%;height:100%}.ile-right-content .ile-image-wrapper .ile-dot-button{position:absolute;left:var(--accordeon-x-axis);bottom:var(--accordeon-y-axis);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--secondary-color);border-radius:50%;text-align:center;font-family:var(--primary-font);font-weight:600;font-size:clamp(12px,calc(12px + (14 - 12) * ((100vw - 360px) / (1440 - 360))),14px);line-height:clamp(13px,calc(13px + (15 - 13) * ((100vw - 360px) / (1440 - 360))),15px);color:var(--primary-color);text-transform:uppercase;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out}.ile-right-content .ile-image-wrapper .ile-dot-button.active{background-color:var(--primary-color);color:var(--white)}.ile-right-content .ile-image-wrapper .ile-dot-button:last-child{left:calc(var(--accordeon-x-axis) - 28px);bottom:calc(var(--accordeon-y-axis) - 28px)}@media(max-width:834px){.ile-inner-wrap{flex-flow:column wrap}.ile-left-content{order:1;grid-gap:12px;gap:12px;width:100%;padding:12px 10px 32px}.ile-left-content .ile-title{line-height:35px}.ile-right-content{width:100%;padding:52px 25px}.ile-right-content .ile-image-wrapper .ile-dot-button{width:22px;height:22px}.ile-right-content .ile-image-wrapper .ile-dot-button:last-child{left:calc(var(--accordeon-x-axis) - 22px);bottom:calc(var(--accordeon-y-axis) - 22px)}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/css-interactive-layer-explorer.css.map */