/* /static/theme/css/documentation.css */
.doc-hero{margin-top:32px;margin-bottom:104px}@media only screen and (min-width:768px){.doc-hero{margin-top:0;margin-bottom:134px}}@media only screen and (min-width:1024px){.doc-hero{margin-bottom:64px}}.doc-hero__container{display:flex}.doc-hero__info{display:flex;flex-direction:column;gap:32px;width:100%}@media only screen and (min-width:768px){.doc-hero__info{width:50%;padding-top:112px;padding-bottom:30px}}@media only screen and (min-width:1024px){.doc-hero__info{padding-top:82px;padding-bottom:169px}}@media only screen and (min-width:1920px){.doc-hero__info{padding-top:114px;padding-bottom:270px}}.doc-hero__title{font-size:40px;font-weight:700;line-height:46px;color:#1d233b}@media only screen and (min-width:1024px){.doc-hero__title{line-height:54px;letter-spacing:0.96px}}.doc-hero__description{font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0.36px}.doc-hero__search{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:1024px){.doc-hero__search{width:430px}}.doc-hero__search-input-container{position:relative}.doc-hero__search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%)}.doc-hero__search-icon .icon-stroke{stroke:#1d233b}.doc-hero__search-input{display:flex;height:48px;width:100%;padding:14px 42px 14px 42px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:12px;border:1px solid #d2d3d8;background:#fffeff;outline:none;color:#1d233b;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0.32px;transition:250ms cubic-bezier(0.4,0,0.2,1)}.doc-hero__search-input::placeholder{color:#a5a7b1;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0.32px}.doc-hero__search-input[type=search]::-webkit-search-cancel-button{display:none}.doc-hero__search-input:focus,.doc-hero__search-input:hover{border-color:#1d233b}.doc-hero__search-clear{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:none;align-items:center;justify-content:center;background:transparent;border:none;outline:none;padding:0;margin:0;cursor:pointer}.doc-hero__search-clear .icon-stroke{stroke:#7A7D8D}.doc-hero__search-clear.isActive{display:flex}@media only screen and (min-width:768px){.doc-hero__search-button{width:fit-content}}.doc-hero__picture{display:none}@media only screen and (min-width:768px){.doc-hero__picture{position:relative;display:block;width:50%}}.doc-hero__picture-img{position:absolute;top:50%;right:22px;z-index:3;transform:translateY(-50%);width:245.16px;height:219.798px}@media only screen and (min-width:1024px){.doc-hero__picture-img{width:340.981px;height:300.811px;top:35%}}@media only screen and (min-width:1920px){.doc-hero__picture-img{width:464px;height:416px;right:200px}}.doc-hero__picture-shadow{background:url("/static/theme/img/documentation/hero.webp") 50%/cover no-repeat;filter:blur(3.6985294819px);position:absolute;bottom:10px;right:25px;width:245.16px;height:219.798px;flex-shrink:0}@media only screen and (min-width:1024px){.doc-hero__picture-shadow{width:340.981px;height:300.811px;bottom:14%}}@media only screen and (min-width:1920px){.doc-hero__picture-shadow{width:464px;height:416px;right:200px}}.doc-hero__picture-shadow--opacity{position:absolute;bottom:0;left:50px;width:600px;height:150px;transform:rotate(180deg);opacity:0.9;background:linear-gradient(0deg,rgba(255,255,255,0) 0%,#FFF 100%)}@media only screen and (min-width:1024px){.doc-hero__picture-shadow--opacity{width:800px;bottom:0;height:350px}}@media only screen and (min-width:1920px){.doc-hero__picture-shadow--opacity{width:1500px}}.doc-hero__picture-spot{position:absolute;top:-50px;right:-50px;width:251.057px;height:425.979px;transform:rotate(-45deg);flex-shrink:0;border-radius:425.979px;opacity:0.18;background:#4B18F2;filter:blur(39.6271018982px)}@media only screen and (min-width:1024px){.doc-hero__picture-spot{width:375.849px;height:614.755px;top:-150px}}@media only screen and (min-width:1920px){.doc-hero__picture-spot{width:554.785px;height:949.91px;right:0;top:-300px}}html.dark .doc-hero__title{color:#fffeff}html.dark .doc-hero__search-input{border:1px solid rgba(255,254,255,0.2);background:#1d233b;color:#fffeff}html.dark .doc-hero__search-input::placeholder{color:rgba(255,254,255,0.4)}html.dark .doc-hero__search-input:focus,html.dark .doc-hero__search-input:hover{border-color:#fffeff}html.dark .doc-hero__search-icon .icon-stroke{stroke:#fffeff}html.dark .doc-hero__search-clear .icon-stroke{stroke:rgba(255,254,255,0.7)}html.dark .doc-hero__picture-shadow--opacity{background:linear-gradient(0deg,rgba(29,35,59,0) 0%,#1D233B 100%)}.doc-category__container{padding:0}@media only screen and (min-width:768px){.doc-category__container{padding-right:32px;padding-left:32px}}@media only screen and (min-width:1440px){.doc-category__container{padding-right:56px;padding-left:56px}}@media only screen and (min-width:1920px){.doc-category__container{padding-right:164px;padding-left:164px}}.doc-category__item{display:flex;flex-direction:column;gap:32px}.doc-category__item:not(:last-child){margin-bottom:64px}.doc-category__title{padding-right:16px;padding-left:16px}@media only screen and (min-width:1024px){.doc-category__title{padding:0}}.doc-category__card-list{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:768px){.doc-category__card-list{display:grid;grid-template-columns:1fr 1fr}}@media only screen and (min-width:1200px){.doc-category__card-list{grid-template-columns:1fr 1fr 1fr}}.doc-category__card-item{border-radius:22px;border:1px solid #d2d3d8}.doc-category__card-item__head{display:flex;gap:16px;align-items:center}.doc-category__card-item__picture{display:flex;width:64px;height:64px;justify-content:center;align-items:center;gap:8px;border-radius:12px;background:rgba(29,35,59,0.03)}.doc-category__card-item__title{flex:1;color:#1d233b;font-size:24px;font-weight:600;line-height:32px;letter-spacing:0.48px}.doc-category__card-item__description{color:#4a4f62;font-size:18px;font-weight:400;line-height:24px;letter-spacing:0.36px}.doc-category__card-link{display:flex;flex-direction:column;gap:8px;padding:16px;text-decoration:none}@media only screen and (min-width:1440px){.doc-category__card-link{padding:24px}}html.dark .doc-category__card-item{border:1px solid rgba(255,254,255,0.2)}html.dark .doc-category__card-item__picture{background-color:rgba(255,254,255,0.05)}html.dark .doc-category__card-item__title{color:#fffeff}html.dark .doc-category__card-item__description{color:rgba(255,254,255,0.8)}
