{"version":3,"sources":["safe-area/safe-area.scss"],"names":[],"mappings":"AAGA,mBACE,aAAA,CACA,UAAA,CAEA,wBAEE,oCAAA,CAGF,2BAEE,0CAAA","file":"index.css","sourcesContent":["@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n.#{$component-prefix}safe-area {\r\n  display: block;\r\n  width: 100%;\r\n\r\n  &--top {\r\n    padding-top: constant(safe-area-inset-top); /* Compatibility iOS < 11.2 */\r\n    padding-top: env(safe-area-inset-top); /* Compatibility iOS >= 11.2 */\r\n  }\r\n\r\n  &--bottom {\r\n    padding-bottom: constant(safe-area-inset-bottom); /* Compatibility iOS < 11.2 */\r\n    padding-bottom: env(safe-area-inset-bottom); /* Compatibility iOS >= 11.2 */\r\n  }\r\n}\r\n"]}