html body .brand-page{--brand-radius: 4px}.pro-calc{--pro-cyan: #009FE3;--pro-graphite: #313131;--pro-taupe: #AB9E98;--pro-line: rgba(255,255,255,.16)}.pro-calc__inner{background:var(--pro-graphite);color:#fff;border-radius:4px;padding:clamp(24px,5vw,56px);display:grid;gap:clamp(28px,4vw,44px)}.pro-calc__head{max-width:720px}.pro-calc__head h2,.pro-calc__facts h3{color:#fff;margin:0 0 .75rem}.pro-calc .rte,.pro-calc .rte p{color:#fffc}.pro-calc .rte p:last-child{margin-bottom:0}.pro-calc .rte a{color:#fff}.pro-calc__tool{display:grid;gap:24px;margin:0}@media(min-width:900px){.pro-calc__tool{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}.pro-calc__inputs{display:grid;gap:20px 24px;grid-template-columns:1fr 1fr;align-content:start}.pro-calc__inputs fieldset{border:0;border-top:2px solid var(--pro-line);border-radius:0;padding:12px 0 0;margin:0;min-width:0}.pro-calc__inputs fieldset.is-new{border-top-color:var(--pro-cyan)}.pro-calc__inputs legend{float:left;width:100%;padding:0;margin:0 0 12px;font-weight:600;font-size:.95rem;color:#fff}.pro-calc__inputs label{clear:both;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;color:#fffc;margin:0 0 10px}.pro-calc__inputs label>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pro-calc__inputs input{width:72px;margin:0;padding:7px 8px;height:auto;border-radius:3px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit;font-size:.95rem;text-align:right;font-variant-numeric:tabular-nums}.pro-calc__inputs input:focus{outline:2px solid var(--pro-cyan);outline-offset:1px}.pro-calc__hta{grid-column:1 / -1;border-top:1px solid var(--pro-line);padding-top:14px}.pro-calc__result{display:grid;gap:16px;align-content:start}.pro-calc__svg{width:100%;height:auto;max-height:260px;border:1px solid var(--pro-line);border-radius:3px}.pro-calc__steerer{stroke:var(--pro-taupe);stroke-width:14;stroke-linecap:butt}.pro-calc__stem{stroke-width:10;stroke-linecap:butt}.pro-calc__stem--old{stroke:#ffffff73}.pro-calc__stem--new{stroke:var(--pro-cyan)}.pro-calc__bar{stroke:none}.pro-calc__bar--old{fill:#ffffff73}.pro-calc__bar--new{fill:var(--pro-cyan)}.pro-calc__numbers{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid var(--pro-line);padding-top:14px}.pro-calc__numbers>div{display:grid;gap:2px}.pro-calc__label{font-size:.85rem;color:#ffffffa6}.pro-calc__numbers strong{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}.pro-calc__numbers small{font-size:.85rem;color:#fffc}.pro-calc__legend{margin:0;font-size:.85rem;color:#ffffffb3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pro-calc__legend span{display:inline-block;width:18px;height:4px;margin-left:10px}.pro-calc__legend span:first-child{margin-left:0}.pro-calc__legend .is-old{background:#ffffff73}.pro-calc__legend .is-new{background:var(--pro-cyan)}.pro-calc__note{margin:0;font-size:.85rem;color:#fff9}.pro-calc__facts{border-top:1px solid var(--pro-line);padding-top:clamp(24px,4vw,36px)}.pro-calc__facts ul{list-style:none;margin:0;padding:0;display:grid;gap:24px 32px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pro-calc__facts li{display:grid;gap:4px;align-content:start;margin:0;color:#fffc}.pro-calc__fact-title{font-size:.85rem;color:#fff9}.pro-calc__facts strong{font-size:1.15rem;color:#fff;font-variant-numeric:tabular-nums}.pro-calc__fact-text{font-size:.9rem;line-height:1.5}.pro-calc__facts a{font-size:.9rem;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--pro-cyan);margin-top:4px}.pro-calc__facts a:hover{text-decoration-thickness:2px}@media(max-width:480px){.pro-calc__inputs{grid-template-columns:1fr}}html body .brand-hero--overlay .brand-hero__content{min-height:520px}html body .brand-hero--overlay .brand-hero__media:after{background:#2020208c}@media(min-width:900px){html body .brand-hero--overlay .brand-hero__media:after{background:linear-gradient(90deg,#202020cc,#20202080 50%,#2020201a 85%)}}html body .brand-hero__logo{border-radius:0}html body .brand-hero--overlay .brand-hero__actions .button:not(.outline),html body .brand-workshop__actions .button:not(.outline),html body #pro-sadler-guide .button:not(.outline){background:#009fe3;border-color:#009fe3;color:#fff}html body .brand-hero--overlay .brand-hero__actions .button.outline{color:#fff;border-color:#fff;background:transparent}html body #pro-serier .brand-features{gap:32px 40px}html body #pro-serier .brand-feature{background:transparent;border:0;border-top:1px solid rgba(49,49,49,.2);border-radius:0;padding:0}html body #pro-serier .brand-feature__body{padding:16px 0 0}html body #pro-serier .brand-feature__body:before{content:none}html body #pro-serier .brand-feature__kicker{color:#313131a6;text-transform:none;letter-spacing:0;font-size:.85rem}html body #pro-serier .brand-feature__body h3{font-size:1.35rem}html body #pro-serier .brand-feature__more{color:#313131;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#009fe3}html body #pro-sadler-guide h2,html body #pro-sadler-guide h3{color:#fff}html body #pro-sadler-guide .brand-split__inner{border-radius:4px}html body #pro-sadler-guide .brand-stats{border-top:1px solid rgba(255,255,255,.16);padding-top:16px}html body #pro-sadler-guide .brand-stats dt{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem)}html body #brand-workshop .brand-eyebrow{display:none}html body .brand-workshop{background:#f3f0ee}html body .brand-workshop__list li{padding-left:1.1rem}html body .brand-workshop__list li:before{content:"";width:6px;height:6px;top:.6em;background:#313131}html body .brand-workshop__steps{counter-reset:step;gap:0 20px;border-top:1px solid rgba(49,49,49,.2);padding-top:14px}html body .brand-workshop__steps li{background:transparent;border-radius:0;padding:0;font-size:.9rem}html body .brand-workshop__steps li:before{content:counter(step) ".";display:block;width:auto;height:auto;border-radius:0;background:none;color:#313131;font-weight:700;font-size:.9rem;margin:0 0 2px}@media(max-width:599px){html body .brand-workshop__steps{grid-template-columns:1fr;gap:8px}html body .brand-workshop__steps li{display:flex;gap:6px}html body .brand-workshop__steps li:before{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/brand-pro.css.map */