.component-section-overview{max-width:700px}.gap-10{gap:10px}.gap-20{gap:20px}.content-section{max-width:500px;margin:0 auto}.status-container{align-items:center;height:24px;margin:15px 0;display:flex;position:relative;overflow:hidden}.status-container .visible,.status-container .hidden{font-size:14px;line-height:1.5;display:block}.status-container .hidden{display:none}.flex-direction-column{flex-direction:column}.margin-top{margin-top:var(--sf-spacing-20);justify-content:center;align-items:center;display:flex}.margin-top .sf-btn{width:auto;padding:10px 32px}.hidden{display:none!important}.margin-bottom{margin-bottom:var(--sf-spacing-10)}.switch-row{flex-direction:row;flex:1;align-items:center;gap:20px;margin-bottom:20px;display:flex}.switch-item{flex:1}.sf-switch-label.sf-left,.sf-switch-label.sf-top{gap:0!important}@media (max-width:600px){.switch-row{flex-direction:column;align-items:center}.switch-item{width:100%;max-width:100%}}.form-field{flex-direction:column;min-height:56px;margin-bottom:15px;padding-bottom:30px;display:flex;position:relative}.sf-form-error{color:#d32f2f;white-space:nowrap;margin-left:20px;font-size:12px;position:absolute;bottom:0;left:0}.row{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.col.gap-10{gap:10px}.bold{font-size:14px;font-weight:600}.handler-icon-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:600px;margin:0 auto;padding:20px;display:grid}.handler-item{text-align:center;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.handler-label{color:#333;font-size:14px;font-weight:600}@media (max-width:768px){.handler-icon-grid{grid-template-columns:1fr;gap:20px;max-width:100%}.handler-item{padding:16px}}@media (max-width:600px){.handler-icon-grid{grid-template-columns:1fr;gap:15px;padding:16px}.handler-item{border-radius:6px;padding:12px}.handler-label{font-size:13px}}.handler-table{flex-direction:column;gap:14px;max-width:600px;margin:0 auto;display:flex}.handler-row{grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:16px;display:grid}.usecase{font-size:14px;font-weight:500}.color-sample{box-sizing:border-box;flex-wrap:wrap;justify-content:center;display:flex}