.eco-project{background:#f6f5f1;color:#171717}.eco-project__inner{max-width:1760px;margin:auto;padding:42px clamp(20px,5vw,96px) 30px}.eco-project__top{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:800;letter-spacing:.17em;color:#555}.eco-project__top i{display:inline-block;width:32px;height:4px;background:#83b9d4;vertical-align:middle;margin-right:16px}.eco-project__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:center;padding:50px 0 40px}.eco-project__overline,.eco-project__projectline,.eco-project__amounts span,.eco-project__slider-title{font-size:11px;font-weight:800;letter-spacing:.15em}.eco-project__overline{margin:0 0 14px}.eco-project h2{font-size:clamp(54px,6.2vw,112px);letter-spacing:-.065em;line-height:.92;font-weight:850;margin:0}.eco-project__intro{font-size:clamp(15px,1.2vw,19px);margin:23px 0 36px;color:#555}.eco-project__slider-area{padding:0 0 6px}.eco-project__slider-title{display:block;margin-bottom:22px}.eco-project__slider{display:block;width:100%;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#171717 0%,#171717 var(--eco-progress,0%),#d5d5d0 var(--eco-progress,0%),#d5d5d0 100%);height:4px;border-radius:2px;cursor:pointer;touch-action:pan-y}.eco-project__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:23px;height:23px;border:5px solid #171717;border-radius:50%;background:#83b9d4;box-shadow:0 0 0 4px #f6f5f1}.eco-project__slider::-moz-range-thumb{width:15px;height:15px;border:5px solid #171717;border-radius:50%;background:#83b9d4}.eco-project__slider:focus-visible{outline:3px solid #83b9d4;outline-offset:10px}.eco-project__milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:19px}.eco-project__milestone{position:relative;min-width:0;border:0;background:none;color:#777;font:inherit;font-weight:750;font-size:clamp(10px,.85vw,13px);padding:8px 3px;min-height:52px;cursor:pointer;line-height:1.2;text-align:center}.eco-project__milestone:first-child{text-align:left}.eco-project__milestone:last-child{text-align:right}.eco-project__milestone-dot{display:none}.eco-project__milestone.is-active{color:#171717}.eco-project__milestone.is-active .eco-project__milestone-text{border-bottom:2px solid #83b9d4;padding-bottom:3px}.eco-project__milestone:focus-visible{outline:2px solid #83b9d4;outline-offset:2px}.eco-project__slider-note{font-size:11px;color:#777;margin:13px 0 0;line-height:1.4}.eco-project__right{min-width:0}.eco-project__projectline{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d7d6d2;padding-bottom:12px}.eco-project__projectline span:last-child{color:#555;text-align:right}.eco-project__total{padding:18px 0 20px;display:flex;flex-direction:column;gap:0}.eco-project__total>span{font-size:12px;font-weight:850;letter-spacing:.17em}.eco-project__total strong{display:block;font-size:clamp(90px,11vw,190px);font-weight:900;letter-spacing:-.085em;line-height:1.04;white-space:nowrap}.eco-project__total em{font-size:.32em;font-style:normal;letter-spacing:-.02em;margin-left:8px}.eco-project__ratio-heading{display:flex;align-items:center;gap:16px;margin:0 0 16px}.eco-project__ratio-heading strong{font-size:clamp(28px,3vw,48px);letter-spacing:-.055em;font-weight:900}.eco-project__ratio-heading span{font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.45}.eco-project__bar{height:15px;display:flex;gap:5px}.eco-project__barbase{background:#171717;flex:2.5}.eco-project__barliquid{background:#83b9d4;flex:1}.eco-project__amounts{display:grid;grid-template-columns:2.5fr 1fr;gap:5px;margin-top:13px}.eco-project__amounts>div{display:flex;flex-direction:column;gap:4px}.eco-project__amounts strong{font-size:clamp(24px,2.4vw,38px);font-weight:850;letter-spacing:-.04em}.eco-project__footer{border-top:1px solid #d7d6d2;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#666}.eco-project__footer span:first-child{font-weight:700;color:#333}@media(max-width:850px){.eco-project__inner{padding:28px 20px}.eco-project__body{grid-template-columns:1fr;gap:26px;padding:32px 0 28px}.eco-project__top{font-size:10px}.eco-project__intro{margin-bottom:27px}.eco-project__milestone{font-size:10px}.eco-project__total strong{font-size:clamp(82px,17vw,135px)}.eco-project__footer{flex-direction:column}.eco-project__amounts strong{font-size:30px}}@media(max-width:380px){.eco-project__top span:last-child{display:none}.eco-project__milestone{font-size:9px}.eco-project__total strong{font-size:clamp(76px,17vw,100px)}.eco-project__ratio-heading span{font-size:9px}}@media(prefers-reduced-motion:reduce){.eco-project__slider{scroll-behavior:auto}}.eco-project .eco-project__body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important}.eco-project .eco-project__left,.eco-project .eco-project__right{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;position:relative!important;transform:none!important}.eco-project input.eco-project__slider{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;max-width:none!important;min-height:8px!important;height:8px!important;border:0!important;border-radius:999px!important;background:linear-gradient(to right,#171717 0%,#171717 var(--eco-progress,0%),#c7c9c7 var(--eco-progress,0%),#c7c9c7 100%)!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;pointer-events:auto!important;cursor:pointer!important}.eco-project input.eco-project__slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;background:#83b9d4!important;border:5px solid #171717!important;border-radius:50%!important;width:28px!important;height:28px!important;box-shadow:0 0 0 4px #f6f5f1!important}.eco-project input.eco-project__slider::-moz-range-thumb{background:#83b9d4!important;border:5px solid #171717!important;border-radius:50%!important;width:18px!important;height:18px!important}.eco-project .eco-project__right{background:#ffffff7a;border-radius:clamp(14px,2vw,26px);padding:clamp(22px,3vw,44px)}.eco-project .eco-project__total strong{font-size:clamp(70px,8vw,142px)!important;overflow-wrap:normal}@media(max-width:850px){.eco-project .eco-project__body{grid-template-columns:minmax(0,1fr)!important}.eco-project .eco-project__right{padding:24px}.eco-project .eco-project__total strong{font-size:clamp(72px,15vw,116px)!important}}
/*# sourceMappingURL=/cdn/shop/t/345/assets/eco100-project-mixer.css.map */