/* ===== 실제 적용 ===== */
.material-symbols-outlined {
    color: #fff;
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    line-height: 1;
    --FILL: 0;
    --WGHT: 400;
    --GRAD: 0;
    --OPSZ: 24;
    font-variation-settings:
    'FILL' var(--FILL),
    'wght' var(--WGHT),
    'GRAD' var(--GRAD),
    'opsz' var(--OPSZ);
}
/* ===== FILL ===== */
.material-symbols-outlined.fill-0 { --FILL: 0; }
.material-symbols-outlined.fill-1 { --FILL: 1; }

/* ===== WEIGHT ===== */
.material-symbols-outlined.wght-100 { --WGHT: 100; }
.material-symbols-outlined.wght-200 { --WGHT: 200; }
.material-symbols-outlined.wght-300 { --WGHT: 300; }
.material-symbols-outlined.wght-400 { --WGHT: 400; }
.material-symbols-outlined.wght-500 { --WGHT: 500; }
.material-symbols-outlined.wght-600 { --WGHT: 600; }
.material-symbols-outlined.wght-700 { --WGHT: 700; }

/* ===== GRAD ===== */
.material-symbols-outlined.grad--25 { --GRAD: -25; }
.material-symbols-outlined.grad-0   { --GRAD: 0; }
.material-symbols-outlined.grad-200 { --GRAD: 200; }

/* ===== OPSZ ===== */
.material-symbols-outlined.opsz-20 { --OPSZ: 20; }
.material-symbols-outlined.opsz-24 { --OPSZ: 24; }
.material-symbols-outlined.opsz-40 { --OPSZ: 40; }
.material-symbols-outlined.opsz-48 { --OPSZ: 48; }