.hcs-qap-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#00000057;opacity:0;transition:opacity .22s ease}.hcs-qap-scrim.hcs-qap--open{opacity:1}.hcs-qap{position:fixed;left:0;right:0;bottom:0;z-index:1201;background:#fdfdfb;color:#2e2a25;border-radius:20px 20px 0 0;box-shadow:0 -12px 34px #0000002e;padding:12px 18px calc(18px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto;transform:translateY(103%);transition:transform .26s cubic-bezier(.3,.9,.3,1);--global-button-radius: 14px}.hcs-qap.hcs-qap--open{transform:none}@media screen and (min-width:750px){.hcs-qap{left:auto;width:min(400px,100vw);border-radius:20px 0 0}}.hcs-qap__grab{width:42px;height:5px;border-radius:99px;background:#d6d0c4;margin:0 auto 12px}@media screen and (min-width:750px){.hcs-qap__grab{display:none}}.hcs-qap__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hcs-qap__thumb{width:54px;height:54px;border-radius:10px;object-fit:contain;background:#f4f1e8;flex-shrink:0}.hcs-qap__title{font-size:16px;font-weight:700;line-height:1.2;margin:0;flex:1;min-width:0}.hcs-qap .hcs-qap__close{margin-left:auto;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:none;border-radius:50%;background:#efeadd;color:#6b6458;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;display:grid;place-items:center;--global-button-radius: 50%}.hcs-qap__ax{margin-bottom:15px}.hcs-qap__label{display:block;font-size:13px;font-weight:800;margin:0 0 8px}.hcs-qap__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:8px}.hcs-qap .hcs-qap__btn{min-height:54px;border:2px solid oklch(.78 .02 84);border-radius:14px;background:#fefdfa;color:#1e1a15;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 4px;position:relative;transition:border-color .15s,background .15s}.hcs-qap .hcs-qap__btn:hover{border-color:#67625c}.hcs-qap .hcs-qap__btn:focus-visible{outline:2px solid oklch(.22 .012 70);outline-offset:2px}.hcs-qap .hcs-qap__btn--on{background:#1e1a15;border-color:#1e1a15;color:#fdfcf9}.hcs-qap .hcs-qap__btn--out{opacity:.4;pointer-events:none}.hcs-qap .hcs-qap__btn--out .hcs-qap__val{text-decoration:line-through}.hcs-qap__dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fefdfa,0 0 0 3.5px #0000001f}.hcs-qap__btn--on .hcs-qap__dot{box-shadow:0 0 0 2px #1e1a15,0 0 0 3.5px #ffffff73}.hcs-qap__dot[data-heat=mild]{background:#25984d}.hcs-qap__dot[data-heat=medium]{background:#d38f00;background:oklch(.7 .15 75)}.hcs-qap__dot[data-heat=hot]{background:#c83e00;background:oklch(.56 .19 38)}.hcs-qap__dot[data-heat=x-hot]{background:#b31609}.hcs-qap__dot[data-heat=xx-hot]{background:#8b0005;background:oklch(.4 .17 28)}.hcs-qap .hcs-qap__add{width:100%;min-height:50px;border:none;border-radius:99px;background:#b7291b;color:#fff;font-family:inherit;font-size:15.5px;font-weight:800;letter-spacing:.02em;cursor:pointer;position:sticky;bottom:0;--global-button-radius: 99px}.hcs-qap .hcs-qap__add:disabled{background:#bdb7a9;color:#67625c;cursor:default}.hcs-qap__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hcs-qap.hcs-qap--pop{left:auto;right:auto;bottom:auto;width:auto;max-height:min(70vh,560px);border-radius:16px;border:1px solid oklch(.85 .015 84);box-shadow:0 16px 40px #00000029;padding:14px 16px 16px;transform:translateY(6px);opacity:0;transition:transform .18s ease,opacity .18s ease}.hcs-qap.hcs-qap--pop.hcs-qap--open{transform:none;opacity:1}.hcs-qap--pop .hcs-qap__grab{display:none}.hcs-qap--pop .hcs-qap__head{margin-bottom:12px}.hcs-qap--pop .hcs-qap__thumb{width:44px;height:44px}.hcs-qap--pop .hcs-qap__title{font-size:15px}.hcs-qap--pop .hcs-qap__btn{min-height:50px}.hcs-qap--pop .hcs-qap__opts{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.hcs-qap--pop .hcs-qap__add{min-height:46px;font-size:14.5px}
/*# sourceMappingURL=/cdn/shop/t/66/assets/hcs-qa-picker.css.map */