| 1 |
{"version":3,"file":"2-content_firewall.css","sources":["2-content_firewall.scss","_variables.scss"],"sourcesContent":["@import \"variables.scss\";\r\n\r\n.wtotem {\r\n &_firewall {\r\n }\r\n\r\n &_numbers {\r\n }\r\n\r\n &_from {\r\n }\r\n}\r\n\r\n.wtotem_firewall {\r\n margin-bottom: 20px;\r\n &__first {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n &__stats {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n &__icon {\r\n display: block;\r\n width: 14px;\r\n height: 14px;\r\n margin-right: 10px;\r\n }\r\n\r\n &__text {\r\n color: #86939e;\r\n }\r\n\r\n &__block {\r\n display: flex;\r\n justify-content: space-between;\r\n & > div {\r\n // 2 блока numbers / from\r\n background: #fff;\r\n width: 495px;\r\n }\r\n }\r\n}\r\n\r\n.wtotem_numbers {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 18px 24px 30px 24px;\r\n &__item {\r\n text-align: center;\r\n }\r\n\r\n &__title {\r\n line-height: 18px;\r\n color: #86939e;\r\n margin-bottom: 15px;\r\n }\r\n\r\n &__figures {\r\n color: #1d293f;\r\n font-size: 32px;\r\n font-weight: 700;\r\n }\r\n}\r\n.wtotem_from {\r\n display: flex;\r\n align-items: center;\r\n padding: 17px 23px;\r\n &:after {\r\n content: \"\";\r\n margin-left: auto;\r\n border: solid #5e6977;\r\n border-width: 0 1.5px 1.5px 0;\r\n display: inline-block;\r\n padding: 6px;\r\n transform: rotate(-45deg);\r\n -webkit-transform: rotate(-45deg);\r\n }\r\n\r\n // SVG progress bar 100%\r\n &__svg-wrap {\r\n position: relative;\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 2;\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 100%;\r\n border: 14px solid #f3f5f6;\r\n }\r\n }\r\n\r\n &__progress {\r\n position: relative;\r\n z-index: 3;\r\n width: 70px;\r\n height: 70px;\r\n }\r\n\r\n &__circle {\r\n stroke-width: 13px;\r\n stroke: $c-blue;\r\n fill: transparent;\r\n transform-origin: center;\r\n transform: rotate(-90deg);\r\n transition: stroke-dashoffset 0.3s;\r\n stroke-dashoffset: 0;\r\n }\r\n\r\n &__percent {\r\n position: absolute;\r\n display: block;\r\n width: 33px;\r\n top: 33%;\r\n left: 29%;\r\n font-weight: 700;\r\n font-size: 12px;\r\n text-align: center;\r\n }\r\n //-------------------------------\r\n\r\n &__info {\r\n margin-left: 18px;\r\n }\r\n\r\n &__title {\r\n color: #86939e;\r\n margin-bottom: 9px;\r\n }\r\n\r\n &__country {\r\n font-size: 18px;\r\n color: #1d293f;\r\n line-height: 18px;\r\n & span {\r\n color: $c-blue;\r\n }\r\n }\r\n}\r\n","$c-blue: #3d50df;\r\n$c-titles: #5e6977;\r\n$c-orange: #d56c6a;\r\n"],"names":[],"mappings":"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"} |
