{"version":3,"sources":["spectrum.scss","spectrum.css"],"names":[],"mappings":"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","file":"spectrum.css","sourcesContent":["/***\r\nSpectrum Colorpicker v1.5.1\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 /* https://github.com/bgrins/spectrum/issues/40 */\r\n z-index: 9999994;\r\n overflow: hidden;\r\n}\r\n\r\n\r\n.sp-container.sp-flat {\r\n position: relative;\r\n}\r\n\r\n/* Fix for * { box-sizing: border-box; } */\r\n.sp-container,\r\n.sp-container * {\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/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */\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,\r\n.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 .sp-top {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.sp-alpha-enabled .sp-alpha {\r\n display: block;\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: 0.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 #333;\r\n}\r\n\r\n.sp-clear {\r\n display: none;\r\n}\r\n\r\n.sp-clear.sp-clear-display {\r\n background-position: center;\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.sp-container,\r\n.sp-replacer,\r\n.sp-preview,\r\n.sp-dragger,\r\n.sp-slider,\r\n.sp-alpha,\r\n.sp-clear,\r\n.sp-alpha-handle,\r\n.sp-container.sp-dragging .sp-input,\r\n.sp-container 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-container.sp-input-disabled .sp-input-container {\r\n display: none;\r\n}\r\n\r\n.sp-container.sp-buttons-disabled .sp-button-container {\r\n display: none;\r\n}\r\n\r\n.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {\r\n display: none;\r\n}\r\n\r\n.sp-palette-only .sp-picker-container {\r\n display: none;\r\n}\r\n\r\n.sp-palette-disabled .sp-palette-container {\r\n display: none;\r\n}\r\n\r\n.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.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(#000), to(rgba(204, 154, 129, 0)));\r\n background-image: -webkit-linear-gradient(bottom, #000, 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, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: -ms-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: -o-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(0.17, #ff0), color-stop(0.33, #0f0), color-stop(0.5, #0ff), color-stop(0.67, #00f), color-stop(0.83, #f0f), to(#f00));\r\n background: -webkit-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 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.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.sp-cf::before,\r\n.sp-cf::after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.sp-cf::after {\r\n clear: both;\r\n}\r\n\r\n.sp-cf {\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 .sp-hue {\r\n left: 63%;\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: 0.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: #ececec;\r\n border: solid 1px #f0c49b;\r\n padding: 0;\r\n}\r\n\r\n.sp-container,\r\n.sp-container button,\r\n.sp-container input,\r\n.sp-color,\r\n.sp-hue,\r\n.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,\r\n.sp-hue,\r\n.sp-clear {\r\n border: solid 1px #666;\r\n}\r\n\r\n/* Input */\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\r\n.sp-input:focus {\r\n border: 1px solid orange;\r\n}\r\n\r\n.sp-input.sp-validation-error {\r\n border: 1px solid red;\r\n background: #fdd;\r\n}\r\n\r\n.sp-picker-container,\r\n.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.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\r\n.sp-palette .sp-thumb-el:hover,\r\n.sp-palette .sp-thumb-el.sp-thumb-active {\r\n border-color: orange;\r\n}\r\n\r\n.sp-thumb-el {\r\n position: relative;\r\n}\r\n\r\n/* Initial */\r\n.sp-initial {\r\n float: left;\r\n border: solid 1px #333;\r\n}\r\n\r\n.sp-initial 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-initial .sp-clear-display {\r\n background-position: center;\r\n}\r\n\r\n/* Buttons */\r\n.sp-palette-button-container,\r\n.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.sp-replacer {\r\n margin: 0;\r\n overflow: hidden;\r\n cursor: pointer;\r\n padding: 4px;\r\n display: inline-block;\r\n *zoom: 1;\r\n *display: inline;\r\n border: solid 1px #91765d;\r\n background: #eee;\r\n color: #333;\r\n vertical-align: middle;\r\n}\r\n\r\n.sp-replacer:hover,\r\n.sp-replacer.sp-active {\r\n border-color: #f0c49b;\r\n color: #111;\r\n}\r\n\r\n.sp-replacer.sp-disabled {\r\n cursor: default;\r\n border-color: silver;\r\n color: silver;\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}\r\n\r\n.sp-preview {\r\n position: relative;\r\n width: 25px;\r\n height: 20px;\r\n border: solid 1px #222;\r\n margin-right: 5px;\r\n float: left;\r\n z-index: 0;\r\n}\r\n\r\n.sp-palette {\r\n *width: 220px;\r\n max-width: 220px;\r\n}\r\n\r\n.sp-palette .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.sp-container {\r\n padding-bottom: 0;\r\n}\r\n\r\n/* Buttons: http://hellohappy.org/css3-buttons/ */\r\n.sp-container button {\r\n background-color: #eee;\r\n background-image: -webkit-linear-gradient(top, #eee, #ccc);\r\n background-image: -moz-linear-gradient(top, #eee, #ccc);\r\n background-image: -ms-linear-gradient(top, #eee, #ccc);\r\n background-image: -o-linear-gradient(top, #eee, #ccc);\r\n background-image: linear-gradient(to bottom, #eee, #ccc);\r\n border: 1px solid #ccc;\r\n border-bottom: 1px solid #bbb;\r\n border-radius: 3px;\r\n color: #333;\r\n font-size: 14px;\r\n line-height: 1;\r\n padding: 5px 4px;\r\n text-align: center;\r\n text-shadow: 0 1px 0 #eee;\r\n vertical-align: middle;\r\n}\r\n\r\n.sp-container button:hover {\r\n background-color: #ddd;\r\n background-image: -webkit-linear-gradient(top, #ddd, #bbb);\r\n background-image: -moz-linear-gradient(top, #ddd, #bbb);\r\n background-image: -ms-linear-gradient(top, #ddd, #bbb);\r\n background-image: -o-linear-gradient(top, #ddd, #bbb);\r\n background-image: linear-gradient(to bottom, #ddd, #bbb);\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.sp-container button:active {\r\n border: 1px solid #aaa;\r\n border-bottom: 1px solid #888;\r\n -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n}\r\n\r\n.sp-cancel {\r\n font-size: 11px;\r\n color: #d93f3f !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}\r\n\r\n.sp-cancel:hover {\r\n color: #d93f3f !important;\r\n text-decoration: underline;\r\n}\r\n\r\n.sp-palette span:hover,\r\n.sp-palette span.sp-thumb-active {\r\n border-color: #000;\r\n}\r\n\r\n.sp-preview,\r\n.sp-alpha,\r\n.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,\r\n.sp-alpha-inner,\r\n.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 .sp-thumb-inner {\r\n background-position: 50% 50%;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.sp-palette .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-palette .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.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}\r\n"]}