.btn-blue{background:#500064;color:#fff;padding:.75rem 1rem;font-size:1.3rem;line-height:1.2;border:0;border-radius:.375rem}.btn-indigo,.btn-pink,.btn-purple,.btn-green{background:#f3cfff;color:#500064;padding:.75rem 1rem;font-size:1.3rem;line-height:1.2;border:1px solid #e3b8f0;border-radius:.375rem}.btn-outline{background:#fff;border:1px solid #9133a9;color:#9133a9;padding:.75rem 1rem;font-size:1rem;line-height:1.2;border-radius:.375rem;cursor:pointer}.btn-blue:hover{background:#3d004d}.btn-indigo:hover,.btn-pink:hover,.btn-purple:hover,.btn-green:hover{background:#ecbff9}.btn-outline:hover{background:#f7ecfb}#soap-calc-container .control-panel{display:flex;flex-wrap:wrap;gap:.5rem;background:#ece6ed;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;justify-content:center}#soap-calc-container .control-item{flex:1 1 120px;min-width:100px;max-width:150px;display:flex;flex-direction:column}#soap-calc-container .control-item.full-width{flex:1 1 100%!important;min-width:0!important;max-width:none!important}#soap-calc-container .control-item label{font-size:.94rem;font-weight:600;margin-bottom:.25rem}#soap-calc-container input[type=number],#soap-calc-container input[type=text]{width:100%;padding:.75rem;font-size:1rem;line-height:1.2;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box}#soap-calc-container select{width:100%;padding:.75rem 2.25rem .75rem .75rem;font-size:1rem;line-height:1.2;color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23500064' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}#soap-calc-container select:focus{outline:none;border-color:#9133a9;box-shadow:0 0 0 2px #9133a933}#soap-calc-container .eo-group select{width:auto;padding-right:2rem}#soap-calc-container .water-readout{margin-top:.45rem;font-size:.78rem;line-height:1.35;color:#6b7280}#soap-calc-container .water-readout .wr-strong{font-weight:600;color:#500064}#soap-calc-container .water-readout.wr-good .wr-strong{color:#10b981}#soap-calc-container .water-readout.wr-danger,#soap-calc-container .water-readout.wr-danger .wr-strong{color:#ef4444}#soap-calc-container .percent-input{width:4rem;display:inline-block}#soap-calc-container .oil-table td:nth-child(3){white-space:nowrap}.unit-btn{margin-right:.5rem;padding:.75rem 1rem;font-size:1rem;line-height:1.2;border:0;border-radius:.375rem;background:#6b7280;color:#fff;cursor:pointer;box-sizing:border-box}.unit-btn.active{background:#500064}.eo-control-item .eo-group{display:flex;align-items:center;gap:.5rem;flex:1}.eo-control-item .eo-group input#eoPct{flex:1;position:relative;top:1px}.eo-control-item .eo-group button#breakdownBtn{padding:.75rem 1rem;font-size:1rem;line-height:1.2;border:0;border-radius:.375rem;background:#9133a9;color:#fff;font-weight:600;cursor:pointer;position:relative;top:1px}.action-bar{background:#fff;padding:1.25rem 1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:1.15rem}.action-groups{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;justify-content:center;align-items:flex-start;width:100%}.action-group{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.action-group-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9133a9;text-align:left;padding-left:.1rem}.action-row{display:flex;flex-wrap:wrap;gap:.5rem}.action-bar .btn-primary{background:#500064;color:#fff;border:0;border-radius:.5rem;padding:.85rem 3rem;font-size:1.05rem;font-weight:700;letter-spacing:.02em;line-height:1.2;cursor:pointer;box-sizing:border-box}.action-bar .btn-primary:hover{background:#3d004d}.action-bar .btn-soft{background:#f3cfff;color:#500064;border:1px solid #e3b8f0;border-radius:.5rem;padding:.6rem 1rem;font-size:.92rem;font-weight:600;line-height:1.2;min-width:7rem;text-align:center;cursor:pointer;box-sizing:border-box}.action-bar .btn-soft:hover{background:#ecbff9}#soap-calc-container #blendBtn{width:100%;background:#9133a9;color:#fff;border:0;border-radius:.375rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer}#soap-calc-container #blendBtn:hover{background:#7d2b91}.oil-table{width:100%;border-collapse:collapse;margin-bottom:.5rem}.oil-table th,.oil-table td{padding:.5rem;border-bottom:1px solid #e5e7eb;text-align:left}.oil-table th{background:#ece6ed}.action-btn{background:none;border:0;cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem}.percent-tracker{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:1.5rem}.tracker-fill{height:100%;width:0;background:#10b981;transition:width .2s,background .2s}.summary-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:768px){.summary-container{grid-template-columns:.3fr .7fr}}@media(max-width:767px){#soap-calc-container #summaryContainer{flex-direction:column;gap:1.25rem}#soap-calc-container #summaryContainer .summary-card,#soap-calc-container #summaryContainer .summary-card.qual-card,#soap-calc-container #summaryContainer .summary-card.rec-card{flex:1 1 auto;width:100%}}.summary-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #0000000d}.summary-card h3{margin-bottom:1rem;font-size:1.25rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.quality-row{padding:.5rem 0;border-bottom:1px solid #e5e7eb}.quality-row:last-child{border-bottom:none}.q-head{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.35rem;font-size:.95rem}.q-flag{font-weight:700;font-size:.85rem;line-height:1;width:1em;text-align:center;flex:0 0 auto}.q-flag.q-ok{color:#10b981!important}.q-flag.q-bad{color:#ef4444!important}.q-label,.q-val{font-weight:600}.q-range{margin-left:auto;color:#6b7280;white-space:nowrap;font-size:.85rem}.q-bar-track{position:relative;height:14px;background:#eceaf0;border-radius:7px;overflow:hidden}.q-bar-fill{display:block!important;height:100%;border-radius:7px;background:#9ca3af}.q-bar-band{display:block!important;position:absolute;top:0;bottom:0;background:#34d3992e;border-left:2px solid rgba(17,24,39,.5);border-right:2px solid rgba(17,24,39,.5);pointer-events:none}.q-val.q-ok{color:#10b981!important}.q-val.q-bad{color:#ef4444!important}.quality-legend{margin-top:.85rem;padding-top:.6rem;border-top:1px solid #e5e7eb;font-size:.78rem;color:#6b7280;display:flex;gap:.85rem;flex-wrap:wrap}.quality-legend .lg-ok{color:#10b981;font-weight:700}.quality-legend .lg-bad{color:#ef4444;font-weight:700}.recipe-table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.recipe-table th,.recipe-table td{padding:.5rem;border-bottom:1px solid #e5e7eb;text-align:left}.recipe-table th{background:#f6ecfa;font-weight:600}.total-oil-row td{background:#fffbe6;color:#1f2937;font-weight:600}.recipe-table tr.eo-head td{font-weight:600;border-bottom:none}.recipe-table tr.eo-sub td{background:#fefaff;border-bottom:1px solid #B8AFBA}.recipe-table tr.eo-sub:last-child td{border-bottom:1px solid #e5e7eb}.recipe-table tr.eo-sub td:first-child{position:relative;padding-left:2.5rem;color:#6b7280}.recipe-table tr.eo-sub td:first-child:before{content:"";position:absolute;left:1.1rem;top:0;bottom:0;width:2px;background:#9133a9}.recipe-table tr.eo-sub:last-child td:first-child:before{bottom:auto;height:50%}.recipe-table tr.eo-sub td:first-child:after{content:"";position:absolute;left:1.1rem;top:50%;width:.8rem;height:2px;background:#9133a9}.recipe-table tr.eo-sub .eo-bullet{display:none}.eo-bullet{color:#9133a9;margin-right:.35rem}.oil-table .drag-handle{cursor:grab;color:#9133a9;-webkit-user-select:none;user-select:none;text-align:center;font-size:1.2rem}.oil-table .drag-handle:active{cursor:grabbing}.oil-table tr.dragging{opacity:.6}.oil-table tr.dragging td{background:#f3cfff}.percent-readout{font-size:.85rem;font-weight:600;margin:-.9rem 0 1.25rem;text-align:right}.pr-ok{color:#10b981}.pr-bad{color:#9133a9}.summary-placeholder{grid-column:1 / -1;max-width:640px;margin:0 auto;padding:2rem;text-align:center;color:#6b7280;background:#faf3fd;border:1px dashed #d9b8e6;border-radius:.75rem;font-size:.95rem;line-height:1.5}#soap-calc-container .calc-layout{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}#soap-calc-container .calc-left{flex:0 0 240px}#soap-calc-container .calc-right{flex:1 1 auto;min-width:0}#soap-calc-container .calc-card{background:#ece6ed;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.85rem}#soap-calc-container .calc-card .card-head{font-weight:700;font-size:1.05rem;color:#500064;margin:0;padding-bottom:.6rem;border-bottom:1px solid #d9cfe0}#soap-calc-container .calc-card .control-item{flex:0 0 auto;width:100%;min-width:0;max-width:none}#soap-calc-container .calc-card .control-item.full-width .control-field{display:flex;gap:.5rem}#soap-calc-container .calc-card .unit-btn{flex:1;margin-right:0}#soap-calc-container .calc-card .eo-group{flex-wrap:wrap}#soap-calc-container .calc-card .eo-group input#eoPct{min-width:3.5rem}#soap-calc-container .calc-right .oil-table{width:100%;table-layout:auto}@media(max-width:768px){#soap-calc-container .calc-layout{flex-direction:column}#soap-calc-container .calc-left{flex:1 1 auto;width:100%}}#soap-calc-container .oil-table td:nth-child(3){white-space:nowrap;width:7.5rem;padding-right:.75rem}#soap-calc-container .oil-table .percent-input{width:5rem!important;display:inline-block;text-align:right}@media print{body>*:not(main){display:none!important}#breakdownModal,#loadModal,#blendModal{display:none!important}#soap-calc-container>*:not(#summaryContainer){display:none!important}body,main{display:block!important;margin:0!important;padding:0!important;min-height:0!important}#soap-calc-container{max-width:none!important;margin:0!important;padding:0!important}#summaryContainer{display:flex!important;gap:1rem!important;margin:0!important}#summaryContainer .summary-card{box-shadow:none!important;border:1px solid #e5e7eb}#summaryContainer .summary-card.qual-card{flex:0 0 34%}#summaryContainer .summary-card.rec-card{flex:0 0 64%}.q-bar-track,.q-bar-band,.q-bar-fill,.total-oil-row td,.recipe-table th,.recipe-table tr.eo-sub td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.oil-table tr.invalid-row td{background:#f3cfff;transition:background-color 1.5s ease}#breakdownModal,#loadModal,#blendModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000}#breakdownModal .modal-content,#loadModal .modal-content,#blendModal .modal-content{background:#fff;padding:2rem;border-radius:.5rem;width:90%;max-width:500px;border:1px solid #d1d5db;font-size:1rem;z-index:1001}#loadModal .modal-content{max-height:80vh;display:flex;flex-direction:column}#loadModal .modal-body{flex:1;overflow-y:auto}#loadModal .oil-table{width:100%;border-collapse:collapse}#loadModal .oil-table td:first-child{padding-left:.25rem}#loadModal .modal-body:has(#loadTableBody:empty) table{display:none}#loadModal .modal-body:has(#loadTableBody:empty):after{content:"No saved recipes yet \2014save one and it'll show up here.";display:block;padding:1.5rem .5rem;text-align:center;color:#6b7280;font-size:.95rem}#loadModal .oil-table td:nth-child(2){text-align:right;white-space:nowrap;padding-right:.25rem}#loadModal .action-btn,#loadModal .load-rec{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;line-height:1}@media(max-width:480px){#breakdownModal .modal-content,#loadModal .modal-content{padding:2rem 1rem;width:calc(100% - 2rem)}#breakdownModal .oil-table{margin:0 -1rem;width:auto!important}}.template-page-soap-calculator #MainContent,.template-page-soap-calculator .content-for-layout,.template-page-soap-calculator .shopify-section,.template-page-soap-calculator .page-width{max-width:none!important;padding-left:0!important;padding-right:0!important}.hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/soap-calculator.css.map */