.tool{--t-accent: #eb2529;--t-accent-hover: #cf1f23;--t-accent-light: #fdeaea;--t-ink: #292929;--t-muted: #464646;--t-border: #e6e6e6;--t-neutral: #bababa;--t-panel: #fbfbfb;--t-link: #185fa5;--t-ok: #0f6e56;--t-ok-bg: #e1f5ee;--t-warn: #854f0b;--t-warn-bg: #faeeda;--t-bad: #a32d2d;--t-placeholder: #9a9a92;--t-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color:var(--t-ink);font-family:var(--font-body--family, system-ui, sans-serif);line-height:1.6}.tool *,.tool *:before,.tool *:after{box-sizing:border-box}.tool [hidden]{display:none!important}.tool__card{background:#fff;border:1px solid var(--t-border);border-radius:12px;padding:24px}.tool__label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--t-ink)}.tool__label-note{font-weight:400;color:var(--t-placeholder)}.tool__field{position:relative}.tool__input{width:100%;padding:12px 14px;border:1.5px solid var(--t-border);border-radius:8px;background:#fff;color:#1a1a18;font-family:inherit;font-size:15px;outline:none}.tool__input:focus{border-color:var(--t-accent)}.tool__input--prefixed{padding-left:26px}.tool__input--suffixed{padding-right:28px}.tool__affix{position:absolute;top:50%;transform:translateY(-50%);color:var(--t-muted);font-size:15px;pointer-events:none}.tool__affix--prefix{left:14px}.tool__affix--suffix{right:14px}.tool__check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t-muted);cursor:pointer}.tool__check input{width:15px;height:15px;accent-color:var(--t-accent)}.tool__btn{padding:12px 24px;border:none;border-radius:8px;background:var(--t-ink);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.tool__btn:hover{background:#1c1c1c}.tool__btn--ghost{background:transparent;border:1px solid var(--t-border);color:var(--t-ink)}.tool__btn--ghost:hover{background:var(--t-panel)}.tool__btn--copied{background:var(--t-accent)}.tool__btn[hidden]{display:inline-block!important;visibility:hidden}.tool__cta{display:block;padding:13px 22px;border-radius:999px;background:var(--t-accent);color:#fff;font-size:14px;font-weight:600;text-align:center;text-decoration:none;transition:background .15s ease}.tool__cta:hover{background:var(--t-accent-hover);color:#fff}.tool__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tool__actions--split{justify-content:space-between;margin-top:24px}.tool__result{border:1px solid var(--t-border);border-radius:12px;overflow:hidden}.tool__result-hero{padding:32px;background:var(--t-ink);color:#fff}.tool__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tool__result-hero .tool__eyebrow{opacity:.6}.tool__result-figure{margin:8px 0 0;font-size:clamp(32px,6vw,48px);font-weight:700;line-height:1.05}.tool__result-note{margin:8px 0 0;font-size:14px;color:#e0e0e0}.tool__result-body{padding:32px}.tool__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.tool__stat{padding:14px 18px;border:1px solid var(--t-border);border-radius:8px}.tool__stat-label{margin:0 0 4px;font-size:12px;color:var(--t-muted)}.tool__stat-value{margin:0;font-size:20px;font-weight:700}.tool__stat-value--accent{color:var(--t-accent)}.tool__bar{margin-bottom:18px}.tool__bar-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px}.tool__bar-name{color:var(--t-muted)}.tool__bar-value{font-weight:600;white-space:nowrap}.tool__bar-track{height:12px;border:1px solid var(--t-border);border-radius:4px;background:var(--t-panel);overflow:hidden}.tool__bar-fill{height:100%;width:0;background:var(--t-neutral);transition:width .4s ease}.tool__bar-fill--accent{background:var(--t-accent)}.tool__wizard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.tool__step-count{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t-muted)}.tool__step-tag{font-size:12px;color:var(--t-neutral)}.tool__progress{height:3px;margin-bottom:32px;border-radius:2px;background:var(--t-border);overflow:hidden}.tool__progress-fill{height:100%;background:var(--t-accent);transition:width .25s ease}.tool__step-index{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t-accent)}.tool__step-title{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.3;color:var(--t-ink)}.tool__step-help{margin:0 0 24px;font-size:14px;line-height:1.6;color:var(--t-muted)}.tool__step[hidden]{display:none!important}.tool__step-field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--t-border);border-radius:8px;cursor:text}.tool__step-field-label{font-size:14px;font-weight:600;color:var(--t-ink)}.tool__step-field-entry{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1 1 120px}.tool__step-field-entry span{font-size:14px;color:var(--t-muted)}.tool__step-input{width:100%;min-width:0;max-width:160px;border:none;outline:none;background:transparent;color:#1a1a18;font-family:inherit;font-size:20px;font-weight:600;text-align:right}.tool__error{min-height:20px;margin-top:8px;font-size:13px;color:var(--t-accent)}.tool__chip{display:inline-block;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700}.tool__chip--ok{color:var(--t-ok);background:var(--t-ok-bg)}.tool__chip--warn{color:var(--t-warn);background:var(--t-warn-bg)}.tool__chip--bad{color:var(--t-bad);background:var(--t-panel)}.tool__method{margin-top:40px;padding:28px;border:1px solid var(--t-border);border-radius:12px;background:var(--t-panel)}.tool__method h2{margin:0 0 12px;font-size:18px;font-weight:700;color:var(--t-ink)}.tool__method h3{margin:22px 0 10px;font-size:15px;font-weight:700;color:var(--t-ink)}.tool__method p,.tool__method li{font-size:13px;line-height:1.7;color:var(--t-muted)}.tool__method p{margin:0 0 10px}.tool__method a{color:var(--t-link);text-decoration:underline;text-underline-offset:2px;word-break:break-word}.tool__formula{margin:14px 0;padding:14px 18px;border:1px solid var(--t-border);border-radius:8px;background:#fff;color:#1a1a18;font-family:var(--t-mono);font-size:13px;overflow-x:auto}.tool__sources{list-style:none;margin:0;padding:0}.tool__sources li{position:relative;margin-bottom:12px;padding-left:16px}.tool__sources li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--t-accent)}.tool__source-name{font-size:13px;font-weight:600;color:var(--t-ink)}.tool__footnote{font-size:12px}.tool__how{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px;padding:0;list-style:none;counter-reset:tool-how}.tool__how li{padding:20px;border:1px solid var(--t-border);border-radius:10px;background:#fff;counter-increment:tool-how}.tool__how li:before{content:counter(tool-how);display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;background:var(--t-accent);color:#fff;font-size:13px;font-weight:700}.tool__how-title{margin:0 0 4px;font-size:14px;font-weight:600}.tool__how-text{margin:0;font-size:13px;line-height:1.6;color:var(--t-muted)}.tool__scroller{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tool__reveal{animation:tool-fade-up .3s ease}@keyframes tool-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tool__reveal,.tool__bar-fill,.tool__progress-fill,.tool__btn,.tool__cta{animation:none;transition:none}}@media screen and (max-width:749px){.tool__card,.tool__result-body,.tool__result-hero{padding:20px}.tool__method{margin-top:24px;padding:20px}.tool__step-title{font-size:19px}.tool__progress{margin-bottom:24px}}@media print{.shopify-section-group-header-group,.shopify-section-group-footer-group,.section-free-tools-related,.section-contact-us,.breadcrumbs,.tool-noprint,.tool__actions,.tool__cta{display:none!important}.tool__result,.tool__card,.tool__method{border-color:#999}.tool__result-hero{background:#fff!important;color:#000!important}.tool__result-note{color:#333!important}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/tool-base.css.map */