/* A23: an illustrative Avito web page; all final content exists without JavaScript. */
body[data-page="avito"] .avito-web-motion{min-width:0;align-self:start;color:#222928}
.avito-web-motion .awm-heading{margin:0 0 18px}
.avito-web-motion .awm-example{margin:0 0 9px;font-size:11px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:#68725c}
.avito-web-motion .awm-heading h2{margin:0;font-family:var(--sans);font-size:29px;line-height:1.15;letter-spacing:-.045em;font-weight:550;color:#33492c}
.avito-web-motion .awm-niche{margin:9px 0 0;font-size:13px;line-height:1.5;color:#64725a}
.avito-web-motion .awm-window{padding:17px;border:1px solid #d9ded5;border-radius:12px;background:#fff;box-shadow:0 18px 42px #3a463112;overflow:hidden;font-family:Arial,sans-serif}
.avito-web-motion .awm-browser{display:flex;align-items:center;gap:17px;padding-bottom:14px;border-bottom:1px solid #eef0ed}
.avito-web-motion .awm-brand{display:flex;align-items:center;gap:5px;font-size:24px;line-height:1;font-weight:750;letter-spacing:-.04em;color:#151718;flex:none}
.avito-web-motion .awm-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px;transform:rotate(-10deg)}
.avito-web-motion .awm-mark i{display:block;width:7px;height:7px;border-radius:50%;background:#00aaff}
.avito-web-motion .awm-mark i:nth-child(2){background:#97cf26}
.avito-web-motion .awm-mark i:nth-child(3){background:#ff6163}
.avito-web-motion .awm-mark i:nth-child(4){background:#a169f7}
.avito-web-motion .awm-search{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:8px 11px;border:1px solid #00aaff;border-radius:8px;font-size:12px;line-height:1.3;color:#7a8284;background:#fff}
.avito-web-motion .awm-search>span{font-size:20px;line-height:12px;color:#6b7478}
.avito-web-motion .awm-crumb{margin:13px 0 14px;color:#838a89;font-size:11px;line-height:1.5}
.avito-web-motion .awm-crumb>span{padding-inline:5px}
.avito-web-motion .awm-ad{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:13px 17px;align-items:start}
.avito-web-motion .awm-title{grid-column:1;grid-row:1;position:relative;min-width:0;min-height:53px}
.avito-web-motion .awm-title-final,.avito-web-motion .awm-title-before{margin:0;font:700 22px/1.18 Arial,sans-serif;letter-spacing:-.035em;color:#171b1d}
.avito-web-motion .awm-title-final{opacity:1;transform:none}
.avito-web-motion .awm-before{display:none}
.avito-web-motion .awm-gallery{grid-column:1;grid-row:2;position:relative;min-width:0;isolation:isolate;aspect-ratio:1.14;overflow:hidden;border-radius:8px;background:#ebe8df}
.avito-web-motion .awm-gallery-image{display:block;width:100%;height:100%;object-fit:cover;object-position:51% 38%;transform:scale(1);filter:none}
.avito-web-motion .awm-cover-copy{position:absolute;inset:auto 0 0;padding:46px 16px 17px;color:#fff;background:linear-gradient(transparent,#172522bd);opacity:1;transform:none}
.avito-web-motion .awm-cover-copy>span{display:block;margin-bottom:6px;font-size:11px;line-height:1.35;color:#edf4ed}
.avito-web-motion .awm-cover-copy>strong{display:block;font-size:20px;line-height:1.12;letter-spacing:-.025em;font-weight:700}
.avito-web-motion .awm-cover-before{position:absolute;inset:0;align-items:center;justify-content:center;background:#e6e2d952;color:#fff;font-size:28px;line-height:1.2;letter-spacing:.04em;font-weight:700;text-shadow:0 2px 6px #0008}
.avito-web-motion .awm-render-label{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:3px;background:#fffdf3e8;color:#65705a;font-size:10px;line-height:1.3}
.avito-web-motion .awm-thumbnails{grid-column:1;grid-row:3;display:flex;gap:7px;min-width:0}
.avito-web-motion .awm-thumb{display:block;flex:0 1 62px;min-width:0;height:43px;border:1px solid #e1e5de;border-radius:5px;overflow:hidden;background:#f1eee6}
.avito-web-motion .awm-thumb-selected{border:2px solid #2c3235;padding:2px}
.avito-web-motion .awm-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.avito-web-motion .awm-thumb-detail img{object-fit:cover;object-position:35% 70%;width:100%;height:100%;transform:scale(1.65);transform-origin:25% 75%}
.avito-web-motion .awm-thumb-material{display:grid;place-items:center;background:linear-gradient(140deg,#fffefa,#e7e4da)}
.avito-web-motion .awm-thumb-material>span{font-size:10px;line-height:1.3;color:#7b8175;text-align:center}
.avito-web-motion .awm-sidebar{grid-column:2;grid-row:1 / span 3;min-width:0}
.avito-web-motion .awm-price>span{display:block;color:#7b8481;font-size:11px;line-height:1.4;margin-bottom:5px}
.avito-web-motion .awm-price>strong{display:block;color:#171b1d;font-size:21px;line-height:1.14;font-weight:700;letter-spacing:-.04em}
.avito-web-motion .awm-contacts{display:grid;gap:8px;margin-top:26px}
.avito-web-motion .awm-contacts p{display:block;margin:0;padding:11px 8px;border:1px solid transparent;border-radius:7px;font-size:13px;line-height:1.3;text-align:center}
.avito-web-motion .awm-phone{background:#eaf8ef;border-color:#ccebd9;color:#267748}
.avito-web-motion .awm-chat{background:#eaf6fc;border-color:#c9e8f7;color:#227397}
.avito-web-motion .awm-sidebar-note{margin:13px 0 0;font-size:11px;line-height:1.45;color:#818984}
.avito-web-motion .awm-description{grid-column:1 / -1;grid-row:4;padding-top:4px;min-width:0}
.avito-web-motion .awm-description h4{margin:0 0 10px;font-size:18px;line-height:1.25;letter-spacing:-.02em;font-weight:700;color:#1a1d20}
.avito-web-motion .awm-description-body{position:relative;min-height:95px}
.avito-web-motion .awm-description-final{opacity:1;transform:none}
.avito-web-motion .awm-description p{margin:0;color:#485350;font-size:14px;line-height:1.45}
.avito-web-motion .awm-description .awm-inquiry{margin-top:10px;padding:9px 11px;background:#eff8fc;border-left:2px solid #00aaff;border-radius:0 4px 4px 0;color:#2d6173}
.avito-web-motion .awm-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding-top:9px}
.avito-web-motion .awm-footer p{margin:0;font-size:12px;line-height:1.5;color:#66755a}
.avito-web-motion [data-awm-finish]{flex:none;min-height:44px;padding:9px 12px;border:1px solid #bdc8ae;border-radius:5px;background:#f6f7ef;color:#4c6540;font:550 12px/1.4 var(--sans);cursor:pointer}
.avito-web-motion [data-awm-finish][aria-disabled="true"]{border-color:transparent;background:transparent;color:#718466;cursor:default}
.avito-web-motion [data-awm-finish]:focus-visible{outline:2px solid #405734;outline-offset:3px}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"]) .awm-before{display:block;position:absolute;inset:0;opacity:0;pointer-events:none}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"]) .awm-cover-before{display:flex}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-cover="pending"] .awm-gallery-image{transform:scale(1.55) translateY(-9%);filter:saturate(.3)}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-cover="pending"] .awm-cover-copy{opacity:0;transform:translateY(14px)}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-cover="pending"] .awm-cover-before{opacity:1}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-title="pending"] .awm-title-final,.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-description="pending"] .awm-description-final{opacity:0;transform:translateY(6px)}
.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-title="pending"] .awm-title-before,.avito-web-motion:is([data-awm-state="waiting"],[data-awm-state="playing"])[data-awm-description="pending"] .awm-description-before{opacity:1}
@media(prefers-reduced-motion:no-preference){
 body[data-page="avito"] .avito-web-motion[data-awm-state="playing"][data-awm-motion="on"] .awm-gallery-image{transition:transform 700ms cubic-bezier(.2,.7,.25,1),filter 700ms ease!important}
 body[data-page="avito"] .avito-web-motion[data-awm-state="playing"][data-awm-motion="on"] .awm-cover-copy,body[data-page="avito"] .avito-web-motion[data-awm-state="playing"][data-awm-motion="on"] .awm-before,body[data-page="avito"] .avito-web-motion[data-awm-state="playing"][data-awm-motion="on"] .awm-title-final,body[data-page="avito"] .avito-web-motion[data-awm-state="playing"][data-awm-motion="on"] .awm-description-final{transition:opacity 380ms ease,transform 550ms cubic-bezier(.2,.7,.25,1)!important}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="avito"] .avito-web-motion .awm-before{display:none!important}
 body[data-page="avito"] .avito-web-motion .awm-title-final,body[data-page="avito"] .avito-web-motion .awm-description-final,body[data-page="avito"] .avito-web-motion .awm-cover-copy{opacity:1!important;transform:none!important}
 body[data-page="avito"] .avito-web-motion .awm-gallery-image{transform:none!important;filter:none!important}
}
@media(max-width:1100px) and (min-width:761px){
 .avito-web-motion .awm-window{padding:13px}
 .avito-web-motion .awm-ad{grid-template-columns:minmax(0,1fr) 100px;gap:12px}
 .avito-web-motion .awm-title{grid-column:1 / -1;min-height:0}
 .avito-web-motion .awm-sidebar{grid-row:2 / span 2}
 .avito-web-motion .awm-title-final,.avito-web-motion .awm-title-before{font-size:21px}
 .avito-web-motion .awm-price>strong{font-size:18px}
 .avito-web-motion .awm-cover-copy{padding:35px 11px 13px}
 .avito-web-motion .awm-cover-copy>strong{font-size:17px}
 .avito-web-motion .awm-cover-copy>span{font-size:10px}
 .avito-web-motion .awm-gallery{aspect-ratio:.88}
 .avito-web-motion .awm-contacts{margin-top:17px}
}
@media(max-width:760px){
 .avito-web-motion .awm-heading h2{font-size:28px}
 .avito-web-motion .awm-window{padding:13px;border-radius:10px}
 .avito-web-motion .awm-browser{gap:12px;padding-bottom:12px}
 .avito-web-motion .awm-brand{font-size:23px}
 .avito-web-motion .awm-search{font-size:11px;padding:8px}
 .avito-web-motion .awm-crumb{font-size:11px;margin-block:11px 13px}
 .avito-web-motion .awm-ad{grid-template-columns:minmax(0,1fr) 103px;gap:12px}
 .avito-web-motion .awm-title{grid-column:1 / -1;min-height:0}
 .avito-web-motion .awm-title-final,.avito-web-motion .awm-title-before{font-size:23px;line-height:1.14}
 .avito-web-motion .awm-sidebar{grid-row:2 / span 2}
 .avito-web-motion .awm-price>strong{font-size:20px}
 .avito-web-motion .awm-price>span{font-size:12px}
 .avito-web-motion .awm-contacts{margin-top:20px}
 .avito-web-motion .awm-contacts p{font-size:13px;line-height:1.35;padding:10px 6px}
 .avito-web-motion .awm-sidebar-note{font-size:11px;line-height:1.5}
 .avito-web-motion .awm-gallery{aspect-ratio:.9}
 .avito-web-motion .awm-cover-copy{padding:38px 11px 13px}
 .avito-web-motion .awm-cover-copy>strong{font-size:18px}
 .avito-web-motion .awm-cover-copy>span{font-size:11px}
 .avito-web-motion .awm-thumb{height:39px}
 .avito-web-motion .awm-description{padding-top:7px}
 .avito-web-motion .awm-description p{font-size:15px;line-height:1.5}
 .avito-web-motion .awm-description h4{font-size:19px}
 .avito-web-motion .awm-footer{gap:7px}
 .avito-web-motion .awm-footer p{font-size:12px}
}
@media(max-width:359px){
 .avito-web-motion .awm-window{padding:11px}
 .avito-web-motion .awm-ad{grid-template-columns:minmax(0,1fr) 88px;gap:10px}
 .avito-web-motion .awm-search{font-size:10px}
 .avito-web-motion .awm-title-final,.avito-web-motion .awm-title-before{font-size:22px}
 .avito-web-motion .awm-price>strong{font-size:19px}
 .avito-web-motion .awm-gallery{aspect-ratio:.71}
 .avito-web-motion .awm-cover-copy{padding:32px 9px 12px}
 .avito-web-motion .awm-cover-copy>strong{font-size:17px}
 .avito-web-motion .awm-thumb{height:32px}
 .avito-web-motion .awm-thumb-material>span{font-size:9px}
 .avito-web-motion .awm-contacts p{font-size:12px}
 .avito-web-motion .awm-footer{align-items:flex-start}
 .avito-web-motion .awm-footer p{padding-top:8px}
}