.swatch{margin-bottom:20px}.swatch__title{font-size:calc((17 / var(--base) * 1rem))}.swatch__list{margin:15px 0 0;list-style:none;padding:0;display:flex;flex-wrap:wrap}.swatch__list li{margin-right:26px;margin-bottom:15px;width:62px;cursor:pointer}.swatch__list.swatch__list--text li{margin-right:18px}.swatch__list img{display:block;width:60px;height:60px;border-radius:6px;margin-bottom:5px}.swatch__list span{display:block;text-align:center;font-weight:var(--font-weight-bold);color:var(--color-cyan-blue);font-size:calc((10 / var(--base) * 1rem))}.swatch__list li.swatch-current-item img{outline:3px solid var(--color-red);outline-offset:-3px}.swatch__list li.swatch-current-item span{color:var(--color-red)}.swatch__list span.swatch__list--simple{border-radius:6px;background-color:#f2e6ce;padding:14px 0;width:62px}.swatch__list li.swatch-current-item span.swatch__list--simple{outline:2px solid var(--color-red);outline-offset:-2px}.form-checkbox{margin:15px 0;border-radius:6px;background-color:#f2e6ce;padding:18px 15px 18px 60px;display:block;font-size:calc((17 / var(--base) * 1rem));font-weight:var(--font-weight-bold);position:relative;line-height:1}.form-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.form-checkbox .ico-check{content:"";border-radius:7px;width:26px;height:26px;border:1.5px solid var(--color-blue);position:absolute;left:15px;display:flex;align-items:center;justify-content:center;top:14px}.form-checkbox .ico-check svg{opacity:0}.form-checkbox .ico-check svg *{fill:var(--color-blue)}.form-checkbox input[type=checkbox]:checked~.ico-check svg{opacity:1}@media screen and (max-width: 1179px){.form-checkbox .ico-check svg{max-width:20px}}@media screen and (min-width: 1180px){.swatch__title,.form-checkbox{font-size:calc((20 / var(--base) * 1rem))}.swatch__list li{width:82px}.swatch__list img{width:77px;height:77px}.swatch__list span{font-size:var(--font-sm)}.swatch__list.swatch__list--text li{margin-right:23px}.swatch__list span.swatch__list--simple{padding:18px 0;width:80px}.form-checkbox .ico-check{width:34px;height:34px;top:21px}.form-checkbox{padding-top:28px;padding-bottom:28px;padding-left:70px;max-width:calc(100% - 8px)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/component-swatch.css.map */