.banners{--banners-height:clamp(420px,40vw,579px);--banners-edge:clamp(16px,3.5vw,50px);--banners-arrow:48px;width:100%;height:var(--banners-height);background-color:var(--zs-surface-raised,#1a1b1e);position:relative;overflow:hidden}.banners__slide{cursor:pointer;opacity:0;transition:opacity .6s var(--zs-ease-out,ease);pointer-events:none;text-decoration:none;display:block;position:absolute;inset:0}.banners__slide--active{opacity:1;pointer-events:auto;z-index:0}.banners__slide:focus-visible{outline:2px solid var(--zs-accent,#ff416c);outline-offset:-4px}.banners__slide-img{object-fit:cover;width:100%;height:100%;display:block}.banners__fade{background:linear-gradient(to bottom,#14151b00 0%,#14151b99 60%,var(--zs-bg,#14151b)100%);pointer-events:none;z-index:1;height:40%;position:absolute;inset:auto 0 0}.banners__arrow{z-index:10;width:var(--banners-arrow);height:var(--banners-arrow);-webkit-backdrop-filter:blur(8px);color:#fff;background:#1e1e1e8c;border:1px solid #fff3;position:absolute;top:calc(50% - 35px);translate:0 -50%;box-shadow:0 2px 12px #0006}@media (hover:hover){.banners__arrow:hover{background:#323232cc;border-color:#fff6}}.banners__arrow--left{left:var(--banners-edge)}.banners__arrow--right{right:var(--banners-edge)}.banners__dots{z-index:10;bottom:120px;left:calc(var(--banners-edge) + var(--banners-arrow) + 16px);align-items:center;gap:4px;display:flex;position:absolute}.banners__dot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:64px;height:24px;padding:0;position:relative}.banners__dot:before,.banners__dot-fill{border-radius:99px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.banners__dot:before{content:"";transition:background-color var(--zs-dur-fast,.15s)ease-out;background:#ffffff4d;right:0}@media (hover:hover){.banners__dot:hover:before{background:#ffffff80}}.banners__dot:focus-visible{outline:2px solid var(--zs-accent,#ff416c);outline-offset:2px;border-radius:6px}.banners__dot-fill{background:#fff;width:0%}.banners-skeleton{background:linear-gradient(90deg,#1a1b1e 25%,#24262a 50%,#1a1b1e 75%) 0 0/200% 100%;width:100%;height:clamp(420px,40vw,579px);animation:1.5s infinite banners-shimmer}@keyframes banners-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.banners-skeleton{animation:none}}@media (max-width:650px){.banners,.banners-skeleton{--banners-height:500px;height:500px}.banners .banners__arrow{display:none}.banners__dots{bottom:64px;left:50%;translate:-50%}.banners__dot{width:36px}}
.ad-banner-layout{--ad-height:136px;max-width:var(--zs-container,1478px);margin:var(--zs-section-gap,40px)auto;height:var(--ad-height);grid-template-columns:minmax(0,1fr) minmax(0,557px);align-items:stretch;gap:24px;display:grid}.ad-banner{min-width:0;height:100%;position:relative}.ad-banner--main{border-radius:var(--zs-radius-card,16px);background:var(--zs-surface-raised,#1a1b1e);flex-direction:column;height:100%;display:flex;overflow:hidden}.ad-banner--main:after,.ad-banner-news:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.ad-banner-link{border-radius:inherit;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;overflow:hidden}.ad-banner-link:focus-visible{outline:2px solid var(--zs-accent,#ff416c);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.ad-banner-link{animation:zs-fade var(--zs-dur,.3s)var(--zs-ease-out,ease)both}}.ad-banner-img,.ad-banner-skeleton{object-fit:cover;width:100%;height:100%;display:block}.ad-banner-img,.ad-banner-hardcoded__bg{transition:scale var(--zs-dur,.3s)var(--zs-ease-out,ease)}@media (hover:hover){.ad-banner-link:hover .ad-banner-img,.ad-banner-link:hover .ad-banner-hardcoded__bg{scale:1.02}}.ad-banner-skeleton{background:linear-gradient(90deg,#1a1b1e 25%,#24262a 50%,#1a1b1e 75%) 0 0/200% 100%;animation:1.5s infinite ad-banner-shimmer}.ad-banner-dots{z-index:4;flex-direction:column;gap:6px;max-height:96px;display:flex;position:absolute;top:50%;left:10px;translate:0 -50%}.ad-banner-dot{width:16px;height:var(--dot-height,26px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.ad-banner-dot:before{content:"";transition:background-color var(--zs-dur-fast,.15s)ease-out,box-shadow var(--zs-dur-fast,.15s)ease-out;background:#ffffff47;border-radius:999px;position:absolute;inset:0 6px}@media (hover:hover){.ad-banner-dot:hover:before{background:#ffffff8c}}.ad-banner-dot--active:before{background:#fff;box-shadow:0 0 12px #ffffff38}.ad-banner-dot:focus-visible{outline:2px solid var(--zs-accent,#ff416c);outline-offset:0;border-radius:6px}.ad-banner-news{border-radius:var(--zs-radius-card,16px);background:url(https://s3.twcstorage.ru/741177d0-6f55-44da-8dfe-8f593447297f/news-banner.png);background-color:var(--zs-surface-raised,#1a1b1e);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;overflow:hidden}.ad-banner-news__content,.ad-banner-news__skeleton{z-index:1;height:100%;position:relative}.ad-banner-news__content{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px 20px 20px 24px;display:grid}.ad-banner-news__title{color:var(--zs-text,#fff);letter-spacing:-.01em;text-wrap:balance;grid-column:1;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.ad-banner-news__text{color:#d7d8df;text-wrap:pretty;grid-column:1;max-width:30ch;margin:0;font-size:.9375rem;font-weight:500;line-height:1.4}.ad-banner-news__socials{grid-area:1/2/span 2;align-self:end;gap:8px;display:flex}.ad-banner-news__social{border-radius:var(--zs-radius-control,12px);-webkit-tap-highlight-color:transparent;width:48px;height:48px;transition-property:translate,opacity,scale;transition-duration:var(--zs-dur-fast,.15s);background:#2ea6f2;justify-content:center;align-items:center;transition-timing-function:ease-out;display:flex}@media (hover:hover){.ad-banner-news__social:hover{opacity:.92;translate:0 -2px}}.ad-banner-news__social:active{scale:.96}.ad-banner-news__social:focus-visible{outline-offset:2px;outline:2px solid #fff}.ad-banner-news__social img{object-fit:contain;width:22px;height:22px}.ad-banner-news__skeleton{background:linear-gradient(90deg,#25252d 25%,#31313c 50%,#25252d 75%) 0 0/200% 100%;width:100%;animation:1.5s infinite ad-banner-shimmer}@keyframes ad-banner-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ad-banner-skeleton,.ad-banner-news__skeleton{animation:none}}.ad-banner-hardcoded{width:100%;height:100%;position:relative;overflow:hidden}.ad-banner-hardcoded__bg{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.ad-banner-hardcoded__content{z-index:1;justify-content:space-between;align-items:center;gap:16px;height:100%;padding-inline-start:44px;display:flex;position:relative;overflow:hidden}.ad-banner-hardcoded__text{flex-direction:column;gap:8px;min-width:0;display:flex}.ad-banner-hardcoded__title{color:var(--zs-text,#fff);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.ad-banner-hardcoded__subtitle{color:#ffffffb8;text-wrap:pretty;margin:0;font-size:.9375rem;font-weight:500;line-height:1.4}.ad-banner-hardcoded__phone{object-fit:contain;pointer-events:none;flex-shrink:0;width:auto;height:136px;margin-top:-10px;display:block}@media (max-width:1200px){.ad-banner-layout{grid-template-columns:minmax(0,1fr) minmax(0,357px)}.ad-banner-hardcoded__title{font-size:1.25rem}.ad-banner-hardcoded__subtitle{font-size:.875rem}}@media (max-width:980px){.ad-banner-layout{--ad-height:150px;grid-template-columns:minmax(0,1fr);gap:0}.ad-banner-news--desktop{display:none}.ad-banner-hardcoded__phone{height:150px}}@media (max-width:600px){.ad-banner-hardcoded__content{gap:4px;padding-inline-start:28px}.ad-banner-hardcoded__title{font-size:1.0625rem}.ad-banner-hardcoded__subtitle{font-size:.8125rem}.ad-banner-hardcoded__phone{height:130px}}@media (max-width:400px){.ad-banner-hardcoded__content{padding-inline-start:24px}.ad-banner-hardcoded__title{font-size:1rem}.ad-banner-hardcoded__subtitle{font-size:.75rem}.ad-banner-hardcoded__phone{height:112px;margin-inline-end:-12px}}
