.UiDemo_uiDemo__cDrTq{max-width:800px;margin:0 auto}.UiDemo_uiDemo__cDrTq h3{color:var(--ion-color-dark);margin-bottom:2rem;text-align:center;font-size:1.5rem}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl{margin-bottom:2rem;padding:1.5rem;background:hsla(0,0%,100%,.5);border-radius:12px;border:1px solid rgba(var(--ion-color-primary-rgb),.1)}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl h4{color:var(--ion-color-dark);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_buttonGroup__ryCsX{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media(max-width:768px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_buttonGroup__ryCsX{flex-direction:column;align-items:stretch}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_inputGroup__qI6oJ{display:flex;flex-direction:column;gap:16px}@media(min-width:769px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_inputGroup__qI6oJ{gap:20px}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_spinnerItem__vgyZT{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.8);border-radius:8px;border:1px solid rgba(var(--ion-color-primary-rgb),.1)}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_spinnerItem__vgyZT span{font-size:.875rem;font-weight:500;color:var(--ion-color-dark);min-width:60px}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_iconItem__Px196{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.8);border-radius:8px;border:1px solid rgba(var(--ion-color-primary-rgb),.1)}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_iconItem__Px196 span{font-size:.875rem;font-weight:500;color:var(--ion-color-dark);min-width:90px}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_sliderGroup__IR30n{display:flex;flex-direction:column;gap:16px}@media(min-width:769px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_sliderGroup__IR30n{gap:20px}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_sliderItem__flIcO{display:flex;flex-direction:column;gap:12px;padding:16px;background:hsla(0,0%,100%,.8);border-radius:8px;border:1px solid rgba(var(--ion-color-primary-rgb),.1)}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_sliderItem__flIcO span{font-size:.875rem;font-weight:500;color:var(--ion-color-dark)}@media(min-width:769px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_sliderItem__flIcO{padding:20px;gap:16px}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_verticalSliderGroup__j11XK{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:center}@media(max-width:768px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_verticalSliderGroup__j11XK{flex-direction:column;align-items:center;gap:20px}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_verticalSliderItem__gaY9E{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:hsla(0,0%,100%,.8);border-radius:8px;border:1px solid rgba(var(--ion-color-primary-rgb),.1);min-height:180px}@media(min-width:769px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_verticalSliderItem__gaY9E{padding:20px;min-height:200px}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncDemo__24ZBo{display:flex;flex-direction:column;gap:24px}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncInfo__4Sncv{text-align:center;padding:20px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(16,185,129,.1));border-radius:12px;border:1px solid rgba(59,130,246,.2)}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncInfo__4Sncv h5{font-size:1.25rem;font-weight:600;color:var(--ion-color-primary);margin:0 0 8px}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncInfo__4Sncv p{font-size:.875rem;color:var(--ion-color-medium);margin:0}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncControls__o_vcN{display:flex;flex-direction:column;gap:24px}@media(min-width:769px){.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncControls__o_vcN{gap:32px}}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncInputGroup___3V4X,.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncSliderGroup__TKa2p{padding:20px;background:hsla(0,0%,100%,.8);border-radius:8px;border:1px solid rgba(var(--ion-color-primary-rgb),.1)}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncSliderGroup__TKa2p .UiDemo_sliderLabel__9L7Vw{display:block;font-size:.875rem;font-weight:500;color:var(--ion-color-dark);margin-bottom:16px}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncSliderGroup__TKa2p .UiDemo_sliderLabels__9Qyrr{display:flex;justify-content:space-between;margin-top:8px}.UiDemo_uiDemo__cDrTq .UiDemo_section__ObvXl .UiDemo_syncSliderGroup__TKa2p .UiDemo_sliderLabels__9Qyrr span{font-size:.75rem;color:var(--ion-color-medium);font-weight:500}