.prd-Hotspot{position:relative;display:flex;margin-inline-start:calc(var(--Layout_Padding) * -1);margin-inline-end:calc(var(--Layout_Padding) * -1);overflow:hidden}.prd-Hotspot:after{content:"";display:block;width:0;padding-top:170%}@media only screen and (min-width: 768px){.prd-Hotspot{margin-inline-start:0;margin-inline-end:0}.prd-Hotspot:after{padding-top:120%}}@media only screen and (min-width: 901px){.prd-Hotspot{padding-inline-start:var(--Layout_Padding);padding-inline-end:var(--Layout_Padding)}.prd-Hotspot:after{padding-top:140%}}@media only screen and (min-width: 901px){.prd-Hotspot:after{padding-top:62%}}@media only screen and (min-width: 1201px){.prd-Hotspot{padding-inline-start:0;padding-inline-end:0}}.prd-Hotspot_Columns{--Hotspot_Padding: 40px;width:100%;padding-block-start:var(--Hotspot_Padding);padding-block-end:var(--Hotspot_Padding)}@media only screen and (min-width: 768px){.prd-Hotspot_Columns{--Hotspot_Padding: 60px}}@media only screen and (min-width: 1201px){.prd-Hotspot_Columns{--Hotspot_Padding: 120px;grid-gap:var(--Grid_Gutter-wide);grid-template-columns:repeat(12,1fr);display:grid}}@media only screen and (min-width: 1201px){.prd-Hotspot_Column-content{grid-column:2 / span 4}}.prd-Hotspot_Image{position:absolute;top:0;left:0;z-index:-1;display:flex;width:100%;height:100%;background-color:var(--Color_PoleGrey)}.prd-Hotspot_Image-desktop{display:none}@media only screen and (min-width: 901px){.prd-Hotspot_Image-mobile{display:none}.prd-Hotspot_Image-desktop{display:flex}}.prd-Hotspot_Close{position:absolute;top:20px;right:20px;z-index:1;align-items:center;justify-content:center;display:flex;width:34px;height:34px;background-color:#fff;border-radius:50%;color:var(--Color_PerformanceBlack);transition:color .3s ease}.prd-Hotspot_Close:hover{color:var(--Color_PetronasTeal)}.prd-Hotspot_Close svg{width:18px;height:18px}.prd-Hotspot_Title{text-align:center;color:var(--Color_PerformanceBlack)}@media only screen and (min-width: 1201px){.prd-Hotspot_Title{text-align:left}}.prd-Hotspot_Hotspot{position:absolute;top:var(--Postion_Y-mobile);left:var(--Postion_X-mobile);z-index:1;align-items:center;justify-content:center;display:flex;width:34px;height:34px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 901px){.prd-Hotspot_Hotspot{top:var(--Postion_Y-desktop);left:var(--Postion_X-desktop)}}@media only screen and (min-width: 1201px){.prd-Hotspot_Hotspot{width:46px;height:46px}}.prd-Hotspot_Plus{align-items:center;justify-content:center;display:flex;width:26px;height:26px;background-color:#fff;border:1px solid var(--Color_Border);border-radius:50%;color:var(--Color_Body);transform:rotate(45deg);transition:background-color .5s ease,border .5s ease,color .5s ease,transform .5s ease}.prd-Hotspot_Plus svg{width:8px;height:8px}.prd-Hotspot_Hotspot:is(:hover) .prd-Hotspot_Plus{border:1px solid var(--Color_PetronasTeal);color:var(--Color_PetronasTeal)}.prd-Hotspot_Hotspot[aria-pressed=true] .prd-Hotspot_Plus{background-color:var(--Color_CarbonGrey);border:1px solid var(--Color_CarbonGrey);color:#fff;transform:none}@media only screen and (min-width: 1201px){.prd-Hotspot_Plus{width:38px;height:38px}.prd-Hotspot_Plus svg{width:12px;height:12px}}.prd-Hotspot_Card{display:block}
/*# sourceMappingURL=/s/files/1/0563/8314/3997/t/5/assets/product-hotspot.css.map */