ПКР опроверг запрет украинским атлетам стоять рядом с россиянами на Паралимпиаде

.announce-pop-2003 { overflow: hidden; height: 410px; margin: -25px auto 0; z-index: 11; } .announce-pop-2003__sprite { width: 0; height: 0; overflow: hidden; } .announce-pop-2003__box { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-width: 360px; max-height: 410px; margin: 0 auto; padding: 1px 20px 0; position: relative; } .announce-pop-2003__link { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; text-decoration: none; margin: 164px auto 0; height: 200px; color: #2941d2; } .announce-pop-2003__img { display: -webkit-box; display: flex; background-repeat: no-repeat; background-size: cover; position: absolute; } .announce-pop-2003__img._serduchka { width: 219px; height: 169px; top: 27px; left: 87px; background-image: url(«icdn.lenta.ru/images/2021/08/22/22/20210822224645259/original_38234ff76f5bac6a99ebe5140d7f0896.png»); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .announce-pop-2003__img._bilan { width: 156px; height: 235px; top: 4px; left: 1px; margin: auto; -webkit-transform: rotate(-16.26deg); transform: rotate(-16.26deg); background-image: url(«icdn.lenta.ru/images/2021/08/22/22/20210822224645246/original_126deb28ba3f29e55f95d263f6863d7d.png»); } .announce-pop-2003__img._shnur { width: 332px; height: 257px; top: 7px; right: -20px; background-image: url(«icdn.lenta.ru/images/2021/08/22/22/20210822224645277/original_f0e1154ad1099767993b672f9c82d09b.png»); -webkit-transform: rotate(15deg); transform: rotate(15deg); } .announce-pop-2003__spot { position: absolute; } .announce-pop-2003__spot._left { width: 184px; height: 159px; bottom: -36px; left: -40px; color: #ff00a7; } .announce-pop-2003__spot._right { width: 208px; height: 167px; bottom: -27px; right: -54px; color: #1c1619; } .announce-pop-2003__spot._sticky-center { display: none; } .announce-pop-2003__spot._center { width: 393px; height: 236px; color: #2941d2; } .announce-pop-2003__spot._sinusoid { width: 393px; height: 236px; margin: 10px 0 0 25px; -webkit-clip-path: polygon(103% 35%, 84% 12%, 78% 8%, 79% 9%, 74% 5%, 63% -3%, 31% 45%, 85% 23%); clip-path: polygon(103% 35%, 84% 12%, 78% 8%, 79% 9%, 74% 5%, 63% -3%, 31% 45%, 85% 23%); } .announce-pop-2003__circle { position: absolute; width: 222px; height: 222px; margin: 19px 0 0 -386px; border: 1px solid #cf0ca2; border-radius: 50%; -webkit-clip-path: polygon(55% 25%, 37% 21%, 100% 0, 100% 100%, 97% 84%, 38% 76%, 33% 87%, 33% 80%, 12% 45%, 34% 19%); clip-path: polygon(55% 25%, 37% 21%, 100% 0, 100% 100%, 97% 84%, 38% 76%, 33% 87%, 33% 80%, 12% 45%, 34% 19%); } .announce-pop-2003__paint { position: absolute; width: 362px; height: 280px; margin: -97px -471px 0 0; background-image: url(«icdn.lenta.ru/images/2021/08/22/22/20210822224645218/original_cf6017153db2cd0e272e0f76b06ae786.png»); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(19% 45%, 22% 47%, 22% 47%, 28% 51%, 32% 54%, 34% 57%, 33% 55%, 52% 100%, 0 100%, -27% 7%, -4% 31%, 19% 45%); clip-path: polygon(19% 45%, 22% 47%, 22% 47%, 28% 51%, 32% 54%, 34% 57%, 33% 55%, 52% 100%, 0 100%, -27% 7%, -4% 31%, 19% 45%); } .announce-pop-2003__content { position: relative; height: 166px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; text-align: center; margin-top: 32px; padding: 0 15px; width: 100%; max-width: 325px; box-sizing: border-box; } .announce-pop-2003__logo { width: 49px; height: 8px; color: #fff; fill: #fff; overflow: visible; } .announce-pop-2003__title { position: relative; font: 900 20px/135% 'Source Serif Pro', serif; text-align: center; color: #fff; } .announce-pop-2003__btn { position: relative; width: 73px; height: 30px; background-color: #fff; border-radius: 3px; font: bold 10px/30px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #292929; text-transform: uppercase; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .announce-pop-2003__btn:before { content: ''; position: absolute; width: 73px; height: 30px; top: 0; left: 0; border-radius: 3px; border: 1px solid #fff; box-sizing: border-box; -webkit-transform: translate3d(2px, 3px, -1px); transform: translate3d(2px, 3px, -1px); } @media screen and (max-width: 768px) { .announce-pop-2003._sticked { position: -webkit-sticky; position: sticky; top: 45px; padding: 1px 0 0; height: 110px; margin: 0; } .announce-pop-2003._sticked .announce-pop-2003__box { padding: 0; } .announce-pop-2003._sticked .announce-pop-2003__images { z-index: 1; -webkit-clip-path: ellipse(224px 64px at 193px 40px); clip-path: ellipse(224px 64px at 193px 40px); } .announce-pop-2003._sticked .announce-pop-2003__img._serduchka { width: 89px; height: 68px; top: 25px; left: 24px; -webkit-transform: rotate(18.91deg); transform: rotate(18.91deg); } .announce-pop-2003._sticked .announce-pop-2003__img._bilan { margin: 0; width: 63px; height: 95px; top: 15px; left: -9px; -webkit-transform: rotate(-27.35deg); transform: rotate(-27.35deg); } .announce-pop-2003._sticked .announce-pop-2003__img._shnur { width: 122px; height: 94px; right: auto; top: 14px; left: 9px; -webkit-transform: rotate(3.91deg); transform: rotate(3.91deg); } .announce-pop-2003._sticked .announce-pop-2003__spot._sinusoid, .announce-pop-2003._sticked .announce-pop-2003__spot._center { display: none; } .announce-pop-2003._sticked .announce-pop-2003__spot._sticky-center { display: block; width: 501px; height: 170px; bottom: 11px; left: -67px; } .announce-pop-2003._sticked .announce-pop-2003__spot._right { bottom: 18px; right: -65px; color: #ff00a7; } .announce-pop-2003._sticked .announce-pop-2003__spot._left { bottom: 2px; left: -55px; color: #1c1619; } .announce-pop-2003._sticked .announce-pop-2003__circle, .announce-pop-2003._sticked .announce-pop-2003__paint, .announce-pop-2003._sticked .announce-pop-2003__logo { display: none; } .announce-pop-2003._sticked .announce-pop-2003__link { position: static; margin: 0; padding: 3px 20px 27px 110px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 90px; } .announce-pop-2003._sticked .announce-pop-2003__content { margin-top: 0; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: auto; z-index: 1; } .announce-pop-2003._sticked .announce-pop-2003__title { text-align: left; font-size: 16px; line-height: 22px; } .announce-pop-2003._sticked .announce-pop-2003__btn { visibility: hidden; position: absolute; top: 40%; right: -26px; width: 26px; } .announce-pop-2003._sticked .announce-pop-2003__btn:before, .announce-pop-2003._sticked .announce-pop-2003__btn:after { content: ''; display: block; width: 7px; height: 7px; visibility: visible; border-top: 2px solid #cf0ca2; border-right: 2px solid #cf0ca2; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 3px; box-sizing: border-box; position: absolute; top: -3px; right: 22px; } .announce-pop-2003._sticked .announce-pop-2003__btn:before { right: 27px; border-radius: 0; border-left: none; border-bottom: none; } } @media screen and (min-width: 769px) { .announce-pop-2003 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; margin: 40px 0 50px; padding: 0; height: 138px; overflow: visible; } .announce-pop-2003__box { max-width: 1000px; } .announce-pop-2003__img._serduchka { width: 166px; height: 128px; top: -50px; left: 54px; -webkit-transform: rotate(-16.04deg); transform: rotate(-16.04deg); } .announce-pop-2003__img._bilan { width: 106px; height: 160px; top: -1px; left: 22px; -webkit-transform: rotate(-62.3deg); transform: rotate(-62.3deg); margin: 0; } .announce-pop-2003__img._shnur { width: 203px; height: 157px; top: -51px; right: 27px; -webkit-transform: rotate(30deg); transform: rotate(30deg); } .announce-pop-2003__link { height: 143px; margin: 0; } .announce-pop-2003__link:hover .announce-pop-2003__btn { -webkit-transform: translate(2px, 3px); transform: translate(2px, 3px); } .announce-pop-2003__link:hover .announce-pop-2003__btn:before { -webkit-transform: translate3d(0, 0, -1px); transform: translate3d(0, 0, -1px); } .announce-pop-2003__spot._center { width: 436px; height: 236px; top: -53px; left: 83px; -webkit-transform: scale(1, 0.92); transform: scale(1, 0.92); } .announce-pop-2003__spot._sinusoid { width: 436px; height: 236px; margin: -53px 0 0 2px; -webkit-clip-path: polygon(92% 22%, 79% 11%, 75% 8%, 71% 5%, 67% 3%, 56% -2%, 31% 45%, 85% 23%); clip-path: polygon(92% 22%, 79% 11%, 75% 8%, 71% 5%, 67% 3%, 56% -2%, 31% 45%, 85% 23%); } .announce-pop-2003__spot._left { width: 167px; height: 203px; top: 0px; left: 63px; -webkit-transform: rotate(145deg); transform: rotate(145deg); color: #1c1619; } .announce-pop-2003__spot._right { width: 174px; height: 153px; top: 6px; right: 76px; -webkit-transform: matrix(-0.42, 1, -1.5, -0.18, 0, 0) rotate(105deg); transform: matrix(-0.42, 1, -1.5, -0.18, 0, 0) rotate(105deg); color: #ff00a7; } .announce-pop-2003__circle { display: none; } .announce-pop-2003__paint { margin: -35px 6px 0 0; -webkit-clip-path: polygon(100% 0%, 100% 100%, 35% 76%, 46% 73%, 34% 70%, 25% 65%, 23% 63%, 22% 62%, 20% 59%, 19% 57%, 16% 52%, 14% 49%, 13% 48%, 1% 33%, 0% 0%); clip-path: polygon(100% 0%, 100% 100%, 35% 76%, 46% 73%, 34% 70%, 25% 65%, 23% 63%, 22% 62%, 20% 59%, 19% 57%, 16% 52%, 14% 49%, 13% 48%, 1% 33%, 0% 0%); } .announce-pop-2003__content { height: 100%; width: 60%; margin: -10px auto 0; padding: 0 0 0 27px; box-sizing: border-box; } .announce-pop-2003__title { font-size: 20px; line-height: 27px; } .announce-pop-2003__btn, .announce-pop-2003__btn:before { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .announce-pop-2003._premium .announce-pop-2003__spot._center { -webkit-transform: scale(1.1, 0.92); transform: scale(1.1, 0.92); left: 113px; } .announce-pop-2003._premium .announce-pop-2003__spot._sinusoid { margin-left: -10px; } .announce-pop-2003._premium .announce-pop-2003__spot._left { left: 84px; -webkit-transform: rotate(155deg) scale(1.3, 1); transform: rotate(155deg) scale(1.3, 1); } .announce-pop-2003._premium .announce-pop-2003__spot._right { right: 83px; } .announce-pop-2003._premium .announce-pop-2003__content { padding: 0; } .announce-pop-2003._premium .announce-pop-2003__paint { margin: -36px 0 0 -70px; -webkit-clip-path: polygon(100% 0%, 100% 100%, 35% 77%, 46% 73%, 34% 70%, 27% 68%, 23% 63%, 21% 61%, 19% 58%, 17% 55%, 15% 52%, 13% 49%, 12% 48%, 0% 35%, 0% 0%); clip-path: polygon(100% 0%, 100% 100%, 35% 77%, 46% 73%, 34% 70%, 27% 68%, 23% 63%, 21% 61%, 19% 58%, 17% 55%, 15% 52%, 13% 49%, 12% 48%, 0% 35%, 0% 0%); } .announce-pop-2003._sticked { position: -webkit-sticky; position: sticky; top: -54px; } .announce-pop-2003._sticked .announce-pop-2003__content { width: 60%; height: 152px; padding: 0 0 0 42px; } .announce-pop-2003._sticked .announce-pop-2003__spot._center { top: -55px; left: 81px; -webkit-transform: scale(1, -0.92); transform: scale(1, -0.92); } .announce-pop-2003._sticked .announce-pop-2003__spot._right { right: 61px; } .announce-pop-2003._sticked .announce-pop-2003__spot._left { top: -23px; left: 56px; } .announce-pop-2003._sticked .announce-pop-2003__img._serduchka { width: 125px; height: 97px; top: 21px; left: -2px; -webkit-transform: rotate(-76.04deg); transform: rotate(-76.04deg); } .announce-pop-2003._sticked .announce-pop-2003__img._bilan { width: 80px; height: 121px; top: 74px; left: 39px; -webkit-transform: rotate(-122.3deg); transform: rotate(-122.3deg); } .announce-pop-2003._sticked .announce-pop-2003__img._shnur { top: 4px; right: -23px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .announce-pop-2003._sticked .announce-pop-2003__paint, .announce-pop-2003._sticked .announce-pop-2003__btn { display: none; } .announce-pop-2003._sticked .announce-pop-2003__title { font-size: 18px; line-height: 135%; } .announce-pop-2003._sticked._premium .announce-pop-2003__img._serduchka { left: 3px; } .announce-pop-2003._sticked._premium .announce-pop-2003__img._shnur { right: -19px; } .announce-pop-2003._sticked._premium .announce-pop-2003__spot._center { -webkit-transform: scale(1.2, -0.92); transform: scale(1.2, -0.92); left: 134px; } .announce-pop-2003._sticked._premium .announce-pop-2003__spot._right { right: 66px; } .announce-pop-2003._sticked._premium .announce-pop-2003__spot._left { left: 86px; } }