.eco-compare-selector{text-align:center;white-space:pre-line;--container-width:calc(100vw - 240px);margin:0 auto;overflow:hidden}.eco-compare-selector .eco-title{width:734px;max-width:100%;margin:0 auto}.eco-compare-selector .eco-link{color:#3f68e0;cursor:pointer;align-items:center;gap:4px;width:fit-content;margin:24px auto 0;font-size:16px;line-height:1.375;display:flex}.eco-compare-selector .eco-link:hover{text-decoration:underline}.eco-compare-selector .eco-space-small{width:var(--container-width);max-width:100%;margin:0 auto}.eco-compare-selector-table{box-sizing:border-box;border-spacing:0;width:calc(100vw - 216px);margin:0 auto}.eco-compare-selector-table-tr-td{vertical-align:top;width:25%;padding:0 12px}.eco-compare-selector-table-tr-td.eco-compare-selector-table-tr-td-items{padding-bottom:24px}.eco-compare-selector-table-tr-td .eco-selector,.eco-compare-selector-table-tr-td .eco-selector .eco-selector-selector{width:100%}.eco-compare-selector-table-tr-td .eco-selector .eco-selector-options{text-align:left}.eco-compare-selector-table-tr-td-img .eco-img{height:235px}.eco-compare-selector-table-tr-td-img .eco-img figure{background-size:contain}.eco-compare-selector-table-tr-td-img .eco-img img{object-fit:contain}.eco-compare-selector-table-tr-td-colors{justify-content:center;gap:12px;margin:0;padding:24px 0 0;list-style:none;display:flex}.eco-compare-selector-table-tr-td-colors-color{cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.eco-compare-selector-table-tr-td-colors-color:after{content:"";background-color:var(--background-color);border-radius:50%;width:16px;height:16px}.eco-compare-selector-table-tr-td-colors-color-active{border-color:var(--background-color,transparent)}.eco-compare-selector-table-tr-td-label{font-family:var(--eco-design-font-M);color:#d11504;padding:24px 12px 4px;font-size:12px;line-height:16px}.eco-compare-selector-table-tr-td-title{font-family:var(--eco-design-font-B);font-size:16px;line-height:1.35}.eco-compare-selector-table-tr-td-desc{font-family:var(--eco-design-font-M);padding:4px 12px 0;font-size:14px;line-height:1.3}.eco-compare-selector-table-tr-td-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;padding-top:24px;display:flex}.eco-compare-selector-table-tr-td-btns-btn{font-family:var(--eco-design-font-M);cursor:pointer;font-size:14px;line-height:normal}.eco-compare-selector-table-tr-td-btns-btn.eco-link{justify-content:center;align-items:center;gap:4px;width:calc(50% - 8px);margin:0;display:flex}.eco-compare-selector-table-tr-td-btns-btn-text{z-index:5;position:relative}.eco-compare-selector-table-tr-td-btns-btn.disabled{cursor:default;opacity:.4;pointer-events:none;text-decoration:none}.eco-compare-selector-table-tr-td-btns-btn svg{width:16px;height:16px}.eco-compare-selector-table-tr-td-btns-btn:nth-child(odd):last-child{width:100%}.eco-compare-selector-table-tr-td-btns-btn-type-filled{clip-path:polygon(0 5px,8px 0,calc(100% - 8px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 5px));padding:10px 0}.eco-compare-selector-table-tr-td-btns-btn-type-filled.eco-link{color:#fff;background-color:#3f68e0}.eco-compare-selector-table-tr-td-btns-btn-type-filled.eco-link:hover,.eco-compare-selector-table-tr-td-btns-btn-type-filled.eco-link:active{background-color:#3f4ce0;text-decoration:none}.eco-compare-selector-table-tr-td-btns-btn-type-outlined{clip-path:polygon(0 5px,8px 0,calc(100% - 8px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 5px));background-color:#000;padding:10px 20px;position:relative}.eco-compare-selector-table-tr-td-btns-btn-type-outlined:before{content:"";clip-path:polygon(0 5px,8px 0,calc(100% - 8px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 5px));z-index:2;background-color:#fff;position:absolute;inset:1px}.eco-compare-selector-table-tr-td-btns-btn-type-outlined.eco-link{color:#000}.eco-compare-selector-table-tr-td-btns-btn-type-outlined.eco-link:hover,.eco-compare-selector-table-tr-td-btns-btn-type-outlined.eco-link:active{background-color:#3f4ce0;text-decoration:none}.eco-compare-selector-table-tr-td-btns-btn-type-text.eco-link{color:#3f68e0}.eco-compare-selector-table-tr-td-btns-btn-type-text.eco-link:hover,.eco-compare-selector-table-tr-td-btns-btn-type-text.eco-link:active{color:#3f4ce0;text-decoration:underline}.eco-compare-selector-table-tr.eco-compare-selector-table-tr-spec .eco-compare-selector-table-tr-td-spec{padding:16px 12px}.eco-compare-selector-table-tr.eco-compare-selector-table-tr-spec .eco-compare-selector-table-tr-td-spec-name{font-family:var(--eco-design-font-B);font-size:16px;line-height:1.375}.eco-compare-selector-table-tr.eco-compare-selector-table-tr-spec .eco-compare-selector-table-tr-td-spec-text{font-family:var(--eco-design-font-M);color:#707070;margin-top:4px;font-size:14px;line-height:1.3}.eco-compare-selector-table-tr.eco-compare-selector-table-tr-spec:first-child .eco-compare-selector-table-tr-td-spec{padding-top:0}.eco-compare-selector-table-tr.eco-compare-selector-table-tr-spec:last-child .eco-compare-selector-table-tr-td-spec{padding-bottom:0}.eco-compare-selector-lines{width:var(--container-width);justify-content:center;gap:24px;margin:24px auto;padding:0;list-style:none;display:flex}.eco-compare-selector-lines-line{background-color:#e6e6e6;width:calc(25% - 18px);height:1px}@media only screen and not (max-width:1440px){.eco-compare-selector{--container-width:1200px}.eco-compare-selector .eco-title{width:996px;font-size:40px}.eco-compare-selector-table{width:1224px}}@media not (min-width:1024px){.eco-compare-selector{--container-width:calc(100vw - 96px)}.eco-compare-selector .eco-title{width:var(--container-width)}.eco-compare-selector-table{width:calc(100vw - 80px)}.eco-compare-selector-table-tr-td{width:50%;padding:0 8px}.eco-compare-selector-table-tr-td.eco-compare-selector-table-tr-td-items{padding-bottom:16px}.eco-compare-selector-table-tr-td-img .eco-img{height:148px}.eco-compare-selector-table-tr-td-colors{padding-top:16px}.eco-compare-selector-table-tr-td-label{padding:16px 8px 4px}.eco-compare-selector-table-tr-td-title{font-size:16px}.eco-compare-selector-table-tr-td-desc{padding-top:4px}.eco-compare-selector-table-tr-td-btns{padding-top:16px}.eco-compare-selector-table-tr-td.eco-compare-selector-table-tr-spec .eco-compare-selector-table-tr-td-spec{padding:8px}.eco-compare-selector-table-tr-td.eco-compare-selector-table-tr-spec .eco-compare-selector-table-tr-td-spec-name{font-size:14px}.eco-compare-selector-table-tr-td.eco-compare-selector-table-tr-spec .eco-compare-selector-table-tr-td-spec-text{font-size:12px}.eco-compare-selector-lines{gap:16px}.eco-compare-selector-lines-line{width:calc(50% - 4px)}}@media not (min-width:768px){.eco-compare-selector{--container-width:calc(100vw - 48px)}.eco-compare-selector-table{width:calc(100vw - 32px)}.eco-compare-selector-table-tr-td-btns-btn.eco-link{width:100%}}.eco-compare-selector.eco-compare-selector-theme-black .eco-title,.eco-compare-selector.eco-compare-selector-theme-black .eco-compare-selector-table{color:#fff}.eco-compare-selector.eco-compare-selector-theme-black .eco-compare-selector-table-tr-td-btns-btn-type-outlined{background-color:#fff}.eco-compare-selector.eco-compare-selector-theme-black .eco-compare-selector-table-tr-td-btns-btn-type-outlined.eco-link{color:#fff}.eco-compare-selector.eco-compare-selector-theme-black .eco-compare-selector-table-tr-td-btns-btn-type-outlined:before{background-color:#000}#storybook-root{padding:40px 0 0!important}.docs-story .innerZoomElementWrapper>div{padding:40px 0 0}