body{touch-action:auto!important}:root{--header-height: 64px;--top-banner-height: 0px;--landing-module-padding: 120px}:root[top-banner]{--top-banner-height: 64px}@media only screen and (max-width: 599px){:root[top-banner]{--top-banner-height: 122px}}@media only screen and (max-width: 599px){:root{--header-height: 56px;--landing-module-padding: 20px}}@media only screen and (min-width: 600px) and (max-width: 959px){:root{--landing-module-padding: 40px}}@media only screen and (min-width: 960px) and (max-width: 1279px){:root{--landing-module-padding: 80px}}@keyframes insmind-custom-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}ul,li{padding:0;margin:0;list-style:none}.insmind-how-to{padding:80px var(--landing-module-padding) 80px}.insmind-how-to__header{display:flex;flex-direction:column;max-width:1200px;margin:0 auto 40px;text-align:center}.insmind-how-to__header-title{font:var(--text-h2-bold);color:var(--text-color-primary)}.insmind-how-to__header-desc{margin-top:12px;font:var(--text-h6-regular);color:var(--text-color-tertiary)}.insmind-how-to__container{display:flex;align-items:center;max-width:1200px;padding:20px;margin:0 auto;background:#f6f7f9;border-radius:var(--border-radius-xxlarge)}.insmind-how-to__step-list{display:flex;flex-direction:column;align-items:center;width:400px}.insmind-how-to__step-list-item{display:flex;width:100%;padding:20px;overflow:hidden;background:#f6f7f9;border-radius:var(--border-radius-large);cursor:pointer;transition:background .5s}.insmind-how-to__step-list-item:hover{background-color:var(--color-transparent-white-800)}.insmind-how-to__step-list-item--active{position:relative;background:var(--static-color-white);box-shadow:0 0 2px #00000014,0 4px 12px #0000000a}.insmind-how-to__step-list-item--active:before{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-gray-900);content:""}.insmind-how-to__order{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;margin-right:8px;font:var(--text-p1-bold);color:var(--link-regular);background:#0cbebe1f;border-radius:var(--border-radius-xxlarge)}.insmind-how-to__text-title{font:var(--text-h5-bold);color:var(--text-color-primary)}.insmind-how-to__text-desc{margin-top:4px;font:var(--text-p1-regular);color:var(--text-color-secondary)}.insmind-how-to__preview{flex:1;margin-left:40px;overflow:hidden}.insmind-how-to__preview-media{border-radius:var(--border-radius-xxlarge)}.insmind-how-to__btn{width:fit-content;margin:40px auto 0}.insmind-how-to__wap-preview,.insmind-how-to__wap-order{display:none}@media only screen and (min-width: 600px) and (max-width: 959px),only screen and (max-width: 599px){.insmind-how-to__container{flex-direction:column-reverse}.insmind-how-to__preview{width:100%;margin-bottom:32px;margin-left:0;overflow:hidden}.insmind-how-to__step-list{width:100%}}@media only screen and (max-width: 599px){.insmind-how-to{padding:64px 0}.insmind-how-to__preview{display:none;margin-bottom:8px}.insmind-how-to__header{padding:0 20px}.insmind-how-to__header-title{font:var(--text-h4-bold)}.insmind-how-to__order{display:none}.insmind-how-to__wap-order{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;margin-right:8px;font:var(--text-p1-bold);color:var(--link-regular);background:#0cbebe1f;border-radius:var(--border-radius-xxlarge)}.insmind-how-to__text{padding:20px}.insmind-how-to__text-title{display:flex;font:var(--text-h6-bold)}.insmind-how-to__text-desc{padding-left:32px}.insmind-how-to__step-list-item{flex-direction:column;padding:0;border-radius:var(--border-radius-xxlarge)}.insmind-how-to__step-list-item--active:before{display:none}.insmind-how-to__step-list-item--active .insmind-how-to__wap-preview{display:block;border-radius:var(--border-radius-xxlarge) var(--border-radius-xxlarge) var(--border-radius-none) var(--border-radius-none)}}