/* file /_cms/welcome/flutter.css 2025-11-04T15:17:48.7275693Z cachekey-?path=%2f_cms%2fwelcome%2fflutter.css&fts=2025-11-04T15%3A17%3A48.7275693Z&minify=yes*/

.btn-view{display:flex;justify-content:center;align-items:center;color:#fff;border-radius:10px;cursor:pointer;gap:15px;font-family:'OpenSauceSans-Regular';background:linear-gradient(90deg,#7f5af0,#45a9f5);box-shadow:0 5px 5px 2px #3B3D83;width:240px;height:50px;transition:all .8s;margin:0 auto}.btn-view:after{display:block;content:"";width:15px;height:15px;background-repeat:no-repeat;background-size:contain;background-image:url(/_cms/design23/images/get-started-arrow-icon.png)}.btn-view:hover{background:#7f5af0}.landerSection-cpPlugin-hero-section.landerSection-cpPlugin-flutter{background-color:#11111C}.landerSection-cpPlugin-hero-section h1 p{color:#CC06A2}.landerSection-cpPlugin .buttons-block .get-started:before{background-image:url("/_cms/design23/images/embed-code-white-icon.png")}.landerSection-cpPlugin .buttons-block a.hero-feature-badge{width:220px;height:50px;background:linear-gradient(90deg,#7f5af0,#45a9f5);gap:20px;min-width:280px}.landerSection-cpPlugin .buttons-block a.hero-feature-badge:hover{background:#7f5af0}.landerSection-cpPlugin .buttons-block a.hero-feature-badge:before{display:none}.landerSection-cpPlugin-workflow-block{margin-top:50px}.demo-player{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap;justify-content:center;align-items:center}.demo-player .demo-player-block{max-width:600px;border-radius:14px}.demo-player-block>div{padding:30px;text-align:center}.demo-player .demo-player-title-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;border-radius:14px 14px 0 0}.demo-player .demo-player-title-block h3{font-size:30px}.demo-player-web{background:#182C66}.demo-player-native{background:#391B63}.demo-player-web .demo-player-title-block h3{background:linear-gradient(90deg,#155DFC,#0092B8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.demo-player-native .demo-player-title-block h3{color:#CE89FF}.demo-player .demo-player-title-block p{font-size:18px;color:#fff}.demo-player-content-items{text-align:left}.demo-player-content-items .demo-player-content-item{margin:10px 0;font-size:13px;color:#fff}.demo-player-content-items .demo-player-content-item:before{content:"";display:inline-block;background-repeat:no-repeat;background-size:contain;width:15px;height:15px;margin-right:5px}.demo-player-web .demo-player-content-item:before{background-image:url("/_cms/design23/images/checked-blue-icon.png")}.demo-player-native .demo-player-content-item:before{background-image:url("/_cms/design23/images/checked-purple-icon.png")}.demo-player-web .demo-player-title-block{background:#1A1B30;border-color:#1B2545}.demo-player-native .demo-player-title-block{background:#1C1A30;border-color:#2E1F40}.demo-player-content{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:linear-gradient(#1A1A2E,#16213E);min-height:230px}.landerSection-cpPlugin-getting-started{background:linear-gradient(#1b002f,#0F172B)}.landerSection-cpPlugin-getting-started .landerSection-cpPlugin-feature-section .feature-badge{background:#16213E}.getting-started-content{margin-top:30px}.config-code-examples{gap:50px}.config-code-example{width:500px;max-width:500px;height:1080px}.config-code-example-np{background:#3C1950}.config-code-examples .config-code-editor-header{justify-content:space-between}.config-code-example-np .config-code-editor-header{background:#DC3ABE}.config-code-example-wp{background:#272258}.config-code-example-wp .config-code-editor-header{background:#1F8FF5}.config-code-example-np .config-code-editor-option{background:#DC3ABE}.config-code-example-wp .config-code-editor-option{background:#1F8FF5}.config-code-example-np .config-code-example-info-step{background:#451862;color:#DAB2FF}.config-code-example-wp .config-code-example-info-step{background:#242A69;color:#81B2EC}.config-code-example-info .config-code-example-info-step{width:80px;font-size:12px}.feature-badge.feature-badge-choose-us:before{content:"";display:block;width:15px;height:15px;background-image:url("/_cms/design23/images/view-doc-icon.png");background-repeat:no-repeat;background-size:contain}@media screen and (max-width:1084px){.config-code-example{height:auto}}@media screen and (max-width:580px){.landerSection-cpPlugin-flutter-ratings .landerSection-cpPlugin-flutter-ratings-title{font-size:34px;line-height:1.1}.config-code-example-info-title-block h3{font-size:16px}.config-code-example-info-title-block p{font-size:13px}.config-code-example{max-width:370px}}