@charset "UTF-8";.color-picks__container{display:none;position:fixed;width:312px;height:408px;font-family:Verdana,Geneva,Tahoma,sans-serif;border-radius:4px;box-shadow:0 0 1px var(--pure-color);--primary-color: #0088ff;--pure-color: #fff;--background-color: #444;--title-color: #ccc;--border-color: #575757;--input-color: #ccc;--input-background: #333;--input-box-shadow: #f1f1f1;--btn-color: #ccc;--switcher-color: #777}.color-picks__container.light-theme{--primary-color: #0088ff;--pure-color: #333;--background-color: #fff;--title-color: #787878;--border-color: #f4f4f4;--input-color: #5c5c5c;--input-background: #fff;--input-box-shadow: rgb(235, 235, 235);--btn-color: #2c2c2c;--switcher-color: #777}.color_picks__panel_switcher__container{display:inline-flex;align-items:center;position:absolute;right:8px;top:0;z-index:9}.color_picks__panel_switcher__container .color_picks__panel_switcher__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;cursor:pointer;color:var(--switcher-color)}.color_picks__panel_switcher__container .color_picks__panel_switcher__btn .icon{fill:currentColor;pointer-events:none}.color_picks__panel_switcher__container .color_picks__panel_switcher__btn.active{color:var(--primary-color)}.color_picks__panel_switcher__container .color_picks__panel_switcher__btn:hover{background-color:var(--primary-color);color:var(--pure-color)}.color_picks__custom_picker__container{display:flex;flex-wrap:wrap;gap:16px;position:absolute;inset:0;padding:32px 16px 16px;border-radius:4px;background-color:var(--background-color);box-sizing:border-box;visibility:hidden}.color_picks__custom_picker__container .color_picks__custom_picker__header{position:absolute;left:0;top:0;margin:0;width:100%;padding:0 0 0 16px;font-size:12px;line-height:26px;color:var(--title-color);border-bottom:1px solid var(--border-color);box-sizing:border-box}.color_picks__custom_picker__container canvas{display:block}.color_picks__custom_picker__container .picking-area__wrapper{position:relative;width:var(--width);height:var(--height);overflow:hidden}.color_picks__custom_picker__container .picking-area__wrapper .picking-area__indicator{position:absolute;inset:0;z-index:1;width:12px;height:12px;border-radius:50%;border:2px solid var(--border-color);box-sizing:border-box;transform:translate(-6px,-6px)}.color_picks__custom_picker__container .main-color-bar__wrapper{position:relative;width:var(--width);height:var(--height)}.color_picks__custom_picker__container .main-color-bar__wrapper .main-color-bar__bar{position:absolute;inset:0;z-index:1}.color_picks__custom_picker__container .main-color-bar__wrapper .main-color-bar__indicator{position:absolute;left:-100%;top:0;width:var(--width);height:var(--width);background-color:var(--border-color);clip-path:ellipse(var(--width) var(--width) at 100% 0);transform-origin:right top;transform:rotate(45deg)}.color_picks__custom_picker__container .main-color-bar__wrapper .main-color-bar__indicator:before{content:"";position:absolute;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);clip-path:ellipse(100% 100% at 100% 0);background-color:var(--pure-color);transform-origin:right top}.color_picks__custom_picker__container .alpha-bar__wrapper{position:relative;width:var(--width);height:var(--height)}.color_picks__custom_picker__container .alpha-bar__wrapper .alpha-bar__bar{position:absolute;inset:0;z-index:1;border:1px solid var(--border-color);background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center}.color_picks__custom_picker__container .alpha-bar__wrapper .alpha-bar__indicator{position:absolute;left:0;top:-100%;width:var(--height);height:var(--height);background-color:var(--border-color);clip-path:ellipse(100% 100% at 0 100%);transform-origin:left bottom;transform:rotate(-45deg)}.color_picks__custom_picker__container .alpha-bar__wrapper .alpha-bar__indicator:before{content:"";position:absolute;left:1px;bottom:1px;width:calc(100% - 2px);height:calc(100% - 2px);clip-path:ellipse(100% 100% at 0 100%);background-color:var(--pure-color);transform-origin:left bottom}.color_picks__custom_picker__container .operations__area{display:flex;flex-wrap:wrap;gap:inherit;width:100%}.color_picks__custom_picker__container .operations__area :not(input){user-select:none}.color_picks__custom_picker__container .operations__area .hex-input__input,.color_picks__custom_picker__container .operations__area .rgba-input__input{height:14px;font-size:14px;border:0;outline:0;color:var(--pure-color);background-color:transparent}.color_picks__custom_picker__container .operations__area .rgba-input__wrapper{display:flex;width:100%;gap:8px}.color_picks__custom_picker__container .operations__area .rgba-input__wrapper .rgba-input__item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--input-color)}.color_picks__custom_picker__container .operations__area .rgba-input__wrapper .rgba-input__item .rgba-input__input{width:40px;height:22px;margin-left:2px;padding:0 3px;font-size:14px;border-radius:2px;border:1px solid currentColor;background-color:var(--input-background)}.color_picks__custom_picker__container .operations__area .rgba-input__wrapper .rgba-input__item .rgba-input__input:focus{border-color:var(--primary-color)}.color_picks__custom_picker__container .operations__area .hex-input__wrapper{display:flex;align-items:center;position:relative;padding:3px;margin-left:16px;border-radius:2px;border:1px solid var(--input-color);background-color:var(--input-background)}.color_picks__custom_picker__container .operations__area .hex-input__wrapper:before{content:"#";position:absolute;left:-16px;top:3px;width:14px;height:14px;line-height:14px;color:var(--input-color)}.color_picks__custom_picker__container .operations__area .hex-input__wrapper:focus-within{border-color:var(--primary-color)}.color_picks__custom_picker__container .operations__area .hex-input__wrapper .hex-input__input{width:80px}.color_picks__custom_picker__container .operations__area .hex-input__wrapper .hex-input__preview{position:relative;width:14px;height:14px;box-shadow:0 0 1px var(--pure-color)}.color_picks__custom_picker__container .operations__area .hex-input__wrapper .hex-input__preview:before{content:"";position:absolute;inset:0;width:100%;height:100%;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center}.color_picks__custom_picker__container .operations__area .hex-input__wrapper .hex-input__preview:after{content:"";position:absolute;inset:0;z-index:1;width:100%;height:100%;background:var(--background)}.color_picks__custom_picker__container .operations__area .btns__wrapper{display:flex;justify-content:space-between;flex:1}.color_picks__custom_picker__container .operations__area .btns__wrapper .btns__btn{width:64px;height:24px;font-size:12px;border-radius:2px;color:var(--btn-color);border:1px solid var(--btn-color);background-color:transparent;cursor:pointer}.color_picks__custom_picker__container .operations__area .btns__wrapper .btns__btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.color_picks__preset_picker__container{position:absolute;inset:0;border-radius:4px;background-color:var(--background-color);box-sizing:border-box}.color_picks__preset_picker__container *{margin:0;padding:0;box-sizing:border-box}.color_picks__preset_picker__container ul{list-style:none}.color_picks__preset_picker__container .preset_picker__title{padding-left:16px;font-size:12px;color:var(--title-color);font-weight:700;line-height:26px;border-bottom:1px solid var(--border-color)}.color_picks__preset_picker__container .preset_picker__color{position:relative;width:26px;height:26px;padding:2px;border-radius:3px;border:1px solid transparent;transition:transform ease-in .1s}.color_picks__preset_picker__container .preset_picker__color:before{content:"";position:absolute;left:3px;top:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:inherit;background-color:var(--color);pointer-events:none}.color_picks__preset_picker__container .preset_picker__color.checked:after{content:"\2713";display:flex;justify-content:center;align-items:center;position:absolute;inset:0;text-align:center;font-size:12px;color:var(--checked-color, #fff);pointer-events:none}.color_picks__preset_picker__container .preset_picker__color.transparent:before{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center}.color_picks__preset_picker__container .preset_picker__color.transparent.checked:after{color:red}.color_picks__preset_picker__container .preset_picker__color:hover{transform:scale(1.4)}.color_picks__preset_picker__container .popular-colors__wrapper .popular-colors__list,.color_picks__preset_picker__container .standard-colors__wrapper .standard-colors__colors,.color_picks__preset_picker__container .memory-colors__wrapper .memory-colors__colors{display:flex;justify-content:space-between;padding:3px 16px 2px}.color_picks__preset_picker__container .memory-colors__wrapper .memory-colors__colors{justify-content:flex-start;gap:3px}.color_picks__preset_picker__container .memory-colors__wrapper .no-memory{flex:1;font-size:12px;color:var(--title-color)}