.card-stamp-lg {
    --tblr-stamp-size: 13rem;
    --tblr-secondary: #dedede;
    --tblr-bg-surface: #ffffff;
    --tblr-card-bg: #ffffff;
}
.card-stamp {
    --tblr-stamp-size: 7rem;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(var(--tblr-stamp-size)* 1);
    height: calc(var(--tblr-stamp-size)* 1);
    max-height: 100%;
    border-top-right-radius: 4px;
    opacity: .2;
    overflow: hidden;
    pointer-events: none;
}
.card-stamp-icon {
    background: var(--tblr-secondary);
    color: var(--tblr-card-bg, var(--tblr-bg-surface));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem;
    width: calc(var(--tblr-stamp-size)* 1);
    height: calc(var(--tblr-stamp-size)* 1);
    position: relative;
    top: calc(var(--tblr-stamp-size)* -.25);
    right: calc(var(--tblr-stamp-size)* -.25);
    font-size: calc(var(--tblr-stamp-size)* .75);
    transform: rotate(10deg);
}

.card-stamp-icon .icon {
    stroke-width: 2;
    width: calc(var(--tblr-stamp-size)* .75);
    height: calc(var(--tblr-stamp-size)* .75);
}
.icon {
    --tblr-icon-size: 1.25rem;
    width: var(--tblr-icon-size);
    height: var(--tblr-icon-size);
    font-size: var(--tblr-icon-size);
    vertical-align: bottom;
    stroke-width: 1.5;
}
svg {
    touch-action: none;
}
img, svg {
    vertical-align: middle;
}