.contain{overflow-x:auto}.contain img{max-width:none}.dls-example-highlight pre{position:relative;display:block;background-color:#fff}.dls-example-highlight .c{color:#998;font-style:italic}.dls-example-highlight .err{color:#a61717;background-color:#e3d2d2}.dls-example-highlight .k,.dls-example-highlight .o{font-weight:700}.dls-example-highlight .cm{color:#998;font-style:italic}.dls-example-highlight .cp{color:#97999b;font-weight:700}.dls-example-highlight .c1{color:#998;font-style:italic}.dls-example-highlight .cs{color:#97999b;font-weight:700;font-style:italic}.dls-example-highlight .gd{color:#000;background-color:#fdd}.dls-example-highlight .gd .x{color:#000;background-color:#faa}.dls-example-highlight .ge{font-style:italic}.dls-example-highlight .gr{color:#a00}.dls-example-highlight .gh{color:#97999b}.dls-example-highlight .gi{color:#000;background-color:#dfd}.dls-example-highlight .gi .x{color:#000;background-color:#afa}.dls-example-highlight .go{color:#888}.dls-example-highlight .gp{color:#53565a}.dls-example-highlight .gs{font-weight:700}.dls-example-highlight .gu{color:purple;font-weight:700}.dls-example-highlight .gt{color:#a00}.dls-example-highlight .kc,.dls-example-highlight .kd,.dls-example-highlight .kn,.dls-example-highlight .kp,.dls-example-highlight .kr{font-weight:700}.dls-example-highlight .kt{color:#458;font-weight:700}.dls-example-highlight .m{color:#099}.dls-example-highlight .s{color:#d14}.dls-example-highlight .n{color:#000}.dls-example-highlight .na{color:teal}.dls-example-highlight .nb{color:#0086b3}.dls-example-highlight .nc{color:#458;font-weight:700}.dls-example-highlight .no{color:teal}.dls-example-highlight .ni{color:purple}.dls-example-highlight .ne,.dls-example-highlight .nf{color:#900;font-weight:700}.dls-example-highlight .nn{color:#53565a}.dls-example-highlight .nt{color:navy}.dls-example-highlight .nv{color:teal}.dls-example-highlight .ow{font-weight:700}.dls-example-highlight .w{color:#bbb}.dls-example-highlight .mf,.dls-example-highlight .mh,.dls-example-highlight .mi,.dls-example-highlight .mo{color:#099}.dls-example-highlight .s2,.dls-example-highlight .sb,.dls-example-highlight .sc,.dls-example-highlight .sd,.dls-example-highlight .se,.dls-example-highlight .sh,.dls-example-highlight .si,.dls-example-highlight .sx{color:#d14}.dls-example-highlight .sr{color:#009926}.dls-example-highlight .s1{color:#d14}.dls-example-highlight .ss{color:#990073}.dls-example-highlight .bp{color:#97999b}.dls-example-highlight .vc,.dls-example-highlight .vg,.dls-example-highlight .vi{color:teal}.dls-example-highlight .il{color:#099}.dls-example-highlight .gc{color:#97999b;background-color:#eaf2f5}.dls-example{position:relative;margin-left:-10px;margin-right:-10px;padding:10px 10px 0}.dls-example:not(.dls-example-bordered){padding-top:0}.dls-example:not(:last-of-type){margin-bottom:10px}.dls-example hr:not([class]){margin-left:0!important;margin-right:0!important}.dls-example-bordered{border-top:1px solid #efeff1}.dls-example+:not(.dls-example):not(hr){padding-top:10px}.dls-example+.dls-example{margin-top:10px}.dls-example pre{padding-bottom:0;margin-bottom:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;border-bottom:1px solid #efeff1}.dls-example-mode,.dls-example-output,.dls-example-source{position:relative;z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dls-example-source-buttons{display:flex;justify-content:flex-end;width:100%;border-bottom:1px solid #efeff1}.dls-example-source-copy-btn,.dls-example-source-toggle{display:inline-block;padding:.75rem .625rem .5rem;font-size:.875rem;line-height:1.25rem;color:#006fcf;background-color:#fff;height:48px}.dls-example-source-copy-btn:focus,.dls-example-source-copy-btn:hover,.dls-example-source-toggle:focus,.dls-example-source-toggle:hover{text-decoration:none;background-color:rgba(0,0,0,.02);color:#006fcf}.dls-example-source-toggle{order:2}.dls-example-source-copy-btn{order:1}.dls-example .toggle-enabled-true{display:block}.dls-example .toggle-enabled-false{display:none}.dls-example-view-toggle{color:#97999b;min-width:3rem;padding:.625rem .625rem .4375rem;margin-bottom:.625rem;margin-right:-.0625rem;text-align:center;border:1px solid #efeff1}.dls-example-mode-buttons .icon-active{color:#006fcf!important}.dls-example-source{text-align:right;margin-left:-10px;margin-right:-10px;margin-bottom:-11px}.dls-example-source a{border-left:1px solid #efeff1;border-top:1px solid #efeff1}.dls-example-source-toggle{position:relative;text-align:right;padding-left:2.5rem}.dls-example-source-toggle:before{position:absolute;left:12px;top:12px;font-size:22px}.dls-example-source-toggle:after{display:block;content:attr(data-default)}.toggled .dls-example-source-toggle:after{content:attr(data-active)}.toggled .dls-example-source-toggle{text-decoration:none;color:#006fcf;background-color:rgba(0,0,0,.02)}.dls-example-source-copy-btn{transition:opacity .25s ease-out;opacity:0;pointer-events:none;visibility:hidden}.toggled .dls-example-source-copy-btn{pointer-events:auto;opacity:1;visibility:visible}.dls-example-source-state-toggler{text-align:left;border-bottom:1px solid #efeff1;visibility:hidden;height:0}.dls-example-source-state-toggler a{border:none}.toggled .dls-example-source-state-toggler{height:auto;visibility:visible}.dls-example-output{position:relative;overflow:visible;padding-bottom:10px}.dls-example-highlight{position:relative;overflow:hidden;height:0;visibility:hidden}.toggled .dls-example-highlight{height:auto;visibility:visible}.dls-example-highlight pre{text-align:left;overflow:auto;padding:10px}.dls-example .mode-desktop{height:auto;width:auto;max-width:none}.dls-example .mode-mobile{width:100%;max-width:374px}.dls-flag-swatch{position:relative;display:inline-block}.dls-flag-swatch:hover .flag-copy-btn{transform:translateY(0);text-decoration:none}.dls-flag-swatch .flag-code{opacity:0;height:0}.dls-flag-swatch .flag-copy{position:absolute;bottom:0;left:0;width:100%;overflow:hidden}.dls-flag-swatch .flag-copy-btn{position:relative;display:block;background-color:rgba(0,0,0,.25);color:#fff;padding:.375rem;text-align:center;transform:translateY(100%);transition:transform .25s ease-out;cursor:pointer}.homepage .dls-container{margin-bottom:0}.homepage #dls-page-container{padding:0;margin:0;max-width:100%}.homepage #brand-flag{right:-60px;bottom:-140px}.dls-container{padding-top:3.75rem}#dls-nav .select:after{color:#fff}.dls-iframe{border:0;background-color:#fff;width:1px;min-width:100%;margin:-.25rem -.25rem 1.25rem}.dls-iframe,.dls-iframe-content{position:relative}.dls-iframe-content>.border-b,.dls-iframe-content>.border-lg-b,.dls-iframe-content>.border-md-b,.dls-iframe-content>.border-sm-b,.dls-iframe-content>.border-xl-b{padding-bottom:1px}#dls-menu{position:fixed;top:3.75rem;display:block;min-height:100vh;transition:transform .3s cubic-bezier(.65,0,.45,1);z-index:10000}#dls-menu .nav-wrap{background:#fff;height:3.75rem;max-height:3.75rem;align-items:center;display:none}#dls-menu .menu-shadow{position:absolute;left:0;top:3.75rem;z-index:-1;background:rgba(0,0,0,.25);width:100vw;height:100vh;transition:opacity .3s ease-out;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}#dls-menu .menu-container{display:flex;flex-direction:column;position:absolute;transition:transform .5s cubic-bezier(.48,.14,.27,.98);bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:19.6875rem;overflow:hidden}#dls-menu .menu-viewport{overflow-y:scroll;height:100%;padding-bottom:3.75rem;-ms-overflow-style:none}#dls-menu .menu-viewport::-webkit-scrollbar{display:none}#dls-menu .menu-viewport::-moz-scrollbar{display:none}.dls-panel{transition:opacity .45s ease-out;outline:1px solid transparent;text-rendering:geometricPrecision;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;margin-top:10px}.dls-panel:not(.dls-panel-heading) h1[id^=dls-app],.dls-panel:not(.dls-panel-heading) h2[id^=dls-app]{color:#00175a;margin-bottom:1.25rem}.dls-panel>.pad-responsive>p{max-width:43.75rem}.dls-panel>.pad-responsive>hr{margin-left:-10px;margin-right:-10px;margin-top:10px!important;margin-bottom:10px!important}.dls-radio-hover:before{border-color:#006fcf!important}.dls-scaler .scaler-box{display:flex;align-items:center}.dls-scaler .scaler-el{margin:0 auto}.dls-scaler .scaler-bar{max-width:400px;margin:0 auto}.dls-panel-search{padding:1rem}.dls-swatches>[class^=col]{display:flex}.dls-swatch{width:100%;margin-bottom:10px}.dls-swatch .swatch-color{position:relative;display:block;min-height:120px;max-height:250px;height:14vw}.dls-swatch .swatch-color:hover .swatch-copy-btn{transform:translateY(0);text-decoration:none}.dls-swatch .swatch-code{opacity:0;height:0}.dls-swatch .swatch-copy{position:absolute;bottom:0;left:0;width:100%;overflow:hidden}.dls-swatch .swatch-copy-btn{position:relative;display:block;background-color:rgba(0,0,0,.25);color:#fff;padding:.75rem;text-align:center;transform:translateY(100%);transition:transform .25s ease-out}.dls-swatch .swatch-content{padding:1.125rem!important}.dls-swatch .swatch-content p{margin-bottom:0}body{overflow:auto}body.search-active{overflow:hidden;height:100vh}#dls-app{flex-flow:column;overflow:hidden}.wrapper{display:flex;flex:3 0 0;overflow-y:auto;z-index:2;min-width:0}.dls-container{flex:3;min-width:0;overflow:hidden;margin-bottom:1.25rem}.dls-content{padding-bottom:10px}pre{overflow:auto}.dls-panel-row .panel:not(.panel-heading){background-color:#fff}.dls-panel-row .panel:not(.panel-heading) h1[id^=dls-app],.dls-panel-row .panel:not(.panel-heading) h2[id^=dls-app]{color:#00175a;margin-bottom:1.25rem}.dls-swatch{border:1px solid #efeff1}.dls-swatch .swatch-color{border-bottom:1px solid #efeff1}.dls-swatch .swatch-content{padding:.625rem .5rem;font-size:.9375rem}.dls-scaler .scaler-box{min-height:300px;margin-bottom:1.25rem;padding:1.25rem;border:1px solid #efeff1}#dls-example-motion-smooth{max-width:600px}#dls-example-motion-smooth .bar{position:relative;height:1px;border:1px solid #f7f8f9;margin:30px 20px 30px 0}#dls-example-motion-smooth .ball{position:absolute;top:-10px;left:-10px;width:20px;height:20px;transition:opacity .25s;-webkit-animation:slide 2s infinite;animation:slide 2s infinite}#dls-example-motion-smooth .eased{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1)}#dls-example-motion-large-elements,#dls-example-motion-small-elements{max-width:400px;height:300px;margin:0 auto}#dls-example-motion-large-elements .box,#dls-example-motion-small-elements .box{width:100%;height:180px;padding:20px;border:2px solid #f7f8f9}#dls-example-motion-large-elements .bar,#dls-example-motion-small-elements .bar{position:relative;top:40px;height:1px;border:1px solid #f7f8f9;margin:30px 10px}#dls-example-motion-large-elements .el-animate,#dls-example-motion-small-elements .el-animate{-webkit-animation:slide infinite;animation:slide infinite}#dls-example-motion-large-elements .ball,#dls-example-motion-small-elements .ball{-webkit-animation:slide 2s infinite;animation:slide 2s infinite;position:absolute;top:0;left:0;border-radius:50%}#dls-example-motion-large-elements .easein,#dls-example-motion-small-elements .easein{background-color:#006fcf;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#dls-example-motion-large-elements .scaler-bar,#dls-example-motion-small-elements .scaler-bar{margin-top:40px}#dls-example-motion-small-elements .ball{width:20px;height:20px;margin-left:-10px;margin-top:-10px}#dls-example-motion-large-elements .ball{width:60px;height:60px;margin-left:-30px;margin-top:-30px}#dls-example-motion-clear-focus{max-width:450px;position:relative;overflow:hidden}#dls-example-motion-clear-focus div{height:100%}#dls-example-motion-clear-focus .static{height:90px;margin-bottom:10px}#dls-example-motion-clear-focus .col-xs-2,#dls-example-motion-clear-focus .col-xs-12{padding:0 5px}#dls-example-motion-clear-focus .animated{height:60px}#dls-example-motion-clear-focus .collapse{width:100%;height:100%;margin-top:0;opacity:1;transition:margin-top 1s,opacity 1s}#dls-example-motion-clear-focus .row>div>div{display:block;background-color:#c8c9c7}#dls-example-motion-clear-focus .selected{position:absolute;top:0;left:5px;width:calc(100% - 10px);height:60px;opacity:1!important;background-color:#006fcf!important;z-index:1;transition:all 1s ease-in-out}.dls-example-motion-animate{max-width:600px}.dls-example-motion-animate .bar{position:relative;height:1px;background-color:#f7f8f9;margin:30px 10px;overflow:visible}.dls-example-motion-animate .ball{position:absolute;border-radius:50%;top:-10px;left:-10px;width:20px;height:20px;transition:opacity .25s;-webkit-animation:slide 2s infinite;animation:slide 2s infinite}#dls-example-motion-animate-in .easein,#dls-example-motion-animate-out-in .eased,#dls-example-motion-animate-out .easeout{background-color:#006fcf}#dls-example-motion-animate-in .elastic,#dls-example-motion-animate-out-in .linear,#dls-example-motion-animate-out .easeinout{background-color:#97999b}#dls-example-motion-animate-in .easein{-webkit-animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-timing-function:cubic-bezier(.22,.61,.36,1)}#dls-example-motion-animate-in .elastic{-webkit-animation-timing-function:cubic-bezier(.35,1.5,.5,1);animation-timing-function:cubic-bezier(.35,1.5,.5,1)}#dls-example-motion-animate-out-in .eased{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#dls-example-motion-animate-out .easeout{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}#dls-example-content-transition{max-width:1020px;position:relative}#dls-example-content-transition .block{background-color:#c8c9c7;height:30vw;margin-bottom:20px}#dls-example-content-transition .blue{position:absolute;background-color:#006fcf}#dls-example-content-transition .large{bottom:20px;right:0;opacity:0;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1)}#dls-example-content-transition .small{bottom:50px;left:40px;right:40px;height:20%;-webkit-animation:contentTransitionSmallFade 3.25s infinite;animation:contentTransitionSmallFade 3.25s infinite}#dls-example-page-transition{max-width:1020px}#dls-example-page-transition .block{transform:translateZ(0);background-color:#c8c9c7;height:20vw;margin-bottom:20px;-webkit-animation:pageTransitionTransform 5s ease-in-out infinite,pageTransitionOpacity 5s ease-in-out infinite;animation:pageTransitionTransform 5s ease-in-out infinite,pageTransitionOpacity 5s ease-in-out infinite}#dls-example-page-transition .row:first-child .block{height:25vw;-webkit-animation-delay:2s;animation-delay:2s}#dls-example-page-transition .row:last-child div[class^=col-]:first-child .block{-webkit-animation-delay:2.1s;animation-delay:2.1s}#dls-example-page-transition .row:last-child div[class^=col-]:nth-child(2) .block{-webkit-animation-delay:2.2s;animation-delay:2.2s}#dls-example-page-transition .row:last-child div[class^=col-]:last-child .block{-webkit-animation-delay:2.3s;animation-delay:2.3s}#dls-example-page-transition .blue:after{content:"";position:absolute;background-color:#006fcf;bottom:50px;left:40px;right:40px;height:20%}#dls-example-transition-slides{padding-top:50px}#dls-example-transition-slides .row:first-child .block{-webkit-animation-delay:2s;animation-delay:2s}#dls-example-transition-slides .row:last-child div[class^=col-]:first-child .block{-webkit-animation-delay:2.1s;animation-delay:2.1s}#dls-example-transition-slides .row:last-child div[class^=col-]:nth-child(2) .block{-webkit-animation-delay:2.2s;animation-delay:2.2s}#dls-example-transition-slides .row:last-child div[class^=col-]:last-child .block{-webkit-animation-delay:2.3s;animation-delay:2.3s}#dls-example-transition-slides .block{transform:translateZ(0);background-color:#c8c9c7;height:15vw;-webkit-animation:move 3s ease-in-out infinite;animation:move 3s ease-in-out infinite;opacity:0}#dls-visual-layout-breakpoints{position:relative;height:auto;max-width:1200px}#dls-visual-layout-breakpoints>img{width:100%;height:auto;display:block}#dls-visual-layout-breakpoints .viz-bar{position:absolute;bottom:40px;left:0;width:100%;height:70px;background-color:#00175a;color:#fff;display:flex}#dls-visual-layout-breakpoints .viz-bar>div{position:relative;height:100%;padding:20px;line-height:1;display:flex;align-items:center}#dls-visual-layout-breakpoints .viz-bar>div span{display:block;width:100%}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag{position:absolute;top:-80px;left:0}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag:before{position:absolute;content:"";height:190px;border-left:1px solid rgba(0,0,0,.3)}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag span{position:absolute;top:0;right:0;background-color:#008566;padding:10px 8px;min-width:50px;text-align:center}#dls-visual-layout-breakpoints .viz-bar>div:first-child .viz-flag span{right:auto;left:0;color:#000;background-color:#ecedee}#dls-example-containers-hierarchy,#dls-example-containers-standard-cards{max-width:1020px}#dls-example-containers-standard-cards .dls-example-standard-cards:first-child img{text-align:center;margin-right:80px;max-width:444px}#dls-example-containers-standard-cards .dls-example-standard-cards:nth-child(2) img{max-width:436px}.dls-visual-line-length{max-width:43.75rem;margin:auto 21px auto 13px;position:relative}.dls-visual-line-length-graphics{position:absolute;top:0;left:0;width:100%;height:100%}.dls-visual-line-length-graphics-bar{position:absolute;top:0;width:0;height:100%;border-left:1px solid rgba(0,0,0,.15)}.dls-visual-line-length-text{position:relative;top:0;left:0;width:100%;height:100%;padding-top:50px}.dls-color-slider .scaler-bar{position:relative;width:364px;left:50%;margin-left:-182px}.dls-color-slider input{display:inline-block;margin:20px 5px}#dls-visual-icons-geometry div{text-align:center}#dls-visual-icons-geometry img{width:100%;max-width:200px;margin:0 auto 20px}#dls-example-style-glyphs{position:relative;padding:20px 0;text-align:center}#dls-example-style-glyphs .glyph:before{color:#006fcf}#dls-example-style-icons{position:relative;padding:20px 0 0;text-align:center}#dls-example-style-icons .icon:before{font-size:50px;color:#006fcf}#dls-visual-accessibility{font-size:0;padding-top:20px}#dls-visual-accessibility .row{display:inline-block;margin:0 0 30px!important}#dls-visual-accessibility .left{width:55%}#dls-visual-accessibility .left:after{content:"White Text Accessible"}#dls-visual-accessibility .left .col{color:#fff;width:parcentage(18.1818181818)}#dls-visual-accessibility .left .half{width:909.0909090909%}#dls-visual-accessibility .left .half:after{width:200%}#dls-visual-accessibility .right{width:45%}#dls-visual-accessibility .right:after{content:"Black Text Accesible"}#dls-visual-accessibility .right .col{color:#000;width:2222.2222222222%}#dls-visual-accessibility .right .half{width:1111.1111111111%}#dls-visual-accessibility .right .half:after{display:none}#dls-visual-accessibility .col{position:relative;font-size:0;display:inline-block;text-align:center;min-height:70px;line-height:70px;font-size:1.875rem}#dls-visual-accessibility .col:after{position:absolute;top:-50px;left:0;width:100%;text-align:center;font-size:10px;color:#000}#dls-visual-accessibility hr{display:inline-block;position:relative;width:100%;height:0;border-bottom:1px solid #ef37a4;margin:12px 0 6px}#dls-visual-accessibility hr:before{content:"";width:0;height:12px;position:absolute;left:0;top:-6px;border-left:1px solid #ef37a4}#dls-visual-accessibility hr:after{content:"";width:0;height:12px;position:absolute;right:0;top:-6px;border-right:1px solid #ef37a4}#dls-visual-accessibility p{display:inline-block;color:#ef37a4!important;width:100%;font-size:10px;text-align:center}#dls-visual-accessibility .left span:first-child{background-color:#00175a}#dls-visual-accessibility .left span:first-child:after{content:"100"}#dls-visual-accessibility .left span:nth-child(2){background-color:#193b72}#dls-visual-accessibility .left span:nth-child(2):after{content:"90"}#dls-visual-accessibility .left span:nth-child(3){background-color:#335182}#dls-visual-accessibility .left span:nth-child(3):after{content:"80"}#dls-visual-accessibility .left span:nth-child(4){background-color:#4c6791}#dls-visual-accessibility .left span:nth-child(4):after{content:"70"}#dls-visual-accessibility .left span:nth-child(5){background-color:#667da1}#dls-visual-accessibility .left span:nth-child(5):after{content:"60"}#dls-visual-accessibility .left span:nth-child(6){background-color:#7f92b1}#dls-visual-accessibility .left span:nth-child(6):after{content:"50"}#dls-visual-accessibility .right span:first-child{background-color:#7f92b1}#dls-visual-accessibility .right span:first-child:after{content:"50"}#dls-visual-accessibility .right span:nth-child(2){background-color:#99a8c1}#dls-visual-accessibility .right span:nth-child(2):after{content:"40"}#dls-visual-accessibility .right span:nth-child(3){background-color:#b2bdd0}#dls-visual-accessibility .right span:nth-child(3):after{content:"30"}#dls-visual-accessibility .right span:nth-child(4){background-color:#ccd4e0}#dls-visual-accessibility .right span:nth-child(4):after{content:"20"}#dls-visual-accessibility .right span:nth-child(5){background-color:#e5e9ef}#dls-visual-accessibility .right span:nth-child(5):after{content:"10"}#dls-toggle-version *{color:#000}@media (min-width:375px){.dls-example{margin-left:-12px;margin-right:-12px;padding:12px 12px 0}.dls-example:not(.dls-example-bordered){padding-top:0}.dls-example:not(:last-of-type){margin-bottom:12px}.dls-example+:not(.dls-example):not(hr){padding-top:12px}.dls-example+.dls-example{margin-top:12px}.dls-example-source{margin-left:-12px;margin-right:-12px;margin-bottom:-13px}.dls-example-output{padding-bottom:12px}.dls-example-highlight pre{padding:12px}.dls-panel{margin-top:12px}.dls-panel>.pad-responsive>hr{margin-left:-12px;margin-right:-12px;margin-top:12px!important;margin-bottom:12px!important}.dls-swatch{margin-bottom:12px}.dls-content{padding-bottom:12px}}@media (min-width:768px){.dls-example{margin-left:-18px;margin-right:-18px;padding:18px 18px 0}.dls-example:not(.dls-example-bordered){padding-top:0}.dls-example:not(:last-of-type){margin-bottom:18px}.dls-example+:not(.dls-example):not(hr){padding-top:18px}.dls-example+.dls-example{margin-top:18px}.dls-example-source{margin-left:-18px;margin-right:-18px;margin-bottom:-19px}.dls-example-output{padding-bottom:18px}.dls-example-highlight pre{padding:18px}.dls-panel{margin-top:18px}.dls-panel>.pad-responsive>hr{margin-left:-18px;margin-right:-18px;margin-top:18px!important;margin-bottom:18px!important}.dls-swatch{margin-bottom:18px}.dls-content{padding-bottom:18px}}@media (min-width:769px){#dls-example-content-transition .large{top:0;-webkit-animation:contentTransitionLargeHorz 3.25s infinite;animation:contentTransitionLargeHorz 3.25s infinite}#dls-example-content-transition .small{-webkit-animation:none;animation:none}}@media (min-width:1024px){.dls-example{margin-left:-20px;margin-right:-20px;padding:20px 20px 0}.dls-example:not(.dls-example-bordered){padding-top:0}.dls-example:not(:last-of-type){margin-bottom:20px}.dls-example+:not(.dls-example):not(hr){padding-top:20px}.dls-example+.dls-example{margin-top:20px}.dls-example-source{margin-left:-20px;margin-right:-20px;margin-bottom:-21px}.dls-example-output{padding-bottom:20px}.dls-example-highlight pre{padding:20px}.dls-panel{margin-top:20px}.dls-panel>.pad-responsive>hr{margin-left:-20px;margin-right:-20px;margin-top:20px!important;margin-bottom:20px!important}.dls-swatch{margin-bottom:20px}.dls-content{padding-bottom:20px}}@media (min-width:1280px){.wrapper{margin-left:315px}}@media (max-width:1279px){#dls-menu{top:0}#dls-menu .nav-wrap{display:flex}#dls-menu .menu-container{transform:translate(-100%)}#dls-menu.toggled .menu-container{transform:translate(0)}#dls-menu.toggled .menu-shadow{visibility:visible;opacity:1;pointer-events:auto}}@media (max-width:768px){.homepage #brand-flag{bottom:-20px}#dls-example-content-transition .large{left:0;-webkit-animation:contentTransitionLargeVert 3.25s infinite;animation:contentTransitionLargeVert 3.25s infinite}#dls-example-content-transition .small{-webkit-animation:contentTransitionSmallFade 3.25s infinite;animation:contentTransitionSmallFade 3.25s infinite}#dls-visual-layout-breakpoints .viz-bar>div{padding:5px;text-align:center}#dls-visual-accessibility .row{width:100%!important}#dls-visual-accessibility .left .col{width:1666.6666666667%!important}#dls-visual-accessibility .right .col{width:2000%!important}}@media (max-width:767px){#resources-developers-getting-started .tab-content{padding-left:0;padding-right:0}}@media (max-width:660px){#dls-visual-accessibility .left .half:after{width:100%}#dls-visual-accessibility .right .half:after{display:block}}@media only screen and (max-width:505px){#dls-example-containers-hierarchy,#dls-example-containers-standard-cards{overflow-x:scroll}}@media (max-width:375px){#dls-visual-layout-breakpoints .viz-bar>div{font-size:.6875rem}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag span{padding:5px 4px;min-width:30px}}@media (max-width:320px-1){html[lang] #dls-app #dls-menu.toggled{top:0;margin-left:0}html[lang] #dls-app #dls-menu.toggled>.menu-container{width:100%;transform:translateX(0);top:0}html[lang] #dls-app #dls-menu.toggled>.menu-container .menu-viewport{margin-top:7.1875rem;margin-right:0;padding-right:0;overflow:auto;width:100%}}@-webkit-keyframes slide{0%{left:0}75%{left:100%;opacity:1}to{left:100%;opacity:0}}@keyframes slide{0%{left:0}75%{left:100%;opacity:1}to{left:100%;opacity:0}}@-webkit-keyframes slideMotion{0%{left:0}80%{opacity:1}to{opacity:.5;left:100%}}@keyframes slideMotion{0%{left:0}80%{opacity:1}to{opacity:.5;left:100%}}@-webkit-keyframes contentTransitionLargeVert{0%{top:100%}45%{top:0;opacity:1}55%{top:0;opacity:1}to{top:100%}}@keyframes contentTransitionLargeVert{0%{top:100%}45%{top:0;opacity:1}55%{top:0;opacity:1}to{top:100%}}@-webkit-keyframes contentTransitionLargeHorz{0%{left:100%}48%{left:0;opacity:1}52%{left:0;opacity:1}to{left:100%}}@keyframes contentTransitionLargeHorz{0%{left:100%}48%{left:0;opacity:1}52%{left:0;opacity:1}to{left:100%}}@-webkit-keyframes contentTransitionSmallFade{40%{opacity:0}65%{opacity:0}to{opacity:1}}@keyframes contentTransitionSmallFade{40%{opacity:0}65%{opacity:0}to{opacity:1}}@-webkit-keyframes pageTransitionTransform{20%{transform:translate3d(0,40px,0)}40%{transform:translateZ(0)}}@keyframes pageTransitionTransform{20%{transform:translate3d(0,40px,0)}40%{transform:translateZ(0)}}@-webkit-keyframes pageTransitionOpacity{10%{opacity:0}20%{opacity:1}}@keyframes pageTransitionOpacity{10%{opacity:0}20%{opacity:1}}@-webkit-keyframes move{0%{transform:translateZ(0);opacity:0}30%{transform:translate3d(0,-50px,0);opacity:1}90%{transform:translate3d(0,-50px,0);opacity:1}to{transform:translate3d(0,-50px,0);opacity:0}}@keyframes move{0%{transform:translateZ(0);opacity:0}30%{transform:translate3d(0,-50px,0);opacity:1}90%{transform:translate3d(0,-50px,0);opacity:1}to{transform:translate3d(0,-50px,0);opacity:0}}