.application-article--multi{padding-top:112px}.application-article__toggle{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.application-article__multi-layout{display:grid;grid-template-columns:minmax(190px,280px) minmax(0,860px);gap:72px;width:min(1280px,calc(100% - 64px));margin:0 auto;padding:54px 0 110px}.application-article__switcher{align-self:start;position:sticky;top:116px}.application-article__switcher .application-article__back{margin-bottom:28px}.application-article__switcher nav{display:grid;gap:10px}.application-article__switcher label{display:block;padding:15px 18px;border:1px solid #d7e0e8;border-radius:4px;background:#fff;color:#36526e;font-size:15px;font-weight:700;line-height:1.25;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.application-article__switcher label:hover{border-color:#365faa;color:#365faa;transform:translateX(3px)}.application-article__variant{display:none}.application-article__variant-image{height:390px;margin:0 0 48px;overflow:hidden;background:#eef3f7}.application-article__variant-image img{width:100%;height:100%;object-fit:cover}.application-article__variant h1{margin-top:0}.application-article__variant .application-article__content h2{margin:42px 0 18px;color:#213345;font-size:30px;line-height:1.2}.application-article__toggle:nth-of-type(1):checked~.application-article__multi-layout .application-article__variant--1,.application-article__toggle:nth-of-type(2):checked~.application-article__multi-layout .application-article__variant--2,.application-article__toggle:nth-of-type(3):checked~.application-article__multi-layout .application-article__variant--3,.application-article__toggle:nth-of-type(4):checked~.application-article__multi-layout .application-article__variant--4,.application-article__toggle:nth-of-type(5):checked~.application-article__multi-layout .application-article__variant--5{display:block}.application-article__toggle:nth-of-type(1):checked~.application-article__multi-layout label:nth-child(1),.application-article__toggle:nth-of-type(2):checked~.application-article__multi-layout label:nth-child(2),.application-article__toggle:nth-of-type(3):checked~.application-article__multi-layout label:nth-child(3),.application-article__toggle:nth-of-type(4):checked~.application-article__multi-layout label:nth-child(4),.application-article__toggle:nth-of-type(5):checked~.application-article__multi-layout label:nth-child(5){border-color:#365faa;background:#365faa;color:#fff}@media(max-width:700px){.application-article--multi{padding-top:88px}.application-article__multi-layout{display:block;width:calc(100% - 40px);padding:32px 0 72px}.application-article__switcher{position:static;margin-bottom:34px}.application-article__switcher nav{grid-template-columns:repeat(2,minmax(0,1fr))}.application-article__switcher label{padding:12px;font-size:14px}.application-article__variant-image{height:240px;margin-bottom:32px}}

/* Active Application Case polygon indicator. */
.application-article__switcher label{position:relative}
.application-article__toggle:nth-of-type(1):checked~.application-article__multi-layout label:nth-child(1)::after,
.application-article__toggle:nth-of-type(2):checked~.application-article__multi-layout label:nth-child(2)::after,
.application-article__toggle:nth-of-type(3):checked~.application-article__multi-layout label:nth-child(3)::after,
.application-article__toggle:nth-of-type(4):checked~.application-article__multi-layout label:nth-child(4)::after,
.application-article__toggle:nth-of-type(5):checked~.application-article__multi-layout label:nth-child(5)::after{
  content:"";
  position:absolute;
  top:50%;
  right:-34px;
  width:0;
  height:0;
  border-top:15px solid transparent;
  border-bottom:15px solid transparent;
  border-right:24px solid #365faa;
  transform:translateY(-50%);
  pointer-events:none;
}
@media(max-width:700px){
  .application-article__toggle:checked~.application-article__multi-layout .application-article__switcher label::after{display:none}
}
/* Subtle divider between the case switcher and article content. */
.application-article__variants{
  min-width:0;
  padding-left:24px;
  border-left:1px solid #d7e0e8;
}
@media(max-width:700px){
  .application-article__variants{
    padding-left:0;
    border-left:0;
  }
}