.su-streak-card{

    background:#fff;
    border-radius:32px;

}

.su-streak-header{

    display:flex;
    align-items:center;
    gap:0px;
    margin-bottom:10px;

}

.su-streak-fire{
	
    font-size:40px;

}

.su-streak-number{
	font-family: "Oswald", sans-serif;
    font-size:50px;
    font-weight:700;
    line-height:1;
	color: #000;
	font-weight: 400;
	margin-bottom: 8px;
	margin-left: 12px;


}

.su-streak-title{
	font-family: "Manrope", sans-serif;
	color: #000;
	line-height: 1.2em;
    font-size:14px;
    font-weight:700;
    line-height:1.1;
	margin-left: 6px;

}

.su-streak-month{
	display: none!important;
    margin:25px 0 20px;

}

.su-streak-weekdays{
	font-family: "Manrope", sans-serif;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    margin-bottom:6px;
    text-align:center;
    color:#000;
    font-weight:700;
	font-size: 14px;

}

.su-streak-grid{

    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:5px;

}

.su-streak-cell{

    aspect-ratio:1;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;

}

.su-streak-cell.empty{

    visibility:hidden;

}

.su-streak-cell.future{

	background: rgba(244, 244, 244, 0.69);

}

.su-streak-cell.rest{

    background:
    repeating-linear-gradient(
        135deg,
        #ececec,
        #ececec 6px,
        #dddddd 6px,
        #dddddd 12px
    );

}

.su-streak-cell.completed{

    background:#34d399;
    color:#fff;

}

.su-streak-cell.missed{

    background:#ff4d4d;
    color:#fff;

}

.su-streak-cell.today{

    border:1px solid #111;
    background:#fff;

}

.su-streak-cell.before_program{

    border:1px dashed #dddddd;
    background:#fafafa;
    color:#d3d3d3;

}