.smx-soap{--smx-r: calc(1.6 / var(--font-body-scale, 1));display:block;color:var(--fg-1);font-family:var(--font-body)}.smx-soap__inner{max-width:var(--content-wide);margin:0 auto;padding:0 calc(var(--gutter) * var(--smx-r))}.smx-soap__head{margin-bottom:calc(var(--space-5) * var(--smx-r))}.smx-soap__eyebrow{margin:0 0 calc(var(--space-1) * var(--smx-r));font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-12) * var(--smx-r));letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--smx-cyan)}.smx-soap__title{margin:0;font-family:var(--font-display);font-weight:var(--fw-black);font-size:calc(var(--fs-28) * var(--smx-r));line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--fg-1)}.smx-soap__intro{margin:calc(var(--space-2) * var(--smx-r)) 0 0;font-size:calc(var(--fs-16) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-2);max-width:60ch}.smx-soap__grid{display:grid;gap:calc(var(--space-6) * var(--smx-r))}.smx-soap__panel{display:grid;gap:calc(var(--space-6) * var(--smx-r));padding:calc(var(--space-5) * var(--smx-r)) calc(var(--space-4) * var(--smx-r));background:var(--bg-subtle);border:1px solid var(--border-1);border-top:calc(var(--space-1) * var(--smx-r)) solid var(--smx-cyan);border-radius:var(--radius-0)}.smx-soap__field{margin:0;padding:0;border:0;min-width:0}.smx-soap__label{display:block;padding:0;margin-bottom:calc(var(--space-2) * var(--smx-r));font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-18) * var(--smx-r));line-height:var(--lh-snug);text-transform:uppercase;color:var(--fg-1)}.smx-soap__sublabel{display:block;margin-bottom:calc(var(--space-1) * var(--smx-r));font-weight:var(--fw-bold);font-size:calc(var(--fs-14) * var(--smx-r))}.smx-soap__help{margin:calc(var(--space-2) * var(--smx-r)) 0 0;font-size:calc(var(--fs-14) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-3)}.smx-soap__gpm{position:relative;max-width:calc(var(--space-32) * 2 * var(--smx-r))}.smx-soap__input{width:100%;min-height:var(--button-min-height);padding:0 calc(var(--space-16) * var(--smx-r)) 0 calc(var(--space-4) * var(--smx-r));font-family:var(--font-body);font-size:calc(var(--fs-20) * var(--smx-r));font-weight:var(--fw-bold);color:var(--fg-1);background:var(--smx-white);border:1px solid var(--border-strong);border-radius:var(--radius-0);box-shadow:none}.smx-soap__input:focus{outline:2px solid var(--border-focus);outline-offset:0;border-color:var(--border-focus)}.smx-soap__unit{position:absolute;right:calc(var(--space-4) * var(--smx-r));top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-14) * var(--smx-r));color:var(--fg-3);pointer-events:none}.smx-soap__other{margin-top:calc(var(--space-3) * var(--smx-r))}.smx-soap__other[hidden]{display:none}.smx-soap__pills{display:flex;flex-wrap:wrap;gap:calc(var(--space-2) * var(--smx-r))}.smx-soap__pill span{display:inline-flex;align-items:center;min-height:var(--tap-target-min);padding:0 calc(var(--space-5) * var(--smx-r));font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-16) * var(--smx-r));background:var(--smx-white);color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.smx-soap__pill input:checked+span{background:var(--smx-cyan);border-color:var(--smx-cyan);color:var(--fg-on-cyan)}.smx-soap__pill input:focus-visible+span,.smx-soap__surface input:focus-visible~.smx-soap__surface-name{outline:2px solid var(--border-focus);outline-offset:2px}.smx-soap__surfaces{display:grid;gap:calc(var(--space-2) * var(--smx-r))}.smx-soap__surface{position:relative;display:grid;grid-template-columns:1fr auto;column-gap:calc(var(--space-3) * var(--smx-r));align-items:center;min-height:var(--tap-target-min);padding:calc(var(--space-3) * var(--smx-r)) calc(var(--space-4) * var(--smx-r));background:var(--smx-white);border:1px solid var(--border-1);border-left:calc(var(--space-1) * var(--smx-r)) solid var(--border-1);border-radius:var(--radius-0);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.smx-soap__surface:hover{border-color:var(--smx-cyan)}.smx-soap__surface:has(input:checked){border-color:var(--smx-cyan);background:var(--smx-cyan-50)}.smx-soap__surface:has(input:focus-visible){outline:2px solid var(--border-focus);outline-offset:2px}.smx-soap__surface-name{grid-column:1;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-16) * var(--smx-r));text-transform:uppercase;color:var(--fg-1)}.smx-soap__surface-ex{grid-column:1;font-size:calc(var(--fs-14) * var(--smx-r));color:var(--fg-3);line-height:var(--lh-snug)}.smx-soap__surface-pct{grid-column:2;grid-row:1 / span 2;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-14) * var(--smx-r));color:var(--fg-2);white-space:nowrap}.smx-soap__results{padding:calc(var(--space-5) * var(--smx-r)) calc(var(--space-4) * var(--smx-r));background:var(--smx-white);border:2px solid var(--smx-black);border-radius:var(--radius-0);align-self:start}.smx-soap__results-title,.smx-soap__h2{margin:0 0 calc(var(--space-4) * var(--smx-r));font-family:var(--font-display);font-weight:var(--fw-black);font-size:calc(var(--fs-24) * var(--smx-r));line-height:var(--lh-tight);text-transform:uppercase;color:var(--fg-1)}.smx-soap__h3{margin:0 0 calc(var(--space-2) * var(--smx-r));font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-18) * var(--smx-r));text-transform:uppercase;color:var(--fg-1)}.smx-soap__empty{margin:0;font-size:calc(var(--fs-16) * var(--smx-r));color:var(--fg-3)}.smx-soap__error{margin:calc(var(--space-3) * var(--smx-r)) 0 0;padding:calc(var(--space-3) * var(--smx-r)) calc(var(--space-4) * var(--smx-r));font-size:calc(var(--fs-16) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-1);border-left:calc(var(--space-1) * var(--smx-r)) solid var(--status-danger);background:var(--bg-subtle)}.smx-soap__parts{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space-3) * var(--smx-r))}.smx-soap__part{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-2) * var(--smx-r));padding:calc(var(--space-4) * var(--smx-r)) calc(var(--space-2) * var(--smx-r));background:var(--bg-subtle);text-align:center}.smx-soap__part-label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-12) * var(--smx-r));letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-3)}.smx-soap__part-value{font-family:var(--font-display);font-weight:var(--fw-black);font-size:calc(var(--fs-28) * var(--smx-r));line-height:var(--lh-tight);text-transform:uppercase;color:var(--fg-1)}.smx-soap__orifice-img{width:auto;height:calc(var(--space-16) * var(--smx-r))}.smx-soap__prop{width:calc(var(--space-12) * var(--smx-r));height:calc(var(--space-12) * var(--smx-r));background:var(--swatch);border:2px solid var(--smx-black);border-radius:var(--radius-pill)}.smx-soap__facts{display:grid;gap:0;margin:calc(var(--space-4) * var(--smx-r)) 0 0}.smx-soap__facts div{display:flex;justify-content:space-between;gap:calc(var(--space-3) * var(--smx-r));padding:calc(var(--space-2) * var(--smx-r)) 0;border-bottom:1px solid var(--border-1)}.smx-soap__facts dt{font-size:calc(var(--fs-15) * var(--smx-r));color:var(--fg-2)}.smx-soap__facts dd{margin:0;font-weight:var(--fw-bold);font-size:calc(var(--fs-18) * var(--smx-r));color:var(--fg-1)}.smx-soap__explain{margin-top:calc(var(--space-5) * var(--smx-r))}.smx-soap__explain ol{margin:0;padding-left:calc(var(--space-5) * var(--smx-r));display:grid;gap:calc(var(--space-2) * var(--smx-r));font-size:calc(var(--fs-15) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-2)}.smx-soap__formula{display:block;margin:calc(var(--space-1) * var(--smx-r)) 0;font-weight:var(--fw-bold);font-size:calc(var(--fs-16) * var(--smx-r));color:var(--fg-1)}.smx-soap__advice{margin-top:calc(var(--space-4) * var(--smx-r));padding:calc(var(--space-3) * var(--smx-r)) calc(var(--space-4) * var(--smx-r));background:var(--smx-cyan-50);border-left:calc(var(--space-1) * var(--smx-r)) solid var(--smx-cyan);font-size:calc(var(--fs-15) * var(--smx-r));line-height:var(--lh-relaxed)}.smx-soap__advice p{margin:0}.smx-soap__advice p+p{margin-top:calc(var(--space-2) * var(--smx-r))}.smx-soap__rule{margin:calc(var(--space-3) * var(--smx-r)) 0 0;font-size:calc(var(--fs-14) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-3)}.smx-soap__safety{display:flex;gap:calc(var(--space-2) * var(--smx-r));align-items:flex-start;margin:calc(var(--space-4) * var(--smx-r)) 0 0;padding:calc(var(--space-3) * var(--smx-r));background:var(--smx-yellow);color:var(--fg-on-yellow);font-size:calc(var(--fs-14) * var(--smx-r));font-weight:var(--fw-bold);line-height:var(--lh-snug)}.smx-soap__warn{flex:none;width:calc(var(--space-5) * var(--smx-r));height:calc(var(--space-5) * var(--smx-r));fill:currentColor}.smx-soap__block{margin-top:calc(var(--space-10) * var(--smx-r))}.smx-soap__steps{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--space-3) * var(--smx-r));counter-reset:smxstep}.smx-soap__step{counter-increment:smxstep;display:grid;gap:calc(var(--space-3) * var(--smx-r));padding:calc(var(--space-4) * var(--smx-r));border:1px solid var(--border-1);background:var(--smx-white)}.smx-soap__step-img{width:100%;height:auto;max-height:calc(var(--space-32) * 1.25 * var(--smx-r));object-fit:contain}.smx-soap__step-text{margin:0;font-size:calc(var(--fs-16) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-1)}.smx-soap__step-text:before{content:counter(smxstep);display:inline-grid;place-items:center;width:calc(var(--space-6) * var(--smx-r));height:calc(var(--space-6) * var(--smx-r));margin-right:calc(var(--space-2) * var(--smx-r));background:var(--smx-cyan);color:var(--fg-on-cyan);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-14) * var(--smx-r))}.smx-soap__quick{margin:0;padding-left:calc(var(--space-6) * var(--smx-r));display:grid;gap:calc(var(--space-2) * var(--smx-r));font-size:calc(var(--fs-16) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-1)}.smx-soap__quick li::marker{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--smx-cyan)}.smx-soap__accordions{margin-top:calc(var(--space-10) * var(--smx-r));border-top:1px solid var(--border-1)}.smx-soap__acc{border-bottom:1px solid var(--border-1)}.smx-soap__acc-sum{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-3) * var(--smx-r));min-height:var(--tap-target-min);padding:calc(var(--space-4) * var(--smx-r)) 0;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-16) * var(--smx-r));text-transform:uppercase;color:var(--fg-1);cursor:pointer;list-style:none}.smx-soap__acc-sum::-webkit-details-marker{display:none}.smx-soap__acc-sum:after{content:"+";flex:none;font-size:calc(var(--fs-24) * var(--smx-r));line-height:1;color:var(--smx-cyan)}.smx-soap__acc[open]>.smx-soap__acc-sum:after{content:"\2212"}.smx-soap__acc-sum:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.smx-soap__acc-body{padding-bottom:calc(var(--space-5) * var(--smx-r));font-size:calc(var(--fs-15) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-2)}.smx-soap__acc-body p{margin:0 0 calc(var(--space-3) * var(--smx-r))}.smx-soap__acc-body ul{margin:0 0 calc(var(--space-3) * var(--smx-r));padding-left:calc(var(--space-5) * var(--smx-r));display:grid;gap:calc(var(--space-2) * var(--smx-r))}.smx-soap__acc-body a{color:var(--fg-link)}.smx-soap__table-wrap{overflow-x:auto;margin-bottom:calc(var(--space-3) * var(--smx-r))}.smx-soap__table{width:100%;border-collapse:collapse;font-size:calc(var(--fs-14) * var(--smx-r))}.smx-soap__table th,.smx-soap__table td{padding:calc(var(--space-2) * var(--smx-r));border-bottom:1px solid var(--border-1);text-align:center;color:var(--fg-1)}.smx-soap__table thead th{background:var(--smx-black);color:var(--fg-on-dark);font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;vertical-align:bottom}.smx-soap__table thead th span{display:block;font-family:var(--font-body);font-weight:var(--fw-book);font-size:calc(var(--fs-12) * var(--smx-r));text-transform:none}.smx-soap__table tbody th{text-align:left;font-weight:var(--fw-bold);white-space:nowrap}.smx-soap__table td.is-col{background:var(--smx-cyan-50);font-weight:var(--fw-bold)}.smx-soap__table tr.is-pick th,.smx-soap__table tr.is-pick td{background:var(--smx-cyan-100)}.smx-soap__swatch{display:inline-block;vertical-align:middle;width:calc(var(--space-4) * var(--smx-r));height:calc(var(--space-4) * var(--smx-r));margin-right:calc(var(--space-2) * var(--smx-r));background:var(--swatch);border:1px solid var(--smx-black)}.smx-soap__mark{margin-left:calc(var(--space-1) * var(--smx-r) / 2);color:var(--fg-1);font-weight:var(--fw-bold)}.smx-soap__swatch--open{background:transparent;border-style:dashed}.smx-soap__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-min-height);padding:0 calc(var(--space-6) * var(--smx-r));margin-top:calc(var(--space-2) * var(--smx-r));background:var(--smx-cyan);color:var(--fg-on-cyan);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-14) * var(--smx-r));letter-spacing:var(--tracking-button);text-transform:uppercase;text-decoration:none;border:0;border-radius:var(--radius-0);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out)}.smx-soap__btn:hover{background:var(--smx-black);color:var(--fg-on-dark)}.smx-soap__acc-body .smx-soap__btn{color:var(--fg-on-cyan)}.smx-soap__acc-body .smx-soap__btn:hover{color:var(--fg-on-dark)}.smx-soap__acc-body .smx-soap__formula{margin:calc(var(--space-2) * var(--smx-r)) 0}.smx-soap__video{position:relative;aspect-ratio:16 / 9;background:var(--smx-black)}.smx-soap__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.smx-soap__disclaimer{margin:calc(var(--space-3) * var(--smx-r)) 0 0;font-size:calc(var(--fs-13) * var(--smx-r));line-height:var(--lh-relaxed);color:var(--fg-3)}.smx-soap__editor-note{padding:calc(var(--space-3) * var(--smx-r));border:1px dashed var(--border-2);color:var(--fg-3);font-size:calc(var(--fs-14) * var(--smx-r))}@media(prefers-reduced-motion:reduce){.smx-soap *{transition:none!important}}@media screen and (min-width:750px){.smx-soap__title{font-size:calc(var(--fs-40) * var(--smx-r))}.smx-soap__surfaces{grid-template-columns:1fr 1fr}.smx-soap__panel,.smx-soap__results{padding:calc(var(--space-6) * var(--smx-r))}.smx-soap__steps{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.smx-soap__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.smx-soap__results{position:sticky;top:calc(var(--space-6) * var(--smx-r))}.smx-soap__steps{grid-template-columns:repeat(3,1fr)}.smx-soap__title{font-size:calc(var(--fs-48) * var(--smx-r))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/smx-soap-calc.css.map */