.counter{line-height:0}.circle{display:inline-block;max-width:100%;position:relative}.circle canvas{height:auto!important;max-width:100%}.circle .canvas{line-height:0;position:relative;text-align:center;z-index:2}.circle .canvas-border{line-height:0;z-index:1}.circle .canvas-border,.circle .circle__info{left:1px;position:absolute;text-align:center;top:1px}.circle .circle__info{--content-bg-color-from:var(--color-transparent);--content-bg-color-to:var(--color-transparent);align-items:center;background:var(--content-bg-color-from);background:-moz-radial-gradient(circle,var(--content-bg-color-from) 0,var(--content-bg-color-to) 100%);background:-webkit-radial-gradient(circle,var(--content-bg-color-from) 0,var(--content-bg-color-to) 100%);background:radial-gradient(circle,var(--content-bg-color-from) 0,var(--content-bg-color-to) 100%);border-radius:100%;display:none;flex-direction:column;height:calc(100% - 2px);justify-content:center;overflow:hidden;padding:36px 55px;width:calc(100% - 2px);z-index:0}.circle__info--shadow{box-shadow:0 0 60px #fff}.circle .percent{overflow:hidden;white-space:nowrap;width:100%}.circle .percent,.circle .percent *{font-size:64px;font-weight:700;line-height:150%}.circle .percent *{margin-bottom:0}.circle .text,.circle .text *{font-size:20px;font-weight:700;line-height:150%;margin-bottom:0}