#statistics .grid {display:grid; grid-gap:15px; margin-bottom:15px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}
#statistics .grid .item {padding:15px; background-color:#F4F4F4; color:var(--color-purple-primary); border-radius:5px;}
#statistics .grid .item .top {display:flex; align-items:center;}
#statistics .grid .item .top .icon {width:30px; height:30px;}
#statistics .grid .item .top .title {font-size:30px; margin-left:5px;}
#statistics .grid .item .top .icon svg {fill:var(--color-purple-primary);}
#statistics .grid .item .description {display:flex; align-items:center; font-size:16px; margin-top:10px;}

#yandex .grid {display:grid; grid-gap:15px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}
#yandex .grid .item {background-color:#F4F4F4; padding:20px 15px; border-radius:8px; min-height:180px;}
#yandex .grid .item__header {display:flex;}
#yandex .grid .sqi .item__header {justify-content:space-between; align-items:center;}
#yandex .grid .item__header .icon {position:relative; width:64px; height:64px; margin-right:12px; border-radius:50%; background-repeat:no-repeat; background-position:center; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0;}
#yandex .grid .item.user-choice .item__header .icon {background-image:url("data:image/svg+xml,%3Csvg width%3D%2264%22 height%3D%2264%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22%3E%3Ccircle cx%3D%2232%22 cy%3D%2232%22 r%3D%2232%22%2F%3E%3Cpath d%3D%22M14.006 22.936l8.75 7.955a1.2 1.2 0 0 0 1.9-.392l6.251-13.79a1.2 1.2 0 0 1 2.186 0l6.251 13.79a1.2 1.2 0 0 0 1.9.392l8.75-7.955a1.2 1.2 0 0 1 1.991 1.082L48.6 44.648A4 4 0 0 1 44.653 48H19.347a4 4 0 0 1-3.947-3.352l-3.385-20.63a1.2 1.2 0 0 1 1.991-1.082z%22 fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-color:#22A221;}
#yandex .grid .item.popular-website .item__header .icon {background-image:url("data:image/svg+xml,%3Csvg width%3D%2264%22 height%3D%2264%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill%3D%22none%22%3E%3Ccircle cx%3D%2232%22 cy%3D%2232%22 r%3D%2232%22%2F%3E%3Cpath d%3D%22M28 36c-4 4-4 12 0 16-6.963-1.727-12-8-12-16 0-10 10-10 8-24 4 .03 8.523 3.84 10 14 1.547-1.445 4.298-6.042 4-8 7.026 5.02 10 10 10 18s-5.003 14.119-12 16c4-4 4-8 0-12-1.078 3.474-2.412 4.814-4 4.02-1.588-.795-2.922-3.468-4-8.02z%22 fill%3D%22%23A6A6A6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
#yandex .grid .item.popular-website .item__header .icon .progress {background-image:url("data:image/svg+xml,%3Csvg width%3D%2264%22 height%3D%2264%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg fill-rule%3D%22nonzero%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1.922 21.047A31.997 31.997 0 0 1 30.996 0v3A28.997 28.997 0 0 0 4.819 21.879a3.487 3.487 0 0 0-2.897-.83z%22 fill%3D%22%23A6A6A6%22%2F%3E%3Cpath d%3D%22M.469 26.564a2.5 2.5 0 1 1 2.897.889A29.014 29.014 0 0 0 15.384 55.76a28.988 28.988 0 0 0 33.677-.312A29.013 29.013 0 0 0 59.73 23.492 28.998 28.998 0 0 0 32.996 3V0a31.998 31.998 0 0 1 29.583 22.567 32.014 32.014 0 0 1-11.756 35.31 31.986 31.986 0 0 1-37.202.314A32.016 32.016 0 0 1 .47 26.564z%22 fill%3D%22%2322A221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center;}
#yandex .grid .item.secure-connection .item__header .icon {background-image:url("data:image/svg+xml,%3Csvg width%3D%2264%22 height%3D%2264%22 viewBox%3D%220 0 64 64%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64Z%22 fill%3D%22%2322A221%22%2F%3E%0A%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M32.3333 15C36.9357 15 40.6667 18.731 40.6667 23.3333V26.6667H41.6667C43.0668 26.6667 43.7669 26.6667 44.3016 26.9391C44.772 27.1788 45.1545 27.5613 45.3942 28.0317C45.6667 28.5665 45.6667 29.2665 45.6667 30.6667V41C45.6667 42.4001 45.6667 43.1002 45.3942 43.635C45.1545 44.1054 44.772 44.4878 44.3016 44.7275C43.7669 45 43.0668 45 41.6667 45H23C21.5999 45 20.8998 45 20.365 44.7275C19.8946 44.4878 19.5122 44.1054 19.2725 43.635C19 43.1002 19 42.4001 19 41V30.6667C19 29.2665 19 28.5665 19.2725 28.0317C19.5122 27.5613 19.8946 27.1788 20.365 26.9391C20.8998 26.6667 21.5999 26.6667 23 26.6667H24V23.3333C24 18.731 27.731 15 32.3333 15ZM37.3333 26.6667H27.3333V23.3333C27.3333 20.5719 29.5719 18.3333 32.3333 18.3333C35.0948 18.3333 37.3333 20.5719 37.3333 23.3333V26.6667Z%22 fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-color:#22A221;}
#yandex .grid .item__header .title {font-size:18px; font-weight:500; line-height:22px; color:#333;}
#yandex .grid .item__header .info .description {font-size:12px; font-weight:500; color:#444; margin-top:5px;}
#yandex .grid .item.sqi .item__header .info .title {font-weight:500;}
#yandex .grid .item__body {margin-top:15px; font-size:14px; line-height:20px;}
#yandex .grid .item.yandex-link {display:flex; align-items:center; justify-content:center;}
#yandex .grid .item.yandex-link a {display:flex;}
#yandex .grid .item.yandex-link a.link {white-space:nowrap; color:var(--color-blue-primary); border-bottom:dotted 1px var(--color-blue-primary);}
#yandex .grid .item.yandex-link svg {width:14px; height:14px; fill:var(--color-blue-primary); margin-left:5px;}