{"version":3,"sources":["snazzy-info-window.scss","snazzy-info-window.css","_settings.scss"],"names":[],"mappings":"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","file":"snazzy-info-window.min.css","sourcesContent":["// Snazzy Info Window\r\n@import '_settings';\r\n\r\n\r\n\r\n//////////////////////////////\r\n// 0. Variables\r\n//////////////////////////////\r\n\r\n// Snazzy Info Window settings\r\n$si-pre: si;\r\n\r\n// Default marker\r\n$si-default-marker-width: 22px;\r\n$si-default-marker-height: 40px;\r\n$si-default-marker-anchor-x: 11px;\r\n$si-default-marker-anchor-y: 40px;\r\n$si-default-marker-margin: 0;\r\n\r\n// Math variable\r\n$si-root-2: 1.41421356237;\r\n$si-inverse-root-2: 0.7071067811865474;\r\n\r\n// Pointer settings\r\n$si-rotation: -45deg;\r\n$si-rotated-shadow-h: $si-inverse-root-2 * ($si-shadow-h - $si-shadow-v); // Only applies to a -45deg rotation\r\n$si-rotated-shadow-v: $si-inverse-root-2 * ($si-shadow-h + $si-shadow-v); // Only applies to a -45deg rotation\r\n\r\n\r\n\r\n//////////////////////////////\r\n// 1. Wrapper Styles\r\n//////////////////////////////\r\n\r\n// Infowindow wrapper\r\n.#{$si-pre}-float-wrapper {\r\n position: absolute;\r\n width: 100%;\r\n\r\n &,\r\n * {\r\n box-sizing: border-box;\r\n }\r\n}\r\n\r\n[class*='#{$si-pre}-wrapper'] {\r\n display: flex;\r\n position: absolute;\r\n align-items: center;\r\n font-size: $si-font-size;\r\n cursor: default;\r\n}\r\n\r\n// Top-positioned infowindow\r\n.#{$si-pre}-wrapper-top {\r\n flex-direction: column;\r\n margin-top: -$si-default-marker-anchor-y - $si-default-marker-margin;\r\n margin-left: $si-default-marker-width / 2 - $si-default-marker-anchor-x;\r\n transform: translate(-50%, -100%);\r\n}\r\n\r\n// Bottom-positioned infowindow\r\n.#{$si-pre}-wrapper-bottom {\r\n flex-direction: column-reverse;\r\n margin-top: $si-default-marker-height - $si-default-marker-anchor-y + $si-default-marker-margin;\r\n margin-left: $si-default-marker-width / 2 - $si-default-marker-anchor-x;\r\n transform: translate(-50%, 0);\r\n}\r\n\r\n// Left-positioned infowindow\r\n.#{$si-pre}-wrapper-left {\r\n margin-top: $si-default-marker-height / 2 - $si-default-marker-anchor-y;\r\n margin-left: -$si-default-marker-anchor-x - $si-default-marker-margin;\r\n transform: translate(-100%, -50%);\r\n}\r\n\r\n// Right-positioned infowindow\r\n.#{$si-pre}-wrapper-right {\r\n flex-direction: row-reverse;\r\n margin-top: $si-default-marker-height / 2 - $si-default-marker-anchor-y;\r\n margin-left: $si-default-marker-width - $si-default-marker-anchor-x + $si-default-marker-margin;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n\r\n\r\n//////////////////////////////\r\n// 2. Infowindow Shadow\r\n//////////////////////////////\r\n\r\n// Shadow wrapper\r\n[class*='#{$si-pre}-shadow-wrapper'] {\r\n display: flex;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n opacity: $si-shadow-opacity;\r\n z-index: 1;\r\n}\r\n\r\n// Shadow position\r\n.#{$si-pre}-shadow-wrapper-top,\r\n.#{$si-pre}-shadow-wrapper-bottom {\r\n flex-direction: column;\r\n}\r\n\r\n.#{$si-pre}-shadow-pointer-bottom,\r\n.#{$si-pre}-shadow-pointer-right {\r\n order: -1;\r\n}\r\n\r\n// Box shadow\r\n.#{$si-pre}-shadow-frame {\r\n box-shadow: $si-shadow-h $si-shadow-v $si-shadow-blur $si-shadow-spread $si-shadow-color;\r\n}\r\n\r\n// Pointer shadow\r\n[class*='#{$si-pre}-shadow-pointer'] {\r\n position: relative;\r\n width: $si-pointer-length;\r\n height: $si-pointer-length;\r\n margin: auto;\r\n}\r\n\r\n[class*='#{$si-pre}-shadow-inner-pointer'] {\r\n position: absolute;\r\n width: 141%;\r\n height: 141%;\r\n box-shadow: $si-rotated-shadow-h $si-rotated-shadow-v $si-shadow-blur $si-shadow-spread $si-shadow-color;\r\n}\r\n\r\n\r\n.#{$si-pre}-shadow-inner-pointer-top {\r\n left: 50%;\r\n transform: translate(-50%, -50%) rotate($si-rotation);\r\n}\r\n\r\n.#{$si-pre}-shadow-inner-pointer-bottom {\r\n bottom: 0;\r\n left: 50%;\r\n transform: translate(-50%, 50%) rotate($si-rotation);\r\n}\r\n\r\n.#{$si-pre}-shadow-inner-pointer-left {\r\n top: 50%;\r\n transform: translate(-50%, -50%) rotate($si-rotation);\r\n}\r\n\r\n.#{$si-pre}-shadow-inner-pointer-right {\r\n top: 50%;\r\n right: 0;\r\n transform: translate(50%, -50%) rotate($si-rotation);\r\n}\r\n\r\n\r\n\r\n//////////////////////////////\r\n// 3. Content Styles\r\n//////////////////////////////\r\n\r\n// Content styles\r\n.#{$si-pre}-frame {\r\n position: relative;\r\n flex: 1 1 auto;\r\n border-radius: $si-border-radius;\r\n overflow: hidden;\r\n z-index: 2;\r\n}\r\n\r\n.#{$si-pre}-content-wrapper {\r\n width: 100%;\r\n max-width: 100%;\r\n max-height: 100%;\r\n padding: $si-content-padding;\r\n background-color: $si-content-bg;\r\n\r\n .#{$si-pre}-has-border & {\r\n border: $si-border-width solid $si-border-color;\r\n }\r\n}\r\n\r\n.#{$si-pre}-content {\r\n overflow: auto;\r\n}\r\n\r\n\r\n\r\n//////////////////////////////\r\n// 4. Close Button\r\n//////////////////////////////\r\n\r\n.#{$si-pre}-close-button {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n border: 0;\r\n outline: none;\r\n background-color: transparent;\r\n color: inherit;\r\n font-family: Arial, Baskerville, monospace;\r\n font-size: $si-close-font-size;\r\n cursor: pointer;\r\n opacity: $si-close-opacity;\r\n appearance: none;\r\n\r\n &:hover,\r\n &:focus {\r\n opacity: $si-close-hover-opacity;\r\n }\r\n}\r\n\r\n\r\n\r\n//////////////////////////////\r\n// 5. Pointer Styles\r\n//////////////////////////////\r\n\r\n[class*='#{$si-pre}-pointer-border'] {\r\n position: absolute;\r\n border: $si-pointer-length solid transparent;\r\n z-index: 3;\r\n}\r\n\r\n$si-triangle-difference: min(round($si-border-width * ($si-root-2 - 1)), $si-pointer-length);\r\n\r\n[class*='#{$si-pre}-pointer-bg'] {\r\n position: relative;\r\n border: $si-pointer-length solid transparent;\r\n z-index: 4;\r\n\r\n .#{$si-pre}-has-border & {\r\n border-width: $si-pointer-length - $si-triangle-difference;\r\n }\r\n}\r\n\r\n.#{$si-pre}-pointer-border-top,\r\n.#{$si-pre}-pointer-border-bottom {\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n}\r\n\r\n.#{$si-pre}-pointer-border-left,\r\n.#{$si-pre}-pointer-border-right {\r\n top: 50%;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n// Top pointer poisitioning\r\n.#{$si-pre}-pointer-top {\r\n border-bottom: 0;\r\n}\r\n\r\n.#{$si-pre}-pointer-border-top {\r\n bottom: 0;\r\n border-top-color: $si-border-color;\r\n}\r\n\r\n.#{$si-pre}-pointer-bg-top {\r\n border-top-color: $si-content-bg;\r\n\r\n .#{$si-pre}-has-border & {\r\n top: -$si-border-width;\r\n margin-bottom: $si-triangle-difference;\r\n }\r\n}\r\n\r\n\r\n// Bottom pointer positioning\r\n.#{$si-pre}-pointer-bottom {\r\n border-top: 0;\r\n}\r\n\r\n.#{$si-pre}-pointer-border-bottom {\r\n top: 0;\r\n border-bottom-color: $si-border-color;\r\n}\r\n\r\n.#{$si-pre}-pointer-bg-bottom {\r\n border-bottom-color: $si-content-bg;\r\n\r\n .#{$si-pre}-has-border & {\r\n bottom: -$si-border-width;\r\n margin-top: $si-triangle-difference;\r\n }\r\n}\r\n\r\n// Left pointer positioning\r\n.#{$si-pre}-pointer-left {\r\n border-right: 0;\r\n}\r\n\r\n.#{$si-pre}-pointer-border-left {\r\n right: 0;\r\n border-left-color: $si-border-color;\r\n}\r\n\r\n.#{$si-pre}-pointer-bg-left {\r\n border-left-color: $si-content-bg;\r\n\r\n .#{$si-pre}-has-border & {\r\n left: -$si-border-width;\r\n margin-right: $si-triangle-difference;\r\n }\r\n}\r\n\r\n// Right pointer positioning\r\n.#{$si-pre}-pointer-right {\r\n border-left: 0;\r\n}\r\n\r\n.#{$si-pre}-pointer-border-right {\r\n left: 0;\r\n border-right-color: $si-border-color;\r\n}\r\n\r\n.#{$si-pre}-pointer-bg-right {\r\n border-right-color: $si-content-bg;\r\n\r\n .#{$si-pre}-has-border & {\r\n right: -$si-border-width;\r\n margin-left: $si-triangle-difference;\r\n }\r\n}\r\n",".si-float-wrapper {\n position: absolute;\n width: 100%; }\n .si-float-wrapper,\n .si-float-wrapper * {\n box-sizing: border-box; }\n\n[class*='si-wrapper'] {\n display: flex;\n position: absolute;\n align-items: center;\n font-size: 14px;\n cursor: default; }\n\n.si-wrapper-top {\n flex-direction: column;\n margin-top: -40px;\n margin-left: 0px;\n transform: translate(-50%, -100%); }\n\n.si-wrapper-bottom {\n flex-direction: column-reverse;\n margin-top: 0px;\n margin-left: 0px;\n transform: translate(-50%, 0); }\n\n.si-wrapper-left {\n margin-top: -20px;\n margin-left: -11px;\n transform: translate(-100%, -50%); }\n\n.si-wrapper-right {\n flex-direction: row-reverse;\n margin-top: -20px;\n margin-left: 11px;\n transform: translate(0, -50%); }\n\n[class*='si-shadow-wrapper'] {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0.29804;\n z-index: 1; }\n\n.si-shadow-wrapper-top,\n.si-shadow-wrapper-bottom {\n flex-direction: column; }\n\n.si-shadow-pointer-bottom,\n.si-shadow-pointer-right {\n order: -1; }\n\n.si-shadow-frame {\n box-shadow: 0 1px 3px 0 #000; }\n\n[class*='si-shadow-pointer'] {\n position: relative;\n width: 15px;\n height: 15px;\n margin: auto; }\n\n[class*='si-shadow-inner-pointer'] {\n position: absolute;\n width: 141%;\n height: 141%;\n box-shadow: -0.70711px 0.70711px 3px 0 #000; }\n\n.si-shadow-inner-pointer-top {\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg); }\n\n.si-shadow-inner-pointer-bottom {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%) rotate(-45deg); }\n\n.si-shadow-inner-pointer-left {\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg); }\n\n.si-shadow-inner-pointer-right {\n top: 50%;\n right: 0;\n transform: translate(50%, -50%) rotate(-45deg); }\n\n.si-frame {\n position: relative;\n flex: 1 1 auto;\n border-radius: 3px;\n overflow: hidden;\n z-index: 2; }\n\n.si-content-wrapper {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n padding: 30px;\n background-color: #fff; }\n .si-has-border .si-content-wrapper {\n border: 1px solid #bbb; }\n\n.si-content {\n overflow: auto; }\n\n.si-close-button {\n position: absolute;\n top: 0;\n right: 0;\n border: 0;\n outline: none;\n background-color: transparent;\n color: inherit;\n font-family: Arial, Baskerville, monospace;\n font-size: 24px;\n cursor: pointer;\n opacity: 0.5;\n appearance: none; }\n .si-close-button:hover, .si-close-button:focus {\n opacity: 0.7; }\n\n[class*='si-pointer-border'] {\n position: absolute;\n border: 15px solid transparent;\n z-index: 3; }\n\n[class*='si-pointer-bg'] {\n position: relative;\n border: 15px solid transparent;\n z-index: 4; }\n .si-has-border [class*='si-pointer-bg'] {\n border-width: 15px; }\n\n.si-pointer-border-top,\n.si-pointer-border-bottom {\n left: 50%;\n transform: translate(-50%, 0); }\n\n.si-pointer-border-left,\n.si-pointer-border-right {\n top: 50%;\n transform: translate(0, -50%); }\n\n.si-pointer-top {\n border-bottom: 0; }\n\n.si-pointer-border-top {\n bottom: 0;\n border-top-color: #bbb; }\n\n.si-pointer-bg-top {\n border-top-color: #fff; }\n .si-has-border .si-pointer-bg-top {\n top: -1px;\n margin-bottom: 0px; }\n\n.si-pointer-bottom {\n border-top: 0; }\n\n.si-pointer-border-bottom {\n top: 0;\n border-bottom-color: #bbb; }\n\n.si-pointer-bg-bottom {\n border-bottom-color: #fff; }\n .si-has-border .si-pointer-bg-bottom {\n bottom: -1px;\n margin-top: 0px; }\n\n.si-pointer-left {\n border-right: 0; }\n\n.si-pointer-border-left {\n right: 0;\n border-left-color: #bbb; }\n\n.si-pointer-bg-left {\n border-left-color: #fff; }\n .si-has-border .si-pointer-bg-left {\n left: -1px;\n margin-right: 0px; }\n\n.si-pointer-right {\n border-left: 0; }\n\n.si-pointer-border-right {\n left: 0;\n border-right-color: #bbb; }\n\n.si-pointer-bg-right {\n border-right-color: #fff; }\n .si-has-border .si-pointer-bg-right {\n right: -1px;\n margin-left: 0px; }\n","// Content\r\n$si-content-bg: \t#fff !default;\t\t\t\t\t// Background color of the infowindow\r\n$si-content-padding: \t30px !default;\t\t\t\t\t// Padding of the infowindow\r\n$si-font-size:\t\t\t\t14px !default;\t\t\t\t\t// Font size of the infowindow content\r\n\r\n// Border\r\n$si-border-width: \t\t\t1px !default;\t\t\t\t\t// Width of the border\r\n$si-border-color: \t\t\t#bbb !default;\t\t\t\t\t// Color of the border\r\n$si-border-radius: \t3px !default;\t\t\t\t\t// Border radius of the infowindow\r\n\r\n// Pointer\r\n$si-pointer-length: \t15px !default;\t\t\t\t\t// Length of the pointer, from the edge of the infowindow to the tip\r\n\r\n// Shadow\r\n$si-shadow-h: \t0 !default;\t\t\t\t\t\t// Shadow horizontal offset\r\n$si-shadow-v: \t1px !default;\t\t\t\t\t// Shadow vertical offset\r\n$si-shadow-blur: \t3px !default;\t\t\t\t\t// Shadow blur radius\r\n$si-shadow-spread: \t0 !default;\t\t\t\t\t\t// Shadow spread radius\r\n$si-shadow-color: \t#000 !default;\t\t\t\t\t// Shadow color\r\n$si-shadow-opacity: \t0.298039 !default;\t\t\t\t// Shadow opacity\r\n\r\n// Close button\r\n$si-close-font-size:\t\t24px !default;\t\t\t\t\t// Size of the close button text\r\n$si-close-opacity:\t\t\t0.5 !default;\t\t\t\t\t// Initial opacity of the close button\r\n$si-close-hover-opacity:\t0.7 !default;\t\t\t\t\t// Hover and focus opacity of the close button\r\n"]}