.ImageSlider{--main-h:clamp(260px,18.99vw,600px);--thumb-h:clamp(28px,4vw,180px);--thumb-w:clamp(40px,4vw,240px);flex-direction:column;flex:50%;justify-content:flex-end;gap:2.5vw;margin:-1vw 0 0;padding-bottom:2%;display:flex}.ImageSlider .main-wrap{height:var(--main-h);position:relative}.ImageSlider .main{object-fit:contain}.ImageSlider .images{scroll-snap-type:x mandatory;flex-wrap:wrap;gap:.42vw;padding:.3vw 0;display:flex}@media (max-width:1000px){.ImageSlider .images{justify-content:center}}.ImageSlider .thumb{height:var(--thumb-h);width:var(--thumb-w);scroll-snap-align:start;flex:none;position:relative}.ImageSlider .thumb img{object-fit:contain;width:auto;max-width:100%;height:100%}
.MaterialFilterWrapper{align-items:center;width:100%;display:flex}.MaterialFilterWrapper .disabled{opacity:.3}.MaterialFilterWrapper h3{color:#1f4d6e;flex:20%;margin-bottom:10px;font-family:Cera Pro;font-size:18px;font-weight:500}.MaterialFilterWrapper .material-options{flex:75%;gap:12px;display:flex}.MaterialFilterWrapper .material-options>button{cursor:pointer;background:#fff;border:1px solid #d2dde2;border-radius:4px;flex:1 0 0;align-items:center;gap:12px;padding:8px;display:flex;position:relative}.MaterialFilterWrapper .material-options>button.active{outline:.1vw solid var(--Dark-Blue,#1f4d6f);outline-offset:0}.MaterialFilterWrapper .material-options>button .tooltip{align-items:center;gap:12px;width:100%;display:flex}.MaterialFilterWrapper .material-options>button .tooltip .material-img{width:34px;min-width:34px;height:34px;display:flex;position:relative}.MaterialFilterWrapper .material-options>button .tooltip .material-name{color:#6c6c6c;font-family:Cera Pro;font-size:14px;font-weight:500;line-height:150%}.MaterialFilterWrapper .material-options>button .tooltip .tooltip-text{visibility:hidden;opacity:0;color:#6c6c6c;z-index:10;text-align:left;background:#fff;border-radius:6px;width:220px;padding:10px;font-size:14px;line-height:1.4;transition:all .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 10px #00000026}.MaterialFilterWrapper .material-options>button .tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}@media (min-width:1024px){.MaterialFilterWrapper h3{margin-bottom:.52vw;font-size:.9vw}.MaterialFilterWrapper .material-options{gap:.63vw}.MaterialFilterWrapper .material-options>button{border-width:.052vw;border-radius:.4vw;padding:.35vw}.MaterialFilterWrapper .material-options>button .tooltip{gap:.63vw}.MaterialFilterWrapper .material-options>button .tooltip .material-img{width:1.95vw;height:1.95vw;min-width:1.95vw!important}.MaterialFilterWrapper .material-options>button .tooltip .material-name{font-size:.85vw;line-height:0}.MaterialFilterWrapper .material-options>button .tooltip .tooltip-text{border-radius:.4vw;width:14vw;padding:.6vw;font-size:.82vw}.MaterialFilterWrapper.rtf .material-options>button .tooltip .material-name{font-size:.7vw}}@media (max-width:1000px){.MaterialFilterWrapper .material-options{flex-direction:column}}