.sec-StoreHotspots{display:block}.prd-StoreHotspots_Header{align-items:center;flex-direction:column;justify-content:center;gap:30px;display:flex;margin:50px 0 25px;padding:0 15px;overflow:hidden}@media only screen and (min-width: 768px){.prd-StoreHotspots_Header{margin:100px 0 50px;padding:0 30px}}.prd-StoreHotspots_Title{text-align:center}.prd-StoreHotspots_Nav{width:100%;margin-inline:-15px}.prd-StoreHotspots_NavList{justify-content:unset;display:flex;opacity:1;transition:opacity .5s ease}.prd-StoreHotspots_NavList[aria-busy=true]{opacity:0}@media only screen and (min-width: 768px){.prd-StoreHotspots_NavList{justify-content:center;margin:0;padding:0;gap:20px;overflow:auto}}.prd-StoreHotspots_NavListItem{flex:0 0 auto;text-align:center}.prd-StoreHotspots_NavButton{position:relative;text-transform:uppercase;opacity:.5;transition:opacity .5s ease}.prd-StoreHotspots_NavButton:hover,.prd-StoreHotspots_NavButton[data-active=true]{opacity:1}.prd-StoreHotspots_NavButton:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;block-size:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease,opacity .2s ease}.prd-StoreHotspots_NavButton:not([disabled]):focus:after,.prd-StoreHotspots_NavButton:not([disabled]):hover:after,.prd-StoreHotspots_NavButton[data-active=true]:after{transform:scaleX(1);transform-origin:right}@media only screen and (min-width: 768px){.prd-StoreHotspots_NavButton{font-size:13px}}.prd-StoreHotspots_Main{position:relative;display:grid;height:calc(100vh - var(--HeaderBanner_Height) - var(--AnnouncementBar_Height));opacity:1;transition:opacity .5s ease;-webkit-user-select:none;user-select:none}.prd-StoreHotspots_Main[aria-busy=true]{opacity:0}.prd-StoreHotspots_Room{grid-area:1 / 1;opacity:1;overflow:hidden;transition:opacity .75s ease-in-out;pointer-events:all;-webkit-user-select:none;user-select:none}.prd-StoreHotspots_Room::-webkit-scrollbar{display:none}.prd-StoreHotspots_Room[aria-hidden=true]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.prd-StoreHotspots_RoomScroll{cursor:pointer;overflow:auto;will-change:transform}.prd-StoreHotspots_RoomScroll-active{cursor:grabbing;cursor:-webkit-grabbing}.prd-StoreHotspots_RoomInner{position:relative;min-width:100vw}.prd-StoreHotspots_FloatingNavButton{position:absolute;top:50%;z-index:1;align-items:center;justify-content:center;display:flex;width:40px;height:40px;background-color:#ffffff45;transform:translateY(-50%);transition:background-color .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prd-StoreHotspots_FloatingNavButton:hover,.prd-StoreHotspots_FloatingNavButton:focus-visible{background-color:var(--Color_Brand)}.prd-StoreHotspots_FloatingNavButton-prev{left:0}.prd-StoreHotspots_FloatingNavButton-next{right:0}@media only screen and (min-width: 768px){.prd-StoreHotspots_FloatingNavButton{width:60px;height:60px}}.prd-StoreHotspots_FloatingNavButton svg{pointer-events:none;width:6px;color:#fff;transition:color .4s ease}.prd-StoreHotspots_FloatingNavButton:hover svg,.prd-StoreHotspots_FloatingNavButton:focus-visible svg{color:#fff}.prd-StoreHotspots_RoomImage{width:100%;height:unset;pointer-events:none}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #fff0;transform:scale(1)}to{box-shadow:0 0 #fff0;transform:scale(.95)}}.prd-StoreHotspots_Hotspot{--HotspotPosition_OffsetX: calc(-44px * var(--HotspotPosition_AxisDecimalX));--HotspotPosition_OffsetY: calc(-44px * var(--HotspotPosition_AxisDecimalY));position:absolute;top:var(--HotspotPosition_AxisPercentY, -100%);left:var(--HotspotPosition_AxisPercentX, -100%);border-radius:50%;box-shadow:0 0 #fff;animation:pulse 2s infinite;transform:translate(var(--HotspotPosition_OffsetX),var(--HotspotPosition_OffsetY)) scale(1)}.prd-StoreHotspots_HotspotButton{align-items:center;justify-content:center;display:flex;width:30px;height:30px;background-color:#ffffff47;border:1px solid #fff;border-radius:9999px;overflow:hidden;transition:.4s background-color ease}@media only screen and (min-width: 768px){.prd-StoreHotspots_HotspotButton{width:44px;height:44px}}.prd-StoreHotspots_HotspotButton svg{pointer-events:none;width:10px;color:#fff;transition:.4s color ease}@media only screen and (min-width: 768px){.prd-StoreHotspots_HotspotButton svg{width:15px}}.prd-StoreHotspots_HotspotButton-navigation svg{width:18px}@media only screen and (min-width: 768px){.prd-StoreHotspots_HotspotButton-navigation svg{width:24px}}.prd-StoreHotspots_HotspotButton:hover,.prd-StoreHotspots_HotspotButton:focus-visible{background-color:#fff}.prd-StoreHotspots_HotspotButton:hover svg,.prd-StoreHotspots_HotspotButton:focus-visible svg{color:var(--Color_Brand)}.prd-StoreHotspotsDrawer{--Drawer_Padding: 20px;flex-direction:column;display:flex;height:100%}@media only screen and (min-width: 768px){.prd-StoreHotspotsDrawer{--Drawer_Padding: 30px}}.prd-StoreHotspotsDrawer_Media{position:relative}.prd-StoreHotspotsDrawer_Image{flex:0 0 auto}.prd-StoreHotspotsDrawer_Content{flex:1 1 auto;flex-direction:column;display:flex;padding:var(--Drawer_Padding) var(--Drawer_Padding) 0}.prd-StoreHotspotsDrawer_Title{margin-bottom:20px}.prd-StoreHotspotsDrawer_Footer{flex:0 0 auto;flex-direction:column;display:flex;margin-top:auto;padding-block:var(--Drawer_Padding);gap:10px}.prd-StoreHotspotsDrawer_Close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:2;padding:20px;cursor:pointer}.prd-StoreHotspotsDrawer_Close svg{inline-size:15px;block-size:15px}.prd-StoreHotspotsDrawer_Control{position:absolute;inset-block-start:50%;z-index:1;align-items:center;justify-content:center;display:flex;inline-size:60px;block-size:60px;background-color:#0000001a;box-shadow:2px 2px 10px #0000001a;color:#fff;opacity:1;visibility:visible;transform:translateY(-50%);transition:background-color .3s ease,opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prd-StoreHotspotsDrawer_Control:is(:focus,:hover){background-color:#000}.prd-StoreHotspotsDrawer_Control[disabled]{opacity:0;visibility:hidden}.prd-StoreHotspotsDrawer_Control-next{inset-inline-end:0}.prd-StoreHotspotsDrawer_Control-previous{inset-inline-start:0}.prd-StoreHotspotsDrawer_ControlIcon{inline-size:7.5px}
/*# sourceMappingURL=/cdn/shop/t/514/assets/section-store-hotspots.css.map */