#krak-preview .km-hero{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:30px}
#krak-preview .km-heroaside{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 12px;min-width:0}
#krak-preview .km-total{align-self:start;margin-top:12px;text-align:center;transform:rotate(-4deg);padding:15px 10px;border:2px solid currentColor;border-radius:46% 48% 43% 45% / 13% 18% 16% 20%;box-shadow:3px 4px 0 currentColor}
#krak-preview .km-total strong{display:block;font-family:KrakPreview,sans-serif;font-weight:400;font-size:clamp(42px,4.8vw,66px);line-height:1.05;font-variant-numeric:tabular-nums}
#krak-preview .km-total span{display:block;font-size:20px;line-height:1.2;margin-top:4px}
#krak-preview .km-total small{display:block;font-size:16px;margin-top:5px;line-height:1.2}
#krak-preview .km-hero-art{height:auto;width:100%;margin-top:35px}
#krak-preview .km-note{grid-column:1/-1;text-align:center;margin-top:10px}
@media(max-width:800px){#krak-preview .km-hero{grid-template-columns:1fr;gap:22px}#krak-preview .km-heroaside{width:100%;max-width:380px;justify-self:center}#krak-preview .km-total strong{font-size:56px}}
@media(max-width:380px){#krak-preview .km-total{padding:12px 7px}#krak-preview .km-total span{font-size:18px}#krak-preview .km-total small{font-size:14px}#krak-preview .km-total strong{font-size:48px}}