.flow-cfg{--flow-text: #111;--flow-muted: #666;--flow-border: #e2e2e2;--flow-panel: #f4f4f4;--flow-boiling: #b5452b;--flow-sparkling: #5bc0de;--flow-chilled: var(--flow-accent);--flow-cold: #9aa5b1;--flow-radius: .8rem;--flow-radius-lg: 1rem;--flow-radius-sm: .5rem;display:block;color:var(--flow-text);font-family:var(--font-heading-family);font-style:var(--font-heading-style);letter-spacing:.06rem}.flow-cfg__heading,.flow-cfg__step-title{font-weight:var(--font-heading-weight);letter-spacing:.06rem}.flow-cfg--bold-headings .flow-cfg__heading,.flow-cfg--bold-headings .flow-cfg__step-title,.flow-cfg--bold-headings .flow-cfg__toggle-title,.flow-cfg--bold-headings .flow-cfg__choice-title{font-weight:700}.flow-cfg__header{max-width:56rem;margin-bottom:3.2rem}.flow-cfg__heading{margin:0 0 .4rem;font-size:3.2rem;line-height:1.05}.flow-cfg__subheading{margin:0;color:var(--flow-muted);font-size:1.7rem;line-height:1.4}.flow-cfg__layout{display:flex;flex-direction:column;gap:3.2rem}.flow-cfg__aside{display:contents}.flow-cfg__media{order:-1}.flow-cfg__form{display:flex;flex-direction:column;gap:3.2rem}.flow-cfg__step{min-width:0;margin:0;padding:0;border:0}.flow-cfg__step-title{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:.6rem;padding:0;font-size:2rem}.flow-cfg__step-num{color:var(--flow-accent);font-size:1.2rem;font-weight:400;letter-spacing:.1rem}.flow-cfg__step-text{margin:0 0 1.6rem;color:var(--flow-muted);font-size:1.5rem;line-height:1.5}.flow-cfg__hint{min-height:3em;margin:1.2rem 0 0;color:var(--flow-muted);font-size:1.5rem;line-height:1.5}.flow-cfg__hint-model{color:var(--flow-text)}.flow-cfg__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.flow-cfg__soldout{display:block;margin-top:.4rem;color:var(--flow-boiling);font-size:1.2rem;font-weight:700}.flow-cfg__soldout[hidden],.flow-cfg__surcharge[hidden]{display:none}.flow-cfg__swatches{display:flex;flex-wrap:wrap;gap:1.6rem 2.4rem}.flow-cfg__swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:calc(var(--flow-swatch-size, 5.2rem) + .8rem);text-align:center;cursor:pointer}.flow-cfg__swatch-dot{flex-shrink:0;width:var(--flow-swatch-size, 5.2rem);height:var(--flow-swatch-size, 5.2rem);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.45),transparent 60%),var(--swatch);box-shadow:inset 0 0 0 .1rem #0000001f,0 0 0 .3rem #fff,0 0 0 .4rem transparent;transition:box-shadow .2s ease}.flow-cfg__swatch-dot--brushed{background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 .1rem,transparent .1rem .3rem),linear-gradient(135deg,#c2c2c2,#8a8a8a)}.flow-cfg__swatch-dot--chrome{background:radial-gradient(circle at 30% 25%,#fff 0 18%,transparent 45%),linear-gradient(160deg,#f4f4f4,#c8c8c8 55%,#eaeaea)}.flow-cfg__swatch-dot--image{background:var(--swatch-image-mobile) center / cover no-repeat,var(--swatch)}@media screen and (min-width:769px){.flow-cfg__swatch-dot--image{background:var(--swatch-image) center / cover no-repeat,var(--swatch)}}.flow-cfg__swatch:has(.flow-cfg__input:disabled){cursor:not-allowed}.flow-cfg__input:disabled+.flow-cfg__swatch-dot{opacity:.4}.flow-cfg__input:disabled~.flow-cfg__swatch-label{color:#999}.flow-cfg__soldout--swatch{position:absolute;top:calc(var(--flow-swatch-size, 5.2rem) / 2);left:50%;margin:0;padding:.2rem .6rem;border-radius:.3rem;background:#ffffffeb;box-shadow:0 .1rem .3rem #00000026;font-size:1rem;letter-spacing:.05rem;line-height:1.4;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}.flow-cfg__swatch:not(:has(.flow-cfg__input:disabled)):hover .flow-cfg__swatch-dot{box-shadow:inset 0 0 0 .1rem #0000001f,0 0 0 .3rem #fff,0 0 0 .4rem var(--flow-border)}.flow-cfg__input:checked+.flow-cfg__swatch-dot{box-shadow:inset 0 0 0 .1rem #0000001f,0 0 0 .3rem #fff,0 0 0 .5rem var(--flow-accent)}.flow-cfg__input:focus-visible+.flow-cfg__swatch-dot{outline:.2rem solid var(--flow-accent);outline-offset:.8rem}.flow-cfg__swatch-label{color:var(--flow-muted);font-size:1.3rem;line-height:1.3;white-space:nowrap}.flow-cfg__input:checked~.flow-cfg__swatch-label{color:var(--flow-text);font-weight:700}.flow-cfg__toggles{display:grid;gap:1.2rem}.flow-cfg__toggle{position:relative;display:flex;align-items:center;gap:1.6rem;padding:1.6rem 2rem;border:.1rem solid var(--flow-border);border-radius:var(--flow-radius);background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.flow-cfg__toggle:hover{border-color:#bbb}.flow-cfg__toggle:has(.flow-cfg__input:checked){border:.2rem solid var(--flow-accent);padding:1.5rem 1.9rem;box-shadow:0 .4rem 1.2rem var(--flow-accent-soft)}.flow-cfg__toggle--boiling{cursor:default}.flow-cfg__switch{position:relative;flex:0 0 4.4rem;height:2.6rem;border-radius:1.3rem;background:#d5d5d5;transition:background-color .2s ease}.flow-cfg__switch:after{content:"";position:absolute;top:.3rem;left:.3rem;width:2rem;height:2rem;border-radius:50%;background:#fff;box-shadow:0 .1rem .3rem #0003;transition:transform .2s ease}.flow-cfg__input:checked+.flow-cfg__switch:after{transform:translate(1.8rem)}.flow-cfg__toggle--boiling .flow-cfg__input:checked+.flow-cfg__switch{background:var(--flow-boiling)}.flow-cfg__toggle--sparkling .flow-cfg__input:checked+.flow-cfg__switch{background:var(--flow-sparkling)}.flow-cfg__toggle--chilled .flow-cfg__input:checked+.flow-cfg__switch{background:var(--flow-chilled)}.flow-cfg__input:focus-visible+.flow-cfg__switch{outline:.2rem solid var(--flow-accent);outline-offset:.3rem}.flow-cfg__toggle-text{display:flex;flex:1;flex-direction:column;gap:.2rem}.flow-cfg__toggle-title{font-size:1.6rem;font-weight:700}.flow-cfg__toggle-desc{color:var(--flow-muted);font-size:1.4rem}.flow-cfg__badge{padding:.3rem .8rem;border-radius:.3rem;background:var(--flow-boiling);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.05rem;text-transform:uppercase}.flow-cfg__choices{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.flow-cfg__choice{position:relative;display:flex;cursor:pointer}.flow-cfg__choice-box{display:flex;flex:1;flex-direction:column;gap:.2rem;padding:1.6rem 2rem;border:.1rem solid var(--flow-border);border-radius:var(--flow-radius);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.flow-cfg__choice:hover .flow-cfg__choice-box{border-color:#bbb}.flow-cfg__input:checked+.flow-cfg__choice-box{border:.2rem solid var(--flow-accent);padding:1.5rem 1.9rem;box-shadow:0 .4rem 1.2rem var(--flow-accent-soft)}.flow-cfg__input:focus-visible+.flow-cfg__choice-box{outline:.2rem solid var(--flow-accent);outline-offset:.3rem}.flow-cfg__choice-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem}.flow-cfg__choice-head .flow-cfg__soldout{margin-top:0;font-size:1.3rem}.flow-cfg__choice-title{font-size:1.6rem;font-weight:700}.flow-cfg__choice-desc{color:var(--flow-muted);font-size:1.3rem}.flow-cfg__surcharge{margin-top:.6rem;color:var(--flow-accent);font-size:1.4rem;font-weight:700}.flow-cfg__image-card{position:relative;aspect-ratio:1;border:.1rem solid var(--flow-border);border-radius:var(--flow-radius-lg);background:#fff;overflow:hidden;touch-action:pan-y}.flow-cfg__image-card:focus-visible{outline:.2rem solid var(--flow-accent);outline-offset:.3rem}.flow-cfg__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.flow-cfg__slide.is-active{opacity:1}.flow-cfg__slide img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.flow-cfg__gallery-btn{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:#fff;cursor:pointer;filter:drop-shadow(0 0 .1rem rgba(0,0,0,.6)) drop-shadow(0 .1rem .4rem rgba(0,0,0,.5));transform:translateY(-50%);transition:transform .2s ease}.flow-cfg__gallery-btn svg{width:2.8rem;height:2.8rem}.flow-cfg__gallery-btn:hover{transform:translateY(-50%) scale(1.15)}.flow-cfg__gallery-btn:focus-visible{outline:.2rem solid var(--flow-accent);outline-offset:.2rem}.flow-cfg__gallery-btn[hidden]{display:none}.flow-cfg__gallery-btn--prev{left:1.2rem}.flow-cfg__gallery-btn--next{right:1.2rem}.flow-cfg__gallery-nav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.2rem}.flow-cfg__gallery-nav[hidden],.flow-cfg__dots[hidden]{display:none}.flow-cfg__dots{display:flex;gap:.4rem}.flow-cfg__dot{width:2.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.flow-cfg__dot:before{content:"";display:block;width:.8rem;height:.8rem;margin:auto;border-radius:50%;background:#bdbdbd;transition:background-color .2s ease,transform .2s ease}.flow-cfg__dot[aria-current=true]:before{background:var(--flow-accent);transform:scale(1.25)}.flow-cfg__dot:focus-visible{outline:.2rem solid var(--flow-accent);border-radius:50%}@media(prefers-reduced-motion:reduce){.flow-cfg__slide{transition:none}}.flow-cfg__legend{display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem;font-size:1.1rem;line-height:1.6;letter-spacing:.1rem;text-transform:uppercase}.flow-cfg__legend-row{display:flex;flex-wrap:nowrap;gap:.4rem 1.6rem;min-height:1.6em;margin:0}.flow-cfg__legend-item{display:inline-flex;align-items:center;gap:.6rem;color:var(--flow-muted);white-space:nowrap}.flow-cfg__legend-row:first-child .flow-cfg__legend-item{color:var(--flow-text);font-weight:700}@media screen and (max-width:359px){.flow-cfg__legend-row+.flow-cfg__legend-row{flex-wrap:wrap;align-content:flex-start;min-height:3.6em}}.flow-cfg__legend-item[class*=--]:before{content:"";width:.7rem;height:.7rem;border-radius:50%}.flow-cfg__legend-item--boiling:before{background:var(--flow-boiling)}.flow-cfg__legend-item--sparkling:before{background:var(--flow-sparkling)}.flow-cfg__legend-item--chilled:before{background:var(--flow-chilled)}.flow-cfg__legend-item--cold:before{background:var(--flow-cold)}.flow-cfg__summary{padding:2rem;border:.1rem solid var(--flow-border);border-radius:var(--flow-radius);background:var(--flow-panel)}.flow-cfg__summary-label{margin:0 0 .8rem;color:var(--flow-muted);font-size:1.1rem;letter-spacing:.15rem;text-transform:uppercase}.flow-cfg__specs{margin:0}.flow-cfg__spec{display:flex;justify-content:space-between;gap:1.6rem;padding:1rem 0;border-bottom:.1rem solid var(--flow-border);font-size:1.4rem}.flow-cfg__spec dt{color:var(--flow-muted)}.flow-cfg__spec dd{margin:0;font-weight:700;text-align:right}.flow-cfg__spec dt{flex-shrink:0}.flow-cfg__spec dd[data-flow-spec=features]{flex:1;min-width:0;overflow:hidden;line-height:2rem;white-space:nowrap}@media screen and (max-width:768px){.flow-cfg__spec--features{flex-direction:column;gap:.4rem}.flow-cfg__spec--features dd[data-flow-spec=features]{width:100%;text-align:left}}@media screen and (max-width:360px){.flow-cfg__hint{min-height:4.5em}.flow-cfg__spec--features dd[data-flow-spec=features]{min-height:4rem;white-space:normal}}.flow-cfg__spec--model{align-items:center}.flow-cfg__model-value{color:var(--flow-accent);font-size:2rem;font-weight:700}.flow-cfg__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:.8rem;padding-top:1.6rem;border-top:.1rem solid var(--flow-accent);color:var(--flow-muted);font-size:1.8rem}.flow-cfg__price{color:var(--flow-accent);font-size:2.4rem;font-weight:700}.flow-cfg__cta{width:100%;margin-top:1.6rem;padding:1.6rem 2.4rem;border:0;border-radius:var(--flow-radius-sm);background:var(--flow-accent);color:#fff;font:inherit;font-size:1.6rem;font-weight:700;cursor:pointer;transition:opacity .2s ease;letter-spacing:.1rem}.flow-cfg__cta:hover:not(:disabled){opacity:.9}.flow-cfg__cta:disabled{background:#c9c9c9;cursor:not-allowed}.flow-cfg__cta:focus-visible{outline:.2rem solid var(--flow-accent);outline-offset:.3rem}.flow-cfg__status{margin:1.2rem 0 0;color:var(--flow-boiling);font-size:1.4rem}.flow-cfg__summary .flow-cfg__cta{display:none}.flow-cfg__bar{position:fixed;right:0;bottom:0;left:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:1.6rem;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom,0px));border-top:.1rem solid var(--flow-border);background:#fff;box-shadow:0 -.4rem 1.6rem #0000000f;transform:translateY(110%);transition:transform .25s ease}.flow-cfg__bar.is-visible{transform:none}.flow-cfg__bar-label{display:block;color:var(--flow-muted);font-size:1.3rem}.flow-cfg__bar-price{font-size:2.2rem;font-weight:700}.flow-cfg__bar .flow-cfg__cta{width:auto;margin:0}@media screen and (max-width:768px){.flow-cfg__layout{padding-bottom:8rem}.flow-cfg__media{margin-bottom:-.8rem}}@media screen and (max-width:479px){.flow-cfg__choices{grid-template-columns:1fr}}@media screen and (min-width:769px){.flow-cfg__heading{font-size:4.4rem}.flow-cfg__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.8rem;align-items:start}.flow-cfg__aside{position:sticky;top:calc(var(--header-height, 0px) + 2.4rem);display:flex;flex-direction:column;gap:2.4rem}.flow-cfg__summary .flow-cfg__cta{display:block}.flow-cfg__bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-flow-configurator.css.map */