:root{--scrollbar-color:#c8c8c8;--scrollbar-bg-color:#f2f2f2;--scrollbar-size:thin;--scrollbar-webkit-size:5px;--scrollbar-webkit-border-radius:8px;--scrollbar-webkit-border-size:3px}.article__container{--margin-top:0;--margin-bottom:0;margin:var(--margin-top) auto var(--margin-bottom) auto;max-width:1680px;position:relative;width:100%}.article{display:flex}.article__container{--margin-top:50px;--margin-bottom:50px;position:static}.article__container.ltr{direction:ltr}.rtl .article:not(:where(.ltr *)){direction:rtl}@media only screen and (min-width:1025px){.article{gap:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*1 + var(--grid-gutter)*2);justify-content:flex-end;margin-inline-end:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*2 + var(--grid-gutter)*3);margin-inline-start:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*1 + var(--grid-gutter)*2)}}@media only screen and (max-width:1024px){.article{flex-direction:column;gap:50px;margin:0 20px}}@media only screen and (min-width:1025px){.article__start{display:flex;flex-direction:column;width:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*6 + var(--grid-gutter)*5)}}.article__start__components{display:flex;flex-direction:column;row-gap:50px}@media only screen and (min-width:1025px){.article__start__components:not(.is-sticky){flex-grow:1}.article__start__components.is-sticky{border-radius:14px;max-height:calc(100vh - var(--header-height) - var(--navbar-height) - 40px);overflow:auto;padding-bottom:20px;position:sticky;scrollbar-width:none;top:calc(var(--header-height) + var(--navbar-height) + 20px);transition:max-height .6s ease,top .4s ease}}@media only screen and (min-width:1025px){.article__start__components.is-sticky::-webkit-scrollbar{height:0;width:0}}.article__start__title{color:var(--color-blue)}@media only screen and (min-width:1025px){.article__start__title{margin-bottom:50px;width:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*4 + var(--grid-gutter)*3)}}@media only screen and (max-width:1024px){.article__start__title{margin-bottom:28px}}