:root{--result-background:#fff;--result-padding:24px;--result-border-radius:3px;--result-title-color:#444;--result-title-font-size:32px;--result-title-margin:15px 0 0 0;--result-image-size:80px;--result-title-font-weight:500;--result-description-margin:10px 0 0 0;--result-description-font-size:14px;--result-description-color:rgba(0,0,0,.6);--result-description-line-height:1.6;--result-info-color:var(--color-info);--result-info-border-color:rgba(0,175,239,.3);--result-success-color:var(--color-success);--result-success-border-color:rgba(0,196,143,.3);--result-error-color:var(--color-danger);--result-error-border-color:rgba(244,67,54,.3);--result-warning-color:var(--color-warning);--result-warning-border-color:rgba(255,159,0,.3);--result-question-color:#607d8b;--result-question-border-color:rgba(96,125,139,.3);--result-empty-color:#9e9e9e;--result-empty-border-color:hsla(0,0%,62%,.3)}.var-result{align-items:center;background-color:var(--result-background);border-radius:var(--result-border-radius);display:flex;flex-direction:column;padding:var(--result-padding);transition:background-color .25s;width:100%}.var-result__image-container{overflow:hidden}.var-result__image{align-items:center;border-color:transparent;border-radius:50%;border-style:solid;box-sizing:content-box;display:flex;height:var(--result-image-size);justify-content:center;margin:0 auto;position:relative;width:var(--result-image-size)}.var-result__image svg{display:block;height:100%;margin:0 auto;width:100%}.var-result__info{border-color:var(--result-info-border-color)}.var-result__info path{fill:var(--result-info-color)}.var-result__empty{border-color:var(--result-empty-border-color)}.var-result__empty path{fill:var(--result-empty-color)}.var-result__question{border-color:var(--result-question-border-color)}.var-result__question path{fill:var(--result-question-color)}.var-result__error{border-color:var(--result-error-border-color)}.var-result__error path{fill:var(--result-error-color)}.var-result__warning{border-color:var(--result-warning-border-color)}.var-result__warning path{fill:var(--result-warning-color)}.var-result__success{border-color:var(--result-success-color)}.var-result__success-cover-left{border-radius:150% 0 0 150%;left:-41.27%;top:-.875%;transform:rotate(-45deg);z-index:1}.var-result__success-cover-left,.var-result__success-cover-right{background:var(--result-background);display:block;height:150%;position:absolute;transition:background-color .25s;width:75%}.var-result__success-cover-right{animation-name:rotate-circle;animation-timing-function:ease-in;border-radius:0 125% 125% 0;left:37.5%;top:-13.75%;transform:rotate(-45deg);transform-origin:0 50%}.var-result__success-line{background-color:var(--result-success-color);display:block;height:6.8%;position:absolute;transition:background-color .25s;z-index:10}.var-result__success-line-tip{animation-fill-mode:forwards;animation-name:success-line-tip;transform:rotate(45deg)}.var-result__success-line-long{animation-fill-mode:forwards;animation-name:success-line-long;transform:rotate(-45deg)}.var-result__success-circle{border-color:var(--result-success-border-color);border-radius:50%;border-style:solid;box-sizing:content-box!important;height:100%;position:absolute;width:100%;z-index:10}.var-result__success-line-fix{background:var(--result-background);height:112.5%;left:34%;position:absolute;top:9%;transform:rotate(-45deg);transition:background-color .25s;width:8.75%;z-index:1}@keyframes success-line-tip{0%{left:1.25%;top:23.75%;width:0}54%{left:1%;top:20.25%;width:0}70%{left:-9.5%;top:43.75%;width:62.5%}84%{left:26.25%;top:60%;width:21.25%}to{left:17.5%;top:56.25%;width:31.25%}}@keyframes success-line-long{0%{right:57.5%;top:67.5%;width:0}65%{right:57.5%;top:67.5%;width:0}84%{right:0;top:43.75%;width:68.75%}to{right:9%;top:47%;width:58.75%}}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}.var-result__title{color:var(--result-title-color);font-size:var(--result-title-font-size);font-weight:var(--result-title-font-weight);margin:var(--result-title-margin);text-align:center;word-break:break-word}.var-result__description{color:var(--result-description-color);font-size:var(--result-description-font-size);line-height:var(--result-description-line-height);margin:var(--result-description-margin);text-align:center;word-break:break-word}.var-result__footer{margin-top:20px;z-index:1}