/* main-page-block-23 meryosab electronics web devolper resume.meryosab.com */
/* Убирает стандартный вертикальный зазор Gutenberg между соседними HTML-блоками этой страницы. */
.wp-block-html:has(> .home-page-block-23[data-home-page-block-23-root="23"]){margin-block-start:0!important;margin-block-end:0!important}
/* Стили, необходимые только этому блоку. */
.home-page-block-23{--home-page-block-23-bg:var(--tvr-bg,#f6f8fb);
  --home-page-block-23-surface:var(--tvr-surface,#fff);
  --home-page-block-23-surface-2:var(--tvr-surface-2,#edf2f7);
  --home-page-block-23-surface-3:var(--tvr-surface-3,#e4ebf2);
  --home-page-block-23-line:var(--tvr-line,rgba(16,38,65,.10));
  --home-page-block-23-line-strong:var(--tvr-line-strong,rgba(16,38,65,.18));
  --home-page-block-23-text:var(--tvr-text,#17263a);
  --home-page-block-23-muted:var(--tvr-muted,#52667e);
  --home-page-block-23-dim:var(--tvr-dim,#7b8da1);
  --home-page-block-23-accent:var(--tvr-accent,#087f87);
  --home-page-block-23-accent-soft:var(--tvr-accent-soft,rgba(8,127,135,.10));
  --home-page-block-23-cta:var(--tvr-cta,#f47a29);
  --home-page-block-23-cta-hover:var(--tvr-cta-hover,#ff8f48);
  --home-page-block-23-cta-text:var(--tvr-cta-text,#fff);
  --home-page-block-23-shadow:var(--tvr-shadow,0 24px 65px rgba(19,37,60,.16));
  --home-page-block-23-font:var(--tvr-font,Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif);
  --home-page-block-23-container:var(--home-page-block-23__container,1540px);
  position:relative;
  width:100vw;
  max-width:100vw!important;
  margin:0 calc(50% - 50vw)!important;
  overflow:hidden;
  background:var(--home-page-block-23-bg);
  color:var(--home-page-block-23-text);
  font:400 16px/1.6 var(--home-page-block-23-font);
  letter-spacing:normal;
  isolation:isolate;}
.home-page-block-23,.home-page-block-23 *,.home-page-block-23 *::before,.home-page-block-23 *::after{box-sizing:border-box}
.home-page-block-23 img{display:block;max-width:100%;height:auto}
.home-page-block-23 a{color:inherit;text-decoration:none}
.home-page-block-23 button,.home-page-block-23 input,.home-page-block-23 select,.home-page-block-23 textarea{font:inherit}
.home-page-block-23 h1,.home-page-block-23 h2,.home-page-block-23 h3,.home-page-block-23 p,.home-page-block-23 ul,.home-page-block-23 ol{margin-top:0}
.home-page-block-23 h1,.home-page-block-23 h2,.home-page-block-23 h3{color:var(--home-page-block-23-text);font-family:var(--home-page-block-23-font);font-weight:850;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}
.home-page-block-23 h1{max-width:930px;margin-bottom:26px;font-size:44px}
.home-page-block-23 h2{max-width:920px;margin-bottom:18px;font-size:44px}
.home-page-block-23 h3{font-size:22px}
.home-page-block-23 p{color:var(--home-page-block-23-muted);font-size:17px;line-height:1.7}
.home-page-block-23__symbols{position:absolute;width:0;height:0;overflow:hidden}
.home-page-block-23 svg{display:block;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page-block-23__container{width:100%;max-width:var(--home-page-block-23-container);margin:0 auto;padding:0 24px}
.home-page-block-23__section{position:relative;padding:64px 0 68px}
.home-page-block-23__kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--home-page-block-23-accent);font-size:12px;font-weight:850;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}
.home-page-block-23__kicker>span{width:26px;height:2px;background:currentColor}
.home-page-block-23__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:24px}
.home-page-block-23__head>div{max-width:930px}
.home-page-block-23__head p{max-width:760px;margin-bottom:0}
.home-page-block-23__head--center{justify-content:center;text-align:center}
.home-page-block-23__head--center>div{display:flex;flex-direction:column;align-items:center}
.home-page-block-23__head--center .home-page-block-23__kicker{justify-content:center}
.tvr-btn:focus-visible,.home-page-block-23 a:focus-visible,.home-page-block-23 summary:focus-visible,.home-page-block-23 input:focus-visible,.home-page-block-23 select:focus-visible,.home-page-block-23 textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--home-page-block-23-accent) 60%,transparent);outline-offset:3px}
.tvr-backlight .home-page-block-23__kicker{color:#45ddd9}
.tvr-ambilight .home-page-block-23__kicker{color:#73e1dd}
.home-page-block-23__before-after{background:var(--home-page-block-23-surface-2)}
.home-page-block-23__compare{--pos:50%;position:relative;max-width:980px;height:520px;min-height:0;margin:24px auto 0;border:1px solid var(--home-page-block-23-line-strong);border-radius:18px;overflow:hidden;background:#0b1727;box-shadow:var(--home-page-block-23-shadow)}
.home-page-block-23__image{position:absolute;inset:0}
.home-page-block-23__image img{width:100%;height:100%;object-fit:cover}
.home-page-block-23__image span{position:absolute;top:18px;padding:7px 10px;border-radius:8px;background:rgba(7,17,31,.8);color:#fff;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.home-page-block-23__image--after span{right:18px}
.home-page-block-23__image--before span{left:18px}
.home-page-block-23__image--before{width:var(--pos);overflow:hidden;filter:saturate(.25) contrast(1.12)}
.home-page-block-23__image--before img{width:980px;max-width:none}
.home-page-block-23__range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.home-page-block-23__handle{position:absolute;z-index:3;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}
.home-page-block-23__handle::before{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.25);transform:translate(-50%,-50%)}
.home-page-block-23__handle svg{position:absolute;z-index:2;top:50%;width:17px;height:17px;color:#17263a;transform:translateY(-50%)}
.home-page-block-23__handle svg:first-of-type{left:-20px;transform:translateY(-50%) rotate(180deg)}
.home-page-block-23__handle svg:last-of-type{left:3px}
.tvr-b2b .home-page-block-23__kicker{color:#56dfdc}
:root[data-tvr-theme="dark"] .home-page-block-23[data-home-page-block-23-root="23"],
body[data-tvr-theme="dark"] .home-page-block-23[data-home-page-block-23-root="23"],
.tvr-dark .home-page-block-23[data-home-page-block-23-root="23"]{
  --home-page-block-23-bg:var(--tvr-bg,#09121d);
  --home-page-block-23-surface:var(--tvr-surface,#101d2b);
  --home-page-block-23-surface-2:var(--tvr-surface-2,#152638);
  --home-page-block-23-line:var(--tvr-line,rgba(220,238,255,.11));
  --home-page-block-23-line-strong:var(--tvr-line-strong,rgba(220,238,255,.18));
  --home-page-block-23-text:var(--tvr-text,#f2f7fb);
  --home-page-block-23-muted:var(--tvr-muted,#9eb0c4);
  --home-page-block-23-dim:var(--tvr-dim,#708399)
}
@media (prefers-reduced-motion:no-preference){
.home-page-block-23 [data-home-page-block-23-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.home-page-block-23 [data-home-page-block-23-reveal].home-page-block-23-is-visible{opacity:1;transform:none}
}
@media (max-width:900px){
.home-page-block-23 h2{font-size:36px}
.home-page-block-23__container{padding-inline:18px}
.home-page-block-23__section{padding-block:56px}
.home-page-block-23__head{align-items:start;flex-direction:column;gap:18px;margin-bottom:32px}
}
@media (max-width:640px){
.home-page-block-23{font-size:15px}
.home-page-block-23__container{padding-inline:14px}
.home-page-block-23__section{padding-block:46px}
.home-page-block-23 h1{font-size:30px}
.home-page-block-23 h2{font-size:30px}
.home-page-block-23__kicker{font-size:10px;letter-spacing:.12em}
.home-page-block-23__compare{height:340px;min-height:0;border-radius:14px}
.home-page-block-23__image--before img{width:680px;max-width:none;transform:translateX(-15%)}
}
@media (prefers-reduced-motion:reduce){
.home-page-block-23 *,.home-page-block-23 *::before,.home-page-block-23 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}