.hotspotMap{display:flex;flex-direction:column;row-gap:1.6rem;position:relative}.hotspotMap .hotspotMapImg{position:relative;display:flex;align-items:center}.hotspotMap .hotspotMapImg img{max-width:100%;width:100%;height:auto;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:.8rem}.hotspotMap .hotspotMapImg .rectangle{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center}.hotspotMap .hotspotMapProduct{width:100vw;height:100dvh;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;position:fixed;top:0;left:0;background:#00000080;z-index:10}.hotspotMap .hotspotMapProduct .rectangle{width:100%;padding:0 2rem;display:flex;align-items:center;justify-content:flex-start;gap:.8rem;overflow-x:auto}.hotspotMap .hotspotMapProduct .rectangle::-webkit-scrollbar{display:none}.hotspotMap .hotspotMapProduct .rectangle>svg{display:none}.hotspotMap .hotspotMapProduct .rectangle .itemBox{padding:1.6rem;border-radius:.8rem;background:#fff;max-width:calc(80vw - 4rem);flex:0 0 auto;width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:.8rem;text-decoration:none;position:relative}.hotspotMap .hotspotMapProduct .rectangle .itemBox>*{width:60vw}.hotspotMap .item{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.hotspotMap .item>svg:first-of-type{cursor:pointer}.hotspotMap .item>svg:last-of-type{display:none;position:relative;left:-.8rem}.hotspotMap .item .itemBox{padding:1.6rem;border-radius:.8rem;background:#fff;width:32.6rem;height:auto;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:.8rem;text-decoration:none;position:absolute;left:calc(100% - .8rem)}.hotspotMap .item .itemBox>*{width:100%}.hotspotMap .item .itemBox .colorList,.hotspotMap .item .itemBox .tagList,.hotspotMap .item .itemBox .card--product{display:none}.hotspotMap .item:hover>svg:last-of-type{display:flex}.hotspotMap .item:hover .itemBox{display:flex}@media screen and (max-width: 960px){.hotspotMap .hotspotMapImg img{aspect-ratio:unset}.hotspotMap .item svg{transform:scale(.5);transition:transform .15s ease-out}.hotspotMap .item .itemBox{max-width:75vw;left:0;top:100%;margin-top:1.6rem}.hotspotMap .item:hover>svg:last-of-type{display:none}.hotspotMap .item:hover .itemBox{display:none}.hotspotMap .item:nth-of-type(2) .itemBox{transform:translate(-20%)}.hotspotMap .item:nth-of-type(3) .itemBox{transform:translate(-40%)}.hotspotMap .item.active>svg{transform:scale(1)}.hotspotMap .item.active>svg:last-of-type{display:none}.hotspotMap .item.active .itemBox{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hotspot-map.css.map */