.custom-html{--color-primary:#ddd;--color-completed:green;--color-bg:#f6fcfc;--color-text:#333;--border-radius:5px;--size-icon:60px;--size-img:40px;width:100%;height:100%;position:relative}.custom-html,.custom-html__icon{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.custom-html__icon{-webkit-box-flex:0;-ms-flex:none;flex:none;width:var(--size-icon);height:var(--size-icon);background-color:#fff;-webkit-box-shadow:0 0 10px 0 var(--color-primary);box-shadow:0 0 10px 0 var(--color-primary);border-radius:var(--border-radius);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-html img{width:var(--size-img);height:var(--size-img);border:none}.custom-html__label{margin-top:10px;text-align:center;font-size:12px;color:var(--color-text);line-height:20px}.custom-html__label:hover{color:red}.custom-html__status{--size:16px}.custom-html__status:before{content:"";position:absolute;top:calc(0px - var(--size)/2);right:calc(0px - var(--size)/2);width:var(--size);height:var(--size);border-radius:calc(var(--size)/2)}.custom-html__status--success:before{background-color:green}.custom-html__status--error:before{background-color:red}