{"version":3,"file":"index.css","sources":["webpack://react-linear-gradient-picker/./src/components/AnglePicker/index.scss","webpack://react-linear-gradient-picker/./src/components/ColorStop/index.scss","webpack://react-linear-gradient-picker/./src/components/ColorPicker/index.scss","webpack://react-linear-gradient-picker/./src/components/GradientPicker/index.scss","webpack://react-linear-gradient-picker/./src/components/GradientTypePicker/index.scss","webpack://react-linear-gradient-picker/./src/components/GradientPickerPopover/index.scss"],"sourcesContent":[".controls-wrapper {\n    .ap {\n        flex: none;\n        box-sizing: border-box;\n        background-color: #fff;\n        border: 1px solid #4374AD;\n        border-radius: 50%;\n        display: inline-block;\n        position: relative;\n        cursor: pointer;\n        margin-top: -2px;\n\n        .apc {\n            width: 6px;\n            position: absolute;\n            left: 0;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            margin: auto;\n        }\n\n        .aph {\n            width: 6px;\n            height: 6px;\n            background-color: #4374AD;\n            display: inline-block;\n            border-radius: 50%;\n            position: absolute;\n            left: 0;\n            right: 0;\n            top: 4px;\n            margin: auto;\n            cursor: pointer;\n        }\n    }\n\n    .ai {\n        background: #f2f2f2;\n        display: flex;\n        flex: 1;\n        margin: 0 12px;\n        justify-content: space-around;\n        align-items: center;\n\n        input {\n            border: none;\n            text-align: center;\n            width: 48px;\n            color: #0C0C09;\n            background: inherit;\n        }\n\n        span {\n            padding: 5px;\n            color: black;\n            cursor: pointer;\n            user-select: none;\n            font-size: 14px;\n        }\n    }\n}\n",".cs {\n    height: 17px;\n    position: absolute;\n    width: 11px;\n    cursor: pointer;\n    background: url(./ColorStop.png) right center;\n\n    div {\n        height: 7px;\n        left: 2px;\n        width: 7px;\n        position: absolute;\n        top: 8px;\n    }\n\n    .active {\n        background-position: left center;\n    }\n\n    &.vertical {\n        transform: rotate(-90deg) translate(4px, 2px);\n    }\n}\n",".cp {\n  div {\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    height: 16px;\n    width: 16px;\n\n    &:hover {\n      border: 1px solid #fff;\n    }\n  }\n}\n",".gp {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    &.vertical {\n        flex-direction: row;\n    }\n\n    .gp-flat {\n        margin: 0 auto;\n        padding: 10px 0 0!important;\n        box-shadow: none!important;\n        transform: none!important;\n    }\n\n    &.color-picker-mode-popover {\n        .color-picker-wrapper {\n            position: relative;\n            width: 100%;\n            flex: 0;\n\n            .color-picker-wrapper-inner {\n                position: absolute;\n                display: flex;\n                justify-content: center;\n            }\n        }\n\n        &.vertical .color-picker-wrapper .color-picker-wrapper-inner {\n            flex-direction: column;\n            height: 100%;\n        }\n\n        &.horizontal .color-picker-wrapper .color-picker-wrapper-inner {\n            flex-direction: row;\n            width: 100%;\n        }\n    }\n}\n",".type-picker-wrapper {\n    display: inline-flex;\n    margin-right: 16px;\n\n    .type-picker {\n        height: 24px;\n        width: 24px;\n        border: 1px solid rgb(238, 238, 238);\n        filter: grayscale(1);\n        margin-right: 8px;\n        cursor: pointer;\n        transition: all 0.2s ease;\n\n        &.active {\n            border: 1px solid #4374AD;\n            filter: grayscale(0);\n        }\n\n        &.lg {\n            background: linear-gradient(270deg, #ddd, #4374AD);\n        }\n\n        &.rg {\n            background: radial-gradient(circle, #fff 0, #4374AD 100%);\n        }\n    }\n}\n",".gpw {\n    padding: 20px;\n\n    .trigger {\n        padding: 5px;\n        background: rgb(255, 255, 255);\n        border-radius: 1px;\n        box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px;\n        display: inline-block;\n        cursor: pointer;\n\n        .inner {\n            width: 36px;\n            height: 14px;\n            border-radius: 2px;\n        }\n    }\n\n    .popover {\n        z-index: 2;\n        margin-top: 6px;\n        box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px,\n            rgba(0, 0, 0, 0.15) 0 8px 16px;\n        background-color: white;\n        padding: 12px;\n        border-radius: 4px;\n        position: absolute;\n    }\n\n    .overlay {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n    }\n\n    .controls-wrapper {\n        margin: 0 -10px 10px;\n        padding: 6px 0 0 10px;\n        display: flex;\n        flex-wrap: wrap;\n        position: relative;\n\n        &.with-angle {\n            justify-content: space-around;\n            align-items: center;\n        }\n    }\n}\n\n"],"names":[],"mappings":"AACI,6LAWI,iGAUA,oLAeJ,2HAQI,sGAQA,qKCrDR,gnBAoBQ,0JCnBN,yFAOE,oCCRJ,0DAKI,gCAIA,yGAQI,wFAKI,sIAOJ,2HAKA,yHClCR,2DAII,gLASI,kHAKA,qFAIA,4FCtBR,kBAGI,oIAQI,8DAOJ,8KAWA,2DAQA,8GAOI"}