.wb-flow-coll{width:100%;background-color:var(--wb-fco-bg);color:var(--wb-fco-text);padding-top:var(--wb-fco-pt-m);padding-bottom:var(--wb-fco-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-coll{padding-top:var(--wb-fco-pt);padding-bottom:var(--wb-fco-pb)}}.wb-flow-coll,.wb-flow-coll *,.wb-flow-coll *:before,.wb-flow-coll *:after{box-sizing:border-box}.wb-flow-coll__container{max-width:1600px;margin:0 auto;width:100%}.wb-flow-coll__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-coll__header{margin-bottom:36px;justify-content:space-between;max-width:1400px;margin-left:auto;margin-right:auto}}.wb-flow-coll__heading{font-family:var(--font-heading--family);font-size:var(--wb-fco-heading-m);font-weight:400;margin:0;line-height:1.1;letter-spacing:-.01em;color:var(--wb-fco-text)}@media screen and (min-width:768px){.wb-flow-coll__heading{font-size:var(--wb-fco-heading-d);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1}}.wb-flow-coll__nav{display:none;align-items:center;gap:14px;z-index:5}@media screen and (min-width:768px){.wb-flow-coll__nav{display:flex;margin-left:auto}}.wb-flow-coll__counter{font-family:var(--font-paragraph--family);font-size:11px;letter-spacing:.08em;color:var(--wb-fco-text);opacity:.55;min-width:32px;text-align:center}.wb-flow-coll__arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--wb-fco-text);background:transparent;color:var(--wb-fco-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;flex-shrink:0}.wb-flow-coll__arrow:hover:not(:disabled){background:#80808026}.wb-flow-coll__arrow:disabled{opacity:.28;cursor:default}.wb-flow-coll__arrow:focus-visible{outline:2px solid var(--wb-fco-text);outline-offset:3px}.wb-flow-coll__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-coll__track{padding:0 35% 48px;gap:72px}}.wb-flow-coll__track::-webkit-scrollbar{display:none}.wb-flow-coll__card{position:relative;scroll-snap-align:center;flex:0 0 65%;display:flex;flex-direction:column;align-items:center}.wb-flow-coll__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-coll__content-wrapper{transform:scale(.88)}}.wb-flow-coll__card.is-active .wb-flow-coll__content-wrapper{filter:blur(0);opacity:1;transform:scale(1);pointer-events:auto}@media screen and (min-width:1025px){.wb-flow-coll__card.is-active .wb-flow-coll__content-wrapper{transform:scale(1.05)}}.wb-flow-coll__media{width:100%;display:flex;justify-content:center;margin-bottom:12px}@media screen and (min-width:768px){.wb-flow-coll__media{margin-bottom:24px}}.wb-flow-coll__media-inner{width:100%;aspect-ratio:var(--wb-fco-img-ratio);position:relative;overflow:hidden}.wb-flow-coll__img{width:100%;height:100%;object-fit:contain;display:block}.wb-flow-coll__placeholder{opacity:.2;width:100%;height:100%}.wb-flow-coll__info{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.wb-flow-coll__title{font-family:var(--font-heading--family);font-size:var(--wb-fco-card-title-m);font-weight:400;letter-spacing:.03em;margin:0;line-height:1.2;color:var(--wb-fco-text)}@media screen and (min-width:768px){.wb-flow-coll__title{font-size:var(--wb-fco-card-title-d)}}.wb-flow-coll__accent{font-family:var(--wb-fco-accent-font);font-size:var(--wb-fco-card-accent-m);font-style:italic;margin:0;line-height:1.2;color:var(--wb-fco-text)}@media screen and (min-width:768px){.wb-flow-coll__accent{font-size:var(--wb-fco-card-accent-d)}}.wb-flow-coll__desc{font-family:var(--font-paragraph--family);font-size:var(--wb-fco-card-desc-m);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;opacity:.6;line-height:1.5;color:var(--wb-fco-text)}@media screen and (min-width:768px){.wb-flow-coll__desc{font-size:var(--wb-fco-card-desc-d);margin-bottom:14px}}.wb-flow-coll__variants{width:100%;max-width:300px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 10px}.wb-flow-coll__variant{min-height:28px;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--wb-fco-text) 36%,transparent);background:transparent;color:var(--wb-fco-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-coll__variant:hover:not(:disabled){border-color:var(--wb-fco-text)}.wb-flow-coll__variant.is-selected{border-color:var(--wb-fco-text);background:#ffffff1f}.wb-flow-coll__variant.is-disabled,.wb-flow-coll__variant:disabled{opacity:.36;cursor:not-allowed;text-decoration:line-through}.wb-flow-coll__actions{width:100%;max-width:280px}.wb-flow-coll__form{width:100%;margin:0}.wb-flow-coll__btn{background:transparent;border:1px solid var(--wb-fco-text);color:var(--wb-fco-text);padding:10px 16px;width:100%;border-radius:var(--wb-fco-btn-radius);font-family:var(--font-paragraph--family);font-size:var(--wb-fco-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-coll__btn{padding:12px 24px;font-size:var(--wb-fco-btn-d)}}.wb-flow-coll__btn:hover:not([disabled]){background:#80808026}.wb-flow-coll__btn[disabled]{opacity:.4;cursor:not-allowed;border-style:dashed}.wb-flow-coll__btn.is-loading{opacity:.65;pointer-events:none}.wb-flow-coll__btn.is-success{opacity:.82}.wb-flow-coll__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-coll__error[hidden]{display:none}.wb-flow-coll__dots{display:flex;justify-content:center;gap:8px;padding-top:20px}@media screen and (min-width:768px){.wb-flow-coll__dots{display:none}}.wb-flow-coll__dot{width:18px;height:2px;background-color:var(--wb-fco-text);border:none;border-radius:0;padding:0;cursor:pointer;opacity:.22;transition:opacity .3s ease,width .3s ease}.wb-flow-coll__dot.is-active{opacity:1;width:30px}@media(prefers-reduced-motion:reduce){.wb-flow-coll{transition:none}.wb-flow-coll__content-wrapper{transition:none;filter:none;opacity:1;transform:none;pointer-events:auto}.wb-flow-coll__card.is-active .wb-flow-coll__content-wrapper{transform:none}.wb-flow-coll__dot,.wb-flow-coll__variant,.wb-flow-coll__btn{transition:none}}.wb-flow-coll__media-link{display:block;width:100%;height:100%;cursor:pointer}.wb-flow-coll__media-link img,.wb-flow-coll__media-link .wb-flow-coll__img{width:100%;height:100%;object-fit:cover;display:block}.wb-flow-coll__title-link{color:inherit;text-decoration:none}.wb-flow-coll__title-link:hover{text-decoration:underline}.wb-flow-coll__card[hidden]{display:none!important}.wb-flow-coll__filters{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 20px}.wb-flow-coll__bubbles-wrap{width:100%;max-width:1400px;margin:var(--fco-bub-mt) auto var(--fco-bub-mb);display:flex;justify-content:var(--fco-bub-justify)}.wb-flow-coll__bubbles{display:flex;flex-wrap:wrap;justify-content:var(--fco-bub-justify);align-items:center;gap:var(--fco-bub-gap);max-width:100%}.wb-flow-coll__bubble{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:var(--fco-bub-pad-y) var(--fco-bub-pad-x);border-radius:var(--fco-bub-radius);border:var(--fco-bub-bw) solid var(--fco-bub-border);background:var(--fco-bub-bg);color:var(--fco-bub-text);font-size:var(--fco-bub-size-m);letter-spacing:var(--fco-bub-ls);text-transform:var(--fco-bub-transform);line-height:1;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background-color .35s ease,color .35s ease,border-color .35s ease,transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease,opacity .3s ease}@media screen and (min-width:768px){.wb-flow-coll__bubble{font-size:var(--fco-bub-size-d)}}.wb-flow-coll__bubble:focus-visible{outline:2px solid var(--wb-fco-text);outline-offset:3px}.wb-flow-coll__bubble.is-active{background:var(--fco-bub-active-bg);color:var(--fco-bub-active-text);border-color:var(--fco-bub-active-border)}.wb-flow-coll__bubble:not(.is-active):hover{opacity:.8}.wb-flow-coll__bubbles--fx-lift .wb-flow-coll__bubble:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.wb-flow-coll__bubbles--fx-scale .wb-flow-coll__bubble:hover{transform:scale(1.05)}.wb-flow-coll__bubble-icon{width:var(--fco-bub-icon);height:var(--fco-bub-icon);object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.wb-flow-coll__bubble-count{font-size:.78em;opacity:.6}.wb-flow-coll__bubble-count:empty{display:none}@media screen and (max-width:767px){.wb-flow-coll__bubbles-wrap--m-scroll{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);justify-content:flex-start}.wb-flow-coll__bubbles-wrap--m-scroll .wb-flow-coll__bubbles{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:0 20px;max-width:calc(100% - 40px)}.wb-flow-coll__bubbles-wrap--m-scroll .wb-flow-coll__bubbles::-webkit-scrollbar{display:none}.wb-flow-coll__bubbles-wrap--m-scroll .wb-flow-coll__bubble{scroll-snap-align:start}}.wb-flow-coll__ct-wrap{width:100%;max-width:var(--fco-ct-max);margin:var(--fco-ct-mt-m) auto var(--fco-ct-mb-m);display:grid}@media screen and (min-width:768px){.wb-flow-coll__ct-wrap{margin-top:var(--fco-ct-mt);margin-bottom:var(--fco-ct-mb)}}.wb-flow-coll__ct{grid-area:1 / 1;display:flex;flex-direction:column;align-items:var(--fco-ct-flex);text-align:var(--fco-ct-align);color:var(--wb-fco-text)}.wb-flow-coll__ct[hidden]{display:none}.wb-flow-coll__ct:empty{display:none}.wb-flow-coll__ct-desc>*:first-child{margin-top:0}.wb-flow-coll__ct-desc>*:last-child{margin-bottom:0}.wb-flow-coll__ct-desc a{color:inherit;text-decoration:underline}.wb-flow-coll__ct-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;cursor:pointer;position:relative;overflow:hidden;transition:background-color .4s ease,color .4s ease,border-color .4s ease,transform .35s ease,box-shadow .4s ease,letter-spacing .4s ease}.wb-flow-coll__ct-btn>span{position:relative;z-index:1}.wb-flow-coll__ct-btn.fx-fade:hover,.wb-flow-coll__ct-btn.fx-lift:hover,.wb-flow-coll__ct-btn.fx-scale:hover,.wb-flow-coll__ct-btn.fx-spacing:hover{background-color:var(--fco-ctb-hover-bg);color:var(--fco-ctb-hover-text);border-color:var(--fco-ctb-hover-border)}.wb-flow-coll__ct-btn.fx-lift:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0000002e}.wb-flow-coll__ct-btn.fx-scale:hover{transform:scale(1.04)}.wb-flow-coll__ct-btn.fx-spacing:hover{letter-spacing:calc(var(--fco-ctb-ls) + 3px)}.wb-flow-coll__ct-btn.fx-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--fco-ctb-hover-bg);transform:translate(-101%);transition:transform .45s cubic-bezier(.65,.05,.36,1);z-index:0}.wb-flow-coll__ct-btn.fx-slide:hover{color:var(--fco-ctb-hover-text);border-color:var(--fco-ctb-hover-border)}.wb-flow-coll__ct-btn.fx-slide:hover:before{transform:translate(0)}.wb-flow-coll__ct-btn.style-underline{background-color:transparent!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;overflow:visible;color:var(--wb-fco-text);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.wb-flow-coll__ct-btn.style-underline:before{display:none}.wb-flow-coll__ct-btn.style-underline:hover{transform:none;box-shadow:none;opacity:.75}.wb-flow-coll--anim .wb-flow-coll__ct.is-entering{animation:wbFcoTitleIn .6s cubic-bezier(.25,1,.5,1) both}.wb-flow-coll--anim .wb-flow-coll__track{transition:opacity .28s ease,transform .28s ease}.wb-flow-coll--anim.is-switching .wb-flow-coll__track{opacity:0;transform:translateY(10px)}@keyframes wbFcoTitleIn{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.wb-flow-coll__empty{text-align:center;margin:24px 20px 40px;font-family:var(--font-paragraph--family);font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;color:var(--wb-fco-text)}.wb-flow-coll__empty[hidden]{display:none}.wb-flow-coll.is-empty .wb-flow-coll__nav{visibility:hidden}@media(prefers-reduced-motion:reduce){.wb-flow-coll__bubble,.wb-flow-coll__ct-btn,.wb-flow-coll--anim .wb-flow-coll__track{transition:none}.wb-flow-coll--anim .wb-flow-coll__ct.is-entering{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/wb-flow-color-collection.css.map */