.unfluff-hide {
    display: none !important;
}
.unfluff-invliad-license{
    opacity: 0.1;
    filter: blur(3px);
    pointer-events: none;
}
#unfluff-actions-top {
    display: flex;
}
.unfluff-actions-buttons {
    margin-left: 30px;
}
#unfluff-score {
    font-size: 26px;
}
.unfluff-check {
    color: #fff;
    background-color: #00acee;
    border-color: #019dd9;
}
.highlight-show, .highlight-remove{
    color: #fff;
    border-color: #18609b;
    background: #2271b1;
}
.unfluff-btn {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 2;
    min-height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    vertical-align: top;
}
#unfluff-info {
    margin-bottom: 0px;
}
.fluff-sentence {
    background-color: #b0e9ff;
    padding: 5px;
    border: 1px solid #00acee;
    border-radius: 5px;
    margin: 5px 0;
    display: inline-flex;
    width: -moz-available;
    width: -webkit-fill-available !important;
    width: fill-available;
    width: calc(100% - 12px);
}
.fluff-sentence .fulff-sentence-text {
    width: calc(100% - 50px);
}
.fluff-sentence .unfluff-single-highlight {
    float: right;
    background: #2271b1;
    border: 1px solid #fff;
    padding: 0 5px;
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    font-weight: 500;
    visibility: hidden; 
    margin: auto;
    cursor: pointer;
}
.fluff-sentence:hover .unfluff-single-highlight {
  visibility: visible;
}

/* guage - fluff meter css */
.gauge {
    position: relative;
    border-radius: 50%/100% 100% 0 0;
    /*background-color: green;*/
    overflow: hidden;
    width: 300px;
    min-width: 300px;
    height: 150px;
    transition: all 0.2s ease;
}
.gauge:before{
    content: "";
    display: block;
    padding-top: 50%;   /* ratio of 2:1*/
}
.gauge .chart {
    overflow: hidden;
}
.gauge .mask {
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 0;
    top: 40%;
    background-color: #fff;
    border-radius: 50%/100% 100% 0 0;
}

.gauge .percentage {
    position:  absolute;
    top: -1px;
    left: -1px;
    bottom: 0;
    right: -1px;
    background: #ccc;
    /*transform: unset; */
    transform-origin: bottom center; 
    transition-duration: 600;
}
.gauge:hover {
    --rotation: 100deg;
}
.gauge #cat-img {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 150px;
    text-align: center;
    margin-left: 25%;
}
.cat-transform {
    transform: rotate(3deg);
}

.gauge .min {
    position:absolute; 
    bottom:0; left:5%;   
}
.gauge .max {
    position:absolute; 
    bottom:0; right:5%;   
}

.unfluff-announcement {
    background: #9ae8bf;
    padding: 5px;
    border: 1px solid #64ce6f;
    border-radius: 5px;
    box-shadow: 2px 3px 2px #a3b1a3;
}
.unfluff-announcement p {
    font-size: 15px;
    line-height: 0;
}