.prd-Media{position:relative;display:block;margin-inline-start:calc(var(--Site_Margin) * -1);margin-inline-end:calc(var(--Site_Margin) * -1)}@media only screen and (min-width: 901px){.prd-Media{height:var(--Total_Height);margin-inline-end:0}}.prd-Media_Carousel{display:block}@media only screen and (min-width: 901px){.prd-Media_Carousel{position:sticky;top:var(--Header_Height);overflow:hidden}}.prd-Media_Slides{display:flex}.prd-Media_Slide{position:relative;flex-shrink:0;width:100%;background-color:var(--Color_Background-dark)}@media only screen and (min-width: 901px){.prd-Media_Slide{align-items:center;justify-content:center;display:flex;width:50vw;height:calc(100vh - var(--Header_Height))}}.prd-Media_Image{transform:scale(.8)}@media only screen and (max-width: 900px){.prd-Media_Image{display:flex;height:100%}}.prd-Media_Link{cursor:zoom-in}.prd-Media_VideoContainer{position:relative;display:flex}.prd-Media_VideoContainer:after{content:"";display:block;width:0;padding-top:56.25%}.prd-Media_Video{position:absolute;top:0;left:0;z-index:1;display:flex;width:100%;height:100%}.prd-Media_Tooltip{position:absolute;bottom:20px;left:20px;z-index:2;align-items:center;display:flex;min-height:24px;padding:3px 10px;background-color:var(--Color_Anchor);border:1px solid var(--Color_Anchor);border-radius:12px;color:var(--Color_Brand);cursor:pointer;transition:border .3s ease}.prd-Media_Tooltip:hover{border-color:var(--Color_PetronasTeal)}.prd-Media_Tooltip-message{padding-inline-start:26px;opacity:1;transform-origin:0 100%;transition:border .3s ease,opacity .5s ease,visibility .5s ease,transform .5s ease}.prd-Media_Tooltip-message[aria-hidden=true]{opacity:0;visibility:hidden;transform:scaleX(.8)}.prd-Media_Tooltip svg{width:19px;height:6px}.prd-Media_TooltipClose{position:absolute;top:50%;left:2px;z-index:1;align-items:center;justify-content:center;display:flex;width:18px;height:18px;background-color:var(--Color_Border);border-radius:50%;color:var(--Color_Anchor);transform:translateY(-50%);transition:background-color .3s ease}.prd-Media_Tooltip:hover .prd-Media_TooltipClose{background-color:var(--Color_Grey)}.prd-Media_TooltipClose svg{width:10px;height:10px}.prd-Media_Magnify{display:none}@media only screen and (min-width: 901px){.prd-Media_Magnify{position:absolute;bottom:30px;left:30px;z-index:2;align-items:center;justify-content:center;display:flex;width:34px;height:34px;background-color:var(--Color_Anchor);border-radius:50%;pointer-events:none}.prd-Media_Magnify svg{width:16px;height:16px;fill:var(--Color_Brand)}}.prd-Media_Dots{position:absolute;bottom:0;left:0;z-index:3;justify-content:center;display:flex;width:100%;pointer-events:none}@media only screen and (min-width: 901px){.prd-Media_Dots{display:none}}.prd-Media_Dot{align-items:center;justify-content:center;display:flex;width:10px;height:30px;pointer-events:auto}.prd-Media_Dot:after{content:"";display:block;width:5px;height:5px;background-color:var(--Color_Background);border:1px solid var(--Color_Anchor);border-radius:50%;transition:background-color .3s ease,border-color .3s ease}.prd-Media_Dot:is(:hover,:focus):after{border-color:var(--Color_Anchor)}.prd-Media_Dot[aria-current=true]:after{background-color:var(--Color_Anchor);border-color:var(--Color_Anchor)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/product-media.css.map */