.spc{--spc-green: #143927;--spc-green-ink: #0e2a1d;--spc-lime: #d5df6b;--spc-ink: #282828;--spc-muted: #5a5753;--spc-strip: #f8f6f2;--spc-line: rgba(40, 40, 40, .12);--spc-font: "Poppins", var(--font-body-family), sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;visibility:hidden;pointer-events:none;font-family:var(--spc-font);color:var(--spc-ink);letter-spacing:normal}.spc.active{visibility:visible;pointer-events:auto}.spc *,.spc *:before,.spc *:after{box-sizing:border-box}.spc__wrap{position:absolute;top:0;right:0;bottom:0;left:0}.spc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .3s ease;cursor:pointer}.spc.active .spc__overlay{opacity:1}.spc__panel{position:absolute;top:0;right:0;bottom:0;width:600px;max-width:100%;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;outline:none}.spc.active .spc__panel{transform:translate(0)}.spc.is-loading .spc__panel{cursor:progress}.spc.is-loading .spc__body,.spc.is-loading .spc__foot,.spc.is-loading .spc__progress{opacity:.55;pointer-events:none;transition:opacity .15s}.spc__head{display:flex;align-items:center;justify-content:space-between;padding:14px 30px 10px}.spc__title{font:700 26px/1 var(--spc-font);letter-spacing:.5px;text-transform:uppercase;margin:0;padding-top:2px;color:var(--spc-ink)}.spc__close{width:32px;height:32px;border:0;background:none;padding:0;cursor:pointer;color:var(--spc-ink)}.spc__close svg{width:32px;height:32px}.spc__progress{background:var(--spc-strip);padding:10px 25px 12px;border-top:1px solid var(--spc-line);border-bottom:1px solid var(--spc-line)}.spc__msg{font:500 13px/1.35 var(--spc-font);letter-spacing:.4px;text-transform:uppercase;text-align:center;margin:0 0 10px}.spc__msg strong{font-weight:700}.spc__track{position:relative;display:flex;justify-content:space-between}.spc__bar{position:absolute;top:11px;left:0;right:0;height:8px;border-radius:50px;background:#2828281a}.spc__fill{height:100%;border-radius:50px;background:var(--spc-green);transition:width .35s ease}.spc__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:30px}.spc__dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:.8px dashed var(--spc-muted);color:var(--spc-ink);transition:all .25s}.spc__dot svg{width:15px;height:15px}.spc__step.is-next .spc__dot{border:.8px solid var(--spc-green);color:var(--spc-green)}.spc__step.is-done .spc__dot{background:var(--spc-green);color:#fff;border:.8px solid #fff;box-shadow:0 0 0 .8px var(--spc-green)}.spc__step.is-milestone.is-done .spc__dot{background:var(--spc-lime);color:var(--spc-green)}.spc__lbl{font:500 10.5px/1.25 var(--spc-font);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;text-align:center}.spc__lbl b{font-weight:700;display:block}.spc__body{flex:1;overflow-y:auto;padding:0 32px;overscroll-behavior:contain}.spc-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--spc-line)}.spc-item__img{flex:0 0 110px;width:110px;height:110px;border:1px solid #dcdcdc;border-radius:10px;overflow:hidden;background:#fff;display:block}.spc-item__img img{width:100%;height:100%;object-fit:cover;display:block}.spc-item__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.spc-item__row{display:flex;justify-content:space-between;align-items:center;gap:12px}.spc-item__name{font:600 21px/1.25 var(--spc-font);color:var(--spc-green);margin:0;text-decoration:none}.spc-item__trash{border:0;background:none;padding:2px;cursor:pointer;color:#8a8a8a;width:26px;height:26px;flex:none}.spc-item__trash:hover{color:var(--spc-ink)}.spc-item__trash svg{width:100%;height:100%}.spc-item__meta{font:400 14px/1.45 var(--spc-font);color:#555;margin:4px 0 12px}.spc-item__meta:empty{margin-bottom:8px}.spc-item__bottom{gap:8px 10px;flex-wrap:wrap}.spc-qty{display:inline-flex;align-items:center;gap:14px}.spc-qty button{width:34px;height:34px;border-radius:50%;border:0;background:#ececec;font:400 20px/1 var(--spc-font);color:var(--spc-green);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.spc-qty button:hover{background:#e0e0e0}.spc-qty span{min-width:14px;text-align:center;font:500 20px var(--spc-font)}.spc-item__price{flex:none;font:700 18px/1 var(--spc-font);color:var(--spc-green);white-space:nowrap}.spc-item__price s{font-weight:500;color:#6b6b6b;margin-right:4px}.spc-free{color:var(--spc-green);font-weight:700}.spc-discounts{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.spc-discounts li{display:inline-flex;align-items:center;gap:5px;background:var(--spc-green);color:#fff;font:600 11px/1 var(--spc-font);letter-spacing:.6px;text-transform:uppercase;padding:5px 7px 4px;border-radius:2px}.spc-discounts svg{width:12px;height:12px;flex:none}.spc__sum--disc{font-size:13px;font-weight:500;color:var(--spc-green)}.spc__sum--disc>span:first-child{display:inline-flex;align-items:center;gap:6px}.spc__sum--disc svg{width:13px;height:13px;flex:none}.spc-flavor{flex:0 1 220px;min-width:0;width:100%;appearance:none;-webkit-appearance:none;height:34px;border:.8px solid #cfcfcf;border-radius:17px;padding:0 30px 0 14px;font:500 12px var(--spc-font);color:var(--spc-ink);text-overflow:ellipsis;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23282828'/%3E%3C/svg%3E") no-repeat right 12px center}.spc-box{margin:20px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--spc-strip);border:.8px dashed var(--spc-ink);border-radius:6px;padding:16px 20px 16px 16px}.spc-box h3{margin:0 0 4px;font:700 16px/1.25 var(--spc-font);color:var(--spc-ink);letter-spacing:normal}.spc-box p{margin:0;font:500 12px/1.5 var(--spc-font)}.spc-box__sub{color:var(--spc-muted)}.spc-box__btn{flex:none;border:0;border-radius:4px;background:var(--spc-green);color:#fff;font:600 12px var(--spc-font);text-transform:uppercase;letter-spacing:.4px;padding:9px 12px;cursor:pointer;white-space:nowrap}.spc__empty{text-align:center;padding:70px 24px}.spc__empty h3{font:700 22px/1.2 var(--spc-font);margin:0 0 8px;color:var(--spc-ink)}.spc__empty p{font:400 13px var(--spc-font);color:var(--spc-muted);margin:0 0 22px}.spc__foot{border-top:1px solid #000;padding:20px 32px}.spc__sum{display:flex;justify-content:space-between;font:600 15px/21px var(--spc-font);letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px}.spc__sum--save{color:var(--spc-green);font-size:13px;font-weight:500}.spc__foot form{margin:0}.spc__checkout{margin-top:16px;width:100%;height:54px;border:0;border-radius:4px;background:var(--spc-green);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--spc-font);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;text-decoration:none}.spc__checkout:hover{background:var(--spc-green-ink)}.spc__checkout--inline{max-width:320px;margin:0 auto}.spc__guarantee{margin-top:12px;text-align:center;font:500 12px var(--spc-font);letter-spacing:.5px;text-transform:uppercase}.spc__error{margin:14px 0 0;padding:10px 12px;border-radius:4px;background:#fdecea;color:#8a1c12;font:500 13px/1.4 var(--spc-font)}@media screen and (max-width:749px){.spc__panel{width:100%}.spc__head{padding:12px 16px 8px}.spc__title{font-size:22px}.spc__progress{padding:10px 14px 12px}.spc__msg{font-size:11.5px;letter-spacing:.2px}.spc__lbl{font-size:9px;letter-spacing:0}.spc__body{padding:0 16px}.spc-item{gap:14px}.spc-item__img{flex-basis:84px;width:84px;height:84px}.spc-item__name{font-size:17px}.spc-item__meta{font-size:13px;margin-bottom:8px}.spc-qty{gap:10px}.spc-qty button{width:30px;height:30px;font-size:18px}.spc-qty span{font-size:17px}.spc-item__price{font-size:15px}.spc-discounts li{font-size:10px}.spc-flavor{font-size:11px}.spc-box{padding:12px}.spc-box h3{font-size:14px}.spc__foot{padding:14px 16px 18px}.spc__sum{font-size:13px}.spc__guarantee{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/spruce-cart-drawer.css.map */
