.tippy-box[data-animation="fade"][data-state="hidden"] {
    opacity: 0;
}
[data-tippy-root] {
    max-width: calc(100vw - 10px);
}
.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^="top"] > .tippy-arrow {
    bottom: 0;
}
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow {
    top: 0;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
}
.tippy-box[data-placement^="left"] > .tippy-arrow {
    right: 0;
}
.tippy-box[data-placement^="left"] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
}
.tippy-box[data-placement^="right"] > .tippy-arrow {
    left: 0;
}
.tippy-box[data-placement^="right"] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
}
.tippy-box[data-inertia][data-state="visible"] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}
.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}
.tippy-box[data-placement^="top"] > .tippy-svg-arrow {
    bottom: 0;
}
.tippy-box[data-placement^="top"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg {
    top: 16px;
    transform: rotate(180deg);
}
.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow {
    top: 0;
}
.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg {
    bottom: 16px;
}
.tippy-box[data-placement^="left"] > .tippy-svg-arrow {
    right: 0;
}
.tippy-box[data-placement^="left"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px;
}
.tippy-box[data-placement^="right"] > .tippy-svg-arrow {
    left: 0;
}
.tippy-box[data-placement^="right"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px;
}
.tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial;
}
.tippy-svg-arrow,
.tippy-svg-arrow > svg {
    position: absolute;
}
.tippy-box[data-animation="shift-away"][data-state="hidden"] {
    opacity: 0;
}
.tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="top"] {
    transform: translateY(10px);
}
.tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="bottom"] {
    transform: translateY(-10px);
}
.tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="left"] {
    transform: translateX(10px);
}
.tippy-box[data-animation="shift-away"][data-state="hidden"][data-placement^="right"] {
    transform: translateX(-10px);
}
.styles_colorPicker__GJs7G .react-colorful {
    height: auto;
    width: 100%;
}
.styles_colorPicker__GJs7G .react-colorful__interactive:focus .react-colorful__pointer {
    transform: translate(-50%, -50%) scale(1);
}
.styles_colorPicker__GJs7G .react-colorful__saturation .react-colorful__pointer {
    cursor: pointer;
    border: 3px solid white;
    box-shadow: 0 16px 16px 0 rgba(17, 24, 39, 0.03), 0 8px 8px 0 rgba(17, 24, 39, 0.03), 0 4px 4px 0 rgba(17, 24, 39, 0.03), 0 2px 2px -2px rgba(17, 24, 39, 0.03), 0 0 0 1px rgba(17, 24, 39, 0.12);
}
.styles_colorPicker__GJs7G .react-colorful__saturation {
    height: 138px;
    width: 100%;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.12);
}
.styles_colorPicker__GJs7G .react-colorful__alpha,
.styles_colorPicker__GJs7G .react-colorful__hue {
    margin-top: 12px;
    height: 8px;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.12);
}
.styles_colorPicker__GJs7G .react-colorful__alpha .react-colorful__pointer,
.styles_colorPicker__GJs7G .react-colorful__hue .react-colorful__pointer {
    cursor: pointer;
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    box-shadow: 0 16px 16px 0 rgba(17, 24, 39, 0.03), 0 8px 8px 0 rgba(17, 24, 39, 0.03), 0 4px 4px 0 rgba(17, 24, 39, 0.03), 0 2px 2px -2px rgba(17, 24, 39, 0.03), 0 0 0 1px rgba(17, 24, 39, 0.12);
}