.sec-Hotspots{display:block;transform:translateZ(0)}.sec-Hotspots_Inner{display:flex;margin-block-start:calc(var(--Grid_Column) * 2);margin-block-end:calc(var(--Grid_Column) * 2);padding-inline-start:var(--Grid_Column);padding-inline-end:var(--Grid_Column)}@media only screen and (min-width: 768px){.sec-Hotspots_Inner{grid-template-columns:repeat(var(--Column_Count),minmax(0,1fr));display:grid;padding-inline-start:0;padding-inline-end:0}}.sec-Hotspots-customMargin .sec-Hotspots_Inner{margin-block-start:var(--CustomMargin-mobileTop);margin-block-end:var(--CustomMargin-mobileBottom)}@media only screen and (min-width: 768px){.sec-Hotspots-customMargin .sec-Hotspots_Inner{margin-block-start:var(--CustomMargin-desktopTop);margin-block-end:var(--CustomMargin-desktopBottom)}}.template-article .sec-Hotspots_Inner{margin-block-start:40px;margin-block-end:40px}.sec-Hotspots_Body{display:grid}@media only screen and (max-width: 767px){.sec-Hotspots_Body{margin-inline-start:auto;margin-inline-end:auto}}@media only screen and (min-width: 768px){.sec-Hotspots_Body{grid-column:6 / -6}}@media only screen and (min-width: 1024px){.sec-Hotspots_Body{grid-column:16 / -16}}@media only screen and (min-width: 1700px){.sec-Hotspots_Body{grid-column:18 / -18}}.sec-Hotspots_Image,.sec-Hotspots_Overlay{position:relative;grid-column:1 / -1;grid-row:1;overflow:hidden}.sec-TextImage_Body .sec-Hotspots_Image,.sec-TextImage_Body .sec-Hotspots_Overlay,.sec-DoubleImage_Columns .sec-Hotspots_Image,.sec-DoubleImage_Columns .sec-Hotspots_Overlay,.sec-NumberedList .sec-Hotspots_Overlay{overflow:visible}.sec-Hotspots_Image{z-index:0}.sec-Hotspots_CaptionContainer{grid-gap:var(--Grid_Column);display:flex}.sec-Hotspots_Caption{display:block;max-width:185px;padding-block-start:7px;font-family:var(--Font_Family-whyte);font-size:10px;font-weight:300;line-height:14px}@media only screen and (min-width: 1024px),(hover: hover) and (pointer: fine){.sec-Hotspots_Caption{max-width:100%}}.sec-Hotspots_Tap{justify-content:flex-end;display:flex;margin-block-start:5px;margin-inline-start:auto;font-size:14px;font-weight:500;line-height:28px;color:var(--Color_Body)}.sec-Hotspots_Tap-top{margin-block-start:0;margin-block-end:5px}@media only screen and (min-width: 1024px),(hover: hover) and (pointer: fine){.sec-Hotspots_Tap{display:none}}.sec-Hero .sec-Hotspots_Tap,.sec-DoubleImage_Column .sec-Hotspots_Tap{margin-inline-end:var(--Grid_Column)}@media only screen and (max-width: 767px){.sec-NumberedList .sec-Hotspots_Tap-top{padding-inline-start:calc(var(--Grid_Column) / 2);padding-inline-end:calc(var(--Grid_Column) / 2)}}.sec-Hotspots_Overlay{z-index:1;width:100%;height:100%}.sec-TextImage_ImageContainer .sec-Hotspots_Overlay{position:absolute;top:0;right:0;bottom:0;left:0}.sec-Hotspots_Hotspot{position:absolute;top:var(--HotspotY);left:var(--HotspotX);z-index:0;pointer-events:initial}.sec-Hotspots_Hotspot:is(:hover,:focus-within){z-index:1}.sec-Hotspots_Button{--Width: 18px;position:relative;z-index:1;display:block;width:var(--Width);height:var(--Width);background-color:#fff;border-radius:50%;overflow:visible}.sec-Hotspots-dark .sec-Hotspots_Button{background-color:#000}.sec-Hotspots_Button:before,.sec-Hotspots_Button:after{content:"";position:absolute;top:50%;left:50%;z-index:0;display:block;width:calc(var(--Width) * 2);height:calc(var(--Width) * 2);transform:translate(-50%,-50%)}.sec-Hotspots_Button:after{background-color:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(.5)}.sec-Hotspots-dark .sec-Hotspots_Button:after{background-color:#0000004d}@media (prefers-reduced-motion: no-preference){.sec-Hotspots_Button:after{transition:transform .4s ease-in-out}}.sec-Hotspots_Hotspot:is(:hover,:focus-within) .sec-Hotspots_Button:after{transform:translate(-50%,-50%) scale(1)}.sec-Hotspots_Hotspot-animate .sec-Hotspots_Button:after{animation:highlight 1.5s 3}@keyframes highlight{0%{transform:translate(-50%,-50%) scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.sec-Hotspots_Dialog{--VerticalDistance: calc(100% + 15px) ;--HorizontalDistance: -200%;position:fixed;top:calc(var(--HotspotY) + 30px);left:50%;z-index:2;grid-auto-flow:column;display:grid;padding:0;background-color:#fff;border:0 none;box-shadow:0 2px 3px #00000038;color:var(--Color_Brand);opacity:0;visibility:hidden;transform:translate(-50%);white-space:nowrap}@media (prefers-reduced-motion: no-preference){.sec-Hotspots_Dialog{transition:opacity,visibility;transition-duration:.4s;transition-timing-function:ease-in-out}}.sec-Hotspots_Hotspot-bottom .sec-Hotspots_Dialog{top:auto;bottom:calc((100% - var(--HotspotY)) + 30px)}@media only screen and (min-width: 768px){.sec-Hotspots_Dialog{position:absolute;top:var(--VerticalDistance);left:var(--HorizontalDistance);transform:none}.sec-Hotspots_Hotspot-right .sec-Hotspots_Dialog{right:var(--HorizontalDistance);left:auto}.sec-Hotspots_Hotspot-bottom .sec-Hotspots_Dialog{top:auto;bottom:var(--VerticalDistance)}}.sec-Hotspots_Hotspot:is(:hover,:focus-within) .sec-Hotspots_Dialog{opacity:1;visibility:visible}.sec-Hotspots_Thumbnail{display:flex;width:70px;height:100%}.sec-Hotspots_Product{flex-direction:column;display:flex;max-width:100%;min-width:180px;padding:10px 15px}.sec-Hotspots_Brand{margin-inline-end:5px}.sec-Hotspots_Title{font-family:var(--Font_Family-devinne);white-space:normal}.sec-Hotspots_Wishlist{z-index:2;justify-content:center;display:flex;width:60px;margin-block-start:auto;margin-block-end:auto}.sec-Hotspots_WishlistButton{width:17px;height:17px}.sec-Hotspots_WishlistButton svg{display:block}.sec-Hotspots_Wishlist .wlt-Heart .path-2{fill:transparent;stroke:transparent}.sec-Hotspots_FauxLink{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/984/assets/section-hotspots.css.map */