.color-swatch-slides{display:flex;flex-direction:column;gap:24px;}.color-swatch-slides .main-title{color:var(--secondary-color);font-family:VenusSB-BolExt;font-size:24px;font-weight:400;line-height:140%;letter-spacing:0.48px;}.color-swatch-slides .main-description{color:var(--secondary-color);font-size:16px;font-weight:500;line-height:150%;}.color-swatch-slides .main-description p{margin-bottom:24px;}.color-swatch-slides .main-description p:last-child{margin-bottom:0;}.color-swatch-slides .swatch-slides-container{display:flex;gap:16px;width:100%;overflow-x:scroll;padding-bottom:16px;}.color-swatch-slides .swatch-slides-container.one-slide{overflow-x:unset;}.color-swatch-slides .swatch-slides-container.two-slides{overflow-x:unset;}.swatch-slides-container .swatch-slide{flex-shrink:0;position:relative;height:534px;width:49%;padding-bottom:8px;}.swatch-slide .hot-spot-image{object-fit:cover;position:absolute;width:100%;height:461px;top:0;left:0;z-index:-1;border-radius:8px;}.swatch-slide .swatches-container{position:absolute;bottom:0;display:flex;gap:16px;padding:0 16px 0 16px;}.swatches-container .swatch-item{position:relative;border:8px solid white;padding:16px;font-size:16px;font-weight:400;line-height:150%;width:112px;height:112px;}.swatch-item .swatch-color{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;}.swatches-container .swatch-item .swatch-name{width:72px;}.swatch-item .swatch-name.text-brighten{position:absolute;z-index:1;color:white;}.swatch-item .swatch-name.text-darken{position:absolute;z-index:1;color:var(--secondary-color);}.swatch-slides-container::-webkit-scrollbar{height:4px;}.swatch-slides-container::-webkit-scrollbar-track{background:lightgray;border-radius:2px;}.swatch-slides-container::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:2px;}@media (max-width:1024px){.color-swatch-slides .main-title{font-size:22px;letter-spacing:0.44px;}.color-swatch-slides .swatch-slides-container{padding-bottom:48px;}.color-swatch-slides .swatch-slides-container.two-slides{overflow-x:scroll;}.swatch-slides-container .swatch-slide{width:70%;height:250px;}.swatch-slide .hot-spot-image{height:200px;}.swatches-container .swatch-item .swatch-name{width:64px;}.swatches-container .swatch-item{border:4px solid white;padding:8px;font-size:12px;font-weight:500;width:84px;height:84px;}.swatch-slide .swatches-container{gap:8px;}}
.custom-tooltip{border-radius:4px;border:2px solid #fd0;background:#fff;box-shadow:0 12px 16px -4px rgba(0,0,0,0.32),0 4px 6px -2px rgba(0,0,0,0.12);max-width:230px;cursor:pointer;min-width:230px;padding:12px;margin-top:10px;}.tooltip-close{position:absolute;top:6px;right:6px;background:none;border:none;cursor:pointer;padding:0;line-height:1;width:20px;height:20px;}.tooltip-title{color:#1a1a1a;font-family:LibreFranklin;font-size:12px;font-weight:500;line-height:150%;}.tooltip-content{display:flex;justify-content:start;align-items:center;padding-right:12px;gap:8px;}.tooltip-arrow{color:#1a1a1a;text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:80%;letter-spacing:-0.12px;position:unset;height:auto;width:auto;}.product-thumbnail-image{width:36px;height:36px;}.tooltip-product-name{margin-bottom:0;color:#1a1a1a;font-family:LibreFranklin;font-size:12px;font-style:normal;font-weight:500;line-height:150%;}.imagehotspot-editor{border:1px solid #bbbabf;display:inline-block;line-height:0;}.imagehotspot-image{position:relative;display:inline-block;cursor:pointer;}.imagehotspot-placeholder-image{display:block;width:400px;height:300px;border:1px solid #999;background:rgba(0,0,0,0.1);}.imagehotspot-tooltip strong{color:#1976d2;font-size:16px;font-weight:600;}.imagehotspot-tooltip a{color:#388e3c;text-decoration:underline;font-weight:500;}.imagehotspot-tooltip hr{border:none;border-top:1px solid #eee;margin:8px 0;}.imagehotspot-hotspot:hover{box-shadow:0 4px 12px rgba(0,0,0,0.25);background:#ffc107;border-color:#1976d2;}.imagehotspot-tooltip{z-index:1000;}@media (max-width:767px){.imagehotspot-tooltip{min-width:150px;max-width:95vw;padding:10px 8px;font-size:13px;}}.hotspot-node{background-size:cover;background-repeat:no-repeat;background-position:center;width:30px;height:30px;}.hotspot-node:not(.active){animation:hotspotAnimation 5s infinite;}@keyframes hotspotAnimation{0%{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><circle cx="12" cy="12" r="7.5" fill="%23041A37" stroke="white" stroke-width="3"/><circle cx="12" cy="12" r="7.5" fill="%23041A37" stroke="white" stroke-width="3"/><circle cx="13" cy="12" r="10.25" fill="%231A1A1A" stroke="%23FFDD00" stroke-width="3.5"/></svg>');}33%{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="8" fill="%23041A37" stroke="white" stroke-width="2"/><circle cx="15" cy="15" r="15" fill="white" fill-opacity="0.2"/><circle cx="15" cy="15" r="7.5" fill="%231A1A1A" stroke="%23FFDD00" stroke-width="3"/></svg>');}66%{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="8" fill="%23041A37" stroke="white" stroke-width="2"/><circle cx="15" cy="15" r="15" fill="white" fill-opacity="0.1"/><circle cx="15" cy="15" r="14" stroke="white" stroke-opacity="0.02" stroke-width="2"/><circle cx="15" cy="15" r="7.5" fill="%231A1A1A" stroke="%23FFDD00" stroke-width="3"/></svg>');}100%{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><circle cx="12" cy="12" r="7.5" fill="%23041A37" stroke="white" stroke-width="3"/><circle cx="12" cy="12" r="7.5" fill="%23041A37" stroke="white" stroke-width="3"/><circle cx="13" cy="12" r="10.25" fill="%231A1A1A" stroke="%23FFDD00" stroke-width="3.5"/></svg>');}}