.ir-media-chroma-active{
    overflow:hidden !important;
}

.ir-media-chroma-canvas{
    position:absolute;
    left:0;
    top:0;
    display:block;
    pointer-events:none;
    visibility:hidden;
    z-index:5;
}


/* BUILDER */

.builder-chroma-panel-v1{
    margin-top:16px;
    padding:15px;
    border:1px solid #dce2e9;
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 24px rgba(19,31,50,.07);
}

.builder-chroma-head-v1{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    margin-bottom:13px;
}

.builder-chroma-head-v1 strong{
    color:#1d2b40;
    font-size:14px;
}

.builder-chroma-head-v1 span{
    padding:4px 8px;
    border-radius:999px;
    background:#edf1f6;
    color:#657288;
    font-size:9px;
    font-weight:900;
}

.builder-chroma-toggle-v1{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:42px;
    padding:0 11px;
    border-radius:11px;
    background:#f2f5f8;
    color:#344158;
    font-size:12px;
    font-weight:850;
}

.builder-chroma-toggle-v1 input{
    width:19px;
    height:19px;
}

.builder-chroma-label-v1{
    margin:14px 0 7px;
    color:#657186;
    font-size:11px;
    font-weight:850;
}

.builder-chroma-colors-v1{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.builder-chroma-colors-v1 button{
    min-height:36px;
    border:1px solid #dce2e9;
    border-radius:9px;
    background:#fff;
    color:#38465c;
    cursor:pointer;
    font-size:10px;
    font-weight:850;
}

.builder-chroma-custom-v1{
    display:grid;
    grid-template-columns:48px 1fr;
    gap:8px;
    margin-top:8px;
}

.builder-chroma-custom-v1 input{
    width:48px;
    height:38px;
    padding:2px;
    border:1px solid #dce2e9;
    border-radius:9px;
}

.builder-chroma-custom-v1 code{
    display:flex;
    align-items:center;
    min-height:38px;
    padding:0 9px;
    border-radius:9px;
    background:#f0f3f7;
    color:#46536a;
    font-size:10px;
}

.builder-chroma-range-v1{
    margin-top:13px;
}

.builder-chroma-range-v1 > div{
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
    color:#647085;
    font-size:11px;
    font-weight:850;
}

.builder-chroma-range-v1 input{
    width:100%;
}

.builder-chroma-reset-v1{
    width:100%;
    min-height:38px;
    margin-top:15px;
    border:1px solid #dce2e9;
    border-radius:10px;
    background:#fff;
    color:#3a475d;
    cursor:pointer;
    font-size:11px;
    font-weight:850;
}