.qsf-card-frame{border-radius:18px;transition:transform .3s,box-shadow .3s;box-shadow:0 18px 36px -14px #00000059}.dark .qsf-card-frame{box-shadow:0 22px 44px -12px #0009}.group:hover .qsf-card-frame{transform:scale(.97)}.qsf-ribbon{--rs:84px;--rf:6px;top:calc(var(--rf) * -1);right:calc(var(--rf) * -1);width:var(--rs);height:var(--rs);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}@media (width>=640px){.qsf-ribbon{--rs:108px;--rf:6px}}.qsf-ribbon-band{width:150%;height:calc(var(--rs) * .27);transform:rotate(45deg) translateY(calc(var(--rs) * -.14));color:#fff;letter-spacing:.08em;text-shadow:0 1px 2px #00000040;background-image:linear-gradient(45deg,#b91c1c 0%,#e5372a 51%,#c0261d 100%);justify-content:center;align-items:center;gap:.25rem;font-size:11px;font-weight:700;display:flex;position:absolute;box-shadow:0 5px 10px #0000003b}@media (width>=640px){.qsf-ribbon-band{font-size:13px}}.qsf-ribbon:after{content:"";width:var(--rf);height:var(--rf);z-index:-1;box-shadow:calc((var(--rs) - var(--rf)) * -1) calc((var(--rs) - var(--rf)) * -1) #7f1d1d;background-image:linear-gradient(45deg,#7f1d1d 0%,#991b1b 100%);position:absolute;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.qsf-card-frame,.group:hover .qsf-card-frame{transition:none;transform:none}}