Стилисты назвали главные модные тренды осени 2021 года — Lenta.ru

.announce-pop-2008 { overflow: hidden; height: 410px; margin: -30px auto 0; z-index: 11; } .announce-pop-2008__sprite { width: 0; height: 0; overflow: hidden; } .announce-pop-2008__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-2008__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: 160px auto 0; height: 200px; } .announce-pop-2008__images { pointer-events: none; } .announce-pop-2008__img { position: absolute; display: -webkit-box; display: flex; background-repeat: no-repeat; background-size: cover; } .announce-pop-2008__img._paint { width: 188px; height: 221px; top: 12px; right: 6px; background-image: url(«https://icdn.lenta.ru/images/2021/09/24/14/20210924145004761/original_5fdfa9b52daab763588ab34525c3cc66.png»); } .announce-pop-2008__img._fire { width: 270px; height: 94px; top: 101px; left: -11px; background-image: url(«https://icdn.lenta.ru/images/2021/09/24/14/20210924145004742/original_7da4263c47ee929d40f4d241825f281e.png»); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .announce-pop-2008__img._wire { width: 162px; height: 157px; top: 34px; left: 104px; background-image: url(«https://icdn.lenta.ru/images/2021/09/24/14/20210924145004780/original_76f0a2376c8dd02f23a73cc51532059d.png»); } .announce-pop-2008__img._krovostok { width: 233px; height: 209px; top: 22px; right: 7px; background-image: url(«https://icdn.lenta.ru/images/2021/09/24/14/20210924145004758/original_941caf0a6d729072ba11dc549bf35d18.png»); -webkit-transform: rotate(17.24deg); transform: rotate(17.24deg); } .announce-pop-2008__img._smash { width: 208px; height: 187px; top: 38px; left: -36px; background-image: url(«https://icdn.lenta.ru/images/2021/09/24/14/20210924145004775/original_d55edb153e8398176a3722f2010204e3.png»); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .announce-pop-2008__clip { position: absolute; width: 393px; height: 236px; margin-left: 6px; -webkit-clip-path: polygon(68.5% 3.7%, 73% 6.4%, 76.5% 9%, 81% 12.8%, 84.8% 16%, 87% 17%, 93% 24%, 96% 28%, 98% 32%, 99.6% 38%, 100% 44%, 99.5% 50%, 98% 58%, 95% 65%, 92% 69%, 86% 73%, 76% 78%, 70% 82%, 65% 89%, 58% 96%, 54% 99%, 47% 100%, 41% 99%, 35% 97%, 26% 91.7%, 21% 86%, 18% 79%, 14% 71%, 13% 67%, 8% 60%, 3% 53%, 1% 48%, 0% 44%, 0% 39%, 2% 32.1%, 4% 28.5%, 5% 27%, 6% 25.6%, 8% 22.9%, 10% 20.7%, 12% 18.5%, 14% 16.5%, 16% 14.7%, 19% 12.4%, 21% 11.2%, 24% 9.6%, 34% 6%, 44% 2%, 54% 0%, 61% 0%); clip-path: polygon(68.5% 3.7%, 73% 6.4%, 76.5% 9%, 81% 12.8%, 84.8% 16%, 87% 17%, 93% 24%, 96% 28%, 98% 32%, 99.6% 38%, 100% 44%, 99.5% 50%, 98% 58%, 95% 65%, 92% 69%, 86% 73%, 76% 78%, 70% 82%, 65% 89%, 58% 96%, 54% 99%, 47% 100%, 41% 99%, 35% 97%, 26% 91.7%, 21% 86%, 18% 79%, 14% 71%, 13% 67%, 8% 60%, 3% 53%, 1% 48%, 0% 44%, 0% 39%, 2% 32.1%, 4% 28.5%, 5% 27%, 6% 25.6%, 8% 22.9%, 10% 20.7%, 12% 18.5%, 14% 16.5%, 16% 14.7%, 19% 12.4%, 21% 11.2%, 24% 9.6%, 34% 6%, 44% 2%, 54% 0%, 61% 0%); } .announce-pop-2008__clip:after { content: »; position: absolute; top: -9px; left: 2px; display: block; width: 107px; height: 108px; background: url(«https://icdn.lenta.ru/images/2021/09/24/14/20210924145004735/original_551dedf560ab49dcd00f33f9470d7b9f.png») no-repeat center/cover; } .announce-pop-2008__spot { position: absolute; pointer-events: none; } .announce-pop-2008__spot._left { width: 184px; height: 159px; bottom: -45px; left: -40px; color: #ecfe03; } .announce-pop-2008__spot._right { width: 208px; height: 167px; bottom: -28px; right: -54px; color: #1c1619; } .announce-pop-2008__spot._sticky-center { display: none; } .announce-pop-2008__spot._center { width: 400px; height: 236px; color: #038997; } .announce-pop-2008__spot._sinusoid { width: 100%; height: 100%; margin-left: 26px; margin-top: 10px; } .announce-pop-2008__content { 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; -webkit-box-pack: justify; justify-content: space-between; margin-top: 32px; padding: 0 16px; width: 100%; max-width: 320px; height: 168px; box-sizing: border-box; text-align: center; } .announce-pop-2008__logo { width: 49px; height: 8px; color: #fff; fill: #fff; overflow: visible; } .announce-pop-2008__title { font: 900 20px/135% ‘Source Serif Pro’, serif; text-align: center; color: #fff; } .announce-pop-2008__btn { position: relative; width: 73px; height: 30px; background-color: #fff; border-radius: 3px; font: bold 10px/30px ‘Helvetica Neue’, Helvetica, Arial, sans-serif; letter-spacing: 0.04em; color: #292929; text-transform: uppercase; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .announce-pop-2008__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: 320px) { .announce-pop-2008__content { padding: 0 14px; } } @media screen and (max-width: 768px) { .announce-pop-2008._sticked { position: -webkit-sticky; position: sticky; top: 45px; padding: 1px 0 0; height: 110px; margin: 0; } .announce-pop-2008._sticked .announce-pop-2008__box { padding: 0; } .announce-pop-2008._sticked .announce-pop-2008__images { z-index: 1; -webkit-clip-path: ellipse(214px 62px at 181.5px 40.8px); clip-path: ellipse(214px 62px at 181.5px 40.8px); } .announce-pop-2008._sticked .announce-pop-2008__img._paint { width: 188px; height: 221px; top: -19px; right: auto; margin-left: -35px; } .announce-pop-2008._sticked .announce-pop-2008__img._fire { display: none; } .announce-pop-2008._sticked .announce-pop-2008__img._wire { display: none; } .announce-pop-2008._sticked .announce-pop-2008__img._krovostok { width: 128px; height: 115px; top: -3px; right: auto; margin-left: -10px; } .announce-pop-2008._sticked .announce-pop-2008__img._smash { display: none; } .announce-pop-2008._sticked .announce-pop-2008__clip { right: -160px; } .announce-pop-2008._sticked .announce-pop-2008__clip:after { width: 73px; height: 73px; top: 31px; left: 181px; } .announce-pop-2008._sticked .announce-pop-2008__logo { display: none; } .announce-pop-2008._sticked .announce-pop-2008__spot._sticky-center { display: block; width: 501px; height: 170px; bottom: 11px; left: -67px; color: #038997; } .announce-pop-2008._sticked .announce-pop-2008__spot._center { display: none; } .announce-pop-2008._sticked .announce-pop-2008__spot._right { bottom: 18px; right: -65px; color: #ecfe03; } .announce-pop-2008._sticked .announce-pop-2008__spot._left { bottom: 2px; left: -55px; color: #1c1619; } .announce-pop-2008._sticked .announce-pop-2008__spot._sinusoid { display: none; } .announce-pop-2008._sticked .announce-pop-2008__link { position: static; margin: 0; padding: 4px 19px 26px 120px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 90px; } .announce-pop-2008._sticked .announce-pop-2008__content { margin-top: 0; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: auto; } .announce-pop-2008._sticked .announce-pop-2008__title { text-align: left; font-size: 16px; line-height: 22px; } .announce-pop-2008._sticked .announce-pop-2008__btn { visibility: hidden; position: absolute; top: 41%; right: -16px; width: 26px; } .announce-pop-2008._sticked .announce-pop-2008__btn:before, .announce-pop-2008._sticked .announce-pop-2008__btn:after { content: »; display: block; width: 7px; height: 7px; visibility: visible; border-top: 2px solid #ecfe03; border-right: 2px solid #ecfe03; -webkit-transform: rotate(45deg); transform: rotate(45deg); padding: 3px; box-sizing: border-box; position: absolute; top: -3px; right: 22px; } .announce-pop-2008._sticked .announce-pop-2008__btn:before { right: 27px; border-radius: 0; border-left: none; border-bottom: none; } } @media screen and (min-width: 769px) { .announce-pop-2008 { -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-2008__box { max-width: 1000px; } .announce-pop-2008__img._paint { display: none; } .announce-pop-2008__img._fire { width: 185px; height: 94px; top: 24px; left: 10px; -webkit-transform: rotate(-34.13deg); transform: rotate(-34.13deg); } .announce-pop-2008__img._wire { top: -41px; left: 106px; } .announce-pop-2008__img._krovostok { width: 166px; height: 150px; top: -20px; right: 22px; -webkit-transform: rotate(75deg); transform: rotate(75deg); } .announce-pop-2008__img._smash { top: -37px; left: -23px; -webkit-transform: rotate(-48.83deg); transform: rotate(-48.83deg); } .announce-pop-2008__clip { margin-left: 27px; top: -53px; -webkit-clip-path: polygon(66.5% 5.7%, 73% 9.4%, 76.5% 12%, 81% 15.8%, 84.8% 18.6%, 87% 20.4%, 93% 26%, 96% 28%, 98% 32%, 99.6% 38%, 100% 44%, 99.5% 50%, 98% 58%, 95% 65%, 92% 69%, 86% 73%, 76% 78%, 70% 82%, 65% 89%, 58% 96%, 54% 99%, 47% 100%, 41% 99%, 35% 93.2%, 33% 92.3%, 31% 91.3%, 29% 90%, 25.7% 87.9%, 24% 86.4%, 22.8% 85%, 21.8% 83.7%, 20% 81%, 19.2% 79.6%, 18% 77.3%, 17% 75.2%, 15% 70.7%, 13% 66.6%, 8% 60%, 3% 53%, 1% 48%, 0% 44%, 0% 39%, 2% 32.1%, 6% 25%, 14% 17.8%, 17% 14%, 23% 10%, 34% 6%, 44% 2%, 54% 0%, 61% 0%); clip-path: polygon(66.5% 5.7%, 73% 9.4%, 76.5% 12%, 81% 15.8%, 84.8% 18.6%, 87% 20.4%, 93% 26%, 96% 28%, 98% 32%, 99.6% 38%, 100% 44%, 99.5% 50%, 98% 58%, 95% 65%, 92% 69%, 86% 73%, 76% 78%, 70% 82%, 65% 89%, 58% 96%, 54% 99%, 47% 100%, 41% 99%, 35% 93.2%, 33% 92.3%, 31% 91.3%, 29% 90%, 25.7% 87.9%, 24% 86.4%, 22.8% 85%, 21.8% 83.7%, 20% 81%, 19.2% 79.6%, 18% 77.3%, 17% 75.2%, 15% 70.7%, 13% 66.6%, 8% 60%, 3% 53%, 1% 48%, 0% 44%, 0% 39%, 2% 32.1%, 6% 25%, 14% 17.8%, 17% 14%, 23% 10%, 34% 6%, 44% 2%, 54% 0%, 61% 0%); } .announce-pop-2008__clip:after { top: 138px; left: 37px; } .announce-pop-2008__spot._center { width: 436px; height: 236px; top: -53px; left: 83px; -webkit-transform: scale(1, 0.92); transform: scale(1, 0.92); } .announce-pop-2008__spot._left { width: 167px; height: 203px; top: 0px; left: 63px; -webkit-transform: rotate(145deg); transform: rotate(145deg); color: #1c1619; } .announce-pop-2008__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: #ecfe03; } .announce-pop-2008__spot._sinusoid { margin-top: 8px; margin-left: 4px; } .announce-pop-2008__link { height: 140px; margin: 0; z-index: 1; } .announce-pop-2008__link:hover .announce-pop-2008__btn { -webkit-transform: translate(2px, 3px); transform: translate(2px, 3px); } .announce-pop-2008__link:hover .announce-pop-2008__btn:before { -webkit-transform: translate3d(0, 0, -1px); transform: translate3d(0, 0, -1px); } .announce-pop-2008__content { -webkit-box-pack: start; justify-content: start; height: 100%; max-width: 350px; margin: 2px auto 0; padding: 0 0 0 28px; box-sizing: content-box; } .announce-pop-2008__title { margin: 10px 0 20px; font-size: 20px; line-height: 27px; } .announce-pop-2008__btn, .announce-pop-2008__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-2008._premium .announce-pop-2008__img._krovostok { right: 28px; } .announce-pop-2008._premium .announce-pop-2008__spot._center { left: 113px; -webkit-transform: scale(1.1, 0.92); transform: scale(1.1, 0.92); } .announce-pop-2008._premium .announce-pop-2008__spot._left { left: 84px; -webkit-transform: rotate(155deg) scale(1.3, 1); transform: rotate(155deg) scale(1.3, 1); } .announce-pop-2008._premium .announce-pop-2008__spot._right { right: 83px; } .announce-pop-2008._premium .announce-pop-2008__clip { -webkit-clip-path: polygon(66.5% 8%, 72% 11%, 76.5% 14%, 81% 17.4%, 84.8% 19.7%, 87% 21.5%, 93% 29%, 96% 26%, 98% 32%, 100% 38%, 100% 44%, 100% 50%, 98% 58%, 95% 65%, 92% 69%, 86% 73%, 76% 78%, 70% 82%, 65% 89%, 58% 96%, 54% 99%, 47% 100%, 41% 96.6%, 32% 94.6%, 30% 93.9%, 28% 93.2%, 25.5% 92.1%, 23.7% 91.2%, 21% 89.6%, 18% 87.8%, 16% 86.1%, 14.7% 84.7%, 13% 82.7%, 12% 81.2%, 11% 79.6%, 9% 75.8%, 5% 67.7%, 1% 55%, 0% 44%, 0% 39%, 2% 32%, 6% 25%, 6% 15%, 17% 14%, 23% 10%, 34% 4%, 44% 2%, 54% 0%, 57% 4.2%); clip-path: polygon(66.5% 8%, 72% 11%, 76.5% 14%, 81% 17.4%, 84.8% 19.7%, 87% 21.5%, 93% 29%, 96% 26%, 98% 32%, 100% 38%, 100% 44%, 100% 50%, 98% 58%, 95% 65%, 92% 69%, 86% 73%, 76% 78%, 70% 82%, 65% 89%, 58% 96%, 54% 99%, 47% 100%, 41% 96.6%, 32% 94.6%, 30% 93.9%, 28% 93.2%, 25.5% 92.1%, 23.7% 91.2%, 21% 89.6%, 18% 87.8%, 16% 86.1%, 14.7% 84.7%, 13% 82.7%, 12% 81.2%, 11% 79.6%, 9% 75.8%, 5% 67.7%, 1% 55%, 0% 44%, 0% 39%, 2% 32%, 6% 25%, 6% 15%, 17% 14%, 23% 10%, 34% 4%, 44% 2%, 54% 0%, 57% 4.2%); } .announce-pop-2008._premium .announce-pop-2008__clip:after { top: 135px; left: 20px; } .announce-pop-2008._premium .announce-pop-2008__content { padding: 0; } .announce-pop-2008._sticked { position: -webkit-sticky; position: sticky; top: -54px; } .announce-pop-2008._sticked .announce-pop-2008__img._fire { display: none; } .announce-pop-2008._sticked .announce-pop-2008__img._wire { display: none; } .announce-pop-2008._sticked .announce-pop-2008__img._krovostok { width: 125px; height: 112px; top: 45px; right: 16px; -webkit-transform: rotate(121.6deg); transform: rotate(121.6deg); } .announce-pop-2008._sticked .announce-pop-2008__img._smash { width: 164px; height: 148px; top: 39px; left: 2px; -webkit-transform: rotate(-106.71deg); transform: rotate(-106.71deg); } .announce-pop-2008._sticked .announce-pop-2008__spot._center { top: -55px; left: 81px; -webkit-transform: scale(1, -0.92); transform: scale(1, -0.92); } .announce-pop-2008._sticked .announce-pop-2008__spot._right { right: 61px; } .announce-pop-2008._sticked .announce-pop-2008__spot._left { top: -23px; left: 56px; } .announce-pop-2008._sticked .announce-pop-2008__spot._sinusoid { margin-top: 192px; margin-left: -22px; } .announce-pop-2008._sticked .announce-pop-2008__clip { -webkit-clip-path: polygon(68.5% 3.7%, 73% 6.4%, 76.5% 9%, 81% 12.8%, 84.8% 16%, 87% 17%, 93% 24%, 96% 28%, 98% 32%, 100% 38%, 100% 44%, 100% 50%, 98% 58%, 95% 53%, 79% 84.6%, 77.4% 85.8%, 76.1% 86.9%, 70% 90.7%, 67.4% 92%, 63.4% 93.6%, 61% 94.3%, 59% 94.6%, 58% 94.9%, 57% 94.9%, 39% 100%, 41% 99%, 35% 97%, 20% 84.5%, 17% 82.7%, 15% 81.2%, 13% 79.4%, 11% 77.5%, 9% 75.5%, 8% 74.4%, 7% 73.3%, 6% 72.1%, 5% 70.8%, 3.6% 69%, 1.6% 65.8%, -5.1% 48%, 0% 44%, 0% 39%, 2% 32%, 6% 25%, 14% 17%, 17% 14%, 23% 10%, 34% 6%, 44% 2%, 53% 0%, 61% 0%); clip-path: polygon(68.5% 3.7%, 73% 6.4%, 76.5% 9%, 81% 12.8%, 84.8% 16%, 87% 17%, 93% 24%, 96% 28%, 98% 32%, 100% 38%, 100% 44%, 100% 50%, 98% 58%, 95% 53%, 79% 84.6%, 77.4% 85.8%, 76.1% 86.9%, 70% 90.7%, 67.4% 92%, 63.4% 93.6%, 61% 94.3%, 59% 94.6%, 58% 94.9%, 57% 94.9%, 39% 100%, 41% 99%, 35% 97%, 20% 84.5%, 17% 82.7%, 15% 81.2%, 13% 79.4%, 11% 77.5%, 9% 75.5%, 8% 74.4%, 7% 73.3%, 6% 72.1%, 5% 70.8%, 3.6% 69%, 1.6% 65.8%, -5.1% 48%, 0% 44%, 0% 39%, 2% 32%, 6% 25%, 14% 17%, 17% 14%, 23% 10%, 34% 6%, 44% 2%, 53% 0%, 61% 0%); } .announce-pop-2008._sticked .announce-pop-2008__clip:after { display: block; width: 66px; height: 65px; top: 141px; left: -12px; } .announce-pop-2008._sticked .announce-pop-2008__link { height: 164px; } .announce-pop-2008._sticked .announce-pop-2008__content { -webkit-box-pack: justify; justify-content: space-between; height: 85%; padding: 0 0 0 45px; } .announce-pop-2008._sticked .announce-pop-2008__title { font-size: 18px; line-height: 135%; } .announce-pop-2008._sticked .announce-pop-2008__btn { display: none; } .announce-pop-2008._sticked._premium .announce-pop-2008__img._smash { top: 30px; left: 7px; } .announce-pop-2008._sticked._premium .announce-pop-2008__spot._center { left: 134px; -webkit-transform: scale(1.2, -0.92); transform: scale(1.2, -0.92); } .announce-pop-2008._sticked._premium .announce-pop-2008__spot._right { right: 66px; } .announce-pop-2008._sticked._premium .announce-pop-2008__spot._left { left: 86px; } .announce-pop-2008._sticked._premium .announce-pop-2008__clip { -webkit-clip-path: polygon(68.5% 3.7%, 73% 6.4%, 76.5% 9%, 81% 12.8%, 84.8% 16%, 87% 17%, 93% 24%, 96% 28%, 98% 32%, 100% 38%, 100% 44%, 100% 50%, 98% 58%, 95% 53%, 91% 81.2%, 82% 86.9%, 78% 89.2%, 74% 91%, 68% 93.4%, 63% 94.5%, 58% 95.1%, 48% 95.5%, 39% 100%, 41% 99%, 35% 97%, 26% 91%, 21% 90.1%, 18% 79%, 14% 84.4%, 10% 81.9%, 9% 81.2%, 7% 79.7%, 6% 78.9%, 4% 77.3%, 3% 76.5%, 2% 75.7%, 1% 74.8%, -1% 73%, -4% 69.9%, 0% 47%, 0% 39%, 2% 32%, 6% 25%, 14% 17%, 17% 14%, 23% 10%, 34% 6%, 44% 2%, 53% 0%, 61% 0%); clip-path: polygon(68.5% 3.7%, 73% 6.4%, 76.5% 9%, 81% 12.8%, 84.8% 16%, 87% 17%, 93% 24%, 96% 28%, 98% 32%, 100% 38%, 100% 44%, 100% 50%, 98% 58%, 95% 53%, 91% 81.2%, 82% 86.9%, 78% 89.2%, 74% 91%, 68% 93.4%, 63% 94.5%, 58% 95.1%, 48% 95.5%, 39% 100%, 41% 99%, 35% 97%, 26% 91%, 21% 90.1%, 18% 79%, 14% 84.4%, 10% 81.9%, 9% 81.2%, 7% 79.7%, 6% 78.9%, 4% 77.3%, 3% 76.5%, 2% 75.7%, 1% 74.8%, -1% 73%, -4% 69.9%, 0% 47%, 0% 39%, 2% 32%, 6% 25%, 14% 17%, 17% 14%, 23% 10%, 34% 6%, 44% 2%, 53% 0%, 61% 0%); } .announce-pop-2008._sticked._premium .announce-pop-2008__clip:after { top: 150px; left: -15px; } }