.steps_mobile{display:flex;flex-direction:column;margin:40px 0;gap:8px}.steps_mobile .steps_mobile__title{font-size:22px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.539px;margin:0 24px}.steps_mobile .steps_mobile__subtitle{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.232px;margin:-4px 24px 12px}.steps_mobile .steps_mobile__steps{display:flex;align-items:flex-start;gap:0;overflow-x:scroll;scroll-snap-type:x mandatory}.steps_mobile .steps_mobile__steps::-webkit-scrollbar{display:none}.steps_mobile .steps_mobile__step{min-width:100vw;padding:0 24px;box-sizing:border-box;scroll-snap-align:center;display:flex;flex-direction:column;gap:8px}.steps_mobile .steps_mobile__step_title{color:var(--link);font-size:18px;font-style:normal;font-weight:600;line-height:22px;letter-spacing:-.392px}.steps_mobile .steps_mobile__step_content{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.232px}.steps_mobile .steps_mobile__step_video{margin:8px 0;position:relative}.steps_mobile .steps_mobile__step_video_overlay{position:absolute;inset:0;z-index:100}.steps_mobile .steps_mobile__dots{display:flex;align-items:center;gap:10px;align-self:center;margin-top:8px}.info_section{display:flex;flex-direction:column}.info_section img,.info_section video{border-radius:10px}@media(min-width:768px){.info_section .info_section__mobile{display:none}}.info_section .info_section__medium{display:none}@media(min-width:768px){.info_section .info_section__medium{display:initial}}@media(min-width:1024px){.info_section .info_section__medium{display:none}}.info_section .info_section__large{display:none}@media(min-width:1024px){.info_section .info_section__large{display:flex;flex-direction:column}}.integration_img{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;grid-column-gap:16px}.integration_img .integration_img__connected{position:relative;display:flex;align-items:center;justify-content:center}.integration_img .integration_img__connected .spacer{height:4px;width:20px;margin:0 4px;border-radius:4px}.slack_landing .hero .hero__button{margin:8px auto}@media(min-width:768px){.slack_landing .hero .hero__button{margin:28px auto}}.slack_landing .hero .section__text{display:flex;flex-direction:column;align-items:center}.slack_landing .hero .section__text .integration_img{margin-bottom:20px}.slack_landing section{padding:60px 80px;display:flex;flex-direction:column;align-items:center;gap:40px}.slack_landing section.slack_landing__integrations{background-color:#f6f0fe;flex-direction:column-reverse}.slack_landing section>*{flex:1 1;width:80vw}.slack_landing section .slack_landing__answers_img,.slack_landing section .slack_landing__integrations_img{border-radius:10px}@media(min-width:1024px){.slack_landing section{display:flex;align-items:flex-start;gap:0;justify-content:center;flex-direction:row;gap:50px}.slack_landing section>*{flex:1 1;max-width:700px}.slack_landing section>img{width:50vw;max-width:700px}.slack_landing section.slack_landing__integrations{flex-direction:row}.slack_landing section.slack_landing__integrations>img{width:40vw;max-width:550px}}@media(min-width:1280px){.slack_landing section{gap:100px}.slack_landing section>*{flex:1 1;max-width:600px}}.slack_landing section ul{font-weight:300!important;font-size:19px!important;line-height:28px!important;margin:8px 0 28px!important;list-style:disc!important;padding-left:32px!important}.slack_landing section h3{margin-top:0;margin-bottom:8px;color:var(--text);font-size:22px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.539px}@media(min-width:768px){.slack_landing section h3{font-size:26px;font-weight:600;line-height:30px;letter-spacing:-.07rem;margin-bottom:20px}}@media(min-width:1024px){.slack_landing section h3{font-size:32px;font-weight:600;line-height:36px;letter-spacing:-1.176px}}@media(min-width:1280px){.slack_landing section h3{margin-top:8%}}.slack_landing .instruction__list .list__item{display:flex;flex-direction:row;gap:12px}.slack_landing .instruction__list .list__item .listIcon{color:rgba(62,45,218,.7);margin-top:1px}.slack_landing .steps_large__video img,.slack_landing .steps_medium__video img,.slack_landing .steps_mobile__step_video img{border-radius:8px;border:1px solid rgba(62,45,218,.1)}.slack_landing .slack_landing__steps .steps_large{margin:60px auto}