.wb-flow-color{width:100%;background-color:var(--wb-fl-bg);color:var(--wb-fl-text);padding-top:var(--wb-fl-pt-m);padding-bottom:var(--wb-fl-pb-m);overflow:hidden;position:relative;transition:background-color .55s cubic-bezier(.25,1,.5,1),color .55s cubic-bezier(.25,1,.5,1)}@media screen and (min-width:768px){.wb-flow-color{padding-top:var(--wb-fl-pt);padding-bottom:var(--wb-fl-pb)}}.wb-flow-color,.wb-flow-color *,.wb-flow-color *:before,.wb-flow-color *:after{box-sizing:border-box}.wb-flow-color__container{max-width:1600px;margin:0 auto;width:100%}.wb-flow-color__header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:0 20px;position:relative}@media screen and (min-width:768px){.wb-flow-color__header{margin-bottom:36px;justify-content:space-between;max-width:1400px;margin-left:auto;margin-right:auto}}.wb-flow-color__heading{font-family:var(--font-heading--family);font-size:var(--wb-fl-heading-m);font-weight:400;margin:0;line-height:1.1;letter-spacing:-.01em;color:var(--wb-fl-text)}@media screen and (min-width:768px){.wb-flow-color__heading{font-size:var(--wb-fl-heading-d);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1}}.wb-flow-color__nav{display:none;align-items:center;gap:14px;z-index:5}@media screen and (min-width:768px){.wb-flow-color__nav{display:flex;margin-left:auto}}.wb-flow-color__counter{font-family:var(--font-paragraph--family);font-size:11px;letter-spacing:.08em;color:var(--wb-fl-text);opacity:.55;min-width:32px;text-align:center}.wb-flow-color__arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--wb-fl-text);background:transparent;color:var(--wb-fl-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;flex-shrink:0}.wb-flow-color__arrow:hover:not(:disabled){background:#80808026}.wb-flow-color__arrow:disabled{opacity:.28;cursor:default}.wb-flow-color__arrow:focus-visible{outline:2px solid var(--wb-fl-text);outline-offset:3px}.wb-flow-color__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 17.5% 24px;scrollbar-width:none;align-items:center;scroll-behavior:auto}@media screen and (min-width:1025px){.wb-flow-color__track{padding:0 35% 48px;gap:72px}}.wb-flow-color__track::-webkit-scrollbar{display:none}.wb-flow-color__card{position:relative;scroll-snap-align:center;flex:0 0 65%;display:flex;flex-direction:column;align-items:center}.wb-flow-color__content-wrapper{width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1),filter .5s ease,opacity .5s ease;filter:blur(2px);opacity:.55;transform:scale(.92);pointer-events:none}@media screen and (min-width:1025px){.wb-flow-color__content-wrapper{transform:scale(.88)}}.wb-flow-color__card.is-active .wb-flow-color__content-wrapper{filter:blur(0);opacity:1;transform:scale(1);pointer-events:auto}@media screen and (min-width:1025px){.wb-flow-color__card.is-active .wb-flow-color__content-wrapper{transform:scale(1.05)}}.wb-flow-color__media{width:100%;display:flex;justify-content:center;margin-bottom:12px}@media screen and (min-width:768px){.wb-flow-color__media{margin-bottom:24px}}.wb-flow-color__media-inner{width:100%;aspect-ratio:var(--wb-fl-img-ratio);position:relative;overflow:hidden}.wb-flow-color__img{width:100%;height:100%;object-fit:contain;display:block}.wb-flow-color__placeholder{opacity:.2;width:100%;height:100%}.wb-flow-color__info{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.wb-flow-color__title{font-family:var(--font-heading--family);font-size:var(--wb-fl-card-title-m);font-weight:400;letter-spacing:.03em;margin:0;line-height:1.2;color:var(--wb-fl-text)}@media screen and (min-width:768px){.wb-flow-color__title{font-size:var(--wb-fl-card-title-d)}}.wb-flow-color__accent{font-family:var(--wb-fl-accent-font);font-size:var(--wb-fl-card-accent-m);font-style:italic;margin:0;line-height:1.2;color:var(--wb-fl-text)}@media screen and (min-width:768px){.wb-flow-color__accent{font-size:var(--wb-fl-card-accent-d)}}.wb-flow-color__desc{font-family:var(--font-paragraph--family);font-size:var(--wb-fl-card-desc-m);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;opacity:.6;line-height:1.5;color:var(--wb-fl-text)}@media screen and (min-width:768px){.wb-flow-color__desc{font-size:var(--wb-fl-card-desc-d);margin-bottom:14px}}.wb-flow-color__variants{width:100%;max-width:300px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 10px}.wb-flow-color__variant{min-height:28px;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--wb-fl-text) 36%,transparent);background:transparent;color:var(--wb-fl-text);font-family:var(--font-paragraph--family);font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.wb-flow-color__variant:hover:not(:disabled){border-color:var(--wb-fl-text)}.wb-flow-color__variant.is-selected{border-color:var(--wb-fl-text);background:#ffffff1f}.wb-flow-color__variant.is-disabled,.wb-flow-color__variant:disabled{opacity:.36;cursor:not-allowed;text-decoration:line-through}.wb-flow-color__actions{width:100%;max-width:280px}.wb-flow-color__form{width:100%;margin:0}.wb-flow-color__btn{background:transparent;border:1px solid var(--wb-fl-text);color:var(--wb-fl-text);padding:10px 16px;width:100%;border-radius:var(--wb-fl-btn-radius);font-family:var(--font-paragraph--family);font-size:var(--wb-fl-btn-m);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,opacity .2s ease;line-height:1;white-space:nowrap}@media screen and (min-width:768px){.wb-flow-color__btn{padding:12px 24px;font-size:var(--wb-fl-btn-d)}}.wb-flow-color__btn:hover:not([disabled]){background:#80808026}.wb-flow-color__btn[disabled]{opacity:.4;cursor:not-allowed;border-style:dashed}.wb-flow-color__btn.is-loading{opacity:.65;pointer-events:none}.wb-flow-color__btn.is-success{opacity:.82}.wb-flow-color__error{margin:8px 0 0;font-family:var(--font-paragraph--family);font-size:10px;line-height:1.3;color:currentColor;opacity:.72;text-align:center}.wb-flow-color__error[hidden]{display:none}.wb-flow-color__dots{display:flex;justify-content:center;gap:8px;padding-top:20px}@media screen and (min-width:768px){.wb-flow-color__dots{display:none}}.wb-flow-color__dot{width:18px;height:2px;background-color:var(--wb-fl-text);border:none;border-radius:0;padding:0;cursor:pointer;opacity:.22;transition:opacity .3s ease,width .3s ease}.wb-flow-color__dot.is-active{opacity:1;width:30px}@media(prefers-reduced-motion:reduce){.wb-flow-color{transition:none}.wb-flow-color__content-wrapper{transition:none;filter:none;opacity:1;transform:none;pointer-events:auto}.wb-flow-color__card.is-active .wb-flow-color__content-wrapper{transform:none}.wb-flow-color__dot,.wb-flow-color__variant,.wb-flow-color__btn{transition:none}}.wb-flow-color__media-link{display:block;width:100%;height:100%;cursor:pointer}.wb-flow-color__media-link img,.wb-flow-color__media-link .wb-flow-color__img{width:100%;height:100%;object-fit:cover;display:block}.wb-flow-color__title-link{color:inherit;text-decoration:none}.wb-flow-color__title-link:hover{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/13/assets/wb-flow-color.css.map */