{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/SharedComponents/atoms/AspectRatio.tsx"],"names":["AspectRatioOuter","div","height","overflow","position","AspectRatioInner","top","left","width","HoverAspectRatioInner","boxSizing","borderRadius","border","xy","style","color","transition","property","duration","timingFunction","monochrome","black","OverlayNotABackdrop"],"mappings":"0FAAA,0JAGaA,EAAmB,IAAOC,IAAI,CACzCC,OAAQ,MACRC,SAAU,SACVC,SAAU,aAGCC,EAAmB,IAAOJ,IAAI,CACzCG,SAAU,WACVE,IAAK,IACLC,KAAM,IACNC,MAAO,OACPN,OAAQ,SAGGO,EAAwB,IAAOR,IAAI,CAC9CG,SAAU,WACVE,IAAK,IACLC,KAAM,IACNC,MAAO,OACPN,OAAQ,OACRQ,UAAW,aACXC,aAAc,MACdC,OAAQ,CACNC,GAAI,CACFC,MAAO,QACPN,MAAO,MACPO,MAAO,gBAGXC,WAAY,CACVC,SAAU,SACVC,SAAU,OACVC,eAAgB,UAElB,SAAU,CACRP,OAAQ,CACNC,GAAI,CACFC,MAAO,QACPN,MAAO,MACPO,MAAO,IAAaK,WAAWC,WAM1BC,EAAsB,IAAOrB,IAAI,CAE5CG,SAAU,WACVE,IAAK,IACLC,KAAM,IACNC,MAAO,OACPN,OAAQ","file":"assets/2.chunk.833cf3be6dc623463d51.js","sourcesContent":["import { styled } from '@glitz/react';\r\nimport * as style from 'Shared/Style';\r\n\r\nexport const AspectRatioOuter = styled.div({\r\n  height: '0px',\r\n  overflow: 'hidden',\r\n  position: 'relative',\r\n});\r\n\r\nexport const AspectRatioInner = styled.div({\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  width: '100%',\r\n  height: '100%',\r\n});\r\n\r\nexport const HoverAspectRatioInner = styled.div({\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  width: '100%',\r\n  height: '100%',\r\n  boxSizing: 'border-box',\r\n  borderRadius: '8px',\r\n  border: {\r\n    xy: {\r\n      style: 'solid',\r\n      width: '1px',\r\n      color: 'transparent',\r\n    }\r\n  },\r\n  transition: {\r\n    property: 'border',\r\n    duration: '0.3s',\r\n    timingFunction: 'linear'\r\n  },\r\n  ':hover': {\r\n    border: {\r\n      xy: {\r\n        style: 'solid',\r\n        width: '1px',\r\n        color: style.colors.monochrome.black,\r\n      }\r\n    }\r\n  }\r\n});\r\n\r\nexport const OverlayNotABackdrop = styled.div({\r\n  //May require wrapping in a div with position: relative\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  width: '100%',\r\n  height: '100%',\r\n});\r\n"],"sourceRoot":""}