{"version":3,"sources":["plugins/date-picker.scss","plugins/date-picker.css"],"names":[],"mappings":"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","file":"date-picker.css","sourcesContent":["/***\r\nSpectrum Colorpicker v1.8.0\r\nhttps://github.com/bgrins/spectrum\r\nAuthor: Brian Grinstead\r\nLicense: MIT\r\n***/\r\n\r\n.sp-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  display: inline-block;\r\n  *display: inline;\r\n  *zoom: 1;\r\n  z-index: 9999994;\r\n  overflow: hidden;\r\n\r\n  &.sp-flat {\r\n    position: relative;\r\n  }\r\n\r\n  -webkit-box-sizing: content-box;\r\n  -moz-box-sizing: content-box;\r\n  box-sizing: content-box;\r\n\r\n  * {\r\n    -webkit-box-sizing: content-box;\r\n    -moz-box-sizing: content-box;\r\n    box-sizing: content-box;\r\n  }\r\n}\r\n\r\n/* Fix for * { box-sizing: border-box; } */\r\n\r\n.sp-top {\r\n  position: relative;\r\n  width: 100%;\r\n  display: inline-block;\r\n}\r\n\r\n.sp-top-inner {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n.sp-color {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 20%;\r\n}\r\n\r\n.sp-hue {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 84%;\r\n  height: 100%;\r\n}\r\n\r\n.sp-clear-enabled .sp-hue {\r\n  top: 33px;\r\n  height: 77.5%;\r\n}\r\n\r\n.sp-fill {\r\n  padding-top: 80%;\r\n}\r\n\r\n.sp-sat, .sp-val {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.sp-alpha-enabled {\r\n  .sp-top {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .sp-alpha {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.sp-alpha-handle {\r\n  position: absolute;\r\n  top: -4px;\r\n  bottom: -4px;\r\n  width: 6px;\r\n  left: 50%;\r\n  cursor: pointer;\r\n  border: 1px solid black;\r\n  background: white;\r\n  opacity: .8;\r\n}\r\n\r\n.sp-alpha {\r\n  display: none;\r\n  position: absolute;\r\n  bottom: -14px;\r\n  right: 0;\r\n  left: 0;\r\n  height: 8px;\r\n}\r\n\r\n.sp-alpha-inner {\r\n  border: solid 1px #495057;\r\n}\r\n\r\n.sp-clear {\r\n  display: none;\r\n\r\n  &.sp-clear-display {\r\n    background-position: center;\r\n  }\r\n}\r\n\r\n.sp-clear-enabled .sp-clear {\r\n  display: block;\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 84%;\r\n  height: 28px;\r\n}\r\n\r\n/* Don't allow text selection */\r\n\r\n.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle {\r\n  -webkit-user-select: none;\r\n  -moz-user-select: -moz-none;\r\n  -o-user-select: none;\r\n  user-select: none;\r\n}\r\n\r\n.sp-container {\r\n  &.sp-dragging .sp-input, button {\r\n    -webkit-user-select: none;\r\n    -moz-user-select: -moz-none;\r\n    -o-user-select: none;\r\n    user-select: none;\r\n  }\r\n\r\n  &.sp-input-disabled .sp-input-container, &.sp-buttons-disabled .sp-button-container, &.sp-palette-buttons-disabled .sp-palette-button-container {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial {\r\n  display: none;\r\n}\r\n\r\n/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */\r\n\r\n.sp-sat {\r\n  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));\r\n  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));\r\n  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));\r\n  -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)\";\r\n  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');\r\n}\r\n\r\n.sp-val {\r\n  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));\r\n  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));\r\n  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));\r\n  -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)\";\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');\r\n}\r\n\r\n.sp-hue {\r\n  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\r\n  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\r\n  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\r\n  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));\r\n  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\r\n  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\r\n}\r\n\r\n/* IE filters do not support multiple color stops.\r\n   Generate 6 divs, line them up, and do two color gradients for each.\r\n   Yes, really.\r\n */\r\n\r\n.sp-1 {\r\n  height: 17%;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');\r\n}\r\n\r\n.sp-2 {\r\n  height: 16%;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');\r\n}\r\n\r\n.sp-3 {\r\n  height: 17%;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');\r\n}\r\n\r\n.sp-4 {\r\n  height: 17%;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');\r\n}\r\n\r\n.sp-5 {\r\n  height: 16%;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');\r\n}\r\n\r\n.sp-6 {\r\n  height: 17%;\r\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');\r\n}\r\n\r\n.sp-hidden {\r\n  display: none !important;\r\n}\r\n\r\n/* Clearfix hack */\r\n\r\n.sp-cf {\r\n  &:before {\r\n    content: \"\";\r\n    display: table;\r\n  }\r\n\r\n  &:after {\r\n    content: \"\";\r\n    display: table;\r\n    clear: both;\r\n  }\r\n\r\n  *zoom: 1;\r\n}\r\n\r\n/* Mobile devices, make hue slider bigger so it is easier to slide */\r\n@media (max-device-width: 480px) {\r\n  .sp-color {\r\n    right: 40%;\r\n  }\r\n\r\n  .sp-hue {\r\n    left: 63%;\r\n  }\r\n\r\n  .sp-fill {\r\n    padding-top: 60%;\r\n  }\r\n}\r\n\r\n.sp-dragger {\r\n  border-radius: 5px;\r\n  height: 5px;\r\n  width: 5px;\r\n  border: 1px solid #fff;\r\n  background: #000;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.sp-slider {\r\n  position: absolute;\r\n  top: 0;\r\n  cursor: pointer;\r\n  height: 3px;\r\n  left: -1px;\r\n  right: -1px;\r\n  border: 1px solid #000;\r\n  background: white;\r\n  opacity: .8;\r\n}\r\n\r\n/*\r\nTheme authors:\r\nHere are the basic themeable display options (colors, fonts, global widths).\r\nSee http://bgrins.github.io/spectrum/themes/ for instructions.\r\n*/\r\n\r\n.sp-container {\r\n  border-radius: 0;\r\n  background-color: #fff;\r\n  border: solid 1px #e9ebfa;\r\n  padding: 0;\r\n  box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n  border-radius: 5px;\r\n  font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  -ms-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n\r\n  button, input {\r\n    font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    -ms-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\n.sp-color, .sp-hue, .sp-clear {\r\n  font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  -ms-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sp-top {\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.sp-color, .sp-hue, .sp-clear {\r\n  border: solid 1px #e9ebfa;\r\n}\r\n\r\n/* Input */\r\n\r\n.sp-input-container {\r\n  float: right;\r\n  width: 100px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.sp-initial-disabled .sp-input-container {\r\n  width: 100%;\r\n}\r\n\r\n.sp-input {\r\n  font-size: 12px !important;\r\n  border: 1px inset;\r\n  padding: 4px 5px;\r\n  margin: 0;\r\n  width: 100%;\r\n  background: transparent;\r\n  border-radius: 3px;\r\n  color: #222;\r\n\r\n  &:focus {\r\n    border: 1px solid orange;\r\n  }\r\n\r\n  &.sp-validation-error {\r\n    border: 1px solid red;\r\n    background: #fdd;\r\n  }\r\n}\r\n\r\n.sp-picker-container, .sp-palette-container {\r\n  float: left;\r\n  position: relative;\r\n  padding: 10px;\r\n  padding-bottom: 300px;\r\n  margin-bottom: -290px;\r\n}\r\n\r\n.sp-picker-container {\r\n  width: 172px;\r\n  border-left: solid 1px #fff;\r\n}\r\n\r\n/* Palettes */\r\n\r\n.sp-palette-container {\r\n  border-right: solid 1px #ccc;\r\n}\r\n\r\n.sp-palette-only .sp-palette-container {\r\n  border: 0;\r\n}\r\n\r\n.sp-palette .sp-thumb-el {\r\n  /*display: block;*/\r\n  position: relative;\r\n  float: left;\r\n  width: 24px;\r\n  height: 15px;\r\n  margin: 3px;\r\n  cursor: pointer;\r\n  border: solid 2px transparent;\r\n\r\n  &:hover, &.sp-thumb-active {\r\n    border-color: orange;\r\n  }\r\n}\r\n\r\n.sp-thumb-el {\r\n  position: relative;\r\n}\r\n\r\n/* Initial */\r\n\r\n.sp-initial {\r\n  float: left;\r\n  border: solid 1px #495057;\r\n\r\n  span {\r\n    width: 30px;\r\n    height: 25px;\r\n    border: none;\r\n    display: block;\r\n    float: left;\r\n    margin: 0;\r\n  }\r\n\r\n  .sp-clear-display {\r\n    background-position: center;\r\n  }\r\n}\r\n\r\n/* Buttons */\r\n\r\n.sp-palette-button-container, .sp-button-container {\r\n  float: right;\r\n}\r\n\r\n/* Replacer (the little preview div that shows up instead of the <input>) */\r\n\r\n.sp-replacer {\r\n  margin: 0;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  padding: 8px 10px;\r\n  display: inline-block;\r\n  border-radius: 3px;\r\n  border: solid 1px #e9ebfa;\r\n  background: #eceefb;\r\n  color: #495057;\r\n  vertical-align: middle;\r\n\r\n  &:hover, &.sp-active {\r\n    color: #111;\r\n  }\r\n\r\n  &.sp-disabled {\r\n    cursor: default;\r\n    border-color: silver;\r\n    color: silver;\r\n  }\r\n}\r\n\r\n.sp-dd {\r\n  padding: 2px 0;\r\n  height: 16px;\r\n  line-height: 16px;\r\n  float: left;\r\n  font-size: 10px;\r\n  color: #bcccda;\r\n}\r\n\r\n.sp-preview {\r\n  position: relative;\r\n  width: 40px;\r\n  height: 20px;\r\n  border: solid 1px #e9ebfa;\r\n  margin-right: 5px;\r\n  float: left;\r\n  z-index: 0;\r\n  border-radius: 3px;\r\n}\r\n\r\n.sp-palette {\r\n  *width: 220px;\r\n  max-width: 220px;\r\n\r\n  .sp-thumb-el {\r\n    width: 16px;\r\n    height: 16px;\r\n    margin: 2px 1px;\r\n    border: solid 1px #d0d0d0;\r\n  }\r\n}\r\n\r\n.sp-container {\r\n  padding-bottom: 0;\r\n\r\n  button {\r\n    background-color: #eeeeee;\r\n    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);\r\n    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);\r\n    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);\r\n    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);\r\n    background-image: linear-gradient(to bottom, #eeeeee, #cccccc);\r\n    border: 1px solid #ccc;\r\n    border-bottom: 1px solid #bbb;\r\n    border-radius: 3px;\r\n\r\n    /* color: #495057; */\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    padding: 5px 4px;\r\n    text-align: center;\r\n\r\n    /* text-shadow: 0 1px 0 #eee; */\r\n    vertical-align: middle;\r\n    background: #f3f4f7;\r\n\r\n    &:hover {\r\n      background-color: #dddddd;\r\n      background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);\r\n      background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);\r\n      background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);\r\n      background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);\r\n      background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);\r\n      border: 1px solid #bbb;\r\n      border-bottom: 1px solid #999;\r\n      cursor: pointer;\r\n      text-shadow: 0 1px 0 #ddd;\r\n    }\r\n\r\n    &:active {\r\n      border: 1px solid #aaa;\r\n      border-bottom: 1px solid #888;\r\n      -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\r\n      -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\r\n      -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\r\n      -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\r\n      box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\r\n    }\r\n  }\r\n}\r\n\r\n/* Buttons: http://hellohappy.org/css3-buttons/ */\r\n\r\n.sp-cancel {\r\n  font-size: 14px;\r\n  color: #f72d66 !important;\r\n  margin: 0;\r\n  padding: 2px;\r\n  margin-right: 5px;\r\n  vertical-align: middle;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: #d93f3f !important;\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n.sp-palette span {\r\n  &:hover, &.sp-thumb-active {\r\n    border-color: #000;\r\n  }\r\n}\r\n\r\n.sp-preview, .sp-alpha, .sp-thumb-el {\r\n  position: relative;\r\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);\r\n}\r\n\r\n.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {\r\n  display: block;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n.sp-palette {\r\n  .sp-thumb-inner {\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .sp-thumb-light.sp-thumb-active .sp-thumb-inner {\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);\r\n  }\r\n\r\n  .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);\r\n  }\r\n}\r\n\r\n.sp-clear-display {\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);\r\n}",null]}