/* 內嵌頁為 500×500；外框用 transform 等比縮放（object 不可只設 width:100%） */
.customer-grade-medal {
    --medal-size-px: 140;
    --medal-design-px: 500;
    position: relative;
    width: calc(var(--medal-size-px) * 1px);
    height: calc(var(--medal-size-px) * 1px);
    flex-shrink: 0;
    overflow: hidden;
}

.customer-grade-medal--size-lg {
    --medal-size-px: 220;
}

.customer-grade-medal--size-sm {
    --medal-size-px: 106;
}

.customer-grade-medal__object {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 500px;
    height: 500px;
    border: 0;
    pointer-events: none;
    transform: scale(calc(var(--medal-size-px) / var(--medal-design-px)));
    transform-origin: 0 0;
}

@media (min-width: 992px) {
    .customer-grade-schedule-panel .customer-grade-medal:not(.customer-grade-medal--size-sm) {
        --medal-size-px: 200;
    }

    .customer-grade-schedule-panel .customer-grade-medal--size-lg {
        --medal-size-px: 240;
    }
}