-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyle.css
1 lines (1 loc) · 45.2 KB
/
style.css
1
html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;text-rendering:optimizeSpeed;width:100%}*,:after,:before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{height:auto;max-width:100%;vertical-align:middle}img,picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;background:transparent;border:0;cursor:pointer}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{background:transparent;border:0}textarea{overflow:auto;resize:vertical;vertical-align:top}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{background:#000;border:0;box-sizing:content-box;height:1px;line-height:0;margin:0;overflow:visible;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{border:0;color:inherit;display:block;max-width:100%;white-space:normal;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}section.collaborators,div.cobs-controls,div.cobs-statistics,div.cobs-statistics div:first-child,div.cobs-statistics div:last-child,div.cobs-infos{flex-direction:column;display:flex}div.collaborator,div.cobs-about,div.cobs-identity{flex-direction:row;display:flex}div.collaborator{display:none;gap:24px}@media only screen and (max-width: 1030px){div.collaborator{flex-direction:column;gap:16px}}div.collaborator div.cobs-border-radius{border-bottom-right-radius:60px}section.collaborators{background-color:#f6f3fe;color:#171321;transform:translate3d(0, 0, 0);padding:96px 5.6%}@media only screen and (max-width: 1030px){section.collaborators{padding:96px 16px}}section.collaborators div.cobs-header-title{color:#171321;letter-spacing:-1px;margin-bottom:48px;line-height:48px;margin-left:-2px;font-weight:600;font-size:40px}@media only screen and (max-width: 1170px) and (min-width: 1031px){section.collaborators div.cobs-header-title{font-size:30px}}section.collaborators div.cobs-body{margin-bottom:50px;margin-left:16px}@media only screen and (max-width: 1030px){section.collaborators div.cobs-body{margin-bottom:24px;margin-left:0}}section.collaborators div.cobs-body div.cobs-display{display:flex}section.collaborators div.cobs-opacity{opacity:0}div.cobs-about{margin-top:26px;font-size:14px;gap:24px}@media only screen and (max-width: 1030px){div.cobs-about{flex-direction:column;gap:15px}}@media only screen and (max-width: 1030px){div.cobs-about div:first-child{width:50%}}div.cobs-about div:last-child{line-height:20px;width:100%}div.cobs-about div:last-child>span{font-weight:600}div.cobs-controls{align-items:center;position:fixed;left:1.8%;gap:15px;top:38%}@media only screen and (max-width: 1030px){div.cobs-controls{flex-direction:row;position:relative;left:0;top:0;gap:0}}div.cobs-controls img:nth-child(1){transform:rotate(-90deg);filter:brightness(0);display:inline-block;cursor:pointer}@media only screen and (max-width: 1030px){div.cobs-controls img:nth-child(1){transform:rotate(-180deg);margin-right:7px}}div.cobs-controls div{background-color:#d1d0d3;border-radius:24px;cursor:pointer;margin:0 8px;height:10px;width:10px}div.cobs-controls div.cobs-selected-node{box-shadow:0 0 0 3px #171321;background-color:transparent}div.cobs-controls img:nth-child(7){transform:rotate(90deg);display:inline-block;filter:brightness(0);cursor:pointer}@media only screen and (max-width: 1030px){div.cobs-controls img:nth-child(7){transform:rotate(0deg);margin-left:7px}}div.cobs-identity{border:1px solid #e8e7eb;background-color:#fff;border-bottom-left-radius:8px;border-top-left-radius:8px;width:100%}@media only screen and (max-width: 1030px){div.cobs-identity{flex-direction:column}}div.cobs-identity div.cobs-profile{position:relative;min-width:230px}@media only screen and (max-width: 1030px){div.cobs-identity div.cobs-profile{max-width:230px;height:auto}}div.cobs-identity div.cobs-profile>img{box-shadow:0 16px 50px -24px #d1d0d3;border-bottom-right-radius:66px;position:absolute;width:220px;left:-16px;top:-16px}@media only screen and (max-width: 1030px){div.cobs-identity div.cobs-profile>img{position:relative;margin-left:16px;margin-top:20px;left:0;top:0}}div.cobs-identity div.cobs-profile::after{border-right:1px solid #a989f5;border-top:1px solid #a989f5;border-radius:0 4px;position:absolute;display:block;height:110px;width:110px;content:'';right:21px;top:-21px}@media only screen and (max-width: 1030px){div.cobs-identity div.cobs-profile::after{right:-12px;top:15px}}div.cobs-statistics{width:36%;gap:20px}@media only screen and (max-width: 1030px){div.cobs-statistics{width:auto}}div.cobs-statistics div:last-child{border-bottom-right-radius:60px}div.cobs-statistics div:first-child,div.cobs-statistics div:last-child{border:1px solid #e8e7eb;background-color:#fff;justify-content:center;padding:18px 32px;height:100%}@media only screen and (max-width: 1030px){div.cobs-statistics div:first-child,div.cobs-statistics div:last-child{padding:26px 16px}}div.cobs-statistics div:first-child span,div.cobs-statistics div:last-child span{color:#7759c2;letter-spacing:-1.4px;line-height:60px;font-weight:600;font-size:50px}div.cobs-statistics div:first-child p,div.cobs-statistics div:last-child p{letter-spacing:-.8px;line-height:32px;font-weight:400;font-size:24px}@media only screen and (max-width: 1170px) and (min-width: 1031px){div.cobs-statistics div:first-child>span,div.cobs-statistics div:last-child>span{font-size:40px}}@media only screen and (max-width: 1170px) and (min-width: 1031px){div.cobs-statistics div:first-child>p,div.cobs-statistics div:last-child>p{font-size:20px}}div.cobs-infos{padding:48px 32px 48px 0;row-gap:13px}@media only screen and (max-width: 1030px){div.cobs-infos{padding:16px 16px 48px 16px}}div.cobs-infos:hover>button.cobs-read-more>img{transform:translate(6px, 1px)}div.cobs-infos:hover>button.cobs-read-more>span{text-decoration:underline;text-underline-offset:4px}div.cobs-infos blockquote.cobs-description{font-style:italic;line-height:38px;font-size:22.5px;font-weight:400;cursor:pointer}@media only screen and (max-width: 1170px) and (min-width: 1031px){div.cobs-infos blockquote.cobs-description{line-height:32px;font-size:20px}}div.cobs-infos button.cobs-read-more img{transform:translate(0, 1px)}div.cobs-infos button.cobs-read-more span{color:#7759c2;line-height:38px;font-size:23px}div.mhds-infos,div.mhds-infos div:nth-child(2){flex-direction:row;display:flex}@media only screen and (max-width: 760px){button.mhds-learn-more{margin-top:32px}}button.mhds-learn-more img{filter:brightness(0)}section.methodologies{transform:translate3d(0, 0, 0);padding:96px 12.8%;margin-bottom:40px;overflow-x:hidden}@media only screen and (max-width: 1300px){section.methodologies{padding:76px 16px}}section.methodologies div.mhds-content-show{transform:translate3d(0, 0, 0) translateX(0);opacity:1}section.methodologies>h2:first-child{letter-spacing:-1.4px;margin-bottom:96px;line-height:60px;font-weight:600;font-size:50px}@media only screen and (max-width: 760px){section.methodologies>h2:first-child{transform:translateX(-110%);margin-bottom:30px;font-size:40px;opacity:0}}section.methodologies h2.mhds-bigtitle-show{transform:translateX(0);opacity:1}div.methodology{pointer-events:none;padding:0 0 0 80px;overflow-x:hidden;opacity:.6}@media only screen and (max-width: 1300px){div.methodology{padding:0 0 0 40px}}@media only screen and (max-width: 760px){div.methodology{pointer-events:all;min-width:100%;padding:24px;opacity:1}}div.mhds-scroll{background-color:#e8e7eb;position:absolute;width:2px;bottom:0;left:0;top:0}@media only screen and (max-width: 760px){div.mhds-scroll{display:none}}div.mhds-scroll div{background-color:#171321;position:absolute;width:2px}div.mhds-body{flex-direction:column;display:flex;gap:94px}div.mhds-body .mhds-enabled{pointer-events:all;opacity:1}@media only screen and (max-width: 760px){div.mhds-body{box-shadow:0 0 8px #d1d0d3;scroll-behavior:smooth;flex-direction:row;border-radius:5px;overflow-x:hidden;gap:0}div.mhds-body::-webkit-scrollbar-thumb{background-color:#171321;border-radius:10px}div.mhds-body::-webkit-scrollbar-track{background-color:#e8e7eb}div.mhds-body::-webkit-scrollbar{height:2px}}div.mhds-content{transform:translate3d(0, 0, 0);padding-bottom:96px}@media only screen and (max-width: 760px){div.mhds-content{transform:translate3d(0, 0, 0) translateX(110%);padding-bottom:0;opacity:0}}div.mhds-content div.mhds-right-arrow,div.mhds-content div.mhds-left-arrow{border:1px ridge #171321;background-color:rgba(240,240,240,0.5);transform:translateY(-50%);backdrop-filter:blur(10px);transition-duration:150ms;border-radius:50px;position:fixed;display:none;padding:8px;opacity:0;z-index:1;top:50%}div.mhds-content div.mhds-right-arrow:hover,div.mhds-content div.mhds-left-arrow:hover{filter:contrast(1.6)}@media only screen and (max-width: 760px){div.mhds-content div.mhds-right-arrow,div.mhds-content div.mhds-left-arrow{display:block}}div.mhds-content div.mhds-right-arrow img,div.mhds-content div.mhds-left-arrow img{filter:brightness(50%);display:block;height:30px;width:30px}div.mhds-content div.mhds-left-arrow>img{transform:rotate(-180deg)}div.mhds-content div.mhds-show-arrows{opacity:1}div.mhds-content div.mhds-right-arrow{right:15px}div.mhds-content div.mhds-left-arrow{left:15px}div.mhds-content div.mhds-move-right{right:6px}div.mhds-content div.mhds-move-left{left:6px}div.mhds-infos{position:relative;z-index:0}@media only screen and (max-width: 760px){div.mhds-infos{flex-direction:column;row-gap:32px}}div.mhds-infos div:first-child{width:100%}div.mhds-infos div:first-child>span{margin-bottom:24px;display:block}div.mhds-infos div:first-child>h3{letter-spacing:-1px;margin-bottom:16px;line-height:48px;font-weight:600;font-size:40px}@media only screen and (min-width: 760px) and (max-width: 840px){div.mhds-infos div:first-child>h3{line-height:36px;font-size:32px}}@media only screen and (max-width: 760px){div.mhds-infos div:first-child>h3{padding-right:0}}div.mhds-infos div:first-child>p{padding-right:32px;line-height:24px;font-weight:400;font-size:20px}@media only screen and (min-width: 760px) and (max-width: 840px){div.mhds-infos div:first-child>p{line-height:20px;font-size:18px}}@media only screen and (max-width: 760px){div.mhds-infos div:first-child>p{padding-right:0}}div.mhds-infos div:nth-child(2){transform:translateX(80px);align-items:center;padding-top:30px;width:100%;opacity:0}@media only screen and (max-width: 760px){div.mhds-infos div:nth-child(2){transform:translateX(0);padding-top:0;opacity:1}}div.mhds-infos div.mhds-image-show{transform:translateX(0);opacity:1}button.flat-btn{display:inline-flex;align-items:center;column-gap:5px;outline:none}button.flat-btn:hover img{transform:translateX(8px)}button.flat-btn:hover span{text-decoration:underline;text-underline-offset:4px}button.flat-btn img{display:inline-block}button.flat-btn span{color:#171321;line-height:24px;font-weight:600;font-size:20px}button.gen-btn{transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);background-color:#171321;justify-content:center;display:inline-flex;padding:11px 16px;outline:none}button.gen-btn:hover{background-color:transparent}button.gen-btn:hover span{color:#171321}button.gen-btn img{transform:translate(0, 1px);display:inline-block;margin-left:8px}button.gen-btn span{transition:color 0.3s cubic-bezier(0.7, 0, 0.3, 1);color:#fff;line-height:20px;font-weight:600;font-size:18px}div.right-customers,div.left-customers,section.customers,section.customers>div{display:inline-flex;flex-direction:row}span.guest-logo-as{transform:scale(0)}span.guest-logo-af{transform:scale(1)}div.right-customers{align-items:center;column-gap:5%}div.left-customers{align-items:center;column-gap:5%}section.customers{transform:translate3d(0, 0, 0);justify-content:center;padding:5% 6% 4% 5%;align-items:center;column-gap:2.5%;width:100%}@media only screen and (max-width: 766px){section.customers{flex-direction:column}}@media only screen and (max-width: 500px){section.customers{padding:10% 16px 12% 16px}}section.customers>span{color:#171321;display:inline-block;white-space:nowrap;font-size:20px}section.customers img{object-fit:cover;height:100%;width:100%}section.customers>div{gap:3%}@media only screen and (max-width: 766px){section.customers>div{flex-direction:column;margin-top:34px;gap:10px}}div.res-head button:hover:last-child>img,div.resource div:nth-child(4) button:hover>img{transform:translate(8px, 0.5px)}div.res-head button:last-child img,div.resource div:nth-child(4) button img{transform:translate(0, 0.5px);filter:brightness(25%)}div.res-content div.res-right-arrow,div.res-content div.res-left-arrow{border:1px ridge #171321;background-color:rgba(240,240,240,0.5);transform:translateY(-50%);backdrop-filter:blur(10px);transition-duration:150ms;border-radius:50px;position:fixed;display:none;padding:8px;opacity:0;z-index:1;top:50%}div.res-content div.res-right-arrow:hover,div.res-content div.res-left-arrow:hover{filter:contrast(1.6)}@media only screen and (max-width: 760px){div.res-content div.res-right-arrow,div.res-content div.res-left-arrow{display:block}}div.res-content div.res-right-arrow img,div.res-content div.res-left-arrow img{filter:brightness(50%);display:block;height:30px;width:30px}section.resources{transform:translate3d(0, 0, 0);overflow:hidden;padding:0 5%}@media only screen and (max-width: 640px){section.resources{padding:2.5%, 16px}}section.resources div.res-content-show{transform:translate3d(0, 0, 0) translateX(0);opacity:1}section.resources div.res-head-show{transform:translateX(0);opacity:1}div.res-head{border-bottom:2px solid #a2a1a6;justify-content:space-between;padding-bottom:32px;display:inline-flex;align-items:center;margin-bottom:32px;flex-wrap:wrap;row-gap:8px;width:100%}@media only screen and (max-width: 770px){div.res-head{transform:translateX(200%);opacity:0}}div.res-head h2:first-child{letter-spacing:-1.4px;line-height:60px;font-weight:600;font-size:50px}@media only screen and (max-width: 580px){div.res-head h2:first-child{font-size:40px}}div.res-head button:last-child{font-size:18px}div.res-content{transform:translate3d(0, 0, 0) translateX(0%)}@media only screen and (max-width: 770px){div.res-content{transform:translate3d(0, 0, 0) translateX(-200%);opacity:0}}div.res-content div.res-show-arrows{opacity:1}div.res-content div.res-right-arrow{right:15px}div.res-content div.res-body{justify-content:space-between;flex-wrap:wrap;display:flex}@media only screen and (max-width: 770px){div.res-content div.res-body{justify-content:flex-start;scroll-behavior:smooth;overflow-x:hidden;flex-wrap:nowrap}}div.res-content div.res-body div:nth-child(3) ~ div.resource{transform:translateY(48px)}div.res-content div.res-body div.resource-show{transform:translateY(0) !important;opacity:1}div.res-content div.res-left-arrow{left:15px}div.res-content div.res-left-arrow img{transform:rotate(-180deg)}div.res-content div.res-move-right{right:6px}div.res-content div.res-move-left{left:6px}div.resource{transform:translateY(-48px);flex-direction:column;margin-bottom:48px;flex:0 0 32.3333%;width:32.3333%;cursor:pointer;display:flex;padding:16px;row-gap:20px;opacity:0}div.resource:hover{background-color:#eee7fd;border-radius:0 0 100px 0}@media only screen and (max-width: 770px){div.resource{transform:translateY(0);min-width:100%;opacity:1}}div.resource div:first-child{display:inline-flex;align-items:center;column-gap:8px;width:100%}div.resource div:nth-child(2){display:inline-flex;width:100%}div.resource div:nth-child(2) img{width:100%}div.resource p:nth-child(3){font-size:20px}div.resource div:nth-child(4){display:inline-flex;width:100%}section.services{display:inline-flex;flex-direction:row}div.service,div.service div{flex-direction:column;display:flex}div.services-as{height:386px;padding:0;width:0}@media only screen and (max-width: 1130px) and (min-width: 1025px){div.services-as{height:280px}}@media only screen and (max-width: 1025px){div.services-as{transform:translateY(200%);padding:20px;height:auto;width:100%;opacity:0}}div.services-af{padding:40px;height:386px;width:100%}@media only screen and (max-width: 1130px) and (min-width: 1025px){div.services-af{height:280px;padding:25px}}@media only screen and (max-width: 1025px){div.services-af{transform:translateX(0%);padding:20px;height:auto;width:100%;opacity:1}}@media only screen and (max-width: 1025px){div.services-second-as{transform:translateY(-280px)}}@media only screen and (max-width: 1025px){div.services-third-as{transform:translateY(-560px)}}@media only screen and (max-width: 1025px){div.services-second-af,div.services-third-af{transform:translateY(0)}}section.services{transform:translate3d(0, 0, 0);background-repeat:no-repeat;padding:80px 7% 75px 7%;justify-content:center;align-items:center;width:100%;gap:30px;background:url("./assets/images/infinity.svg") bottom 100% right 100%/2000px,linear-gradient(180deg, #fff 0 50%, #f6f3fe 50% 100%)}@media only screen and (max-width: 1196px){section.services{background:#f6f3fe}}@media only screen and (max-width: 1130px) and (min-width: 1025px){section.services{padding:40px 3% 35px 3%}}@media only screen and (max-width: 1025px){section.services{padding:30px 5% 25px 5%;flex-direction:column;overflow-x:hidden}}@media only screen and (max-width: 1025px){section.services div.service:nth-child(1){z-index:2}}@media only screen and (max-width: 1025px){section.services div.service:nth-child(2){z-index:1}}@media only screen and (max-width: 1025px){section.services div.service:nth-child(3){z-index:0}}div.service{justify-content:space-between;background-color:transparent;align-items:flex-start;border-radius:4px;position:relative;isolation:isolate;overflow:hidden;cursor:pointer;margin:0 auto;background-image:linear-gradient(141.57deg, #fff 0.86%, rgba(255,255,255,0) 99.96%)}div.service:hover{background-color:#fff;border-bottom-right-radius:100px}@media only screen and (max-width: 1025px){div.service{justify-content:center;row-gap:30px}}div.service div{row-gap:16px}div.service div>p{line-height:20px;font-weight:400;font-size:16px}@media only screen and (max-width: 1130px) and (min-width: 1025px){div.service div>p{line-height:18px;font-size:14px}}div.service div>span{letter-spacing:-.6px;line-height:32px;font-weight:600;font-size:24px;cursor:pointer}@media only screen and (max-width: 1130px) and (min-width: 1025px){div.service div>span{line-height:22px;font-size:18px}}div.service button:hover>img{transform:translate(8px, 0.6px)}div.service button img{transform:translate(0, 0.6px)}div.service button>span{color:#7759c2}@media only screen and (max-width: 1130px) and (min-width: 1025px){div.service button>span{line-height:18px;font-size:15px}}div.sub-infos button{border:1px solid #171321;border-radius:4px}div.sub-infos button:hover{background-color:#fff}div.sub-infos button span{transition:font-size 0.2s linear}@media only screen and (min-width: 770px) and (max-width: 900px){div.sub-infos button span{font-size:14px}}section.pricing-show{opacity:1 !important}div.subscription{flex-direction:column;display:flex;width:100%}@media only screen and (max-width: 770px){div.subscription{min-width:100%;width:auto}}section.pricing{transform:translate3d(0, 0, 0);margin-bottom:96px;padding:16px 5%;opacity:0}@media only screen and (min-width: 770px) and (max-width: 1080px){section.pricing{padding:16px}}section.pricing h2.price-title{letter-spacing:-2.1px;margin-bottom:24px;line-height:72px;font-weight:600;font-size:50px}@media only screen and (max-width: 770px){section.pricing h2.price-title{margin-bottom:30px}}div.sub-features{font-size:14px}@media only screen and (max-width: 770px){div.sub-features{padding-left:16px;font-size:16px}}div.sub-features h4{margin-bottom:8px;line-height:20px;font-weight:600}div.sub-features div{flex-direction:column;display:flex;row-gap:8px}div.sub-features div>span{display:inline-flex}div.sub-features div>span>span:first-child{margin-right:22px}div.price-head{justify-content:center;margin-bottom:16px;display:none;width:100%}@media only screen and (max-width: 770px){div.price-head{display:inline-flex}}div.price-head button.price-active-sub{border-bottom:1px solid #171321;color:#171321}div.price-head button{color:#d3d3d3;display:inline-block;text-align:center;line-height:24px;font-weight:600;font-size:20px;padding:8px 0;width:100%}@media only screen and (max-width: 770px){div.price-head button{font-size:15px}}div.price-body{justify-content:space-between;display:inline-flex;column-gap:50px;width:100%}@media only screen and (min-width: 770px) and (max-width: 1080px){div.price-body{column-gap:16px}}@media only screen and (max-width: 770px){div.price-body{scroll-behavior:smooth;overflow-x:hidden;column-gap:0}}div.price-body div:first-child>div.sub-infos{background-color:#f2f1f5}div.price-body div:nth-child(2)>div.sub-infos{background-color:#eee7fd}div.price-body div:last-child>div.sub-infos{border:1px solid #eee7fd;background:url("./assets/images/ultimate.png");border-radius:4px 4px 100px 4px;background-repeat:no-repeat;background-position:50%;background-size:cover}span.sub-price{display:inline-flex;margin-bottom:16px;align-items:center}span.sub-price label:first-child{transform:translateY(-10px);display:block}span.sub-price label:nth-child(2){letter-spacing:-2.1px;line-height:72px;font-weight:600;font-size:64px}@media only screen and (min-width: 770px) and (max-width: 1080px){span.sub-price label:nth-child(2){font-size:50px}}span.sub-price span:nth-child(3){margin-left:16px}@media only screen and (max-width: 770px){span.sub-price span:nth-child(3){font-size:15px}}span.sub-price span:nth-child(3)>p{line-height:20px;font-weight:400;font-size:14px}div.sub-infos{align-items:flex-start;flex-direction:column;margin-bottom:32px;border-radius:4px;padding:24px;display:flex;height:362px}@media only screen and (min-width: 770px) and (max-width: 1080px){div.sub-infos{height:380px;padding:16px}}div.sub-infos h3{letter-spacing:-1px;line-height:48px;font-weight:600;font-size:40px}@media only screen and (min-width: 770px) and (max-width: 1080px){div.sub-infos h3{font-size:30px}}div.sub-infos>p{margin-bottom:8px;line-height:24px;font-weight:600;font-size:20px}@media only screen and (min-width: 770px) and (max-width: 1080px){div.sub-infos>p{font-size:16px}}menu.nav-menu-popup button:last-child,div.nav-right button:nth-child(2){border:1px solid #171321;border-radius:4px}nav.navbar,menu.nav-menu-popup{flex-direction:column;display:flex}section.nav-data,menu.nav-menu-popup section:first-child,menu.nav-menu-popup section:nth-child(2)>div,div.nav-left,div.nav-right{align-items:center;flex-direction:row;display:flex}header,menu.nav-menu-popup{position:fixed;right:0;left:0;top:0}div.nav-left img:first-child,div.nav-left img:nth-child(2) ~ img,div.nav-right img{filter:brightness(100%);cursor:pointer}div.nav-left img:hover:first-child,div.nav-left img:nth-child(2) ~ img:hover,div.nav-right img:hover{filter:brightness(1%)}nav.navbar>button:first-child{border-bottom:1px solid #171321;border-top:2px solid #171321}nav.navbar>button:hover:first-child>img{filter:brightness(0)}@media only screen and (max-width: 1170px){nav.navbar>button:first-child{font-size:16px}}nav.navbar>button:first-child img{transition:filter 0.3s cubic-bezier(0.7, 0, 0.3, 1);filter:brightness(100%)}@keyframes navOptionBlink{from{background-color:transparent}to{background-color:#e3dfed}}img.hd-first-gitlab-as{transform:rotate(-180deg)}img.hd-first-gitlab-af{transform:rotate(0deg)}button.hd-menu-free-trial-as,button.hd-free-trial-as{transition:none}button.hd-menu-free-trial-af,button.hd-free-trial-af{transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1)}button.hd-menu-free-trial-as{transform:scaleX(0)}button.hd-menu-free-trial-af{transform:scaleX(1)}img.hd-second-gitlab-as{margin-left:48%;opacity:0}img.hd-second-gitlab-af{margin-left:0;opacity:1}img.hd-close-menu-as{margin-right:46%;opacity:0}img.hd-close-menu-af{margin-right:0;opacity:1}img.hd-menu-options-as{margin-left:50%;opacity:0}img.hd-menu-options-af{margin-left:0;opacity:1}header.header-as{transform:translateY(-100%);transition:none}@media only screen and (max-width: 575px){header.header-as{transform:translateY(0)}}header.header-af{transform:translateY(-38%);transition:inherit}@media only screen and (max-width: 575px){header.header-af{transform:translateY(0)}}label.hd-left-options-as,button.hd-sign-in-btn-as,img.hd-second-search-as,img.hd-emburger-menu-as,button.hd-free-trial-as,img.hd-third-search-as,img.hd-first-search-as,img.hd-sign-in-as{transform:translateY(10px);opacity:0}label.hd-left-options-af,button.hd-sign-in-btn-af,img.hd-second-search-af,img.hd-emburger-menu-af,button.hd-free-trial-af,img.hd-third-search-af,img.hd-first-search-af,img.hd-sign-in-af{transform:translateY(0);opacity:1}header{background-color:#fff;z-index:4}section.nav-data{justify-content:space-between;padding:20px 32px 20px 32px}@media only screen and (max-width: 1050px){section.nav-data{padding:16px}}menu.nav-menu-popup{background-color:#fff;transform:translateX(100%);padding:8px 16px 0 16px;row-gap:8px;z-index:5;bottom:0}menu.nav-menu-popup section:first-child{justify-content:space-between}menu.nav-menu-popup section:first-child img:first-child,menu.nav-menu-popup section:first-child img:last-child{cursor:pointer}menu.nav-menu-popup div.nav-menu-selection{animation:navOptionBlink 100ms linear 0ms 3 normal backwards}menu.nav-menu-popup section:nth-child(2)>div{border-bottom:1px solid #ccc;justify-content:space-between;color:#171321;padding:12px 0 12px 0;align-items:center;font-size:19px;cursor:pointer}@media only screen and (max-width: 575px){menu.nav-menu-popup section:nth-child(2)>div{font-size:16px}}menu.nav-menu-popup section:nth-child(2)>div img{filter:brightness(1%)}menu.nav-menu-popup section:nth-child(2) div:last-child{justify-content:flex-start;margin-top:15px;column-gap:8px}menu.nav-menu-popup button:last-child{margin-top:23px;width:100%}@media only screen and (max-width: 1170px){menu.nav-menu-popup button:last-child{font-size:16px}}div.nav-left{column-gap:25px}@media only screen and (max-width: 1170px){div.nav-left{column-gap:15px}}@media only screen and (max-width: 575px){div.nav-left{column-gap:0;width:100%}}div.nav-left img:first-child{display:none}@media only screen and (max-width: 575px){div.nav-left img:first-child{display:inline-block;position:absolute}}div.nav-left img:nth-child(2){cursor:pointer}@media only screen and (max-width: 575px){div.nav-left img:nth-child(2){margin:auto}}div.nav-left>span.nav-active-option{color:#171321;pointer-events:none}div.nav-left>span{color:#74717a;cursor:pointer}div.nav-left>span:hover{color:#171321}@media only screen and (max-width: 1170px){div.nav-left>span{font-size:15px}}@media only screen and (max-width: 1050px){div.nav-left>span{display:none}}div.nav-right{column-gap:25px}@media only screen and (max-width: 575px){div.nav-right{position:absolute;column-gap:0}}@media only screen and (max-width: 1050px){div.nav-right img:first-child{display:none}}@media only screen and (max-width: 1170px){div.nav-right button:nth-child(2){font-size:16px}}@media only screen and (max-width: 575px){div.nav-right button:nth-child(2){display:none}}div.nav-right button:nth-child(3){color:#74717a;font-size:18px;border:none;padding:8px}div.nav-right button:nth-child(3):hover{color:#171321}@media only screen and (max-width: 1170px){div.nav-right button:nth-child(3){font-size:15px}}@media only screen and (max-width: 1050px){div.nav-right button:nth-child(3){display:none}}div.nav-right img:nth-child(4){display:none}@media only screen and (max-width: 1050px){div.nav-right img:nth-child(4){display:inline-block}}@media only screen and (max-width: 575px){div.nav-right img:nth-child(4){display:none}}div.nav-right img:nth-child(5){display:none}@media only screen and (max-width: 1050px){div.nav-right img:nth-child(5){display:inline-block}}@media only screen and (max-width: 575px){div.nav-right img:nth-child(5){display:none}}div.nav-right img:nth-child(6){display:none}@media only screen and (max-width: 1050px){div.nav-right img:nth-child(6){display:inline-block}}@media only screen and (max-width: 575px){div.nav-right img:nth-child(6){transform:translate(-17px, -16px);height:32px;width:32px}}div.banner-left div:nth-child(5),section.banner{justify-content:center;display:inline-flex}div.banner-right,div.banner-left{flex-direction:column;display:flex}div.banner-left div:nth-child(4)>button:first-child{border:1px solid #171321;display:inline-block;margin-bottom:15px;border-radius:4px;margin-right:13px}div.banner-left div:nth-child(4)>button:hover:first-child{background-color:#fff}@media only screen and (max-width: 1080px) and (min-width: 771px){div.banner-left div:nth-child(4)>button:first-child{font-size:16px}}@media only screen and (max-width: 770px){div.banner-left div:nth-child(4)>button:first-child{width:100%}}div.banner-left>span:first-child{color:#171321;margin-top:78px}@media only screen and (max-width: 1080px) and (min-width: 771px){div.banner-left>span:first-child{font-size:13px;margin-top:0}}@media only screen and (max-width: 770px){div.banner-left>span:first-child{text-align:center;font-size:15px;margin-top:0}}div.banner-left>span:first-child label{display:inline-block;border-radius:20px;padding:4px 16px;cursor:pointer;background-image:linear-gradient(-90deg, #f5f1ff, #eee7fd)}div.banner-left>span:first-child label:hover{background-image:linear-gradient(-90deg, #faf9ff, #f3eefe)}div.banner-left div:nth-child(5){column-gap:28px;margin-top:35%;width:82%}@media only screen and (max-width: 1080px) and (min-width: 771px){div.banner-left div:nth-child(5){margin-top:8%;width:100%}}@media only screen and (max-width: 770px){div.banner-left div:nth-child(5){display:none}}div.banner-left div:nth-child(5)>span{border-radius:10px;width:33.33%;height:2px;background-color:#e3d8ff}div.banner-left div:nth-child(5)>span div.banner-progress-thumb{animation:bannerProgressBar 4s linear 0s 1 normal backwards}div.banner-left div:nth-child(5)>span>div{background-color:#171321;border-radius:10px;height:2px;width:0}@keyframes bannerProgressBar{from{width:0}to{width:100%}}section.banner-as{transform:translateX(-100%);padding:0}section.banner-af{padding:104px 4vw 0 4vw;transform:translateX(0)}@media only screen and (max-width: 770px){section.banner-af{padding:104px 16px 0 16px}}div.banner-right-as{transform:translateX(50%);opacity:0}@media only screen and (max-width: 770px){div.banner-right-as{transform:translateX(0);opacity:1}}div.banner-right-af{transform:translateX(0);opacity:1}div.banner-left-as{transform:translateX(-50%);opacity:0}@media only screen and (max-width: 770px){div.banner-left-as{transform:translateX(0);opacity:1}}div.banner-left-af{transform:translateX(0);opacity:1}@media only screen and (max-width: 770px){label.bl-third-as,span.bl-first-as{transform:translateY(-80%);opacity:0}}@media only screen and (max-width: 770px){label.bl-third-af,span.bl-first-af{transform:translateY(0);opacity:1}}@media only screen and (max-width: 770px){h1.bl-second-as,div.bl-four-as{transform:translateY(80%);opacity:0}}@media only screen and (max-width: 770px){h1.bl-second-af,div.bl-four-af{transform:translateY(0);opacity:1}}section.banner{background-image:url("./assets/images/gradient-desktop.jpg");background-repeat:no-repeat;background-position:80%;background-size:cover;width:100%}section.banner-template{transform:translate3d(0, 0, 0);overflow-x:hidden;margin-top:78px;width:100%}div.banner-right{transform:translate3d(0, 0, 0);align-items:center;height:100%;width:75%}@media only screen and (max-width: 770px){div.banner-right{display:none}}div.banner-right img{transition:opacity .6s linear;object-fit:cover;height:100%;width:100%}div.banner-right>img:first-child{opacity:0}div.banner-right>img:nth-child(2){position:fixed;opacity:0;top:0}div.banner-right>img:last-child{position:fixed;opacity:0;top:0}div.banner-right img.banner-fade-in{opacity:1}div.banner-left{padding-right:2vw;row-gap:18px;width:50%}@media only screen and (max-width: 770px){div.banner-left{justify-content:center;align-items:center;padding-right:0;width:100%}}div.banner-left h1:nth-child(2){color:#171321;letter-spacing:-1.4px;line-height:60px;font-weight:600;font-size:50px}@media only screen and (max-width: 1080px) and (min-width: 771px){div.banner-left h1:nth-child(2){line-height:44px;font-size:35px}}@media only screen and (max-width: 770px){div.banner-left h1:nth-child(2){text-align:center}}div.banner-left>span:nth-child(3){color:#171321;font-size:20px}@media only screen and (max-width: 1080px) and (min-width: 771px){div.banner-left>span:nth-child(3){font-size:15px}}@media only screen and (max-width: 770px){div.banner-left>span:nth-child(3){text-align:center}}@media only screen and (max-width: 770px){div.banner-left div:nth-child(4){padding-bottom:65px}}@media only screen and (max-width: 420px){div.banner-left div:nth-child(4){flex-direction:column;display:flex;width:100%}}div.banner-left div:nth-child(4)>button:last-child{color:#171321;text-underline-offset:2px;font-weight:600;font-size:18px}div.banner-left div:nth-child(4)>button:last-child:hover{text-decoration:underline}div.banner-left div:nth-child(4)>button:last-child img{transform:translate(0, -1.5px);display:inline-block;margin-left:5px}div.banner-left div:nth-child(4)>button:last-child:hover>img{transform:translate(6px, -1.5px)}@media only screen and (max-width: 1080px) and (min-width: 771px){div.banner-left div:nth-child(4)>button:last-child{font-size:15px}}div.bds-options button:first-child,div.bds-options button:last-child{color:#171321;align-items:center;border-radius:4px;font-weight:600;column-gap:7px;display:flex;padding:16px;width:360px;border:none}@media only screen and (max-width: 770px){div.bds-options button:first-child,div.bds-options button:last-child{width:100%}}div.bds-foot>button:last-child,div.bds-left button:last-child{background-color:#fff;border:1px solid #fff;border-radius:4px}div.bds-foot>button:hover:last-child,div.bds-left button:hover:last-child{background-color:#171321}div.bds-foot>button:hover:last-child span,div.bds-left button:hover:last-child span{color:#fff}div.bds-foot>button:hover:last-child img,div.bds-left button:hover:last-child img{filter:brightness(300%)}div.bds-foot>button:last-child span,div.bds-left button:last-child span{color:#171321}div.bds-foot>button:last-child img,div.bds-left button:last-child img{transform:translateY(2px);filter:brightness(1%)}.bds-head-show{transform:translateY(0) !important}section.bds-show{opacity:1 !important}section.badges{background-color:#171321;transform:translate3d(0, 0, 0);margin-bottom:96px;overflow:hidden;padding:96px 5%;opacity:0}@media only screen and (max-width: 770px){section.badges{padding:96px 16px}}div.bds-head{transform:translateY(-156%)}div.bds-head h2:first-child{color:#fff;letter-spacing:-1.4px;margin-bottom:64px;line-height:60px;font-weight:600;font-size:50px}@media only screen and (max-width: 770px){div.bds-head h2:first-child{margin-bottom:24px}}div.bds-options{margin-bottom:64px;display:flex;gap:16px}@media only screen and (max-width: 770px){div.bds-options{flex-direction:column;margin-bottom:24px;width:100%}}div.bds-options button:first-child{background-color:#e3d6ff}div.bds-options button:last-child{background-color:#f6f3fe}div.bds-options button:last-child:hover{background-color:#e3d6ff}div.bds-foot{display:flex}@media only screen and (max-width: 770px){div.bds-foot{flex-direction:column}}div.bds-foot div.bds-right{justify-content:flex-start;transform:translateX(150%);flex-wrap:wrap;display:flex;flex:1 0 50%;gap:42px}@media only screen and (max-width: 770px){div.bds-foot div.bds-right{justify-content:center;margin-bottom:24px}}div.bds-foot div.bds-part-show{transform:translateX(0)}div.bds-foot>button:last-child{transform:translateY(400%);display:none}@media only screen and (max-width: 770px){div.bds-foot>button:last-child{display:inline-flex}}div.bds-left{transform:translateX(-150%);padding-right:24px;width:100%}div.bds-left p{color:#fff;margin-bottom:24px;line-height:40px;font-size:32px;width:76%}@media only screen and (max-width: 1350px){div.bds-left p{width:90%}}@media only screen and (max-width: 1150px){div.bds-left p{width:auto}}div.bds-left strong{color:#fff;font-weight:bold}@media only screen and (max-width: 770px){div.bds-left button:last-child{display:none}}@media only screen and (max-width: 768px){div.foot-joined{justify-content:space-between;display:inline-flex}}div.foot-bottom{padding-top:64px}div.foot-bottom>p{margin-bottom:8px;font-size:14px}div.foot-bottom>p a{text-decoration:underline;font-weight:600;font-size:14px;cursor:pointer}@media only screen and (max-width: 768px){div.foot-joined:first-child{display:inline-flex;column-gap:64px}}div.foot-joined:first-child>div:last-child{margin-top:24px}@media only screen and (max-width: 768px){div.foot-joined:first-child>div:last-child{margin-top:0;width:148px}}footer>section.footer{background-color:#171321;transform:translate3d(0, 0, 0);padding:40px 5%}@media only screen and (max-width: 1216px){footer>section.footer{padding:40px 32px}}@media only screen and (max-width: 640px){footer>section.footer{padding:42px 16px}}footer>section.footer span,footer>section.footer h3,footer>section.footer li,footer>section.footer p,footer>section.footer a{color:#fff}div.foot-joined:last-child{display:inline-flex;column-gap:64px}@media only screen and (max-width: 1216px){div.foot-joined:last-child{column-gap:42px}}@media only screen and (max-width: 768px){div.foot-joined:last-child{column-gap:0}}@media only screen and (max-width: 768px){div.foot-joined:last-child div:last-child{width:148px}}div.foot-top{column-gap:42px;display:flex}@media only screen and (max-width: 1216px){div.foot-top{flex-direction:column;row-gap:36px}}div.foot-top div.foot-gitlab{white-space:nowrap;min-width:150px}div.foot-top div.foot-refs{justify-content:space-between;display:flex;width:100%;gap:30px}@media only screen and (max-width: 768px){div.foot-top div.foot-refs{flex-direction:column}}div.foot-menu h3{margin-bottom:16px;line-height:24px;font-weight:600;font-size:20px}@media only screen and (max-width: 768px){div.foot-menu ul[name="true"]{column-gap:calc(100% - 294px);columns:100px 2}}div.foot-menu ul>li{margin-bottom:8px;line-height:24px;font-size:14px;cursor:pointer}div.foot-menu ul>li:hover{text-decoration:underline}div.foot-network{border-bottom:1px solid #fff;justify-content:space-between;align-items:baseline;padding-bottom:24px;margin-bottom:32px;display:flex}@media only screen and (max-width: 460px){div.foot-network{flex-direction:column;row-gap:34px}}div.foot-network div.foot-langs>span{margin-left:2px}div.foot-network select{background-color:transparent;color:#fff;cursor:pointer;border:none}div.foot-network select option{color:#171321}div.foot-network div.foot-contacts{display:inline-flex;column-gap:15px}div.foot-network div.foot-contacts img{filter:brightness(300%);cursor:pointer}div.foot-network div.foot-contacts img:hover{filter:brightness(150%)}div.arrows-hide-bottom{transform:translate3d(0, 0, 0) translateY(-25px) !important}div.arrows-hide-top{transform:translate3d(0, 0, 0) translateY(25px) !important}img.arrow-show{display:block !important}div.arrows-show{transform:translate3d(0, 0, 0) translateY(0) !important;opacity:1 !important}div.arrows{box-shadow:0 0 8px grey;background-color:#171321;transform:translate3d(0, 0, 0);justify-content:center;display:inline-flex;border-radius:25px;align-items:center;position:fixed;cursor:pointer;padding:10px;bottom:25px;right:25px;opacity:0}div.arrows:hover{background-color:#443862}div.arrows img{filter:brightness(400%);display:none;height:24px;width:24px}div.arrows img:first-child{transform:rotate(-90deg)}div.arrows img:last-child{transform:rotate(90deg)}.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,0.12),0 10px 36px -4px rgba(77,96,232,0.3);background:-webkit-linear-gradient(315deg, #73a5ff, #5477f5);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:0 0;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}div.faq-left button{background-color:#171321;border:1px solid #171321;border-radius:4px}div.faq-left button:hover{background-color:#fff}div.faq-vline{border-right:2px solid #74717a;transform:translateY(200%);margin:0 96px;display:block;opacity:0}@media only screen and (max-width: 1024px){div.faq-vline{display:none}}section.faq{transform:translate3d(0, 0, 0);overflow:hidden;padding:96px 5%;display:flex;background:radial-gradient(50.08% 44.51% at 100% 100%, rgba(169,137,245,0.2) 0, rgba(119,89,194,0) 100%),radial-gradient(60.76% 48.01% at 0 100%, rgba(226,67,41,0.2) 0, rgba(226,67,41,0) 100%),#fff}@media only screen and (max-width: 1024px){section.faq{flex-direction:column;row-gap:64px}}@media only screen and (max-width: 640px){section.faq{padding:96px 16px}}section.faq div.faq-part-show{transform:translateX(0);opacity:1}section.faq div.faq-vline-show{transform:translateY(0);opacity:1}div.faq-left{transform:translateX(-200%);opacity:0}div.faq-left h2{letter-spacing:-1.4px;margin-bottom:16px;line-height:60px;font-weight:600;font-size:50px}div.faq-left p{letter-spacing:-1.1px;margin-bottom:24px;line-height:40px;font-weight:400;font-size:32px}@media only screen and (max-width: 1024px){div.faq-left button{width:100%}}div.faq-right{transform:translateX(200%);opacity:0;width:48%}@media only screen and (max-width: 1024px){div.faq-right{width:100%}}@media only screen and (max-width: 1024px){div.faq-right div.faq-experts{justify-content:center;display:inline-flex;width:100%}}div.faq-right img{margin-bottom:16px;max-width:210px;display:block}div.faq-right p{letter-spacing:-1.1px;margin-bottom:24px;line-height:40px;font-weight:400;font-size:32px}div.faq-right button{font-size:18px}div.faq-right button:hover>img{transform:translate(8px, 8px)}div.faq-right button img{transform:translate(0, 8px);filter:brightness(25%)}@font-face{font-family:"InterRegular";src:url("./assets/fonts/inter-regular.ttf")}@keyframes shine{to{background-position-x:-200%}}*{transition:all .2s ease-in-out}div.hide-skeleton{opacity:0}body{font-family:"InterRegular",sans-serif;color:#171321;line-height:24px;user-select:none;font-weight:400;font-size:16px}body aside>menu.display-popup-menu{transform:translateX(0)}div.skeleton-loading{box-shadow:0 0 10px rgba(0,0,0,0.05);animation:1.5s shine linear infinite;position:fixed;bottom:0;right:0;left:0;top:0;background:linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);background-size:200% 100%}