<![CDATA[ .dec_rouge, .meta__publisher.dec_rouge { color: rgba(190, 21, 20, 1); }
.renvoi { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 17px; font-weight: 600; color: var(–lmd-color-storm-content-dark); } .dec_contenu { max-width: 900px; margin: 0 auto; position: relative; } .dec_contenu .grasdecodeurs { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 1.7rem; font-weight: bold; } .dec_contenu .d_titre { padding: 6px 0; display: block; } .dec_contenu .d_texte { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; margin: 1em 0; kyiv announces signing agreement council padding: 0; font-weight: 400; font-size: 1.6rem; line-height: 1.5; } .dec_contenu .d_explications { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; margin: 0 auto 1rem auto; padding: 1em 1.5em; border-radius: 2px; font-size: 1.6rem; line-height: 1.4; color: #3f4142; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); } .d_explications svg { height: 2rem; width: 2rem; margin-bottom: -0.4rem; margin-right: 0.25rem; opacity: 0.7; } .dec_contenu .source { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; color: #9a9a9a; margin: 1rem auto 0 auto; width: 100%; font-size: 1.1rem; } .dec_contenu .passelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dec_contenu span.desktop { display: inline; } .dec_contenu span.mobile { display: none; } .contenant_glissiere { display: block; position: relative; } .contenant_glissiere.mobile { display: none; } .carte { position: relative; } .carte .nom_mer { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 1.6rem; font-style: italic; letter-spacing: 0.1rem; fill: #7f9ab1; text-anchor: middle; } .contenantlegende { position: kyiv announces signing agreement council relative; font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 12px; padding: 5px; } .legende span { margin-bottom: -1.5px; height: 12px; width: 12px; margin-right: 2.5px; display: inline-block; } .legende .rectangle { height: 10px; width: 10px; margin-bottom: -1px; display: inline-block; border: 1px solid white; margin-left: 2.5px; margin-right: 7.5px; } .legende .rectangle.noir { background-color: #426a81; } .legende .rectangle.dispute { background-color: #013a6b; background-image: -webkit-linear-gradient(30deg, #426a81 50%, #b75050 50%); } .legende .rectangle.rouge { background-color: #b75050; } .legende svg path, #centralesnucleaires path { fill: rgba(0, 0, 0, 0.4); } .legende span.revendique { background-color: #f0a4a4; border: 1px solid rgba(0, 0, 0, 0.1); } .legende span.terr_occup { background-color: #fde1e1; border: 1px solid rgba(0, 0, 0, 0.1); } .legende span.incursion_ukr { background: linear-gradient(45deg, rgba(2, 172, 233, 0.6) 1%, #ddedf7 1%, #ddedf7 49%, rgba(2, 172, 233, 0.6) 49%, rgba(2, 172, 233, 0.6) 51%, #ddedf7 51%, #ddedf7 99%, rgba(2, 172, 233, 0.6) 99%); background-size: 5px 5px; background-position: 50px 50px; border: 1px kyiv announces signing agreement council solid #a3d4ef; } .carte .ligne_echelle { stroke-width: 1.2px; stroke: black; } .carte .tick { stroke-width: 1.2px; stroke: black; } .label { font-size: 1.2rem; font-weight: 500; text-anchor: middle; font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; } .carte .date { position: absolute; top: 14px; right: 4px; font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; font-size: 14px; text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px; } .carte .carre_ville { stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.5px; fill: kyiv announces signing agreement council #426a81; } .carte .carre_ville.rouge { fill: #b75050; } .carte .carre_ville.dispute { fill: url(#diagonal); stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.5px; } .carte path.etat { fill: #f4f4f4; stroke-width: 0; } .carte .dispute.mda { display: none; } .carte .pointilles { fill: none; stroke: rgba(0, 0, 0, 1); stroke-width: 2px; stroke-dasharray: 3, 2; } .carte .oblasts { fill: none; stroke: rgba(0, 0, 0, 0.03); stroke-width: 1px; } .carte .frontiere { fill: none; stroke: #a4a4a4; stroke-width: 1px; } .carte .dispute { stroke: none; } .carte .dispute.ukr { fill: none; } .carte path.etat.ukr { fill: white; } .carte .frontiere.ukr { fill: none; stroke: #9a9a9a; stroke-width: 1.5px; } .carte .riviere { fill: none; stroke: #a5bed3; stroke-width: 0.5px; } .carte .reservoirs { stroke: #a5bed3; fill: #c3d3de; stroke-width: 0.5px; } .carte .fondmer rect { fill: #c3d3de; } .dec_contenu text.end { text-anchor: end; } .dec_contenu text.start { text-anchor: start; } .dec_contenu text.dessus, .dec_contenu text.dessous { text-anchor: middle; } .dec_contenu .capitale kyiv announces signing agreement council { font-size: 17px; letter-spacing: 1px; font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-weight: 600; fill: #24343e; } .dec_contenu .texte_ville { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-weight: 500; font-size: 9px; fill: #24343e; } .dec_contenu .texte_ville.rouge { fill: #661313; } .dec_contenu .capitale.blanc, .dec_contenu .nom_region.blanc, .dec_contenu .texte_ville.blanc { fill: white; stroke: white; stroke-width: 2.5px; } .dec_contenu text.etat, .dec_contenu textPath.etat { font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; fill: rgba(0, 0, 0, 0.2); font-size: 22px; letter-spacing: 7px; text-anchor: middle; } .dec_contenu text.etat.petit { font-size: 13px; letter-spacing: 0.3rem; } .dec_contenu text.etat.grand, .dec_contenu textPath.etat.grand { font-size: 4px; letter-spacing: 30px; } .dec_contenu .occupe { stroke: rgba(175, 22, 15, 0.8); stroke-width: 0; fill: #fde1e1; } .dec_contenu .revendique { fill: #f0a4a4; stroke-width: 1px; stroke: #f0a4a4; } .dec_contenu .uaf { fill: #ffff00; } .dec_contenu .nom_region { font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; font-size: 10px; font-style: italic; text-anchor: middle; fill: #661313; } .dec_contenu .nom_region.pasitalique kyiv announces signing agreement council { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; font-size: 12px; font-style: initial; font-weight: 600; } .contenant_glissiere { display: flex; flex-wrap: nowrap; align-items: flex-start; } .contenant_glissiere .glissiere { width: calc(100% – 30px); } .contenant_glissiere .glissiere .ticks .tick text.gras { font-weight: 600; } .contenant_glissiere .lecturepause { width: 30px; text-align: center; align-self: flex-start; } .contenant_glissiere .lecturepause svg { cursor: pointer; max-width: 30px; } .contenant_glissiere .lecturepause svg .fond { fill: #2c2d2e; } .contenant_glissiere .lecturepause svg circle { fill: none; stroke: #2c2d2e; stroke-width: 6px; } .contenant_glissiere .lecturepause svg:hover circle { fill: #2c2d2e; } .contenant_glissiere .lecturepause svg:hover .fond { fill: white; } .contenant_glissiere .lecturepause svg .pause { pointer-events: none; visibility: hidden; } .contenant_glissiere .lecturepause svg .lecture { pointer-events: none; } #glissou .ticks .domain { display: none; } #glissou .ticks text { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; text-anchor: end; } #glissou svg line.track-color { stroke: #2c2d2e; stroke-width: 8px; } #glissou svg line.track-inset { kyiv announces signing agreement council stroke: rgba(0, 0, 0, 0.2); stroke-width: 8px; } #glissou svg line.track-overlay { stroke: transparent; stroke-width: 40px; stroke-opacity: 0; cursor: ew-resize; } #glissou svg .handle { fill: #2c2d2e; stroke: #fff; stroke-width: 3px; cursor: grab !important; } #glissou svg .handle:active { cursor: grabbed; } #glissou svg line.track-overlay, #glissou svg line.track, #glissou svg line.track-inset, #glissou svg line.track-color { stroke-linecap: round; } .tt_date { font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; letter-spacing: 0.065rem; font-size: 1.4rem; font-weight: 600; border-radius: 0; padding: 2rem 1.5rem; position: absolute; z-index: 9999; max-width: 250px; min-width: 115px; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #e2e4e9; background: #fff; color: #131e2b; z-index: 5; top: -60px; text-align: center; /* transition: left 0.01s ease; */ } .tt_date .hr { margin-top: 1rem; border-top: 1px solid #e8eaee; padding-bottom: 1rem; } .tt_date, .arrow:after { background: #fff; border: 1px solid #e2e4e9 !important; } .arrow { width: 70px; height: 16px; overflow: hidden;250 position: absolute; left: kyiv announces signing agreement council 50%; margin-left: -35px; bottom: -16px; } .arrow:after { content: “”. position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .carte .date sup, .tt_date .contenu sup { text-transform: lowercase; letter-spacing: initial; } @media screen and (max-width: 600px) { #glissou .ticks text { font-size: 90%; } .contenantlegende { display: block; position: relative; font-size: 13px; margin-left: 10px; margin-bottom: 2px; bottom: initial; left: initial; background-color: transparent; } .label { font-size: 1rem; font-weight: 500; } .contenantlegende .legende { display: inline-block; padding: 2px 4px 2px 2px; } .contenantlegende .legende.cacher { display: none; } .contenant_glissiere, .tt_date, .arrow, .dec_contenu text.etat { display: none; } .dec_contenu textPath.etat.grand { font-size: 3rem; letter-spacing: 1.8rem; } .contenant_glissiere.mobile { display: flex; } .dec_contenu span.desktop { display: none; } .dec_contenu span.mobile { display: inline; } .carte .frontiere.ukr { stroke-width: 1px; } .contenant_glissiere .lecturepause svg circle { stroke-width: 4px; } .contenant_glissiere .lecturepause svg { width: kyiv announces signing agreement council 80%; margin-left: 10px; } .contenant_glissiere .glissiere { width: calc(100% – 40px); } .contenant_glissiere .lecturepause { width: 30px; align-self: flex-start; } } [data-color-mode=”dark”] .carte .date { text-shadow: #080f1d 2px 0px 0px, #080f1d 1.75517px 0.958851px 0px, #080f1d 1.0806px 1.68294px 0px, #080f1d 0.141474px 1.99499px 0px, #080f1d -0.832294px 1.81859px 0px, #080f1d -1.60229px 1.19694px 0px, #080f1d -1.97998px 0.28224px 0px, #080f1d -1.87291px -0.701566px 0px, #080f1d -1.30729px -1.5136px 0px, #080f1d -0.421592px -1.95506px 0px, #080f1d 0.567324px -1.91785px 0px, #080f1d 1.41734px -1.41108px 0px, #080f1d 1.92034px -0.558831px 0px; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg .fond { fill: white; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg circle { fill: #181a1e; stroke: white; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg:hover circle { fill: white; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg:hover .fond { fill: #181a1e; } [data-color-mode=”dark”] #glissou svg .handle { stroke: #181a1e; fill: #fff; } [data-color-mode=”dark”] #glissou svg line.track-color { stroke: #fff; } [data-color-mode=”dark”] #glissou svg line.track-inset { stroke: rgba(255, 255, 255, 0.2); } [data-color-mode=”dark”] .carte path.etat { kyiv announces signing agreement council fill: #080f1d; } [data-color-mode=”dark”] .dec_contenu .capitale.blanc, [data-color-mode=”dark”] .dec_contenu .nom_region.blanc, [data-color-mode=”dark”] .dec_contenu .texte_ville.blanc { fill: none; stroke: rgba(0, 0, 0, 0.2); } [data-color-mode=”dark”] .carte path.etat.ukr { fill: #2a303c; } [data-color-mode=”dark”] .dec_contenu .capitale, [data-color-mode=”dark”] .dec_contenu .nom_region, [data-color-mode=”dark”] .dec_contenu .texte_ville { fill: rgba(255, 255, 255, 0.75); } [data-color-mode=”dark”] .dec_contenu textPath.etat { fill: rgba(255, 255, 255, 0.2); } [data-color-mode=”dark”] .dec_contenu .revendique { fill: #9e3737; stroke: #9e3737; } [data-color-mode=”dark”] .dec_contenu .occupe { fill: #6c2121; } [data-color-mode=”dark”] .carte .fondmer rect { fill: #102b3f; } [data-color-mode=”dark”] .carte .reservoirs { stroke: #a5bed3; fill: #102b3f; stroke-width: 0; } [data-color-mode=”dark”] .carte .riviere { stroke: #102b3f; } [data-color-mode=”dark”] .carte .frontiere { stroke: #696969; } [data-color-mode=”dark”] .carte .oblasts { stroke: rgba(255, 255, 255, 0.03); } [data-color-mode=”dark”] .dec_contenu .carre_ville.rouge { fill: rgba(190, 21, 20, 1); } [data-color-mode=”dark”] .dec_contenu .texte_ville.rouge { fill: #d04a4a; } [data-color-mode=”dark”] .carte .contenantlegende { background-color: rgba(245, 245, 245, 0); } [data-color-mode=”dark”] .carte .occupe { fill: #6c2121; } [data-color-mode=”dark”] .carte .revendique kyiv announces signing agreement council { fill: #9e3737; } [data-color-mode=”dark”] .carte .legende span.revendique { background-color: #9e3737; border-width: 0; } [data-color-mode=”dark”] .carte .legende span.terr_occup { background-color: #6c2121; border-width: 0; } [data-color-mode=”dark”] .carte .legende span.incursion_ukr { background: linear-gradient(45deg, rgba(2, 172, 233, 0.6) 1%, rgba(2, 172, 233, 0.1) 1%, rgba(2, 172, 233, 0.1) 49%, rgba(2, 172, 233, 0.6) 49%, rgba(2, 172, 233, 0.6) 51%, rgba(2, 172, 233, 0.1) 51%, rgba(2, 172, 233, 0.1) 99%, rgba(2, 172, 233, 0.6) 99%); background-size: 5px 5px; background-position: 50px 50px; border: 1px solid #a3d4ef; } [data-color-mode=”dark”] .tt_date { border-color: rgba(255, 255, 255, 0.2) !important; border-width: 1px 0 0 0; background: #181a1e !important; color: rgba(255, 255, 255, 0.85) !important; } [data-color-mode=”dark”] .tt_date:after, [data-color-mode=”dark”] .arrow:after { border-color: rgba(255, 255, 255, 0.2) !important; background: #181a1e !important; } [data-color-mode=”dark”] .carte .tick, [data-color-mode=”dark”] .carte .ligne_echelle { stroke: white; opacity: 0.7; } [data-color-mode=”dark”] .label { fill: white; opacity: 0.7; } [data-color-mode=”dark”] .d_explications { background-color: #3f4142; color: rgba(255, 255, 255, kyiv announces signing agreement council 0.85); } [data-color-mode=”dark”] .d_explications svg { fill: white; } ]]>
Territory occupied by Russia
Combat zone
Ukrainian foray
City controlled by Ukrainians
City controlled by the Russians
City with disputed status
Read all our articles, analyzes and reports on the war in Ukraine.
Find our previous live on the war in Ukraine.