.preparation-planner{background:#fcf9fe;border:1px solid #e6d9ef;border-radius:22px;margin:42px 0;padding:30px;scroll-margin-top:100px}.preparation-heading{align-items:center;gap:15px;display:flex}.preparation-heading>span{color:#971781;background:#f4e6f8;border-radius:14px;flex-shrink:0;place-items:center;width:49px;height:49px;display:grid}.preparation-heading h2{color:#271343;letter-spacing:-.5px;margin:0 0 6px;font-size:25px}.preparation-heading p{color:#6c5e79;margin:0;font-size:14px;line-height:1.6}.preparation-form{flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;display:flex}.preparation-form label{font-weight:650}.preparation-form input{text-align:center;color:#29163b;background:#fff;border:1px solid #c9b6d6;border-radius:9px;width:98px;min-height:46px;font-size:19px;font-weight:700}.preparation-form>span{color:#6c5e79;font-size:14px}.preparation-form .button{min-height:46px;margin-left:auto}.preparation-batch{color:#665870;margin:24px 0 18px;font-size:14px;line-height:1.6}.preparation-ingredients{gap:12px;display:grid}.preparation-ingredient{background:#fff;border:1px solid #e7ddeb;border-radius:14px;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:24px;padding:20px;display:grid}.preparation-amount{align-content:start;gap:5px;display:grid}.preparation-amount strong{color:#821773;font-size:21px}.preparation-amount span{color:#3e2a50;font-size:14px;line-height:1.6}.preparation-purchase{min-width:0}.preparation-purchase>label{color:#4f3b60;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.preparation-purchase select{color:#29163b;background:#fff;border:1px solid #cfbedb;border-radius:8px;width:100%;height:45px;padding:8px;font-size:13px}.preparation-option-note{color:#796a83;margin:9px 0;font-size:12px}.preparation-option-note a{color:#95157c;font-weight:650}.preparation-estimate,.preparation-pending,.preparation-unlinked{color:#6d5b7b;margin:10px 0;font-size:12px;line-height:1.7}.preparation-pending{color:#7c5310}.preparation-unlinked{align-self:center;margin:0}.preparation-quantity{flex-wrap:wrap;align-items:center;gap:12px;margin-top:13px;display:flex}.preparation-quantity>label{color:#4f3b60;flex:1;font-size:12px;font-weight:650}.preparation-quantity>div{border:1px solid #d6c6df;border-radius:9px;align-items:center;display:flex;overflow:hidden}.preparation-quantity button{color:#77136d;cursor:pointer;background:#faf5fc;border:0;place-items:center;width:44px;height:44px;display:grid}.preparation-quantity input{text-align:center;color:#2d183c;appearance:textfield;background:#fff;border:0;width:50px;min-width:0;height:44px;font-size:15px;font-weight:650}.preparation-quantity input::-webkit-inner-spin-button{appearance:none}.preparation-quantity>strong{text-align:right;color:#462158;min-width:55px;font-size:14px}.preparation-footer{margin-top:22px}.preparation-footer>p{color:#6c5e79;max-width:750px;font-size:12px;line-height:1.7}.preparation-footer>p:nth-child(2){color:#3c254e;margin:17px 0;font-size:14px}.preparation-footer .button{align-items:center;gap:9px;min-height:46px;display:inline-flex}.preparation-planner button:disabled{opacity:.55;cursor:default}.preparation-planner :is(button,input,select,a):focus-visible{outline-offset:3px;outline:3px solid #b43c9c}.preparation-success{color:#327145;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.preparation-success .button{margin-left:auto}.preparation-error{color:#8d2937;background:#fff0f1;border:1px solid #edc2c9;border-radius:8px;margin-top:20px;padding:12px 15px;font-size:14px;line-height:1.6}@media (max-width:700px){.preparation-planner{margin:30px 0;padding:22px 18px}.preparation-heading h2{font-size:22px}.preparation-heading p{font-size:13px}.preparation-heading>span{width:42px;height:42px}.preparation-form{gap:10px}.preparation-form .button{flex-basis:100%;justify-content:center;margin-left:0}.preparation-ingredient{grid-template-columns:1fr;gap:14px;padding:16px}.preparation-amount{gap:4px}.preparation-amount strong{font-size:20px}.preparation-quantity{gap:8px}.preparation-quantity>label{min-width:90px}.preparation-footer>.button{justify-content:center;width:100%}.preparation-success .button{justify-content:center;width:100%;margin-left:0}}@media (max-width:380px){.preparation-planner{padding:18px 12px}.preparation-form input{width:76px}.preparation-form>span{font-size:12px}.preparation-quantity>strong{flex-basis:100%}}