.eco-spec-selector{--padding:120px;--input-padding:18px;--font-size:20px;--group-gap:60px;--param-gap:40px;--theme:white;--font:black;width:996px;max-width:calc(100vw - var(--padding)*2);background-color:var(--theme);color:var(--font);margin:0 auto;padding:180px 0}.eco-spec-selector ul,.eco-spec-selector li{padding-inline-start:0;list-style:none}.eco-spec-selector .eco-title{color:var(--font)}.eco-spec-selector .eco-spec-selector-title{font-family:var(--eco-design-font-B);text-align:center;font-size:34px;line-height:42px}.eco-spec-selector .eco-spec-selector-selector-wrapper{z-index:20;background-color:var(--theme);margin:20px auto 0;padding:20px 0;position:sticky;top:0}.eco-spec-selector .eco-spec-selector-selector{height:60px;margin:0 auto}.eco-spec-selector .eco-spec-selector-selector .eco-selector-selector{width:742px;max-width:100%;padding:0 60px 0 var(--input-padding);border-color:#696c71}.eco-spec-selector .eco-spec-selector-selector .eco-selector-selector .eco-selector-content .eco-selector-value{font-size:var(--font-size);text-overflow:ellipsis;white-space:nowrap;color:var(--font);line-height:1.2;overflow:hidden}.eco-spec-selector .eco-spec-selector-selector .eco-selector-selector .eco-selector-placeholder{font-size:var(--font-size);left:var(--input-padding);line-height:1.2}.eco-spec-selector .eco-spec-selector-selector .eco-selector-suffix-icon{width:30px;height:30px;right:var(--input-padding);justify-content:center;align-items:center;font-size:20px;display:flex}.eco-spec-selector .eco-spec-selector-selector .eco-selector-options{background-color:var(--theme);border:1px solid #696c71;border-radius:0 0 4px 4px;padding:0;top:calc(100% - 2px)}.eco-spec-selector .eco-spec-selector-selector .eco-selector-options .eco-selector-option{padding:var(--input-padding);font-size:var(--font-size);color:var(--font);line-height:1.2}.eco-spec-selector .eco-spec-selector-selector .eco-selector-options .eco-selector-option.eco-selector-option-selected{background-color:#f5f5f6}.eco-spec-selector .eco-spec-selector-img{width:100%;height:280px;margin:20px auto 0}.eco-spec-selector .eco-spec-selector-img figure{background-size:contain}.eco-spec-selector .eco-spec-selector-img img{object-fit:contain}.eco-spec-selector .eco-spec-selector-product-name{text-align:center;font-family:var(--eco-design-font-B);margin:0 auto;padding:12px 48px;font-size:24px;line-height:32px}.eco-spec-selector .eco-spec-selector-product-name.eco-spec-selector-product-name-single{background-color:var(--theme);position:sticky;top:0}.eco-spec-selector .eco-spec-selector-groups{flex-direction:column;margin:48px auto 0;display:flex}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group{gap:var(--group-gap);border-top:1px solid #e6e6e7;padding:40px 0;display:flex}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-title{width:25%;font-family:var(--eco-design-font-B);font-size:24px;line-height:32px}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params{width:calc(75% - var(--group-gap));gap:var(--param-gap);flex-wrap:wrap;display:flex}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param{width:calc(50% - var(--param-gap)/2);flex-direction:column;gap:15px;display:flex}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param .eco-spec-selector-param-title{font-family:var(--eco-design-font-B);font-size:20px;line-height:1.3}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param .eco-spec-selector-param-desc{font-family:var(--eco-design-font-M);font-size:16px;line-height:22px}@media not (min-width:1024px){.eco-spec-selector{--padding:48px;--font-size:16px;--group-gap:32px;--param-gap:30px;padding:120px 0}.eco-spec-selector .eco-spec-selector-title{font-size:24px;line-height:32px}.eco-spec-selector .eco-spec-selector-selector-wrapper{margin-top:12px;padding:12px 0}.eco-spec-selector .eco-spec-selector-selector{width:100%;height:50px}.eco-spec-selector .eco-spec-selector-selector .eco-selector-selector{width:100%;padding-right:54px}.eco-spec-selector .eco-spec-selector-selector .eco-selector-suffix-icon{width:24px;height:24px;font-size:18px}.eco-spec-selector .eco-spec-selector-selector .eco-selector-options .eco-selector-option{padding:12px var(--input-padding);line-height:22px}.eco-spec-selector .eco-spec-selector-img{height:200px;margin-top:18px}.eco-spec-selector .eco-spec-selector-product-name{padding:12px 0;font-size:16px;line-height:22px}.eco-spec-selector .eco-spec-selector-groups{margin-top:18px}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group{padding:30px 0}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-title{font-size:20px;line-height:1.3}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param-title{font-size:16px}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param-desc{font-size:14px;line-height:18px}.eco-spec-selector{-webkit-tap-highlight-color:#0000}}.eco-spec-selector{--navbg:#03060b}@media not (min-width:768px){.eco-spec-selector{--padding:24px;--input-padding:12px;--font-size:12px;--group-gap:15px}.eco-spec-selector .eco-spec-selector-selector{height:40px}.eco-spec-selector .eco-spec-selector-selector .eco-selector-selector{padding-right:40px}.eco-spec-selector .eco-spec-selector-selector .eco-selector-suffix-icon{width:20px;height:20px;font-size:16px}.eco-spec-selector .eco-spec-selector-selector .eco-selector-options .eco-selector-option{padding:10px var(--input-padding);line-height:18px}.eco-spec-selector .eco-spec-selector-img{height:120px}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-title{font-size:16px;line-height:22px}html[site=de] .eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-title{word-break:break-all}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params{gap:30px 12px}html[site=de] .eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param{word-break:break-all}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param .eco-spec-selector-param-title{font-size:16px;line-height:22px}.eco-spec-selector .eco-spec-selector-groups .eco-spec-selector-group .eco-spec-selector-group-params .eco-spec-selector-param .eco-spec-selector-param-desc{font-size:14px;line-height:18px}}.eco-spec-selector.eco-spec-selector-theme-black{--theme:black;--font:white}.eco-spec-selector.eco-spec-selector-theme-black .eco-spec-selector-selector .eco-selector-options .eco-selector-option:hover{background-color:#464646}.eco-spec-selector.eco-spec-selector-theme-black .eco-spec-selector-selector .eco-selector-options .eco-selector-option.eco-selector-option-selected{background-color:#343434}.eco-spec-selector.eco-spec-selector-theme-black .eco-spec-selector-groups .eco-spec-selector-group{border-top-color:#343434}#storybook-root{padding:40px 0 0!important}.docs-story .innerZoomElementWrapper>div{padding:40px 0 0}