.code-initialization-v2{background:#f6f7f9;padding:80px 0}
.code-initialization-v2 .frame{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-left:4%;margin-right:4%}
.code-initialization-v2 .content-container{width:100%;flex-grow:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:1200px;gap:64px}
.code-initialization-v2 .cmx-header{gap:31px;display:flex;flex-wrap:nowrap}
.code-initialization-v2 .cmx-header h2{color:#03234b;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:1.333rem;max-width:100%;font-weight:800;font-style:normal;line-height:36px;padding-bottom:0;letter-spacing:.28px}
.code-initialization-v2 .cmx-section{display:flex;gap:24px;width:100%}
.code-initialization-v2 .cmx-section h3{color:#03234b;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:1.143rem;max-width:100%;font-weight:800;font-style:normal;line-height:32px;padding-bottom:0;letter-spacing:.24px}
.code-initialization-v2 .support-hardware-container{border:1px solid #3cb4ec;background:#e8f6fc;width:100%}
.code-initialization-v2 .mx{max-width:734px}
.code-initialization-v2 .mx2{max-width:442px}
.code-initialization-v2 .supported{padding:24px}
.code-initialization-v2 .supported-header{color:#03234b;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:.667rem;font-weight:800;font-style:normal;line-height:24px;letter-spacing:.42px;text-align:left}
.code-initialization-v2 .supported-header span{padding:2px 8px;display:inline-flex;justify-content:center;align-items:center;background:#3cb4ec}
@media(max-width:1024px){.code-initialization-v2{padding:56px 0}
.code-initialization-v2{gap:24px}
.code-initialization-v2 .mx{max-width:initial}
.code-initialization-v2 .mx2{max-width:initial}
.code-initialization-v2 .content-container{gap:20px}
.code-initialization-v2 .cmx-header h2{font-size:1.143rem;line-height:32px;letter-spacing:.24px}
.code-initialization-v2 .cmx-section{gap:24px;flex-direction:column}
.code-initialization-v2 .cmx-section h3{font-size:.952rem;line-height:24px;letter-spacing:.2px}
}
@media(max-width:768px){.code-initialization-v2{padding:24px 0}
.code-initialization-v2 .content-container{gap:12px}
.code-initialization-v2 .cmx-header{flex-direction:column;gap:27px}
.code-initialization-v2 .cmx-section{flex-direction:column}
.code-initialization-v2 .support-hardware-container{background:0;border:0}
.code-initialization-v2 .supported{border:0;background:0;padding:0}
.code-initialization-v2 .supported-header span{padding:0;padding-bottom:12px;background:0;border:0}
}
.mpu-section,.mx2-main-section{background:white;border:1px solid #ffd200;background:#fff9df;margin-bottom:30px}
.mpu-section,.mx2-main-section{margin-bottom:0}
.section-header,.category-header{color:#03234b;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:.667rem;font-weight:800;font-style:normal;line-height:24px;letter-spacing:.42px;text-align:left}
.section-header span,.category-header span{padding:2px 8px;display:inline-flex;justify-content:center;align-items:center;background:#ffd200}
.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.category{border:1px solid #ffd700;background:#fff9df}
.chips-grid,.mpu-grid{display:flex;gap:0;padding-top:18px;padding-right:15px}
.chip{border-top:1px solid #ffd200;border-right:1px solid #ffd200;min-width:43px;height:43px;background:#fff;display:flex;justify-content:center;align-items:center;padding:6px 10px 7px 10px;position:relative;color:#03234b;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:.667rem;font-weight:800;font-style:normal;line-height:24px;letter-spacing:.42px;text-align:left}
.mpu-section{width:277px;margin-top:20px}
.mx2-main-section{width:295px}
.main-section .info-icon::after,.mpu-section .info-icon::after,.mx2-main-section .info-icon::after{content:"";width:18px;height:18px;background:url("../../../../../etc/clientlibs/st-site-cx/media/app/images/info-icon.svg") no-repeat center;background-size:contain;flex-shrink:0;position:absolute;right:-10px;top:-10px;cursor:pointer}
.chip .tooltip-text{visibility:hidden;background:#f7f8fa;border:1px solid #a6adb5;filter:drop-shadow(0 2px 4px rgba(3,35,75,0.08));padding:2px 11px 4px 9px;position:absolute;z-index:10;left:24px;top:17px;opacity:0;transition:opacity .2s ease;color:#1d1e20;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:12px;font-weight:500;line-height:18px;letter-spacing:.6px;display:flex;max-width:420px;border-radius:4px;box-sizing:content-box}
.main-section .tooltip-text::before,.mpu-section .tooltip-text::before,.mx2-main-section .tooltip-text::before{content:'';display:block;position:absolute;top:-6px;left:13px;z-index:11;width:10px;height:10px;border-color:#a6adb5;border-width:1px;border-style:none none solid solid;background-color:#f7f8fa;box-shadow:-2px 02px 3.5px rgba(0,0,0,.5);transform:rotate(136deg);visibility:hidden;opacity:0}
.main-section .info-icon:hover .tooltip-text,.main-section .info-icon:focus-within .tooltip-text,.mpu-section .info-icon:hover .tooltip-text,.mpu-section .info-icon:focus-within .tooltip-text,.mx2-main-section .info-icon:hover .tooltip-text,.mx2-main-section .info-icon:focus-within .tooltip-text{visibility:visible;opacity:1}
.main-section .info-icon:hover .tooltip-text::before,.main-section .info-icon:focus-within .tooltip-text::before,.mpu-section .info-icon:hover .tooltip-text::before,.mpu-section .info-icon:focus-within .tooltip-text::before,.mx2-main-section .info-icon:hover .tooltip-text::before,.mx2-main-section .info-icon:focus-within .tooltip-text::before{visibility:visible;opacity:1}
.mx2-main-section .categories-grid{grid-template-columns:78%;padding-bottom:25px;padding-top:22px;padding-left:21px}
.mx2-main-section .category:first-child{border-right:1px solid #ffd700;border-bottom:1px solid #ffd700}
@media(max-width:1024px){.categories-grid,.mx2-main-section .categories-grid{gap:16px;display:flex;flex-wrap:wrap}
.grid-container{display:flex;flex-direction:column}
.category{background:#fff9df}
.category:nth-child(3),.category:first-child{flex-basis:372px}
.category:nth-child(2),.category:last-child{flex-basis:290px}
.main-section .info-icon:hover .tooltip-text,.main-section .info-icon:focus-within .tooltip-text,.mpu-section .info-icon:hover .tooltip-text,.mpu-section .info-icon:focus-within .tooltip-text,.mx2-main-section .info-icon:hover .tooltip-text,.mx2-main-section .info-icon:focus-within .tooltip-text{visibility:hidden;opacity:0}
.main-section .info-icon:hover .tooltip-text::before,.main-section .info-icon:focus-within .tooltip-text::before,.mpu-section .info-icon:hover .tooltip-text::before,.mpu-section .info-icon:focus-within .tooltip-text::before,.mx2-main-section .info-icon:hover .tooltip-text::before,.mx2-main-section .info-icon:focus-within .tooltip-text::before{visibility:hidden;opacity:0}
.main-section .tooltip-text.tooltip-show-mobile::before,.mpu-section .tooltip-text.tooltip-show-mobile::before,.mx2-main-section .tooltip-text.tooltip-show-mobile::before,.main-section .tooltip-text.tooltip-show-mobile,.mpu-section .tooltip-text.tooltip-show-mobile,.mx2-main-section .tooltip-text.tooltip-show-mobile{visibility:visible !important;opacity:1 !important}
}
@media(max-width:768px){.grid-container{display:block}
.categories-grid,.mx2-main-section .categories-grid{flex-direction:column;flex-wrap:nowrap}
.category:nth-child(3),.category:first-child{flex-basis:unset}
.category:nth-child(2),.category:last-child{flex-basis:unset}
.mpu-section,.mx2-main-section{width:100%}
}