#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}canvas{border:1px solid #ccc;margin-bottom:6px}.topics-description{width:50%}.topic-image{height:200px;width:300px;padding:1px}.animation-layout{display:flex;gap:20px}.topic2-formula span{text-align:left}.custum-tab-nav[data-v-5633d539]{display:flex;background:#fff;border-bottom:1px solid #e5e7eb;padding:0;margin:0}.custum-tab-nav button[data-v-5633d539]{background:#fff;border:none;padding:16px 24px;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;position:relative;transition:all .3s ease;border-bottom:3px solid transparent;outline:none}.custum-tab-nav button[data-v-5633d539]:hover{color:#3b82f6;background-color:#f0f7ff}.custum-tab-nav button.active[data-v-5633d539]{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#fff}.tab-pane[data-v-5633d539]{padding:30px;background:#fff}.animation-layout[data-v-5633d539]{display:flex;gap:30px;align-items:flex-start}.animation-layout>div[data-v-5633d539]:first-child{flex-shrink:0}.animation-layout>div[data-v-5633d539]:last-child{flex:1}canvas[data-v-5633d539]{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:768px){.animation-layout[data-v-5633d539]{flex-direction:column}.custum-tab-nav[data-v-5633d539]{flex-wrap:wrap}.custum-tab-nav button[data-v-5633d539]{padding:12px 16px;font-size:14px}.tab-pane[data-v-5633d539]{padding:20px}}.radio-btn-title{font-weight:800;margin-right:20px;margin-left:3px}