.tippy-box[data-theme~='light-space-builder'] {
    color: #26323d;
    /*box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);*/
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,.1),0px 1px 4px 0px rgba(0,0,0,.02);
    -webkit-animation: checkmark 0.25s ease-in-out 0.35s backwards;
    animation: appear-popover .35s ease none;	
    background-color: #fff;
    border-radius: 15px;
}

@keyframes appear-popover {
    0.00% {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    41.25% {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }

    to {
        opacity: 1;
        pointer-events: none;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes appear-popover {
    0.00% {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    41.25% {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px)
    }

    to {
        opacity: 1;
        pointer-events: none;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.tippy-box[data-theme~='light-space-builder'][data-placement^='top'] > .tippy-arrow::before {
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.tippy-box[data-theme~='light-space-builder'][data-placement^='bottom'] > .tippy-arrow::before{
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.tippy-box[data-theme~='light-space-builder'][data-placement^='left'] > .tippy-arrow::before {
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.tippy-box[data-theme~='light-space-builder'][data-placement^='right'] > .tippy-arrow::before {	
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff;
}
.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff;
}
.tippy-tooltip.light-theme[data-animatefill] {
    background-color: initial;
}