.Hotspot{position:absolute;top:0;left:0;z-index:10;height:100%;width:100%;overflow:hidden}@media (max-width:899px){.Hotspot--active{position:fixed;z-index:50}}.Hotspot:not(.Hotspot--active){cursor:pointer}.Hotspot__mask{position:absolute;top:0;left:0;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(10,30,50,var(--tw-bg-opacity));opacity:.4}.Hotspot:not(.Hotspot--active) .Hotspot__mask{display:none}.Hotspot__content{--height-change-transition:ease;--slide-in-ease-out:cubic-bezier(0.55,0.06,0.68,0.19);--slide-out-ease-in:cubic-bezier(0.22,0.61,0.36,1);pointer-events:none;position:absolute;right:0;bottom:0;display:flex;width:100%;flex-direction:column;align-items:flex-end;padding:2rem}.Hotspot--active .Hotspot__content{pointer-events:auto}@media (max-width:899px){.Hotspot__content{transform:translateY(100%);transition-property:transform;transition-timing-function:var(--slide-in-ease-out);transition-duration:.3s;transition-delay:0s}.Hotspot--active .Hotspot__content{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));transform:translateY(0);transition-timing-function:var(--slide-out-ease-in)}.Hotspot--active .Hotspot__content--closing{transform:translateY(100%)}}@media (min-width:900px){.Hotspot__content{max-width:398px}}.HotspotButton.Hotspot__content-button{position:absolute;z-index:10;top:-20px;right:32px}.Hotspot__items{width:100%}.HotspotItem{display:flex;width:100%;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:.75rem 1.5rem .75rem .75rem}@media (min-width:900px){.HotspotItem{margin-top:1rem}}.HotspotItem__media{width:5rem;flex-shrink:0;align-self:flex-start}.HotspotItem__body{margin-top:1rem;margin-bottom:1rem;margin-left:.75rem;flex-grow:1;text-align:left}.HotspotItem__links :not(:last-child){margin-right:.75rem}.HotspotItem__meta{margin-top:1rem;margin-bottom:1rem;flex-shrink:0}.HotspotItem__meta__price{display:flex;align-items:baseline}.HotspotButton{position:relative;display:flex;height:2.5rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:.75rem;transition:max-width .3s;transition-timing-function:cubic-bezier(.86,0,.07,1);max-width:40px;box-shadow:0 8px 12px 0 rgba(0,0,0,.1)}.Hotspot:hover .HotspotButton:not(.HotspotButton--active),.HotspotButton:not(.HotspotButton--active):hover{max-width:380px}@media (max-width:899px){.HotspotButton--active{display:none}}.HotspotButton__close{padding:.875rem}.HotspotButton--active,.HotspotButton.Hotspot__content-button{max-width:40px;transition-duration:0ms}.HotspotButton--active .HotspotButton__icon,.HotspotButton.Hotspot__content-button .HotspotButton__icon{opacity:.6}.HotspotButton--active:hover .HotspotButton__icon,.HotspotButton.Hotspot__content-button:hover .HotspotButton__icon{opacity:1}.HotspotButton:before{position:absolute;top:0;left:0;z-index:10;height:100%;width:100%;content:""}.HotspotButton__icon.BaseIcon{height:1rem;width:1rem;flex-shrink:0;fill:none}.HotspotButton__close .HotspotButton__icon.BaseIcon{height:.75rem;width:.75rem}.HotspotButton__text{margin-left:.75rem;white-space:nowrap;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.HotspotButton__close .HotspotButton__text{opacity:0}.HotspotButton--clicked .HotspotButton__text{--tw-text-opacity:1;color:rgba(108,120,132,var(--tw-text-opacity))}