.kd-content-container{display:flex}.kd-demo-content>.container{margin-top:32px;margin-bottom:32px}.kd-sidebar{width:290px;height:100%;position:fixed;border-width:0 1px 0 0;border-style:solid;overflow-x:hidden;overflow-y:auto}.kd-sidebar.expanded{display:block}.kd-sidebar .kd-link:hover{text-decoration:none}.kd-demo-content{width:100%;flex:1 0 0;-ms-flex:1;margin-left:290px;overflow:hidden}.kd-demo-content svg:not(.k-highlight){fill:currentColor}.kd-sidebar-container{margin-left:-290px;height:auto;position:relative;display:inline-flex;display:-ms-inline-flexbox;flex-wrap:nowrap;overflow-x:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.kd-sidebar-container{overflow:hidden}}.kd-sidebar-container.root{margin-left:0}.kd-sidebar-container.root .kd-sidebar-demo-nav{height:5px}.kd-sidebar-container.root .kd-sidebar-root-nav{height:auto}.kd-sidebar-container:not(.root) .kd-sidebar-root-nav{height:5px;overflow:hidden}.kd-sidebar-container:not(.root) .kd-sidebar-demo-nav{height:auto}.kd-sidebar-container>div{width:290px;float:left;-ms-flex:0 0 auto}.kd-sidebar-container .tag{margin-left:5px;font-weight:400}.kd-sidebar-root-nav .root-nav-widgets{margin-bottom:18px;display:none}.kd-sidebar-root-nav h3{margin:0;padding:0 16px;font-weight:600;font-size:16px;line-height:44px;letter-spacing:.4px;text-transform:uppercase;cursor:pointer}.kd-sidebar-demo-nav li a,.kd-sidebar-root-nav li a{padding:0 32px;display:block;font-weight:400;font-size:15px;line-height:30px}.kd-sidebar-demo-nav{margin:18px 0}.kd-sidebar-demo-nav .group,.kd-sidebar-demo-nav h3{font-weight:600;font-size:16px;line-height:44px;padding:0 16px}.kd-sidebar-demo-nav h3{margin:0;text-transform:capitalize;font-size:1.3em}.kd-sidebar-toggle a{display:block}.kd-sidebar-root-nav .root-nav-categories>li,.kd-sidebar-toggle{border-width:0 0 1px;border-style:solid}.kd-sidebar-toggle{line-height:45px;display:flex;justify-content:center;position:relative;align-items:center;margin:0 auto}.kd-sidebar-toggle .arrow-next,.kd-sidebar-toggle .arrow-prev{display:flex;align-items:center;padding:0 16px;position:absolute;top:50%;margin:0 auto;transform:translateY(-50%)}.kd-sidebar-toggle .arrow-prev{left:0}.kd-sidebar-toggle .arrow-next{right:0;display:none}.kd-sidebar-toggle>a{display:block;width:100%;text-align:center;font-weight:500;line-height:45px;z-index:2}.kd-sidebar-toggle>a:focus{outline-offset:0}@media (max-width:1240px){.kd-sidebar{display:none;z-index:999;position:absolute}.kd-demo-content{margin:0}.kd-sub-nav .kd-side-nav-toggle{display:block}}.kd-breadcrumb-nav{display:flex}.kd-breadcrumb-nav .kd-list{display:inline-flex;flex-wrap:wrap}.kd-breadcrumb-nav .kd-list li{display:inline-flex}.kd-breadcrumb-nav .kd-list li.active a{opacity:.6;cursor:auto}.kd-breadcrumb-nav .kd-list li.active:hover a{text-decoration:none}.kd-breadcrumb-nav .kd-list a{font-weight:500;font-size:18px;line-height:20px;letter-spacing:.45px}.kd-breadcrumb-nav .delimiter{margin:0 3px}.kd-button-api{display:inline-flex;align-items:center}.kd-button-api svg{width:16px;height:16px}.kd-demo-content-container .keyboard-legend{list-style:none}.keyboard-legend li{margin-bottom:32px}.keyboard-legend .key-button{margin:0;padding:7px 14.25px;display:inline-block;text-align:center;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.25);text-decoration:none}.keyboard-legend .button-preview{margin-right:15px}.kd-demo-content-container .keyboard-legend li a,.keyboard-legend .key-button{font-weight:500;font-size:20px;line-height:1}@keyframes hideFeedback{from{opacity:1}to{opacity:0}}@media (max-width:992px){.kd-demo-feedback-form .row div,.kd-demo-feedback-form .row h3{width:100%}.kd-demo-feedback-form .feedback-question{margin-bottom:24px}.kd-demo-feedback-form .feedback-question div,.kd-demo-feedback-form .feedback-question h3{text-align:center}.kd-demo-feedback-form .feedback-more-info.show{max-height:initial}}.TK-Footer>.TK-container{max-width:1350px}.kd-side-nav-toggle .cls-1{fill:#3d57d8}.kd-sidebar{border-color:rgba(69,69,69,.2);background:#fff}.kd-sidebar .group,.kd-sidebar .kd-list{color:#000}.kd-sidebar .kd-link{color:inherit}.kd-sidebar .kd-title{color:#454545}.kd-sidebar .kd-link:hover,.kd-sidebar .root-nav-categories h3:hover{background-color:#f3f3f3}.kd-sidebar-toggle{color:#000;border-color:rgba(0,0,0,.2)}.kd-sidebar-toggle path{fill:#555}.kd-sidebar-root-nav .root-nav-categories>li,.kd-sidebar-toggle{border-color:#e6e6e6}.kd-breadcrumb-nav .delimiter,.kd-breadcrumb-nav li.active a{color:#3d57d8}.kd-breadcrumb-nav li.active a{opacity:1}.kd-demo-content-container li,.kd-demo-content-container p{color:inherit}.kd-demo-content-container a{color:#3d57d8}.kd-demo-content-container a:hover{color:#2d2db2}.kd-cta{border-color:#dedede}.kd-demo-description h3{color:#000}.kd-button-api svg{fill:currentColor}.keyboard-legend{color:inherit}.keyboard-legend .key-button{color:#3d57d8;background:#eff3fb;box-shadow:0 2px 0 rgba(31,31,31,.25)}[data-is-dark=true] .kd-side-nav-toggle .cls-1{fill:#8db8ff}[data-is-dark=true] .kd-sidebar{border-color:rgba(245,246,247,.2);background:#06163e}[data-is-dark=true] .kd-sidebar .group,[data-is-dark=true] .kd-sidebar .kd-list{color:#fff}[data-is-dark=true] .kd-sidebar .kd-link{color:inherit}[data-is-dark=true] .kd-sidebar .kd-title{color:#f5f6f7}[data-is-dark=true] .kd-sidebar .kd-link:hover,[data-is-dark=true] .kd-sidebar .root-nav-categories h3:hover{background-color:#282f89}[data-is-dark=true] .kd-sidebar::-webkit-scrollbar{background-color:#20256c}[data-is-dark=true] .kd-sidebar::-webkit-scrollbar-thumb{background-color:rgba(141,184,255,.8)}[data-is-dark=true] .kd-sidebar::-webkit-scrollbar-thumb:hover{background:#8db8ff}[data-is-dark=true] .kd-sidebar::-webkit-scrollbar-button{background-repeat:no-repeat;background-position:center}[data-is-dark=true] .kd-sidebar::-webkit-scrollbar-button:vertical:start{background-image:url(../../images/arrow-scrollbar-n.svg)}[data-is-dark=true] .kd-sidebar::-webkit-scrollbar-button:vertical:end{background-image:url(../../images/arrow-scrollbar-s.svg)}[data-is-dark=true] .kd-sidebar-toggle{color:#fff;border-color:rgba(255,255,255,.2)}[data-is-dark=true] .kd-sidebar-toggle path{fill:#b5c2e3}[data-is-dark=true] .kd-sidebar-root-nav .root-nav-categories>li,[data-is-dark=true] .kd-sidebar-toggle{border-color:rgba(255,255,255,.2)}[data-is-dark=true] .kd-breadcrumb-nav .delimiter,[data-is-dark=true] .kd-breadcrumb-nav li.active a{color:#8db8ff}[data-is-dark=true] .kd-breadcrumb-nav li.active a{opacity:1}[data-is-dark=true] .kd-demo-content-container li,[data-is-dark=true] .kd-demo-content-container p{color:inherit}[data-is-dark=true] .kd-demo-content-container a{color:#8db8ff}[data-is-dark=true] .kd-demo-content-container a:hover{color:#bbd4ff}[data-is-dark=true] .kd-cta{border-color:#1285de}[data-is-dark=true] .kd-demo-description h3{color:#fff}[data-is-dark=true] .kd-button-api svg{fill:currentColor}[data-is-dark=true] .keyboard-legend{color:inherit}[data-is-dark=true] .keyboard-legend .key-button{color:#03a9f4;background:#20256c;box-shadow:0 2px 0 rgba(255,255,255,.25)}