.sc-mix{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(20px,3vw,40px);align-items:start}@media(max-width:989px){.sc-mix{grid-template-columns:1fr}}.sc-mix__shelf{display:grid;grid-template-columns:repeat(var(--sc-mix-cols, 4),minmax(0,1fr));gap:var(--sc-mix-gap, 14px)}@media(max-width:749px){.sc-mix__shelf{grid-template-columns:repeat(var(--sc-mix-cols-m, 3),minmax(0,1fr));gap:10px}}.sc-mix__item{position:relative;border:var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-tile, var(--sc-pastel-1));padding:0;cursor:grab;overflow:hidden;text-align:center;transition:transform .14s ease,box-shadow .14s ease;touch-action:manipulation}.sc-mix__item:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--sc-ink)}.sc-mix__item:active{cursor:grabbing}.sc-mix__item.is-dragging{opacity:.45}.sc-mix__item img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;padding:10%}.sc-mix__label{display:block;background:#fff;border-top:var(--sc-border);padding:8px 8px 9px;font-family:var(--sc-font-display);font-weight:600;font-size:.78rem;line-height:1.2;color:var(--sc-ink)}.sc-mix__plus{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:var(--sc-border);background:var(--sc-blue);color:#fff;font-size:1.2rem;line-height:1;display:grid;place-items:center;pointer-events:none}.sc-mix__have{position:absolute;top:8px;left:8px;min-width:26px;height:26px;padding:0 7px;border-radius:var(--sc-radius-pill);background:var(--sc-pink);border:var(--sc-border);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}.sc-mix__have[hidden]{display:none}.sc-mix__bag{position:sticky;top:16px;border:var(--sc-border);border-radius:var(--sc-radius-lg);background:var(--sc-cream);overflow:hidden}.sc-mix__bag.is-over{outline:4px dashed var(--sc-pink);outline-offset:-8px}.sc-mix__bag h3{font-family:var(--sc-font-display);font-weight:600;font-size:1.25rem;margin:0;padding:18px 20px 12px}.sc-mix__hint{margin:0;padding:0 20px 14px;font-size:.8rem;opacity:.7}.sc-mix__list{list-style:none;margin:0;padding:0 20px;max-height:320px;overflow-y:auto}.sc-mix__row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1.5px solid rgba(25,25,69,.15)}.sc-mix__row img{width:40px;height:40px;object-fit:contain;border:1.5px solid var(--sc-ink);border-radius:9px;background:#fff}.sc-mix__row-name{font-size:.82rem;font-weight:600;line-height:1.25}.sc-mix__step{display:inline-flex;align-items:center;border:var(--sc-border);border-radius:var(--sc-radius-pill);background:#fff;overflow:hidden}.sc-mix__step button{border:0;background:none;width:30px;height:32px;cursor:pointer;font-size:1rem;color:var(--sc-ink)}.sc-mix__step button:hover{background:var(--sc-yellow)}.sc-mix__step span{min-width:24px;text-align:center;font-weight:700;font-size:.82rem}.sc-mix__empty{padding:30px 20px;text-align:center;font-family:var(--sc-font-display);opacity:.65}.sc-mix__empty[hidden]{display:none}.sc-mix__foot{border-top:var(--sc-border);padding:16px 20px 20px}.sc-mix__meter{height:12px;border:var(--sc-border);border-radius:var(--sc-radius-pill);background:#fff;overflow:hidden;margin-bottom:10px}.sc-mix__meter i{display:block;height:100%;width:0;background:var(--sc-pink);transition:width .3s ease}.sc-mix__meter i.is-done{background:var(--sc-pastel-3)}.sc-mix__totals{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sc-font-display);font-weight:600;font-size:1.15rem;margin-bottom:4px}.sc-mix__note{font-size:.76rem;opacity:.7;margin:0 0 14px}.sc-mix__foot .sc-btn{width:100%}.sc-mix__foot .sc-btn[disabled]{background:#1919452e;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:989px){.sc-mix__bag{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;border-radius:var(--sc-radius-lg) var(--sc-radius-lg) 0 0;border-bottom:0;box-shadow:0 -10px 30px #1919452e;max-height:78vh;display:flex;flex-direction:column}.sc-mix__bag h3{cursor:pointer}.sc-mix__bag h3:after{content:"\25b2";float:right;font-size:.7rem;opacity:.5}.sc-mix__bag.is-open h3:after{content:"\25bc"}.sc-mix__body{display:none;overflow-y:auto}.sc-mix__bag.is-open .sc-mix__body{display:block}.sc-mix__list{max-height:40vh}.sc-mix__shelf{padding-bottom:190px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/scandy-mix.css.map */