/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./node_modules/source-map-loader/dist/cjs.js!./src/snippets/spring-calculator/_spring-calculator.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/.spring-calculator{--sc-accent: #fa6400;--sc-accent-contrast: #000;--sc-text: #fff;--sc-muted: #8e9091;--sc-border: rgb(78 84 88 / 50%);--sc-surface: #000;--sc-surface-alt: #171717;--sc-error: #ff5a5a;--sc-warning-bg: rgb(250 100 0 / 15%);--sc-overlay: rgb(255 255 255 / 10%);--sc-radius: 2px;--sc-gap: 10px;--sc-z-index: 5000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sc-z-index);display:none;align-items:center;justify-content:center;padding:var(--sc-gap);color:var(--sc-text);font:inherit;box-sizing:border-box}.spring-calculator.is-open{display:flex}.spring-calculator *,.spring-calculator *:before,.spring-calculator *:after{box-sizing:inherit}body.spring-calculator-open{overflow:hidden}.spring-calculator__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sc-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.spring-calculator__dialog{position:relative;width:100%;max-width:760px;max-height:calc(100vh - 2 * var(--sc-gap));overflow:auto;padding:60px 20px 20px;background:var(--sc-surface);color:var(--sc-text);-webkit-overflow-scrolling:touch}@media(min-width:768px){.spring-calculator__dialog{padding:70px 40px 40px}}.spring-calculator__close{position:absolute;top:0;right:0;margin:20px;padding:0;border:0;border-radius:0;background:transparent;color:var(--sc-accent);font:inherit;font-size:12px;font-weight:600;line-height:20px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.spring-calculator__close:hover,.spring-calculator__close:focus-visible{background:transparent;color:var(--sc-text)}.spring-calculator__heading{margin:0 0 20px;font-size:32px;line-height:1.2;text-transform:uppercase;color:var(--sc-text)}@media(min-width:1024px){.spring-calculator__heading{margin-bottom:30px;font-size:52px}}.spring-calculator__intro{margin-bottom:calc(var(--sc-gap) * 2);color:var(--sc-muted)}.spring-calculator__shock{display:flex;flex-wrap:wrap;gap:calc(var(--sc-gap) * .5);margin-bottom:calc(var(--sc-gap) * 2);padding:var(--sc-gap) calc(var(--sc-gap) * 1.5);border-left:3px solid var(--sc-accent);background:var(--sc-surface-alt);font-weight:700}.spring-calculator__shock-label{color:var(--sc-muted);font-weight:400}.spring-calculator__grid{display:grid;grid-template-columns:1fr;gap:calc(var(--sc-gap) * 2)}@media(min-width:768px){.spring-calculator__grid{grid-template-columns:1fr 1fr;column-gap:calc(var(--sc-gap) * 3)}}.spring-calculator__field{display:flex;flex-direction:column;gap:calc(var(--sc-gap) * .5);margin:0;min-width:0}@media(min-width:768px){.spring-calculator__field--full{grid-column:1/-1}}.spring-calculator__field-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sc-gap);flex-wrap:wrap}.spring-calculator__label{display:block;margin:0;font-size:14px;font-weight:700;text-transform:uppercase}.spring-calculator__select{padding-right:36px}.spring-calculator__input:not(.form__control),.spring-calculator__select:not(.form__control){display:block;width:100%;max-width:none;margin:0;padding:13px 15px;border:1px solid var(--sc-border);border-radius:0;background:transparent;color:var(--sc-text);font:inherit;font-size:16px;line-height:1.5;-webkit-appearance:none;appearance:none}.spring-calculator__input:not(.form__control):focus,.spring-calculator__select:not(.form__control):focus{outline:none;border-color:var(--sc-accent)}.spring-calculator__select-wrap{position:relative;width:100%;max-width:none}.spring-calculator__caret{position:absolute;top:50%;right:14px;width:10px;height:6px;transform:translateY(-50%);pointer-events:none;color:var(--sc-text)}.spring-calculator__hint{color:var(--sc-muted);font-size:.8em}.spring-calculator__error{margin:calc(var(--sc-gap) * 1.5) 0 0;color:var(--sc-error);font-size:.9em}.spring-calculator__calculate{width:100%;margin-top:calc(var(--sc-gap) * 2)}.spring-calculator__button:not(.button){display:inline-block;padding:12px 30px 10px;border:1px solid transparent;border-radius:var(--sc-radius);font:inherit;font-size:12px;font-weight:700;line-height:18px;letter-spacing:1px;text-transform:uppercase;text-align:center;cursor:pointer}.spring-calculator__button:not(.button)[disabled]{opacity:.5;cursor:default}.spring-calculator__button:not(.button).spring-calculator__button--primary{background:var(--sc-accent);color:var(--sc-accent-contrast)}.spring-calculator__button:not(.button).spring-calculator__button--secondary{background:var(--sc-surface);color:var(--sc-text);border-color:var(--sc-accent)}.spring-calculator__switch{display:inline-flex;align-items:center;gap:calc(var(--sc-gap) * .75);margin:0;font-size:.85em;font-weight:400;text-transform:none;cursor:pointer;-webkit-user-select:none;user-select:none}.spring-calculator__switch input{position:absolute;opacity:0;width:0;height:0}.spring-calculator__switch-track{position:relative;flex:0 0 auto;width:40px;height:22px;border-radius:11px;background:var(--sc-muted);transition:background .2s ease}.spring-calculator__switch-track:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}input:checked+.spring-calculator__switch-track{background:var(--sc-accent)}input:checked+.spring-calculator__switch-track:before{transform:translate(18px)}input:focus-visible+.spring-calculator__switch-track{outline:2px solid var(--sc-accent);outline-offset:2px}.spring-calculator__slider-labels{display:flex;justify-content:space-between;font-size:.8em;color:var(--sc-muted)}.spring-calculator__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:calc(var(--sc-gap) * .5) 0;border-radius:3px;background:var(--sc-surface-alt);outline:none}.spring-calculator__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--sc-accent);box-shadow:0 2px 4px #0003;cursor:pointer}.spring-calculator__slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--sc-accent);box-shadow:0 2px 4px #0003;cursor:pointer}.spring-calculator__slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--sc-accent);outline-offset:2px}.spring-calculator__pro-note{margin:var(--sc-gap) 0 0;padding:var(--sc-gap);border-radius:var(--sc-radius);background:var(--sc-warning-bg);font-size:.85em}.spring-calculator__results{margin-top:calc(var(--sc-gap) * 3);padding-top:calc(var(--sc-gap) * 3);border-top:1px solid var(--sc-border)}.spring-calculator__result{display:flex;flex-direction:column;align-items:center;gap:calc(var(--sc-gap) * .5);text-align:center}.spring-calculator__result-label{text-transform:uppercase;letter-spacing:.05em;font-size:.8em;color:var(--sc-muted)}.spring-calculator__result-value{font-size:48px;font-weight:700;line-height:1;color:var(--sc-accent)}.spring-calculator__result-value small{font-size:.4em;color:var(--sc-muted)}.spring-calculator__result-sag{font-size:.85em;color:var(--sc-muted)}.spring-calculator__result-description{max-width:480px;font-size:.9em}.spring-calculator__matches-heading{margin:calc(var(--sc-gap) * 3) 0 var(--sc-gap);font-weight:700}.spring-calculator__matches-loading{margin:0 0 var(--sc-gap);color:var(--sc-muted);font-size:.9em}.spring-calculator__matches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sc-gap)}.spring-calculator__match{display:grid;grid-template-columns:64px 1fr;grid-template-areas:"image info" "action action";gap:var(--sc-gap) calc(var(--sc-gap) * 1.5);align-items:center;padding:calc(var(--sc-gap) * 1.5);border:1px solid var(--sc-border);border-radius:var(--sc-radius);transition:border-color .2s ease,background .2s ease}@media(min-width:768px){.spring-calculator__match{grid-template-columns:64px 1fr auto;grid-template-areas:"image info action"}}.spring-calculator__match.is-selected{border-color:var(--sc-accent);background:#fa64001f}.spring-calculator__match-image{grid-area:image;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--sc-surface-alt);border-radius:var(--sc-radius);overflow:hidden}.spring-calculator__match-image img{max-width:100%;max-height:100%;object-fit:contain}.spring-calculator__match-info{grid-area:info;display:flex;flex-direction:column;gap:2px;font-size:.9em}.spring-calculator__match-title{font-weight:700}.spring-calculator__match-meta{color:var(--sc-muted);font-size:.85em}.spring-calculator__match-price{font-weight:700}.spring-calculator__match-action{grid-area:action}.spring-calculator__match-action .button,.spring-calculator__match-action .spring-calculator__button{width:100%;white-space:nowrap}@media(min-width:768px){.spring-calculator__match-action .button,.spring-calculator__match-action .spring-calculator__button{width:auto}}.spring-calculator__no-match{margin-top:calc(var(--sc-gap) * 2);padding:calc(var(--sc-gap) * 1.5);border-radius:var(--sc-radius);background:var(--sc-surface-alt);font-size:.9em}.spring-calculator__footer{display:flex;flex-direction:column;gap:var(--sc-gap);margin-top:calc(var(--sc-gap) * 3);padding-top:calc(var(--sc-gap) * 2);border-top:1px solid var(--sc-border)}@media(min-width:768px){.spring-calculator__footer{flex-flow:row wrap;justify-content:flex-end}.spring-calculator__footer .spring-calculator__error{flex-basis:100%;margin:0}}.spring-calculator__footer .button,.spring-calculator__footer .spring-calculator__button{width:100%}@media(min-width:768px){.spring-calculator__footer .button,.spring-calculator__footer .spring-calculator__button{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/spring-calculator.css.map */