.image-with-filter{width:100%;height:100%;pointer-events:none}.image-with-filter__img{height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.image-with-filter__img_invert{-webkit-filter:invert(1);filter:invert(1)}.image-with-filter__svg{position:absolute;width:100%;top:0;overflow:hidden}.image-with-filter__image_invert{-webkit-filter:url(#invertFilter);filter:url(#invertFilter)}.preview-list{position:relative;width:100%;list-style:none;margin:0;padding:0;text-align:center}.preview-list__item{vertical-align:top;display:inline-block;margin:0 17px 26px;cursor:pointer;position:relative;overflow:hidden}@media (max-width:834px){.preview-list__item{margin:0 10px 30px}}@media (max-width:480px){.preview-list__item{margin:0 16px 27px}}.preview-list__item:hover .preview-list__picture{border:2px solid #709efa}.preview-list__item:hover .preview-list__mark{display:-webkit-box;display:-ms-flexbox;display:flex}.preview-list__item_is_active .preview-list__picture{border-color:#5a87e1;border-radius:2px}.preview-list__item_is_active .preview-list__count{color:#fff}.preview-list__item_is_active .preview-list__count:before{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.preview-list__item:last-child{margin-bottom:50px}.preview-list__picture{position:relative;width:100%;height:calc(100% - 35px);margin-bottom:10px;border:2px solid #ebebeb;border-radius:2px;-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.preview-list__mark{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"";position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;font-size:9px;line-height:22px;color:#fff;background:url(../img/check.02018d02.svg) 50% no-repeat rgba(77,77,77,.5);background-size:60%;z-index:1;-webkit-box-shadow:-45px -60px 100px 60px rgba(0,0,0,.3);box-shadow:-45px -60px 100px 60px rgba(0,0,0,.3)}@media (max-width:480px){.preview-list__mark{-webkit-box-shadow:none;box-shadow:none}}.preview-list__mark_is_checked{background:url(../img/check.02018d02.svg) 50% no-repeat #709efa;background-size:60%}.preview-list__mark_is_added,.preview-list__mark_is_checked{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:none;box-shadow:none}.preview-list__mark_is_added{background:url(../img/check.02018d02.svg) 50% no-repeat #ff5151;background-size:60%}.preview-list__img{position:absolute;top:0;left:0}.preview-list__count{position:relative;display:block;font-size:14px;line-height:24px;color:grba(#000,.7);text-align:center;-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:480px){.preview-list__count{line-height:16px}}.preview-list__count:before{content:"";display:block;position:absolute;width:24px;height:24px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.2);transform:translate(-50%,-50%) scale(.2);border-radius:50%;opacity:0;background-color:#5a87e1;-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.preview-list__count-value{position:relative}