@layer reset, base, page, custom;:root{--l-header: 68px;--l-header--mobile: 56px;--l-services-logo: 44px;--l-btnH: 36px;--c-text: #272727;--c-heading: #1e1e1e;--c-nav: #494949;--c-brand-text: #848492;--c-primary: #1874EA;--c-primary-bg: #0371F9;--c-hightlight: #EC4E00;--c-primary-start: #054FED;--c-primary-stop: #378CFD;--c-secondary-start: #FFDC23;--c-secondary-stop: #FFE972;--c-vital-gray: #596476;--c-yellow: #FFE76B;--c-gray900: #272727;--c-gray800: #494949;--c-gray700: #686868;--c-gray600: #7C7C7C;--c-gray500: #A6A6A6;--c-gray400: #C4C4C4;--c-gray300: #E7E7E7;--c-gray200: #F1F1F1;--c-gray100: #F6F6F6;--c-primary900: #1F41B8;--c-primary800: #1B61D7;--c-primary700: #1773EA;--c-primary600: #0E86FE;--c-primary500: #0095FF;--c-primary400: #31A5FF;--c-primary300: #5BB5FF;--c-primary200: #8DCAFF;--c-primary100: #BADEFF;--f-services-title: 18px;--f-services-title-lh: 20px;--f-services-title--ch: 13px;--f-services-title--ch-lh: 16px;--fs-36: clamp(1.5rem, 0.6263rem + 2.537vw, 2.25rem);--fs-32: clamp(1.75rem, 1.4588rem + 0.8457vw, 2rem);--fs-28: clamp(1.5rem, 1.2088rem + 0.8457vw, 1.75rem);--z-nav: 9;--z-hero: 8;--z-main: 1}:root{--l-inner: 1280px}.header{background:url(../images/doc-header__bg.webp) no-repeat center center/cover;width:100%;position:relative;z-index:9;container-type:inline-size;container-name:header}.header .l-inner{max-width:790px;display:grid;grid-template-areas:"item1 item3" "item2 item3";height:200px;padding:0 20px}.header__breadcrumbs{grid-area:item1;align-self:end;justify-self:start}.header__breadcrumbs .mod-breadcrumbs{margin:10px 0;list-style-type:none;display:flex}.header__breadcrumbs .mod-breadcrumbs__item{color:#f6f6f6;position:relative}.header__breadcrumbs .mod-breadcrumbs__item::after{content:"/";margin:0 7px}.header__breadcrumbs .mod-breadcrumbs__item:last-child::after{content:""}.header__breadcrumbs .mod-breadcrumbs__item a{text-decoration:none;font-size:16px;color:#f6f6f6}.header__title{grid-area:item2;font-size:40px;color:#fff;line-height:62px;align-self:start;justify-self:start}.header__illustration{grid-area:item3;aspect-ratio:2/1.3;max-height:200px;width:100%;transform:translate(0, 20px)}.getstart .header__illustration{background:url(../images/hero_illustration_getstart.png) no-repeat right center/auto 110%}.faq .header__illustration{background:url(../images/hero_illustration_faq.png) no-repeat right center/auto 110%}.releases .header__illustration{background:url(../images/hero_illustration_releases.png) no-repeat right center/auto 110%}.tutorials .header__illustration{background:url(../images/hero_illustration_tutorial.png) no-repeat right center/auto 110%}@container header (max-width: 700px){.getstart .header__illustration,.faq .header__illustration,.releases .header__illustration,.tutorials .header__illustration{background-size:contain;background-position:right top;transform:translate(0, 25px)}}@container header (max-width: 600px){.header .l-inner{grid-template-columns:.35fr .65fr;grid-template-areas:"item1 item1" "item2 item3";padding:0 20px;height:165px}.header__breadcrumbs{padding-top:20px}.header__title{width:100%;font-size:24px;align-self:top}.getstart .header__illustration,.faq .header__illustration,.releases .header__illustration,.tutorials .header__illustration{width:100%;background-size:contain;background-position:center bottom;align-self:end;transform:translate(0, -50px)}}@container header (max-width: 480px){.getstart .header__illustration,.faq .header__illustration,.releases .header__illustration,.tutorials .header__illustration{transform:translate(0, -35px)}}@container header (max-width: 400px){.header__title{font-size:20px}.getstart .header__illustration,.faq .header__illustration,.releases .header__illustration,.tutorials .header__illustration{transform:translate(0, -15px)}}section .l-inner{max-width:790px}.section__search{padding:30px 0 0 0}.getstart__empty,.docs__empty{font-size:17px;line-height:38px;padding:6px 0;color:#a6a6a6}
