.contain{overflow-x:auto}.contain img{max-width:none}.dls-example-highlight pre{background-color:#fff;display:block;position:relative}.dls-example-highlight .c{color:#998;font-style:italic}.dls-example-highlight .err{background-color:#e3d2d2;color:#a61717}.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-style:italic;font-weight:700}.dls-example-highlight .gd{background-color:#fdd;color:#000}.dls-example-highlight .gd .x{background-color:#faa;color:#000}.dls-example-highlight .ge{font-style:italic}.dls-example-highlight .gr{color:#a00}.dls-example-highlight .gh{color:#97999b}.dls-example-highlight .gi{background-color:#dfd;color:#000}.dls-example-highlight .gi .x{background-color:#afa;color:#000}.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{background-color:#eaf2f5;color:#97999b}.dls-example{margin-left:-10px;margin-right:-10px;padding:10px 10px 0;position:relative}.dls-example:not(.dls-example-bordered){padding-top:0}.dls-example:not(:last-of-type){margin-bottom:10px}@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}}@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}}@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 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}@media (min-width:375px){.dls-example+:not(.dls-example):not(hr){padding-top:12px}}@media (min-width:768px){.dls-example+:not(.dls-example):not(hr){padding-top:18px}}@media (min-width:1024px){.dls-example+:not(.dls-example):not(hr){padding-top:20px}}.dls-example+.dls-example{margin-top:10px}@media (min-width:375px){.dls-example+.dls-example{margin-top:12px}}@media (min-width:768px){.dls-example+.dls-example{margin-top:18px}}@media (min-width:1024px){.dls-example+.dls-example{margin-top:20px}}.dls-example pre{border-bottom:1px solid #efeff1;margin-bottom:0;padding-bottom:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.dls-example-mode,.dls-example-output,.dls-example-source{backface-visibility:hidden;position:relative}.dls-example-source-buttons{border-bottom:1px solid #efeff1;display:flex;justify-content:flex-end;width:100%}.dls-example-source-copy-btn,.dls-example-source-toggle{background-color:#fff;color:#006fcf;display:inline-block;font-size:.875rem;height:48px;line-height:1.25rem;padding:.75rem .625rem .5rem}.dls-example-source-copy-btn:focus,.dls-example-source-copy-btn:hover,.dls-example-source-toggle:focus,.dls-example-source-toggle:hover{background-color:#fff;color:#006fcf;text-decoration:none}.dls-example .toggle-enabled-true{display:block}.dls-example .toggle-enabled-false{display:none}.dls-example-view-toggle{border:1px solid #efeff1;color:#97999b;margin-bottom:.625rem;margin-right:-.0625rem;min-width:3rem;padding:.625rem .625rem .4375rem;text-align:center}.dls-example-mode-buttons .icon-active{color:#006fcf!important}.dls-example-source{margin-bottom:-11px;margin-left:-10px;margin-right:-10px;text-align:right}@media (min-width:375px){.dls-example-source{margin-bottom:-13px;margin-left:-12px;margin-right:-12px}}@media (min-width:768px){.dls-example-source{margin-bottom:-19px;margin-left:-18px;margin-right:-18px}}@media (min-width:1024px){.dls-example-source{margin-bottom:-21px;margin-left:-20px;margin-right:-20px}}.dls-example-source a{border-left:1px solid #efeff1;border-top:1px solid #efeff1}.dls-example-source-toggle{order:2;padding-left:2.5rem;position:relative;text-align:right}.dls-example-source-toggle:before{font-size:22px;left:12px;position:absolute;top:12px}.dls-example-source-toggle:after{content:attr(data-default);display:block}.toggled .dls-example-source-toggle:after{content:attr(data-active)}.toggled .dls-example-source-toggle{background-color:#fff;color:#006fcf;text-decoration:none}.dls-example-source-copy-btn{opacity:0;order:1;pointer-events:none;transition:opacity .25s ease-out;visibility:hidden}.toggled .dls-example-source-copy-btn{opacity:1;pointer-events:auto;visibility:visible}.dls-example-source-state-toggler{border-bottom:1px solid #efeff1;height:0;text-align:left;visibility:hidden}.dls-example-source-state-toggler a{border:none}.toggled .dls-example-source-state-toggler{height:auto;visibility:visible}.dls-example-output{overflow:visible;padding-bottom:10px;position:relative}@media (min-width:375px){.dls-example-output{padding-bottom:12px}}@media (min-width:768px){.dls-example-output{padding-bottom:18px}}@media (min-width:1024px){.dls-example-output{padding-bottom:20px}}.dls-example-highlight{height:0;overflow:hidden;position:relative;visibility:hidden}.toggled .dls-example-highlight{height:auto;visibility:visible}.dls-example-highlight pre{overflow:auto;padding:10px;text-align:left}@media (min-width:375px){.dls-example-highlight pre{padding:12px}}@media (min-width:768px){.dls-example-highlight pre{padding:18px}}@media (min-width:1024px){.dls-example-highlight pre{padding:20px}}.dls-example .mode-desktop{height:auto;max-width:none;width:auto}.dls-example .mode-mobile{max-width:374px;width:100%}.dls-datepicker-state.date-picker .calendar table tbody tr th{font-weight:400}.dls-datepicker-state.date-picker .calendar table tbody tr th.error-swatch{min-width:98px}@media (max-width:374px){.dls-datepicker-state.date-picker .calendar table tbody tr th.error-swatch{min-width:64px}}.dls-datepicker-state.date-picker .calendar table tbody tr td{font-weight:400;height:auto;width:auto}.dls-datepicker-state.date-picker .calendar table tbody tr td.swatch{border:1px solid #ecedee;border-bottom:0;border-top:0;height:66px;margin:20px auto;min-width:44px;position:relative}.dls-datepicker-state.date-picker .calendar table tbody tr td.swatch:before{background-color:#ecedee;content:" ";height:1px;left:-11px;position:absolute;top:11px;width:66px}.dls-datepicker-state.date-picker .calendar table tbody tr td.swatch:after{background-color:#ecedee;bottom:11px;content:" ";height:1px;left:-11px;position:absolute;width:66px}.dls-flag-swatch{display:inline-block;position:relative}.dls-flag-swatch:hover .flag-copy-btn{text-decoration:none;transform:translateY(0)}.dls-flag-swatch .flag-code{height:0;opacity:0}.dls-flag-swatch .flag-copy{bottom:0;left:0;overflow:hidden;position:absolute;width:100%}.dls-flag-swatch .flag-copy-btn{background-color:rgba(0,0,0,.6);color:#fff;cursor:pointer;display:block;padding:.375rem;position:relative;text-align:center;transform:translateY(100%);transition:transform .25s ease-out}.homepage .dls-container{margin-bottom:0}.homepage #dls-page-container{margin:0;max-width:100%;padding:0}.homepage #brand-flag{bottom:-140px;right:-60px}@media (max-width:768px){.homepage #brand-flag{bottom:-20px}}.dls-container{padding-top:3.75rem}#dls-nav .select:after{color:#fff}.dls-iframe{background-color:#fff;border:0;margin:-.25rem;min-width:calc(100% + .5rem);width:1px}.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{display:block;min-height:100vh;position:fixed;top:3.75rem;transition:transform .3s cubic-bezier(.65,0,.45,1);z-index:10000}#dls-menu .nav-wrap{align-items:center;background:#fff;display:none;height:3.75rem;max-height:3.75rem}#dls-menu .menu-shadow{background:rgba(0,0,0,.25);height:100vh;left:0;opacity:0;pointer-events:none;position:absolute;top:3.75rem;transition:opacity .3s ease-out;visibility:hidden;width:100vw;will-change:opacity;z-index:-1}@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{opacity:1;pointer-events:auto;visibility:visible}}#dls-menu .menu-container{backface-visibility:hidden;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:transform .5s cubic-bezier(.48,.14,.27,.98);width:19.6875rem}#dls-menu .menu-viewport{height:100%;overflow-y:scroll;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{outline:1px solid transparent;text-rendering:geometricPrecision;transition:opacity .45s ease-out;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;margin-top:10px}@media (min-width:375px){.dls-panel{margin-top:12px}}@media (min-width:768px){.dls-panel{margin-top:18px}}@media (min-width:1024px){.dls-panel{margin-top:20px}}.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,.dls-panel>.pad-responsive>ul{max-width:43.75rem}.dls-panel>.pad-responsive>hr{margin-bottom:10px!important;margin-left:-10px;margin-right:-10px;margin-top:10px!important;width:calc(100% + 20px)}@media (min-width:375px){.dls-panel>.pad-responsive>hr{margin-bottom:12px!important;margin-left:-12px;margin-right:-12px;margin-top:12px!important;width:calc(100% + 24px)}}@media (min-width:768px){.dls-panel>.pad-responsive>hr{margin-bottom:18px!important;margin-left:-18px;margin-right:-18px;margin-top:18px!important;width:calc(100% + 36px)}}@media (min-width:1024px){.dls-panel>.pad-responsive>hr{margin-bottom:20px!important;margin-left:-20px;margin-right:-20px;margin-top:20px!important;width:calc(100% + 40px)}}.dls-radio-hover:before{border-color:#006fcf!important}.dls-scaler .scaler-box{align-items:center;display:flex}.dls-scaler .scaler-el{margin:0 auto}.dls-scaler .scaler-bar{margin:0 auto;max-width:400px}.dls-panel-search{padding:1rem}.dls-swatches>[class^=col]{display:flex}.dls-swatch{margin-bottom:10px;width:100%}@media (min-width:375px){.dls-swatch{margin-bottom:12px}}@media (min-width:768px){.dls-swatch{margin-bottom:18px}}@media (min-width:1024px){.dls-swatch{margin-bottom:20px}}.dls-swatch .swatch-color{display:block;height:14vw;max-height:250px;min-height:120px;position:relative}.dls-swatch .swatch-color:focus .swatch-copy-btn,.dls-swatch .swatch-color:hover .swatch-copy-btn{text-decoration:none;transform:translateY(0)}.dls-swatch .swatch-code{height:0;opacity:0}.dls-swatch .swatch-copy{bottom:0;left:0;overflow:hidden;position:absolute;width:100%}.dls-swatch .swatch-copy-btn{background-color:rgba(0,0,0,.6);color:#fff;display:block;padding:.75rem;position:relative;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}@media (max-width:320px-1){html[lang] #dls-app #dls-menu.toggled{margin-left:0;top:0}html[lang] #dls-app #dls-menu.toggled>.menu-container{top:0;transform:translateX(0);width:100%}html[lang] #dls-app #dls-menu.toggled>.menu-container .menu-viewport{margin-right:0;margin-top:7.1875rem;overflow:auto;padding-right:0;width:100%}}body{overflow:auto}body.search-active{height:100vh;overflow:hidden}#dls-app{flex-flow:column;overflow:hidden}.wrapper{display:flex;flex:3 0 0;min-width:0;overflow-y:auto;z-index:2}@media (min-width:1280px){.wrapper{margin-left:315px}}.dls-container{flex:3;margin-bottom:1.25rem;min-width:0;overflow:hidden}.dls-content{padding-bottom:10px}@media (min-width:375px){.dls-content{padding-bottom:12px}}@media (min-width:768px){.dls-content{padding-bottom:18px}}@media (min-width:1024px){.dls-content{padding-bottom:20px}}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{font-size:.9375rem;padding:.625rem .5rem}.dls-scaler .scaler-box{border:1px solid #efeff1;margin-bottom:1.25rem;min-height:300px;padding:1.25rem}@keyframes slide{0%{left:0}75%{left:100%;opacity:1}to{left:100%;opacity:0}}#dls-example-motion-smooth{max-width:600px}#dls-example-motion-smooth .bar{border:1px solid #f7f8f9;height:1px;margin:30px 20px 30px 0;position:relative}#dls-example-motion-smooth .ball{animation:slide 2s infinite;height:20px;left:-10px;position:absolute;top:-10px;transition:opacity .25s;width:20px}#dls-example-motion-smooth .eased{animation-timing-function:cubic-bezier(.4,0,.2,1)}#dls-example-motion-large-elements,#dls-example-motion-small-elements{height:300px;margin:0 auto;max-width:400px}#dls-example-motion-large-elements .box,#dls-example-motion-small-elements .box{border:2px solid #f7f8f9;height:180px;padding:20px;width:100%}#dls-example-motion-large-elements .bar,#dls-example-motion-small-elements .bar{border:1px solid #f7f8f9;height:1px;margin:30px 10px;position:relative;top:40px}#dls-example-motion-large-elements .el-animate,#dls-example-motion-small-elements .el-animate{animation:slide infinite}#dls-example-motion-large-elements .ball,#dls-example-motion-small-elements .ball{animation:slide 2s infinite;border-radius:50%;left:0;position:absolute;top:0}#dls-example-motion-large-elements .easein,#dls-example-motion-small-elements .easein{animation-timing-function:ease-in-out;background-color:#006fcf}#dls-example-motion-large-elements .scaler-bar,#dls-example-motion-small-elements .scaler-bar{margin-top:40px}#dls-example-motion-small-elements .ball{height:20px;margin-left:-10px;margin-top:-10px;width:20px}#dls-example-motion-large-elements .ball{height:60px;margin-left:-30px;margin-top:-30px;width:60px}@keyframes slideMotion{0%{left:0}80%{opacity:1}to{left:100%;opacity:.5}}#dls-example-motion-clear-focus{max-width:450px;overflow:hidden;position:relative}#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-12,#dls-example-motion-clear-focus .col-xs-2{padding:0 5px}#dls-example-motion-clear-focus .animated{height:60px}#dls-example-motion-clear-focus .collapse{height:100%;margin-top:0;opacity:1;transition:margin-top 1s,opacity 1s;width:100%}#dls-example-motion-clear-focus .row>div>div{background-color:#c8c9c7;display:block}#dls-example-motion-clear-focus .selected{background-color:#006fcf!important;height:60px;left:5px;opacity:1!important;position:absolute;top:0;transition:all 1s ease-in-out;width:calc(100% - 10px);z-index:1}.dls-example-motion-animate{max-width:600px}.dls-example-motion-animate .bar{background-color:#f7f8f9;height:1px;margin:30px 10px;overflow:visible;position:relative}.dls-example-motion-animate .ball{animation:slide 2s infinite;border-radius:50%;height:20px;left:-10px;position:absolute;top:-10px;transition:opacity .25s;width:20px}#dls-example-motion-animate-in .easein,#dls-example-motion-animate-out .easeout,#dls-example-motion-animate-out-in .eased{background-color:#006fcf}#dls-example-motion-animate-in .elastic,#dls-example-motion-animate-out .easeinout,#dls-example-motion-animate-out-in .linear{background-color:#97999b}#dls-example-motion-animate-in .easein{animation-timing-function:cubic-bezier(.22,.61,.36,1)}#dls-example-motion-animate-in .elastic{animation-timing-function:cubic-bezier(.35,1.5,.5,1)}#dls-example-motion-animate-out-in .eased{animation-timing-function:ease-in-out}#dls-example-motion-animate-out .easeout{animation-timing-function:ease-out}@keyframes contentTransitionLargeVert{0%{top:100%}45%{opacity:1;top:0}55%{opacity:1;top:0}to{top:100%}}@keyframes contentTransitionLargeHorz{0%{left:100%}48%{left:0;opacity:1}52%{left:0;opacity:1}to{left:100%}}@keyframes contentTransitionSmallFade{40%{opacity:0}65%{opacity:0}to{opacity:1}}#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{background-color:#006fcf;position:absolute}#dls-example-content-transition .large{animation-timing-function:cubic-bezier(.4,0,.2,1);bottom:20px;opacity:0;right:0}@media (min-width:769px){#dls-example-content-transition .large{animation:contentTransitionLargeHorz 3.25s infinite;top:0}}@media (max-width:768px){#dls-example-content-transition .large{animation:contentTransitionLargeVert 3.25s infinite;left:0}}#dls-example-content-transition .small{animation:contentTransitionSmallFade 3.25s infinite;bottom:50px;height:20%;left:40px;right:40px}@media (min-width:769px){#dls-example-content-transition .small{animation:none}}@media (max-width:768px){#dls-example-content-transition .small{animation:contentTransitionSmallFade 3.25s infinite}}@keyframes pageTransitionTransform{20%{transform:translate3d(0,40px,0)}40%{transform:translateZ(0)}}@keyframes pageTransitionOpacity{10%{opacity:0}20%{opacity:1}}#dls-example-page-transition{max-width:1020px}#dls-example-page-transition .block{animation:pageTransitionTransform 5s ease-in-out infinite,pageTransitionOpacity 5s ease-in-out infinite;background-color:#c8c9c7;height:20vw;margin-bottom:20px;transform:translateZ(0)}#dls-example-page-transition .row:first-child .block{animation-delay:2s;height:25vw}#dls-example-page-transition .row:last-child div[class^=col-]:first-child .block{animation-delay:2.1s}#dls-example-page-transition .row:last-child div[class^=col-]:nth-child(2) .block{animation-delay:2.2s}#dls-example-page-transition .row:last-child div[class^=col-]:last-child .block{animation-delay:2.3s}#dls-example-page-transition .blue:after{background-color:#006fcf;bottom:50px;content:"";height:20%;left:40px;position:absolute;right:40px}#dls-example-transition-slides{padding-top:50px}#dls-example-transition-slides .row:first-child .block{animation-delay:2s}#dls-example-transition-slides .row:last-child div[class^=col-]:first-child .block{animation-delay:2.1s}#dls-example-transition-slides .row:last-child div[class^=col-]:nth-child(2) .block{animation-delay:2.2s}#dls-example-transition-slides .row:last-child div[class^=col-]:last-child .block{animation-delay:2.3s}#dls-example-transition-slides .block{animation:move 3s ease-in-out infinite;background-color:#c8c9c7;height:15vw;opacity:0;transform:translateZ(0)}@keyframes move{0%{opacity:0;transform:translateZ(0)}30%{opacity:1;transform:translate3d(0,-50px,0)}90%{opacity:1;transform:translate3d(0,-50px,0)}to{opacity:0;transform:translate3d(0,-50px,0)}}#dls-visual-layout-breakpoints{height:auto;max-width:1200px;position:relative}#dls-visual-layout-breakpoints>img{display:block;height:auto;width:100%}#dls-visual-layout-breakpoints .viz-bar{background-color:#00175a;bottom:40px;color:#fff;display:flex;height:70px;left:0;position:absolute;width:100%}#dls-visual-layout-breakpoints .viz-bar>div{align-items:center;display:flex;height:100%;line-height:1;padding:20px;position:relative}#dls-visual-layout-breakpoints .viz-bar>div span{display:block;width:100%}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag{left:0;position:absolute;top:-80px}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag:before{border-left:1px solid rgba(0,0,0,.3);content:"";height:190px;position:absolute}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag span{background-color:#008566;min-width:50px;padding:10px 8px;position:absolute;right:0;text-align:center;top:0}#dls-visual-layout-breakpoints .viz-bar>div:first-child .viz-flag span{background-color:#ecedee;color:#000;left:0;right:auto}@media (max-width:768px){#dls-visual-layout-breakpoints .viz-bar>div{padding:5px;text-align:center}}@media (max-width:375px){#dls-visual-layout-breakpoints .viz-bar>div{font-size:.6875rem}#dls-visual-layout-breakpoints .viz-bar>div .viz-flag span{min-width:30px;padding:5px 4px}}#dls-example-containers-hierarchy{max-width:1020px}@media only screen and (max-width:505px){#dls-example-containers-hierarchy{overflow-x:scroll}}#dls-example-containers-standard-cards{max-width:1020px}#dls-example-containers-standard-cards .dls-example-standard-cards:first-child img{margin-right:80px;max-width:444px;text-align:center}#dls-example-containers-standard-cards .dls-example-standard-cards:nth-child(2) img{max-width:436px}@media only screen and (max-width:505px){#dls-example-containers-standard-cards{overflow-x:scroll}}@media (max-width:767px){#resources-developers-getting-started .tab-content{padding-left:0;padding-right:0}}.dls-visual-line-length{margin:auto 21px auto 13px;max-width:43.75rem;position:relative}.dls-visual-line-length-graphics{height:100%;left:0;position:absolute;top:0;width:100%}.dls-visual-line-length-graphics-bar{border-left:1px solid rgba(0,0,0,.15);height:100%;position:absolute;top:0;width:0}.dls-visual-line-length-text{height:100%;left:0;padding-top:50px;position:relative;top:0;width:100%}.dls-color-slider .scaler-bar{left:50%;margin-left:-182px;position:relative;width:364px}.dls-color-slider input{display:inline-block;margin:20px 5px}#dls-visual-icons-geometry div{text-align:center}#dls-visual-icons-geometry img{margin:0 auto 20px;max-width:200px;width:100%}#dls-example-style-glyphs{padding:20px 0;position:relative;text-align:center}#dls-example-style-glyphs .glyph:before{color:#006fcf}#dls-example-style-icons{padding:20px 0 0;position:relative;text-align:center}#dls-example-style-icons .icon:before{color:#006fcf;font-size:50px}#dls-visual-accessibility{font-size:0;padding-top:20px}#dls-visual-accessibility .row{display:inline-block;margin:0 0 30px!important}@media (max-width:768px){#dls-visual-accessibility .row{width:100%!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)}@media (max-width:768px){#dls-visual-accessibility .left .col{width:1666.6666666667%!important}}#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%}@media (max-width:768px){#dls-visual-accessibility .right .col{width:2000%!important}}#dls-visual-accessibility .right .half{width:1111.1111111111%}#dls-visual-accessibility .right .half:after{display:none}@media (max-width:660px){#dls-visual-accessibility .left .half:after{width:100%}#dls-visual-accessibility .right .half:after{display:block}}#dls-visual-accessibility .col{display:inline-block;font-size:1.875rem;line-height:70px;min-height:70px;position:relative;text-align:center}#dls-visual-accessibility .col:after{color:#000;font-size:10px;left:0;position:absolute;text-align:center;top:-50px;width:100%}#dls-visual-accessibility hr{border-bottom:1px solid #ef37a4;display:inline-block;height:0;margin:12px 0 6px;position:relative;width:100%}#dls-visual-accessibility hr:before{border-left:1px solid #ef37a4;content:"";height:12px;left:0;position:absolute;top:-6px;width:0}#dls-visual-accessibility hr:after{border-right:1px solid #ef37a4;content:"";height:12px;position:absolute;right:0;top:-6px;width:0}#dls-visual-accessibility p{color:#ef37a4!important;display:inline-block;font-size:10px;text-align:center;width:100%}#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"}