.roles{overflow:hidden;position:relative}.roles__title{color:#033652;text-align:center}.roles__title--margin{margin-bottom:64px}@media only screen and (max-width:1023px){.roles__title--margin{margin-bottom:16px}}.roles .roles__text{color:#033652;margin:24px auto 0;max-width:1000px;text-align:center}.roles__toggles-wrap{margin-top:64px;padding-bottom:56px}@media only screen and (max-width:1023px){.roles__toggles-wrap{margin-left:-64px;margin-top:16px;overflow:hidden;width:calc(100% + 128px)}}@media only screen and (max-width:720px){.roles__toggles-wrap{padding-bottom:40px}}@media only screen and (max-width:700px){.roles__toggles-wrap{margin-left:-16px;overflow:hidden;width:calc(100% + 32px)}}.roles__toggles{display:flex;overflow:hidden;padding-bottom:2px;position:relative}@media only screen and (max-width:1023px){.roles__toggles{display:flex;overflow-x:auto;padding:0 64px 2px;text-align:center;white-space:nowrap}.roles__toggles::-webkit-scrollbar{display:none}}@media only screen and (max-width:720px){.roles__toggles{display:block}}@media only screen and (max-width:700px){.roles__toggles{padding:0 16px 2px}}.roles-toggle{flex:1 1;margin-right:16px;position:relative}.roles-toggle:last-child{margin-right:0}.roles-toggle:last-child .roles-toggle__content:before{right:0}@media only screen and (max-width:1023px){.roles-toggle{display:inline-block;flex:1 1;margin-right:0;min-width:100px}}@media only screen and (max-width:720px){.roles-toggle{min-width:100px;width:auto}}@media only screen and (max-width:1023px){.roles-toggle--large{min-width:240px;width:240px}}.roles-toggle__input{clip:rect(0,0,0,0);height:0;left:0;position:absolute;top:0;width:0}.roles-toggle__input:not(:checked)+.roles-toggle__content:hover:after{background-color:#033652;border-radius:5px;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.roles-toggle__input:checked+.roles-toggle__content:after{background-color:#033652;border-radius:5px;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.roles-toggle__input:checked+.roles-toggle__content:hover{background-color:#fff}.roles-toggle__input:checked+.roles-toggle__content .roles-toggle__icon{filter:invert(15%) sepia(32%) saturate(2616%) hue-rotate(172deg) brightness(97%) contrast(98%);opacity:1}.roles-toggle__input:checked+.roles-toggle__content .roles-toggle__icon--red{filter:invert(48%) sepia(15%) saturate(2804%) hue-rotate(321deg) brightness(90%) contrast(92%)}.roles-toggle__input:checked+.roles-toggle__content .roles-toggle__icon--green{filter:invert(53%) sepia(5%) saturate(3598%) hue-rotate(77deg) brightness(110%) contrast(90%)}.roles-toggle__input:checked+.roles-toggle__content .roles-toggle__icon--cyan{filter:invert(44%) sepia(22%) saturate(2933%) hue-rotate(158deg) brightness(101%) contrast(101%)}.roles-toggle__input:checked+.roles-toggle__content .roles-toggle__icon--purple{filter:invert(54%) sepia(76%) saturate(2193%) hue-rotate(232deg) brightness(81%) contrast(85%)}.roles-toggle__input:checked+.roles-toggle__content .roles-toggle__title{color:#033652;font-weight:400;opacity:1}.roles-toggle__content{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;padding:20px 12px;position:relative}.roles-toggle__content:before{background-color:#e1e5f2;bottom:0;content:"";height:1px;left:0;position:absolute;right:-16px}.roles-toggle__icon{filter:invert(15%) sepia(32%) saturate(2616%) hue-rotate(172deg) brightness(97%) contrast(98%);height:28px;opacity:.5;width:28px}@media only screen and (max-width:1023px){.roles-toggle__icon{height:20px;width:20px}}.roles-toggle__title{color:#033652;font:400 var(--label-lg);opacity:.5;text-align:center}.roles-tab{align-items:center;display:flex;gap:24px 80px;justify-content:space-between;opacity:0;position:absolute;z-index:-1}@media only screen and (max-width:1023px){.roles-tab{align-items:center;flex-direction:column;padding-left:12px;padding-right:12px}}.roles-tab--v2{gap:24px 0}.roles-tab--v2 .roles-tab__content{padding-left:32px;padding-right:16px}@media only screen and (max-width:1024px){.roles-tab--v2 .roles-tab__content{padding-left:16px}}.roles-tab--v2 .roles-tab__image{display:flex;flex:1 1;justify-content:center;max-width:600px}.roles-tab--v2 .roles-tab__image-box{max-width:424px}.roles-tab--center{align-items:center}.roles-tab--big-image{gap:44px 24px}@media only screen and (max-width:1023px){.roles-tab--big-image{flex-direction:column}}@media only screen and (max-width:720px){.roles-tab--big-image{gap:24px}}.roles-tab--big-image .roles-tab__image{max-width:686px;width:56.6%}@media only screen and (max-width:1023px){.roles-tab--big-image .roles-tab__image{max-width:781px;order:0;padding:0;width:100%}}.roles-tab--big-image .roles-tab__image--slider{max-width:742px;width:61.5%}@media only screen and (max-width:1023px){.roles-tab--big-image .roles-tab__image--slider{max-width:781px;width:100%}}.roles-tab.roles-tab--dashboards .roles-tab__image{max-width:580px;order:-1;width:50%}@media only screen and (max-width:1023px){.roles-tab.roles-tab--dashboards .roles-tab__image{max-width:100%;padding:0;width:100%}}.roles-tab.roles-tab--dashboards .roles-tab__image picture{display:flex;width:100%}.roles-tab.roles-tab--dashboards .roles-tab__image img{width:100%}.roles-tab.roles-tab--dashboards .roles-tab__title{font:600 var(--h5)}.roles-tab.roles-tab--dashboards .roles-tab__text{color:#767b8c;font:400 var(--p-md)}.roles-tab--reverse .roles-tab__content{order:1}.roles-tab--arcade{grid-gap:24px 40px;display:grid;gap:24px 40px;grid-template-columns:1fr 60%;margin-top:-16px}@media only screen and (max-width:1023px){.roles-tab--arcade{display:flex;flex-direction:column}.roles-tab--arcade .roles-tab__content{order:1}}.roles-tab--arcade.roles-tab--reverse{grid-template-columns:60% 1fr}@media only screen and (max-width:1023px){.roles-tab--arcade.roles-tab--reverse{display:flex;flex-direction:column}}.roles-tab--arcade .roles-tab__image{align-items:center;display:flex;max-width:100%;padding:0}@media only screen and (max-width:1023px){.roles-tab--arcade .roles-tab__image{max-width:781px}}.roles-tab.active{opacity:1;position:static;z-index:1}.roles-tab__content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media only screen and (max-width:1023px){.roles-tab__content{max-width:781px;width:100%}}@media only screen and (max-width:700px){.roles-tab__content{padding-left:0}}.roles-tab .roles-tab__title{color:#033652;font:600 var(--h2);margin-bottom:0;text-align:left}@media only screen and (max-width:1023px){.roles-tab .roles-tab__title br{display:none}}.roles-tab .roles-tab__subtitle{font:600 var(--h5)}.roles-tab .roles-tab__text{color:#033652;font:300 var(--p-lg);margin-bottom:0;margin-top:32px}@media only screen and (max-width:1240px){.roles-tab .roles-tab__text{margin-top:24px}}.roles-tab .roles-tab__text+.roles-tab__list{margin-top:4px}.roles-tab .roles-tab__numbered-list{margin-top:32px;padding-left:20px}@media only screen and (max-width:1240px){.roles-tab .roles-tab__numbered-list{margin-top:24px}}.roles-tab .roles-tab__numbered-list .roles-tab__item{font:300 var(--p-md)}.roles-tab .roles-tab__list{display:flex;flex-direction:column;gap:16px;margin-top:32px}@media only screen and (max-width:1240px){.roles-tab .roles-tab__list{margin-top:24px}}.roles-tab .roles-tab__list--small .roles-tab__item{padding-left:32px}.roles-tab .roles-tab__list--small .roles-tab__item:before{height:24px;width:24px}.roles-tab .roles-tab__list.roles-tab__list--simple{list-style:none;padding-left:0}.roles-tab .roles-tab__list.roles-tab__list--simple .roles-tab__item{align-items:flex-start;display:flex;gap:12px;padding-left:0}.roles-tab .roles-tab__list.roles-tab__list--simple .roles-tab__item:before{background-color:#033652;border-radius:50%;content:"";display:block;flex-shrink:0;height:6px;margin-top:14px;position:static;width:6px}.roles-tab .roles-tab__list.roles-tab__list--compact{gap:0;list-style:disc;margin-top:0;padding-left:24px}.roles-tab .roles-tab__list.roles-tab__list--compact .roles-tab__item{color:#033652;font:300 var(--p-lg);padding-left:0}.roles-tab .roles-tab__list.roles-tab__list--compact .roles-tab__item:before{display:none}.roles-tab .roles-tab__list .roles-tab__item{padding-left:48px;position:relative}.roles-tab .roles-tab__list .roles-tab__item:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAzMzY1MiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTguMTI3IDcuNTZhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMMTAuMzEgMTYuNDRhLjc1Ljc1IDAgMCAxLTEuMDU2LjAwNWwtMy4zNzUtMy4zMDdhLjc1Ljc1IDAgMSAxIDEuMDUtMS4wNzFsMi44NDUgMi43ODcgNy4yOTQtNy4yOTRhLjc1Ljc1IDAgMCAxIDEuMDYgMCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==);background-repeat:no-repeat;background-size:contain;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:40px}.roles-tab .roles-tab__item{color:#033652;font:300 var(--p-lg)}@media only screen and (max-width:1023px){.roles-tab .roles-tab__item br{display:none}}.roles-tab .roles-tab__item code,.roles-tab .roles-tab__item pre{white-space:normal}.roles-tab .roles-tab__item b,.roles-tab .roles-tab__item strong{font-weight:600}.roles-tab__link{margin-top:56px}@media only screen and (max-width:1240px){.roles-tab__link{margin-top:32px}}@media only screen and (max-width:720px){.roles-tab__link--desktop{display:none}}.roles-tab__link--mobile{display:none}@media only screen and (max-width:720px){.roles-tab__link--mobile{display:flex;margin-top:0;max-width:781px;order:10;width:100%}}.roles-tab__image{border-radius:6px;margin-left:0;max-width:488px;overflow:hidden;width:100%}@media only screen and (max-width:1023px){.roles-tab__image{max-width:421px;order:-1;overflow:visible}}.roles-tab__image--slider{padding:0 56px;position:relative}.roles-tab__image-box{width:100%}.roles-tab__image-box--blue,.roles-tab__image-box--cyan,.roles-tab__image-box--green,.roles-tab__image-box--peach,.roles-tab__image-box--pink,.roles-tab__image-box--purple,.roles-tab__image-box--sunset{border-radius:44px;display:flex;flex-direction:column;justify-content:center;padding:44px}@media only screen and (max-width:720px){.roles-tab__image-box--blue,.roles-tab__image-box--cyan,.roles-tab__image-box--green,.roles-tab__image-box--peach,.roles-tab__image-box--pink,.roles-tab__image-box--purple,.roles-tab__image-box--sunset{border-radius:16px;padding:16px}}.roles-tab__image-box--pink{background:#f1e0f4}.roles-tab__image-box--blue{background:#dbe8ff}.roles-tab__image-box--purple{background:#d4d9ff}.roles-tab__image-box--cyan{background:#b7e7f2}.roles-tab__image-box--sunset{background:#f9e4da}.roles-tab__image-box--green{background:#c8f2d6}.roles-tab__image-box--peach{background:#f9e4da}.roles-tab__image-box img{max-width:100%}.roles .roles-slider{align-items:center;display:flex;height:100%;overflow:hidden;padding-bottom:40px;position:relative;width:100%}@media only screen and (max-width:1023px){.roles .roles-slider{overflow:visible}}.roles .roles-slider__slide{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}.roles .roles-slider__image{width:100%}.roles .roles-slider__image--blue,.roles .roles-slider__image--cyan,.roles .roles-slider__image--green,.roles .roles-slider__image--pink,.roles .roles-slider__image--purple,.roles .roles-slider__image--sunset{border-radius:44px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:52px 44px}@media only screen and (max-width:720px){.roles .roles-slider__image--blue,.roles .roles-slider__image--cyan,.roles .roles-slider__image--green,.roles .roles-slider__image--pink,.roles .roles-slider__image--purple,.roles .roles-slider__image--sunset{border-radius:16px;padding:16px}}.roles .roles-slider__image--pink{background:#f1e0f4}.roles .roles-slider__image--blue{background:#dbe8ff}.roles .roles-slider__image--purple{background:#d4d9ff}.roles .roles-slider__image--cyan{background:#b7e7f2}.roles .roles-slider__image--sunset{background:#f9e4da}.roles .roles-slider__image--green{background:#c8f2d6}.roles .roles-slider__image--scale img{transform:scale(1.11)}.roles .roles-slider__image img{display:block;height:auto;width:100%}.roles .roles-slider__content{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-top:auto;padding-top:15px;text-align:left;width:100%}@media only screen and (max-width:720px){.roles .roles-slider__content{align-items:flex-start;flex-direction:column;gap:24px}}.roles .roles-slider__title{color:#033652;font:600 var(--h4);margin-bottom:16px;max-width:310px}@media only screen and (max-width:1024px){.roles .roles-slider__title{font-size:28px}}@media only screen and (max-width:720px){.roles .roles-slider__title{margin-bottom:10px}}.roles .roles-slider__text{color:#033652;font:400 var(--label-md);margin-bottom:0;max-width:310px}@media only screen and (max-width:720px){.roles .roles-slider__link{margin-bottom:16px}}.roles .roles-slider__link--disabled{background:rgba(132,142,224,.2);color:#848ee0;opacity:1}.roles .roles-slider .button-outlined{background:transparent}.roles .roles-slider__next,.roles .roles-slider__prev{align-items:center;background:#fff;border:1px solid #033652;border-radius:100%;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}@media only screen and (max-width:1023px){.roles .roles-slider__next,.roles .roles-slider__prev{display:none}}.roles .roles-slider__next:after,.roles .roles-slider__prev:after{display:none}.roles .roles-slider__next img,.roles .roles-slider__prev img{height:32px;width:32px}.roles .roles-slider__prev{left:0;transform:rotate(180deg)}.roles .roles-slider__next{right:0}.roles .roles-slider__pagination{display:flex;gap:20px;justify-content:center}.roles .roles-slider .swiper-pagination-bullet-active{background:#000}
/*# sourceMappingURL=roles-7ae4af4682b41d0869ad953b4bc98f8a.css.map*/