.appLandingHowTo{background:#f6f6f7}.appLandingHowTo__container{padding:100px 50px;max-width:1100px;width:100%;margin:0 auto;display:grid;grid-template:"desc steps" "help steps"/260px 1fr;grid-template-rows:max-content 1fr;gap:0 20px}.appLandingHowTo__description{display:flex;flex-direction:column;width:260px;grid-area:desc}.appLandingHowTo__icon{display:block}.appLandingHowTo__title{margin-top:16px;color:#262628;font-size:24px;font-weight:800;line-height:34px;letter-spacing:0}.appLandingHowTo__needHelp{grid-area:help}.appLandingHowTo__needHelpLabel{margin-top:24px;color:#26262880;font-size:14px;font-weight:400;line-height:24px}.appLandingHowTo__helpLink{color:#26262880;font-size:14px;font-weight:400;line-height:24px}.appLandingHowTo__helpLink a{color:#262628}@media (hover: hover){.appLandingHowTo__helpLink a:hover{text-decoration:underline}}.appLandingHowTo__steps{max-width:600px;width:100%;display:flex;margin-left:auto;flex-direction:column;gap:16px;grid-area:steps}@media (min-width: 769px) and (max-width: 1100px){.appLandingHowTo__container{padding-left:30px;padding-right:30px}}@media (max-width: 768px){.appLandingHowTo__container{padding:80px 20px;grid-template:"desc" "steps" "help"/1fr;justify-items:center}.appLandingHowTo__description{width:100%}.appLandingHowTo__icon{display:flex;justify-content:center}.appLandingHowTo__title{line-height:32px;text-align:center;padding:0 20px}.appLandingHowTo__needHelp{text-align:center}.appLandingHowTo__needHelpLabel{margin-top:40px}.appLandingHowTo__steps{width:100%;margin-top:40px;margin-left:unset}}.appLandingHowToStep{border-radius:8px;background:#ebebee;padding:24px 30px 28px 32px;transition:background-color .15s ease-in-out;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label title" "label text"}.appLandingHowToStep.unfolded{background:#ffffff;cursor:default;height:auto}.appLandingHowToStep__stepColumn{display:flex;margin-top:4px;margin-right:26px;grid-area:label}.appLandingHowToStep__stepLabel{color:#26262873;font-size:13px;font-weight:500;line-height:16px;transition:color .15s ease-in-out;text-transform:uppercase}.appLandingHowToStep__stepNumber{margin-left:4px;color:#26262873;font-size:13px;font-weight:500;line-height:16px;transition:color .15s ease-in-out}.appLandingHowToStep.unfolded .appLandingHowToStep__stepLabel,.appLandingHowToStep.unfolded .appLandingHowToStep__stepNumber{color:#0c8}.appLandingHowToStep__stepTitle{color:#26262899;font-size:17px;font-weight:500;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:24px;grid-area:title}.appLandingHowToStep.unfolded .appLandingHowToStep__stepTitle{color:#262628;font-weight:700}.appLandingHowToStep__stepText{margin-top:16px;color:#262628;font-size:15px;font-style:normal;font-weight:400;line-height:26px;grid-area:text;overflow:hidden}.appLandingHowToStep__stepText.v-enter-from,.appLandingHowToStep__stepText.v-leave-to{margin-top:0}.appLandingHowToStep__stepText.v-enter-to,.appLandingHowToStep__stepText.v-leave-from{margin-top:16px}.appLandingHowToStep__stepText.v-enter-active,.appLandingHowToStep__stepText.v-leave-active{transition:margin-top .15s ease-out}.appLandingHowToStep__stepText a{color:#262628;text-decoration:underline}@media (hover: hover){.appLandingHowToStep__stepText a:hover{color:#0a87ff}.appLandingHowToStep:hover .appLandingHowToStep__stepTitle{color:#262628}}@media (max-width: 768px){.appLandingHowToStep{grid-template-areas:"label title" "text text";grid-template-columns:34px 1fr;padding:24px 20px}.appLandingHowToStep.unfolded{padding-bottom:28px}.appLandingHowToStep__stepColumn{margin-top:0}.appLandingHowToStep__stepLabel{display:none}.appLandingHowToStep__stepNumber{margin-left:0;color:#fff;background-color:#2626284d;font-size:14px;font-weight:700;line-height:16px;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center}.appLandingHowToStep.unfolded .appLandingHowToStep__stepNumber{color:#fff;background-color:#0c8}.appLandingHowToStep__stepColumn{margin-right:0}.appLandingHowToStep__stepText{line-height:24px}}._appLandingDemo_1w418_2{padding:0;display:flex;flex-direction:column;align-items:center}._appLandingDemo_1w418_2._hasPaddingBottom_1w418_9{padding-bottom:100px}._appLandingDemo_1w418_2._hasPaddingTop_1w418_13{padding-top:100px}._title_1w418_17{max-width:800px;color:#333;text-align:center;font-size:24px;font-weight:800;line-height:32px;margin:0;letter-spacing:0}._subtitle_1w418_28{max-width:800px;color:#262628;text-align:center;font-size:20px;font-weight:300;line-height:30px;margin:10px 0 0}._player_1w418_38{max-width:860px;width:100%;margin-top:48px;padding:30px;border-radius:20px;background:#ffffff;position:relative;box-shadow:0 10px 50px #0711251f}._appLandingDemo_1w418_2._isPlayerWidened_1w418_49 ._player_1w418_38{max-width:878px}._switcher_1w418_53{position:absolute;bottom:46px;left:46px;right:46px;display:flex;justify-content:center;height:auto}@media (min-width: 769px) and (max-width: 1100px){._appLandingDemo_1w418_2{padding:0 30px}}@media (max-width: 768px){._appLandingDemo_1w418_2{padding:0}._appLandingDemo_1w418_2._hasPaddingTop_1w418_13{padding-top:80px}._appLandingDemo_1w418_2._hasPaddingBottom_1w418_9{padding-bottom:80px}._title_1w418_17{padding:0 20px}._subtitle_1w418_28{font-size:18px;line-height:26px;padding:0 20px}._player_1w418_38{margin-top:0;padding:40px 0 0;box-shadow:none}._appLandingDemo_1w418_2._mobileSwitcherRowsCount1_1w418_98 ._player_1w418_38{padding-bottom:35px}._appLandingDemo_1w418_2._mobileSwitcherRowsCount2_1w418_102 ._player_1w418_38{padding-bottom:110px}._switcher_1w418_53{left:20px;right:20px;bottom:0}}._appLandingDemoAspectRatioHolder_nsu58_2{width:100%;overflow:hidden;padding-top:56.25%;position:relative;height:0;transform:translateZ(0)}._appLandingDemoAspectRatioHolder_nsu58_2._forImage_nsu58_11{padding-top:54.4%}._appLandingDemoAspectRatioHolder_nsu58_2._forVideo_nsu58_15{padding-top:56.25%}._container_nsu58_19{position:absolute;width:100%;height:100%;left:0;top:0}@media (max-width: 768px){._appLandingDemoAspectRatioHolder_nsu58_2._forVideo_nsu58_15{padding-top:80%}}._pageIndexDemoPlayer_1rcqw_2{background:#75737a;width:100%;height:100%;position:relative}._videoElement_1rcqw_9{background-color:#aaadad;width:100%;height:auto;left:50%;min-height:100%;position:absolute;top:50%}._preloader_1rcqw_19{width:32px;height:32px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:_spin_1rcqw_1 .75s linear infinite;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}._playButton_1rcqw_31{height:24px;width:18px;position:absolute;top:calc(50% - 12px);left:calc(50% - 9px);margin:0;cursor:default;opacity:.7;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmZmZmYnIHdpZHRoPScxOCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDE4IDI0Jz48cGF0aCBkPSdNMi41NDYgMi4wMDZBMSAxIDAgMDAxIDIuODQ0djE4LjMxMmExIDEgMCAwMDEuNTQ2LjgzOGwxNC4wNjYtOS4xNTZhMSAxIDAgMDAwLTEuNjc2TDIuNTQ2IDIuMDA2eicvPjwvc3ZnPg==)}._canvasRepeater_1rcqw_43{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}@keyframes _spin_1rcqw_1{to{transform:rotate(360deg)}}@media (max-width: 768px){._videoElement_1rcqw_9{object-fit:cover}}._appLandingDemoSwitcher_1aav2_2{padding:10px;border-radius:16px;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:10px;grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:auto;width:max-content}._appLandingDemoSwitcher_1aav2_2._isFullwidth_1aav2_15{width:100%}@media (max-width: 768px){._appLandingDemoSwitcher_1aav2_2{background:rgba(172,174,181,.75);border-radius:12px}._appLandingDemoSwitcher_1aav2_2._mobileRowsCount1_1aav2_25{grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:unset}._appLandingDemoSwitcher_1aav2_2._mobileRowsCount2_1aav2_31{grid-template-rows:1fr 1fr;grid-auto-flow:unset;grid-template-columns:repeat(auto-fill,minmax(48%,1fr))}}._appLandingDemoSwitcherButton_14w8v_2{border:1px solid transparent;transition:border-color .15s ease-in-out;border-radius:8px;display:flex;flex-direction:column;align-items:center;background-color:transparent}._appLandingDemoSwitcherButton_14w8v_2._isActive_14w8v_12{border-color:#fff}._appLandingDemoSwitcherButton_14w8v_2._variantTitleSubtitle_14w8v_16{padding:8px 12px 12px}._appLandingDemoSwitcherButton_14w8v_2._variantOnlyIcon_14w8v_20{padding:5px 20px}._appLandingDemoSwitcherButton_14w8v_2._variantOnlyTtile_14w8v_24{padding:12px 10px;min-width:80px}._title_14w8v_29{display:block;color:#fff9;font-size:17px;font-weight:500;line-height:25px;transition:color .15s ease-in-out}._appLandingDemoSwitcherButton_14w8v_2._isActive_14w8v_12 ._title_14w8v_29{color:#fff}._appLandingDemoSwitcherButton_14w8v_2._variantOnlyTtile_14w8v_24 ._title_14w8v_29{font-weight:600;line-height:26px}._subtitle_14w8v_47{display:block;color:#fff9;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px;transition:color .15s ease-in-out}._appLandingDemoSwitcherButton_14w8v_2._isActive_14w8v_12 ._subtitle_14w8v_47{color:#fff}._icon_14w8v_62{display:block;color:#fff9;transition:color .15s ease-in-out}._appLandingDemoSwitcherButton_14w8v_2._isActive_14w8v_12 ._icon_14w8v_62{color:#fff}@media (hover: hover){._appLandingDemoSwitcherButton_14w8v_2:hover ._title_14w8v_29,._appLandingDemoSwitcherButton_14w8v_2:hover ._subtitle_14w8v_47,._appLandingDemoSwitcherButton_14w8v_2:hover ._icon_14w8v_62{color:#fff}}@media (max-width: 768px){._appLandingDemoSwitcherButton_14w8v_2{border-radius:5px}._appLandingDemoSwitcherButton_14w8v_2._variantTitleSubtitle_14w8v_16{padding:7px 12px 9px;border-radius:5px}._appLandingDemoSwitcherButton_14w8v_2._variantOnlyTtile_14w8v_24{padding:11px 10px}._title_14w8v_29{color:#fff;font-weight:600}._appLandingDemoSwitcherButton_14w8v_2._variantTitleSubtitle_14w8v_16 ._title_14w8v_29{font-size:15px;line-height:24px}._subtitle_14w8v_47{color:#fff;font-size:12px;line-height:18px}}._hider_lw94g_2{width:100%;height:100%}._image_iv4ob_2{width:100%}
