@layer components.courses.command-booster.features{.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchart{margin:48px 0 0}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContents{position:relative}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContents.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsWithCharacter{padding-right:min(16vw,80px)}@media (min-width:768px){.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContents.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsWithCharacter{padding-left:80px;padding-right:80px}}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartHeading{overflow-wrap:break-word;word-break:keep-all;font-feature-settings:"palt";color:#333;text-align:center;grid-area:1/1/span 1/span 1;margin:0;font-size:16px;font-weight:700}@media (min-width:768px){.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartHeading{font-size:18px}}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartHeading.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartHeadingBig{font-size:19px}@media (min-width:768px){.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartHeading.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartHeadingBig{font-size:22px}}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsGridContainer{padding:0 8px;overflow:hidden}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsGrid{grid-gap:0;align-items:center;gap:0;margin:0 0 -44px;display:grid}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsGrid .CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContents:after{content:"";background:var(--course-primary);clip-path:polygon(0 0,100% 0,50% 100%);width:24px;height:12px;margin:16px auto;display:block}@media (min-width:768px){.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsGrid{grid-template-columns:repeat(3,minmax(0,1fr) auto);margin:0 -44px 0 0}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsGrid .CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContents{grid-template-rows:subgrid;grid-row:1/span 2;grid-column-end:span 2;align-items:center;display:grid}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsGrid .CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContents:after{clip-path:polygon(0 0,100% 50%,0 100%);grid-area:2/2/span 1/span 1;width:12px;height:24px;margin:0 16px}}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentsInner{grid-area:2/1/span 1/span 1;margin:16px 0 0}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartContentAsset{border-radius:4px;width:100%;height:auto;display:block}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeContents{align-items:center;gap:24px;width:fit-content;max-width:100%;margin:16px auto 0;display:flex}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeImage{--theme-image-size:80px;flex:0 0 var(--theme-image-size);border-radius:var(--theme-image-size);aspect-ratio:1;width:var(--theme-image-size);height:var(--theme-image-size);display:block}@media (min-width:768px){.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeImage{--theme-image-size:120px}}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeExamples{flex-wrap:wrap;flex:0 auto;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:"";display:flex}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeExample{flex:auto;margin:0;padding:0;font-size:14px;display:block}@media (min-width:768px){.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeExample{font-size:18px}}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeExampleCode{overflow-wrap:break-word;word-break:keep-all;text-align:center;color:#fff;text-shadow:1px 1px #333;background:#333 linear-gradient(#333,#707070);border-radius:8px;margin:0 auto;padding:8px 24px;font-weight:700;display:block}code.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartThemeExampleCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartCharacter{width:16vw;min-width:30px;max-width:80px;height:auto;position:absolute;bottom:-32px;right:0;transform:scaleX(-1)}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartSeparator{background:0 0;border:0;border-top:4px dotted #333;width:100%;height:0;margin:24px 0}.CommandBoosterFeatures-module-scss-module__I5tEEW__flowchartGroupArrow{clip-path:polygon(25% 0,25% 50%,0 50%,50% 100%,100% 50%,75% 50%,75% 0);background:var(--course-primary);width:96px;height:48px;margin:0 auto;display:block}}