.demo-options{-webkit-align-items:flex-start;align-items:flex-start;background-color:rgba(0,0,0,.08);margin:16px;padding:0 10px;border-radius:6px}.demo-options,.demo-radios{display:-webkit-flex;display:flex}.demo-radios{-webkit-align-items:center;align-items:center;margin-right:26px}.demo-radios .fds-switch{min-width:0!important;padding-right:4px;white-space:nowrap}.demo-buttons{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.demo-buttons .fds-button{min-width:120px}.header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#404040;color:#fff;padding:10px;-webkit-flex-wrap:no-wrap;flex-wrap:no-wrap;position:fixed;top:0;right:0;left:0;z-index:1001}.header>.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-flex-shrink:1;flex-shrink:1}.header>.controls{-webkit-flex-wrap:no-wrap;flex-wrap:no-wrap;-webkit-flex-shrink:0;flex-shrink:0}.header-btn{min-height:20px!important;min-width:36px!important;padding:4px 8px!important}.header-btn .fds-button-label{padding:4px 8px!important;font-weight:500!important}.UFOTheme h1{font-size:28px;line-height:32px;font-weight:700}.UFOTheme .fds-layout-primary-column .fds-card{min-height:300px}.UFOTheme .fds-card-header-title{font-size:18px;line-height:22px;font-weight:700}.UFOTheme .fds-card-content p,.UFOTheme .fds-switch-label{font-size:16px;line-height:20px;font-weight:400}.UFOTheme .fds-layout-secondary-column .fds-card-header-title{font-size:16px;line-height:20px;font-weight:700}.UFOTheme .fds-switch-control{top:-2px}.UFOTheme .fds-switch-checkbox .fds-switch-control,.UFOTheme .fds-switch-checkbox .fds-switch-control:before,.UFOTheme .fds-switch-checkbox .fds-switch-input,.UFOTheme .fds-switch-checkbox .fds-switch-input:checked+.fds-switch-control,.UFOTheme .fds-switch-control,.UFOTheme .fds-switch-control:before,.UFOTheme .fds-switch-radio .fds-switch-control,.UFOTheme .fds-switch-radio .fds-switch-control:before,.UFOTheme .fds-switch-radio .fds-switch-input,.UFOTheme .fds-switch-radio .fds-switch-input:checked+.fds-switch-control{height:24px;width:24px}.UFOTheme .fds-switch-checkbox .fds-switch-input:checked+.fds-switch-control:after{height:14px;left:6px;top:1px;width:8px}.UFOTheme .fds-switch-control{margin-left:0}.UFOTheme .fds-switch-input{margin-left:3px}@media(max-width:479px){.UFOTheme .fds-layout-content{margin:16px 24px 24px}.UFOTheme .fds-layout-content .fds-card-separator-bottom{padding-bottom:0}.UFOTheme .fds-card-content.fds-cell.fds-card-separator-top,.UFOTheme .fds-card-header.fds-cell.fds-card-separator-top{margin-top:16px;padding-top:32px}.UFOTheme .fds-card-content.fds-cell.fds-card-separator-bottom,.UFOTheme .fds-card-header.fds-cell.fds-card-separator-bottom{margin-bottom:16px;padding-bottom:32px}.UFOTheme .ResponsiveButtonGroup{display:-webkit-flex;display:flex;width:100%}.UFOTheme .ResponsiveButtonGroup .fds-button{-webkit-flex-grow:1;flex-grow:1;margin-right:16px}.UFOTheme .ResponsiveButtonGroup .fds-button:last-child{margin-right:0}.UFOTheme .ResponsiveButtonGroup--full{display:block}.UFOTheme .ResponsiveButtonGroup--full .fds-button{width:100%;margin:0 0 16px}.UFOTheme .ResponsiveButtonGroup--full .fds-button:last-child{margin-bottom:0}.UFOTheme .ResponsiveButtonGroup--split .fds-button{-webkit-flex-grow:1;flex-grow:1;width:50%}.UFOTheme .ResponsiveSwitchGroup .fds-switch-checkbox,.UFOTheme .ResponsiveSwitchGroup .fds-switch-radio{border:1px solid #d9e2e7;margin:8px 0;border-radius:4px;padding:12px 12px 12px 4px}.UFOTheme .ResponsiveSwitchGroup--inline .fds-switch-checkbox,.UFOTheme .ResponsiveSwitchGroup--inline .fds-switch-radio{display:-webkit-inline-flex;display:inline-flex;margin:4px 8px 4px 0;padding:12px 14px 12px 4px;min-width:110px}}@media(max-width:839px){html.UFOTheme{background-color:#fff}.UFOTheme .fds-layout-primary-column .fds-card-content:last-child{padding-bottom:24px}.UFOTheme .fds-card:not(.fds-card-theme-featured,.fds-card-theme-secondary,.fds-card-theme-vmc-playback,.fds-white-on-white),.UFOTheme .fds-card:not(.fds-card-theme-featured,.fds-card-theme-secondary,.fds-card-theme-vmc-playback,.fds-white-on-white) .fds-card-content,.UFOTheme .fds-card:not(.fds-card-theme-featured,.fds-card-theme-secondary,.fds-card-theme-vmc-playback,.fds-white-on-white) .fds-card-header{padding-left:0;padding-right:0}.UFOTheme__footer{border-top:1px solid #d9e2e7}.UFOTheme__footer .fds-layout-secondary-column{display:none}.UFOTheme__footer .fds-layout-content{margin-bottom:8px}.UFOTheme .fds-layout-content{max-width:640px;margin:24px auto;padding-left:24px;padding-right:24px}}@media(min-width:479px){.UFOTheme .fds-card-content{padding:24px}.UFOTheme .fds-card-header{padding:32px 24px 0}.UFOTheme .fds-card-content.fds-cell:first-child,.UFOTheme .fds-card-header.fds-cell:first-child{padding-top:24px}.UFOTheme .fds-card-content.fds-cell.fds-card-separator-top,.UFOTheme .fds-card-header.fds-cell.fds-card-separator-top{margin-top:16px;padding-top:32px}.UFOTheme .fds-card-content.fds-cell.fds-card-separator-bottom,.UFOTheme .fds-card-header.fds-cell.fds-card-separator-bottom{margin-bottom:0;padding-bottom:32px}}@media(min-width:479px)and (max-width:839px){.UFOTheme .fds-layout-primary-column .fds-card-content:not(.fds-card-separator-bottom){padding-bottom:0}.UFOTheme .fds-grid>.fds-layout-secondary-column.fds-cell.all-x-gutter-16{padding-top:0}}@media(min-width:839px){.UFOTheme .fds-grid>.fds-layout-secondary-column.fds-cell.all-x-gutter-16{padding-left:24px}.UFOTheme .fds-card-content{padding-left:24px;padding-right:24px;padding-bottom:8px}.UFOTheme .fds-card-content:last-child{padding-bottom:24px}}