.qpa[hidden]{display:none!important}
.qpa{--qpa-fill-start:#ce611f;--qpa-fill-end:#f1ad52;position:relative;overflow:hidden;display:block;box-sizing:border-box;width:100%;min-width:0;margin:10px 0 18px;padding:20px 22px;border:1px solid #edceba;border-radius:16px;background:linear-gradient(115deg,#fffaf4,#fff4e9);color:#30251f;font-family:inherit;box-shadow:0 6px 20px #59331909,inset 0 1px 0 #fff}
.qpa::before{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--qpa-fill-start),var(--qpa-fill-end),transparent)}
.qpa[data-qpa-tone="red"]{--qpa-fill-start:#bc3541;--qpa-fill-end:#ea7370}
.qpa__headline{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:8px;margin-bottom:16px}
.qpa__label{font-size:15px;font-weight:700;letter-spacing:.025em;line-height:1.4}
.qpa__quantity{display:flex;align-items:baseline;gap:6px;white-space:nowrap;line-height:1.1;color:#9d431b}
.qpa[data-qpa-tone="red"] .qpa__quantity{color:#a32f39}
.qpa__quantity strong{font-size:28px;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.qpa__quantity>span{font-size:13px;font-weight:600}
.qpa__thermometer{display:flex;align-items:center;width:100%;height:16px}
.qpa__bulb{position:relative;z-index:1;flex:0 0 16px;height:16px;border:2px solid #fffaf4;border-radius:50%;background:var(--qpa-fill-start);box-shadow:0 0 0 1px #dfb89d}
.qpa__track{display:block;flex:1;min-width:0;height:8px;margin-left:-2px;border-radius:0 8px 8px 0;background:#e9dacd;overflow:hidden}
.qpa__fill{display:block;width:0;height:100%;border-radius:0 8px 8px 0;background:linear-gradient(90deg,var(--qpa-fill-start),var(--qpa-fill-end));transition:width .35s ease}
@media(max-width:480px){.qpa{padding:18px 16px}.qpa__label{font-size:14px}.qpa__quantity strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.qpa__fill{transition:none}}