#ss-history-chart{
    width:100% !important;
    height:100% !important;
}
.ss-metal-btn,
.ss-range-btn{
    cursor:pointer;
}
.ss-metal-switch {
    padding: 25px 0;
    display: inline-flex;
    gap: 15px;
}
.ss-metal-btn {
    padding: 6px 1.5em;
}
.ss-metal-btn.active,
.ss-range-btn.active{
    background:#efe5c8;
    color:#c89a2b;
    border-color:#efe5c8;
}
.ss-history-chart-wrapper{
    position:relative;
    min-height:420px;
    border-radius:20px;
    padding:30px;
    background: #FBFBFB;
}
#ss-chart-loading{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.55);
    z-index:20;
    border-radius:20px;
}
#ss-chart-loading.show{
    display:flex;
}

.ss-spinner{
    width:42px;
    height:42px;
    border:4px solid #ececec;
    border-top:4px solid #c89a2b;
    border-radius:50%;
    animation:ssSpin .8s linear infinite;
}

@keyframes ssSpin{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}