.ff-page-sorter{background:#f7feff}.ff-sort{--ff-ink: #2e2a39;--ff-cyan: #69e8fc;--ff-cyan-strong: #31cfe9;--ff-cyan-soft: #eefdff;--ff-line: #bceef4;--ff-white: #fff;--ff-green: #18875a;--ff-green-soft: #eaf9f2;--ff-amber: #986510;--ff-amber-soft: #fff7e5;--ff-red: #a84242;--ff-red-soft: #fff0f0;display:block;color:var(--ff-ink);overflow:hidden}.ff-sort *,.ff-sort *:before,.ff-sort *:after{box-sizing:border-box}.ff-sort button,.ff-sort input{font:inherit}.ff-sort__sprite{position:absolute;width:0;height:0;overflow:hidden}.ff-sort svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ff-sort__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(3rem,7vw,9rem);align-items:center;min-height:520px;padding-top:clamp(5rem,8vw,10rem);padding-bottom:clamp(5rem,8vw,10rem);position:relative}.ff-sort__hero:before{content:"";position:absolute;width:360px;height:360px;border:54px solid rgba(105,232,252,.12);border-radius:50%;right:-180px;top:-160px;pointer-events:none}.ff-sort__eyebrow{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;font-size:1.2rem;font-weight:800;letter-spacing:.18em;color:var(--ff-ink)}.ff-sort__eyebrow span{width:3.2rem;height:.4rem;border-radius:9px;background:var(--ff-cyan)}.ff-sort__hero h1{margin:0;max-width:760px;font-size:clamp(4rem,6.5vw,7.6rem);line-height:.98;letter-spacing:-.045em;color:var(--ff-ink)}.ff-sort__lede{max-width:700px;margin:2rem 0 2.8rem;font-size:clamp(1.7rem,2vw,2.1rem);line-height:1.6;color:#595465}.ff-sort__start{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:5.4rem;padding:1.3rem 2.3rem;border:1px solid var(--ff-cyan-strong);border-radius:14px;background:var(--ff-cyan);color:var(--ff-ink);text-decoration:none;font-weight:800;box-shadow:0 14px 30px #31cfe933}.ff-sort__start:hover{transform:translateY(-1px);background:#85edfd}.ff-sort__hero-card{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;border:1px solid var(--ff-line);border-radius:30px;background:linear-gradient(145deg,#fff,#edfcff);box-shadow:0 24px 60px #2e2a3917}.ff-sort__hero-mark{display:flex;align-items:center;gap:1rem;color:var(--ff-ink)}.ff-sort__hero-mark svg{width:6rem;height:6rem;padding:1rem;border:1px solid var(--ff-line);border-radius:18px;background:#fff}.ff-sort__hero-mark span{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--ff-cyan);font-weight:900}.ff-sort__hero-card p{max-width:280px;margin:2.2rem 0 .7rem;font-weight:800;font-size:1.7rem;line-height:1.45}.ff-sort__hero-card small{color:#746f7d}.ff-sort__tool-wrap{padding-bottom:clamp(6rem,10vw,12rem);scroll-margin-top:11rem}.ff-sort__tool{max-width:1180px;margin:0 auto;border:1px solid var(--ff-line);border-radius:30px;background:#fff;box-shadow:0 24px 70px #2e2a3914;overflow:hidden}.ff-sort__progress{padding:2.2rem clamp(2rem,5vw,5rem);background:var(--ff-ink);color:#fff}.ff-sort__progress>div:first-child{display:flex;justify-content:space-between;gap:2rem;margin-bottom:1.2rem;font-size:1.25rem;letter-spacing:.07em}.ff-sort__progress>div:first-child span:first-child{color:var(--ff-cyan);font-weight:800;text-transform:uppercase}.ff-sort__progress>div:first-child span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ff-sort__progress-track{height:.6rem;border-radius:20px;background:#ffffff29;overflow:hidden}.ff-sort__progress-track span{display:block;width:20%;height:100%;border-radius:inherit;background:var(--ff-cyan);transition:width .3s ease}.ff-sort form{padding:clamp(2.5rem,5vw,5rem)}.ff-sort__step-head{display:flex;align-items:flex-start;gap:1.8rem;margin-bottom:3rem}.ff-sort__step-head>p{flex:0 0 auto;display:grid;place-items:center;width:4.8rem;height:4.8rem;margin:.2rem 0 0;border-radius:15px;background:var(--ff-cyan-soft);color:var(--ff-ink);font-weight:900}.ff-sort__step-head h2{margin:0 0 .7rem;font-size:clamp(2.6rem,4vw,4rem);line-height:1.1;letter-spacing:-.035em}.ff-sort__step-head div>p{margin:0;color:#676271;line-height:1.55}.ff-sort__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.ff-sort__choices--items{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-sort__choice{position:relative;display:block;min-width:0}.ff-sort__choice input{position:absolute;opacity:0;pointer-events:none}.ff-sort__choice-box{height:100%;min-height:105px;display:flex;align-items:center;gap:1.5rem;padding:1.6rem;border:1.5px solid #dcecef;border-radius:18px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.ff-sort__choice:hover .ff-sort__choice-box{transform:translateY(-1px);border-color:var(--ff-cyan-strong);box-shadow:0 10px 22px #2e2a3912}.ff-sort__choice input:focus-visible+.ff-sort__choice-box{outline:3px solid rgba(49,207,233,.35);outline-offset:2px}.ff-sort__choice input:checked+.ff-sort__choice-box{border-color:var(--ff-cyan-strong);background:var(--ff-cyan-soft);box-shadow:inset 0 0 0 1px var(--ff-cyan-strong),0 10px 24px #31cfe91f}.ff-sort__choice-icon{flex:0 0 auto;display:grid;place-items:center;width:5.4rem;height:5.4rem;border-radius:16px;color:var(--ff-ink);background:#f3fdff;border:1px solid var(--ff-line)}.ff-sort__choice-icon svg{width:3.6rem;height:3.6rem}.ff-sort__choice-text{min-width:0}.ff-sort__choice-text strong{display:block;margin-bottom:.35rem;font-size:1.6rem;line-height:1.25}.ff-sort__choice-text small{display:block;color:#6f6a78;line-height:1.35}.ff-sort__choice-check{flex:0 0 auto;display:grid;place-items:center;width:2.4rem;height:2.4rem;margin-left:auto;border:1px solid #b9cdd1;border-radius:50%;color:transparent;background:#fff}.ff-sort__choice input:checked+.ff-sort__choice-box .ff-sort__choice-check{color:var(--ff-ink);background:var(--ff-cyan);border-color:var(--ff-cyan-strong)}.ff-sort__nav{display:flex;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid #e5f0f2}.ff-sort__nav button,.ff-sort__restart{min-height:5rem;padding:1.1rem 2rem;border-radius:13px;font-weight:800;cursor:pointer}.ff-sort__back,.ff-sort__restart{border:1px solid #cce3e7;background:#fff;color:var(--ff-ink)}.ff-sort__next{margin-left:auto;border:1px solid var(--ff-cyan-strong);background:var(--ff-cyan);color:var(--ff-ink)}.ff-sort__next:disabled{cursor:not-allowed;opacity:.45}.ff-sort__nav button:not(:disabled):hover,.ff-sort__restart:hover{transform:translateY(-1px)}.ff-sort__result{padding:clamp(2.5rem,5vw,5rem)}.ff-sort__result[data-status=together]{--result: var(--ff-green);--result-soft: var(--ff-green-soft)}.ff-sort__result[data-status=conditional]{--result: var(--ff-amber);--result-soft: var(--ff-amber-soft)}.ff-sort__result[data-status=separate]{--result: var(--ff-red);--result-soft: var(--ff-red-soft)}.ff-sort__result[data-status=check]{--result: #277da1;--result-soft: #edf8fc}.ff-sort__result-head{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start;padding:2.5rem;border:1px solid color-mix(in srgb,var(--result) 35%,white);border-radius:22px;background:var(--result-soft)}.ff-sort__result-icon{display:grid;place-items:center;width:6rem;height:6rem;border-radius:50%;background:var(--result);color:#fff;font-size:2.7rem;font-weight:900}.ff-sort__result-kicker{margin:0 0 .5rem;color:var(--result);font-size:1.2rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ff-sort__result-head h2{margin:0 0 .8rem;font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:1.05;letter-spacing:-.04em}.ff-sort__result-head div>p:last-child{max-width:800px;margin:0;color:#595463;line-height:1.55}.ff-sort__result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.ff-sort__result-grid article{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;padding:2.2rem;border:1px solid #dcecef;border-radius:18px}.ff-sort__result-grid article>span{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:10px;background:var(--ff-cyan-soft);font-weight:900}.ff-sort__result-grid h3{margin:.3rem 0 .8rem;font-size:1.7rem}.ff-sort__result-grid ul{margin:0;padding-left:1.7rem;color:#5f5a68}.ff-sort__result-grid li+li{margin-top:.6rem}.ff-sort__next-help{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.5rem;padding:2.2rem;border-radius:18px;background:var(--ff-ink);color:#fff}.ff-sort__next-help p{margin:0 0 .4rem;color:var(--ff-cyan);font-size:1.1rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ff-sort__next-help h3{margin:0 0 .35rem;color:#fff;font-size:1.8rem}.ff-sort__next-help span{color:#dedce4}.ff-sort__next-help a{flex:0 0 auto;padding:1.2rem 1.6rem;border-radius:12px;background:var(--ff-cyan);color:var(--ff-ink);text-decoration:none;font-weight:800}.ff-sort__result-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-top:2.5rem}.ff-sort__result-actions p{margin:0 0 .8rem;font-weight:800}.ff-sort__share{display:flex;flex-wrap:wrap;gap:.7rem}.ff-sort__share a,.ff-sort__share button{padding:.75rem 1rem;border:1px solid #cce3e7;border-radius:9px;background:#fff;color:var(--ff-ink);text-decoration:none;cursor:pointer}.ff-sort__result-actions small{display:block;margin-top:.7rem;color:var(--ff-green)}.ff-sort__knowledge{padding-bottom:clamp(7rem,11vw,13rem)}.ff-sort__knowledge-intro{max-width:760px}.ff-sort__knowledge-intro h2,.ff-sort__faq-title{margin:0 0 1.4rem;font-size:clamp(3rem,5vw,5.2rem);line-height:1.05;letter-spacing:-.04em}.ff-sort__knowledge-intro>p:last-child{margin:0;color:#5f5a68;font-size:1.8rem;line-height:1.6}.ff-sort__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:3.5rem 0 clamp(5rem,8vw,8rem)}.ff-sort__principles article{padding:2.4rem;border:1px solid var(--ff-line);border-radius:20px;background:#fff}.ff-sort__principles b{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:11px;background:var(--ff-cyan)}.ff-sort__principles h3{margin:1.6rem 0 .7rem;font-size:1.9rem}.ff-sort__principles p{margin:0;color:#625d6b;line-height:1.55}.ff-sort__faq-title{font-size:clamp(2.8rem,4vw,4.2rem)}.ff-sort__faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.ff-sort__faq details{border:1px solid #d5eaee;border-radius:15px;background:#fff}.ff-sort__faq summary{position:relative;padding:1.8rem 4.5rem 1.8rem 1.8rem;cursor:pointer;font-weight:800;list-style:none}.ff-sort__faq summary::-webkit-details-marker{display:none}.ff-sort__faq summary:after{content:"+";position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);color:var(--ff-cyan-strong);font-size:2.4rem}.ff-sort__faq details[open] summary:after{content:"\2212"}.ff-sort__faq details p{margin:0;padding:0 1.8rem 1.8rem;color:#615c69;line-height:1.55}.ff-sort__sources{margin-top:3rem;padding:2.3rem;border-left:5px solid var(--ff-cyan);border-radius:0 18px 18px 0;background:#fff}.ff-sort__sources h2{margin:0 0 .7rem;font-size:2rem}.ff-sort__sources p{max-width:950px;margin:0;color:#615c69;line-height:1.55}.ff-sort__sources ul{display:flex;flex-wrap:wrap;gap:.7rem 1.8rem;margin:1.2rem 0 0;padding:0;list-style:none}.ff-sort__sources a{color:#236d7a;text-underline-offset:.25rem}@media(max-width:989px){.ff-sort__hero{grid-template-columns:1fr;min-height:auto}.ff-sort__hero-card{max-width:520px;min-height:230px}.ff-sort__choices--items{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-sort__principles{grid-template-columns:1fr}}@media(max-width:749px){.ff-sort__hero{gap:3rem;padding-top:4.5rem;padding-bottom:5rem}.ff-sort__hero h1{font-size:clamp(4rem,13vw,5.8rem)}.ff-sort__hero-card{min-height:205px;padding:2.2rem;border-radius:24px}.ff-sort__hero-mark svg{width:5.2rem;height:5.2rem}.ff-sort__tool{margin-inline:-1.5rem;border-left:0;border-right:0;border-radius:0}.ff-sort__progress{padding:1.8rem 2rem}.ff-sort__progress>div:first-child{display:block}.ff-sort__progress>div:first-child span:last-child{display:none}.ff-sort form,.ff-sort__result{padding:2.2rem 1.8rem 2.8rem}.ff-sort__step-head{gap:1.2rem;margin-bottom:2.2rem}.ff-sort__step-head>p{width:4.2rem;height:4.2rem;border-radius:12px}.ff-sort__choices,.ff-sort__choices--items{grid-template-columns:1fr;gap:1rem}.ff-sort__choice-box{min-height:86px;padding:1.3rem}.ff-sort__choice-icon{width:4.8rem;height:4.8rem}.ff-sort__choice-icon svg{width:3.1rem;height:3.1rem}.ff-sort__nav button{flex:1 1 50%}.ff-sort__result-head{grid-template-columns:1fr;gap:1.2rem;padding:2rem}.ff-sort__result-icon{width:4.8rem;height:4.8rem}.ff-sort__result-grid,.ff-sort__faq{grid-template-columns:1fr}.ff-sort__next-help,.ff-sort__result-actions{align-items:stretch;flex-direction:column}.ff-sort__next-help a,.ff-sort__restart{text-align:center;width:100%}.ff-sort__share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ff-sort__share a,.ff-sort__share button{text-align:center}.ff-sort__principles{margin-top:2.5rem}.ff-sort__sources ul{display:grid}}@media(prefers-reduced-motion:reduce){.ff-sort *,.ff-sort *:before,.ff-sort *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ff-laundry-sorter.css.map */