.sec-Hotspot_Background{position:relative}.sec-Hotspot_BackgroundImage-desktop{display:none}@media only screen and (min-width: 768px){.sec-Hotspot_BackgroundImage-mobile{display:none}.sec-Hotspot_BackgroundImage-desktop{display:block}}.sec-Hotspot_Marker{position:absolute;top:var(--Top-mobile);left:var(--Left-mobile);z-index:1;display:flex;width:30px;height:30px;transform:translate(var(--TransformX-mobile),var(--TransformY-mobile))}@media only screen and (min-width: 768px){.sec-Hotspot_Marker{top:var(--Top-desktop);left:var(--Left-desktop);transform:translate(var(--TransformX-desktop),var(--TransformY-desktop))}}.sec-Hotspot_Button{position:relative;width:30px;height:30px;background-color:#fff;border:0;color:#fff;clip-path:polygon(5px 0%,calc(100% - 5px) 0%,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0% calc(100% - 5px),0% 5px);transition:background-color .5s ease,color .5s ease}.sec-Hotspot_Button[aria-pressed=true]{background-color:var(--Color_OffWhite);color:var(--Color_Brand)}.sec-Hotspot_Button-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;align-items:center;justify-content:center;display:flex;pointer-events:none;background-color:#131313;clip-path:polygon(5px 0%,calc(100% - 5px) 0%,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0% calc(100% - 5px),0% 5px);transition:background-color .5s ease,color .5s ease}.sec-Hotspot_Button:hover .sec-Hotspot_Button-inner{background-color:var(--Color_OffWhite);color:var(--Color_Brand)}.sec-Hotspot_Button[aria-pressed=true] .sec-Hotspot_Button-inner{background-color:var(--Color_OffWhite)}.sec-Hotspot_ButtonIcon{width:15px;height:15px;color:#fff;transition:transform .3s ease}.sec-Hotspot_Button[aria-pressed=true] .sec-Hotspot_ButtonIcon{transform:rotate(-45deg);color:var(--Color_Brand)}.sec-Hotspot_Button:hover .sec-Hotspot_ButtonIcon{color:var(--Color_Brand)}.sec-Hotspot_CardContainer{position:absolute;bottom:15px;left:50%;z-index:2;transform:translate(-50%);opacity:0;visibility:hidden}@media only screen and (min-width: 768px){.sec-Hotspot_CardContainer{left:unset;transform:unset}}.sec-Hotspot_CardContainer-desktop{display:none}@media only screen and (min-width: 768px){.sec-Hotspot_CardContainer-mobile{display:none}.sec-Hotspot_CardContainer-desktop{display:block}}.sec-Hotspot_CardContainer[aria-hidden=false]{opacity:1;visibility:visible;animation:CardFlicker .2s normal forwards linear}@keyframes CardFlicker{0%{background-color:var(--Color_WarmBlack)}10%{background-color:var(--Color_OffWhite)}20%{background-color:var(--Color_WarmBlack)}50%{background-color:var(--Color_OffWhite)}60%{background-color:var(--Color_WarmBlack)}to{background-color:transparent}}@media only screen and (min-width: 768px){.sec-Hotspot_CardContainer-showAbove{bottom:35px}.sec-Hotspot_CardContainer-showMiddleVertical{top:50%;transform:translateY(-50%)}.sec-Hotspot_CardContainer-showBelow{top:35px}.sec-Hotspot_CardContainer-showRight{left:35px}.sec-Hotspot_CardContainer-showLeft{right:35px}}@media only screen and (min-width: 901px){.sec-Hotspot_CardContainer-showAbove{bottom:50px}.sec-Hotspot_CardContainer-showBelow{top:50px}.sec-Hotspot_CardContainer-showRight{left:50px}.sec-Hotspot_CardContainer-showLeft{right:50px}}.sec-Hotspot_CardTitle{text-transform:uppercase}.sec-Hotspot_Card{position:relative;display:flex;max-width:300px;width:max-content;padding:10px;background-color:#03000080}@media only screen and (min-width: 768px){.sec-Hotspot_Card{padding:10px 15px}}.sec-Hotspot_Card--link{display:grid;grid-template-columns:60% 5%}.sec-Hotspot_Card--link .sec-Hotspot_CardContent,.sec-Hotspot_Card--link .sec-Hotspot_CardLink{grid-column:span start/2}.sec-Hotspot_Card--link .sec-Hotspot_Close{grid-column:span 1 / end;grid-row:span start/1}.sec-Hotspot_Card--link__image{grid-template-columns:auto 55% 5%;grid-template-rows:repeat(2,auto)}.sec-Hotspot_Card--link__image .sec-Hotspot_CardImage{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.sec-Hotspot_Card--link__image .sec-Hotspot_CardContent{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.sec-Hotspot_Card--link__image .sec-Hotspot_CardLink{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3}.sec-Hotspot_Card--link__image .sec-Hotspot_Close{grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:2}.sec-Hotspot_Close{align-self:flex-start;flex-shirnk:0;padding:5px}.sec-Hotspot_CloseIcon{width:10px;height:10px;color:#fff}.sec-Hotspot_CardContent{flex-direction:column;display:flex}.sec-Hotspot_CardImage{flex-shrink:0;width:85px;margin-right:10px}.sec-Hotspot_CardPrice{margin-bottom:10px}@media only screen and (min-width: 768px){.sec-Hotspot_CardPrice{margin-bottom:20px}}.sec-Hotspot_CardLink{margin-top:auto}.sec-Hotspot_FrameContainer{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none;opacity:1;visibility:visible;transition:opacity .3s ease}.sec-Hotspot_FrameInner{border:none}
/*# sourceMappingURL=/cdn/shop/t/767/assets/section-hotspot.css.map */
