.ide-comparison{padding-top:56px;padding-bottom:56px;box-sizing:border-box}
.ide-comparison p{padding-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Text-Title,#03234b);font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:var(--Font-Size-Body-S,14px);font-weight:700;line-height:var(--Line-Height-Body-S,24px);letter-spacing:var(--Letter-Spacing-Body-S,0.42px)}
.ide-comparison h3{color:var(--Text-Title,#03234b);font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:var(--Font-Size-H2,28px);font-style:normal;font-weight:800;line-height:var(--Line-Height-H2,36px);letter-spacing:var(--Letter-Spacing-H2,0.28px);margin:0}
.ide-table{width:100%;table-layout:fixed;border-collapse:collapse;padding:0}
.ide-table th{height:150px;padding:var(--Spacing_XXS,8px) var(--Spacing_S,12px);vertical-align:middle;background-color:#e8f6fc;display:table-cell}
.ide-table .th-content{display:flex;align-items:center;gap:16px;height:100%;overflow:hidden}
.ide-table .icon-wrapper{background-color:#dbe9ee;border-radius:3px;display:flex;width:91px;height:92px;align-items:center;justify-content:center;flex-shrink:0;padding:18px 18px 18px 18px}
.ide-table .icon{width:55px;height:55px;object-fit:none;flex-shrink:0}
.ide-table .typhography{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Text-Title,#03234b);font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:var(--Font-Size-Body-S,14px);font-weight:700;line-height:var(--Line-Height-Body-S,24px);letter-spacing:var(--Letter-Spacing-Body-S,0.42px)}
.ide-table .firstColHeading{overflow:hidden;color:var(--Text-Primary,#4c545c);text-overflow:ellipsis;white-space:nowrap;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:var(--Font-Size-Body-S,14px);font-weight:500;line-height:var(--Line-Height-Body-S,24px);letter-spacing:var(--Letter-Spacing-Body-S,0.28px)}
.ide-table tbody tr:nth-child(odd){background-color:#f5f5f5}
.ide-table tbody tr:nth-child(even){background-color:#fff}
.ide-table td{vertical-align:middle;padding:8px 12px}
.mobile-toggle{display:none;margin:16px 0}
.toggle-box{display:flex;align-items:center;padding:6px 12px;gap:8px;border-radius:var(--Radius_M,6px);border:1px solid var(--Stroke-Default,#dbdee2);background:var(--Surface-Main,#FFF);box-shadow:0 2px 4px 0 rgba(3,35,75,0.08);max-width:220px}
.toggle-label{flex:1;text-align:center;font-family:var(--Font-Family-Helevetica,"Helvetica Now Display");font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.switch{position:relative;display:inline-block;width:32px;height:18px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;border-radius:9px;border:2px solid #0047b2;background-color:#fff;transition:.3s}
.slider::before{content:"";position:absolute;width:10px;height:10px;left:3px;top:2px;background-color:#0047b2;border-radius:50%;transition:.3s}
.switch input:checked+.slider{background-color:#0047b2;border:2px solid #0047b2}
.switch input:checked+.slider::before{transform:translateX(14px);background-color:#fff}
@media(max-width:768px){.mobile-toggle{display:block}
.ide-table thead th:first-child{display:none !important}
.ide-table td.firstColHeading{display:table-cell;width:auto}
.ide-table .typhography,.ide-table .firstColHeading{overflow:visible;text-overflow:clip;white-space:normal}
}
@media(min-width:1440px){.ide-comparison{padding-top:80px;padding-bottom:80px}
}
@media(max-width:1023px){.ide-comparison{padding-top:6px;padding-bottom:6px}
}
@media(max-width:767px){.ide-comparison{margin-bottom:17px}
}