.d-container,.demo-display{box-sizing:border-box;font-family:europa,sans-serif}.btn-codereveal,.d-container,.demo-display,.demo-feature-menu label,.demo-feature-menu select,.feature-select-label,.radio-switch-label{font-family:europa,sans-serif}.switch-flexbox .d-flex-split-feature-order,.switch-flexbox .d-flex-split.js-order-finn>.d-flex-split-left,.switch-flexbox .d-flex-split.js-order-jake>.d-flex-split-right{-webkit-box-ordinal-group:0;order:-1}.d-btn-primary{background:#7a7a7a;color:#fff;width:12em;text-align:center;transition:background .4s ease-in-out}.d-btn-primary:hover{background:#919393}.d-btn-primary.t-purple{background:#484281}.d-btn-primary.t-purple:hover{background:#2a2749}.d-btn-primary.t-blue{background:#38ABCC}.d-btn-primary.t-blue:hover{background:#2f8199}.d-btn-secondary{background:0 0;border:1px solid #111;color:#111}.btn-codereveal{margin-left:1em;background:url(/img/icon_view.svg) 10px 50% no-repeat;border:1px solid #b6b6b6;border-radius:5px;color:#111;display:inline-block;font-size:.9em;padding:.75em 2em .75em 4em;text-transform:uppercase;text-decoration:none;text-align:left;transition:background .4s ease}.d-container>h1,.d-flex-card-button,.d-flex-split h3,.d-flex-split p,.d-flex-split-link,.demo-feature-menu h3,.demo-heading,.subheading{text-align:center}@media all and (min-width:48em){.btn-codereveal{margin-left:0}}.btn-codereveal:hover{background-color:#ddd}.codeblock+.d-container{margin:0 auto 2em}.codeblock{background:#222;color:#fff;display:block;line-height:1.4;margin:2em 1em;padding:1em;position:relative;white-space:pre-wrap}@media all and (min-width:40em){.codeblock{margin:2em auto 0;padding:1em}.d-navigation li{float:left}}.codeblock code{display:block;max-width:660px;margin:0 auto}.codereveal-block{display:block;max-width:650px;margin:2em auto}.codeblock.js-code-is-hidden{display:none}.codeblock.js-code-is-visible{-webkit-animation:reveal .5s .1s ease-in-out both;animation:reveal .5s .1s ease-in-out both;display:block}.d-container:first-child{margin-top:0}.d-container{background:#f7f7f7;border-bottom:1px solid #eee;margin:2em auto;padding:2em 5%;width:100%;overflow:hidden}.d-container>h1{color:#333;font-size:2em;line-height:1.2;margin:0 0 .5em}@media all and (min-width:30em){.d-container>h1{font-size:3em}}@media all and (min-width:48em){.d-container>h1{font-size:3.5em}}.d-frame{background:#333;border:1px solid #ddd;clear:both;margin:0 auto;max-height:30em;max-width:30em;overflow:hidden}.d-navigation{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;margin:2em auto 0}.d-navigation ul{padding-left:0}.d-navigation li{list-style:none}.d-navigation li a{border-radius:10px;display:block;margin:1em;padding:.75em 1em;text-decoration:none}.l-fullwidth{padding-right:0;padding-left:0}.t-graphic-faded{position:relative;min-height:70vh}.d-flex-split,.l-fullheight{min-height:100vh}.d-container:after{clear:both;content:'';display:table}.demo-display:after,.demo-feature-menu:after{content:"";clear:both}.d-container.t-purple-light{background:#a075cd;color:#271735}.t-purple-light .heading-wide{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.1);z-index:10}.t-graphic-faded img{display:block;height:auto;margin:0 auto;max-width:100%;opacity:.2;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-46%) translateX(-50%);transform:translateY(-46%) translateX(-50%);z-index:5}.l-fullheight .heading-wide{font-size:5em;margin-top:1em}.subheading{margin:1em 0 2em}.demo-heading{width:100%}.demo-heading h2{font-weight:900;padding:1em;text-transform:uppercase;letter-spacing:.01em;font-size:1.2em}.demo-control{margin:3em 0 0;padding:0 0 2em;-moz-osx-font-smoothing:grayscale}.demo-display{margin:0 auto;padding:1em 5% 2em;width:100%}.demo-display:after{display:table}.demo-select-wrapper{background:url(/img/arrow_down.svg) 97% 50% no-repeat #fff;border-radius:5px;border:1px solid #2A1244;float:left;font-size:1em;line-height:1;margin:0;overflow:hidden;position:relative;transition:background-color .4s ease-in-out;width:100%}.demo-select-wrapper:active,.demo-select-wrapper:focus,.demo-select-wrapper:hover{background-color:#fff;cursor:pointer}.demo-feature-menu-form fieldset{padding:1em}@media all and (min-width:48em){.demo-feature-menu-form fieldset{padding:0 0 0 .5em}}.demo-feature-menu select{color:#697070;width:115%;font-size:.9em;padding:1em;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .4s ease}.demo-feature-menu select:hover{cursor:pointer}.demo-feature-menu select:active,.demo-feature-menu select:focus{background-color:rgba(249,241,155,.5)}.no-flexbox .demo-feature-menu{max-width:800px;margin:0 auto}.flexbox .demo-feature-menu{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.flexbox .demo-feature-menu-form{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}@media all and (min-width:48em){.flexbox .demo-feature-menu-form{display:-webkit-box;display:flex}}.demo-feature-menu:after{display:table}.demo-feature-menu li{float:left;list-style:none}.demo-feature-menu-form fieldset{display:block;width:100%}.demo-feature-switcher li:first-child .radio-switch-label{border-right:none;border-radius:5px 0 0 5px}.radio-switch-label{cursor:pointer;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:.5em .75em;width:5em;display:block;background:#eee;border:1px solid #2a1244;color:#111;text-align:center;text-decoration:none;transition:background .3s ease,color .3s ease}@media all and (min-width:40em){.radio-switch-label{padding:.75em}}.radio-switch-label:active,.radio-switch-label:focus,.radio-switch-label:hover{background:#7b5a9e;color:#fff}.radio-switch-input{position:absolute;visibility:none;opacity:0}.no-flexbox .demo-feature-menu-form,.switch-no-flexbox .demo-feature-menu-form{position:relative}.no-flexbox .demo-feature-menu-form:before,.switch-no-flexbox .demo-feature-menu-form:before{content:"Controls disabled while Flexbox is turned off";position:absolute;font-family:europa,sans-serif;left:0;top:50%;color:#fff}.demo-property-switch{opacity:1;transition:opacity .5s ease;display:-webkit-box;display:flex}.no-flexbox .demo-property-switch,.switch-no-flexbox .demo-property-switch{opacity:0;visibility:none;pointer-events:none}.no-flexbox .demo-property-switch{display:none}.no-flexbox .demo-feature-switch{width:12em;float:right}.t-purple-dark .demo-heading{background:#3e174e;color:#fff}.t-purple-dark .demo-heading h2{color:#fff}.t-purple-dark .demo-control{background:#331c3c}.t-purple-dark .demo-feature-switcher input[type=radio]:checked+label{background:#240531;color:#fff;border:1px solid #240531}.t-purple-dark .demo-feature-switcher input[type=radio]:active+label,.t-purple-dark .demo-feature-switcher input[type=radio]:focus+label{border:1px solid #9455ae}.t-purple-dark .feature-select-label{color:#fff}.t-purple-dark .demo-feature-menu select{color:#697070}.t-purple-dark .demo-select-wrapper{background:url(/img/arrow_down.svg) 97% 50% no-repeat #fff;border:1px solid #2A1244}.t-purple-dark .demo-display{background:#f7f7f7;border-bottom:1px solid #EEE}.article figure .d-flex-split-image img{border:none;border:5px solid rgba(0,0,0,.2)}.d-flex-card h3{margin:1em 0}.d-flex-card{background:#fff;border-radius:5px;margin-bottom:1em;padding:1em}.d-flex-card-image img{display:block;height:auto;margin:0 auto;max-width:100%;width:100%}.d-flex-card-list{margin:3em 0}.d-flex-card-list li{list-style:none;width:100%}.switch-flexbox .d-flex-card-list{display:-webkit-box;display:flex;flex-wrap:wrap;max-width:100%}.switch-flexbox .d-flex-card-list li{display:-webkit-box;display:flex}.switch-flexbox .d-flex-card{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%}.switch-flexbox .d-flex-card-content,.switch-flexbox .d-flex-split{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-direction:normal}.switch-flexbox .d-flex-card-content{display:flex;-webkit-box-flex:1;flex:1 0 auto;flex-direction:column}.switch-flexbox .d-flex-card-content p{-webkit-box-flex:1;flex:1 0 auto}.d-flex-card-content p{margin:0 0 1em}.d-flex-card-button{background:#7b5a9e;border-radius:5px;color:#fff;display:block;padding:1em .75em;text-decoration:none;transition:background .3s ease}.d-flex-card-button:hover{background:#654586}@media all and (min-width:40em){.no-flexbox .d-flex-card-list,.switch-no-flexbox .d-flex-card-list{margin-left:-1em}.d-flex-card-list li{padding-left:1em;width:50%}.no-flexbox .d-flex-card-list li,.switch-no-flexbox .d-flex-card-list li{float:left}}@media all and (max-width:60em){.no-flexbox .d-flex-card-list li:nth-child(2n+1),.switch-no-flexbox .d-flex-card-list li:nth-child(2n+1){clear:both}}@media all and (min-width:60em){.d-flex-card-list li{width:33.33%}.flexbox .d-flex-card-list li{transition:width .4s ease-in-out,-webkit-box-flex .4s ease-in-out;transition:width .4s ease-in-out,flex .4s ease-in-out;transition:width .4s ease-in-out,flex .4s ease-in-out,-webkit-box-flex .4s ease-in-out}.no-flexbox .d-flex-card-list li:nth-child(3n+1),.switch-no-flexbox .d-flex-card-list li:nth-child(3n+1){clear:both}}.switch-flexbox .d-flex-card-list.js-flex-card-justify-flex-start{-webkit-box-pack:start;justify-content:flex-start}.switch-flexbox .d-flex-card-list.js-flex-card-justify-flex-end{-webkit-box-pack:end;justify-content:flex-end}.switch-flexbox .d-flex-card-list.js-flex-card-justify-flex-center{-webkit-box-pack:center;justify-content:center}.switch-flexbox .d-flex-card-list.js-flex-card-justify-flex-space-around{justify-content:space-around}.switch-flexbox .d-flex-card-list.js-flex-card-justify-flex-space-between{-webkit-box-pack:justify;justify-content:space-between}.switch-flexbox .js-flex-card-flexy-no li{-webkit-box-flex:0;flex-grow:0}.switch-flexbox .js-flex-card-flexy-all li,.switch-flexbox .js-flex-card-flexy-odd li:nth-child(odd){-webkit-box-flex:1;flex-grow:1}.d-flex-split-control{display:block;margin:1em auto}.l-fieldset-half{display:block}@media all and (min-width:30em){.l-fieldset-half{float:left;padding:1em;width:50%}}.switch-flexbox .js-flex-split-feature-stretch{justify-content:space-around}.switch-flexbox .js-flex-split-feature-vcenter{-webkit-box-pack:center;justify-content:center}.d-flex-split{margin:2em 0 0;position:relative}.no-flexbox .d-flex-split:after{clear:both;content:"";display:table}.d-flex-split h3{margin:0 0 2em}.d-flex-split p{margin:0 auto;max-width:500px}.d-flex-split-link{color:currentColor;display:block;margin:1em 0 0;width:100%}.switch-no-flexbox .d-flex-split-image{position:relative;width:100%}.d-flex-split img{border-radius:50%;display:block;height:auto;margin:2em auto;max-width:100px;width:100%}.d-flex-split>div{padding:3em 5em;min-height:100vh}.switch-flexbox .d-flex-split{display:flex;flex-direction:column}@media all and (min-width:48em){.d-flex-split>div{padding:3em 5em 6em;width:50%}.switch-flexbox .d-flex-split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.switch-no-flexbox .d-flex-split>div{float:left;position:absolute;width:50%}}.switch-flexbox .d-flex-split>div{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.switch-no-flexbox .d-flex-split>div{bottom:0;min-height:50vh;top:0}.d-flex-split-left{background:#fff;color:#7b5a9e;left:0}.d-flex-split-right{background:#7b5a9e;color:#fff;right:0}.switch-flexbox .d-flex-split.js-flex-align-center>div{-webkit-box-pack:center;justify-content:center}.switch-flexbox .d-flex-split.js-flex-align-top>div{-webkit-box-pack:start;justify-content:flex-start}.switch-flexbox .d-flex-split.js-flex-align-bottom>div{-webkit-box-pack:end;justify-content:flex-end}.switch-flexbox .d-flex-split.js-flex-align-distributed>div{justify-content:space-around}