p#wd-id-selector-1{color:#fff;background-color:red}p#wd-id-selector-2{color:#000;background-color:#ff0}h3{color:navy;background-color:pink}h2{color:#fff;background-color:navy}p#wd-id-selector-3{color:#f0f;background-color:bisque}p#wd-ai-id-selector{color:teal;background-color:#0ff}.wd-class-selector{color:#00f;background-color:#ff0}.wd-your-class{color:#fff;background-color:green}.wd-ai-class-selector{color:#2f4f4f;background-color:#f5f5f5}.wd-selector-1 .wd-selector-3{color:#fff;background-color:red}.wd-selector-2>.wd-selector-3>.wd-selector-4{color:#00f;background-color:#ff0}.wd-selector-2>.wd-selector-3>.wd-selector-5{color:#008b8b;background-color:violet}.wd-selector-1 .wd-ai-selector-5{color:#fff;background-color:#000}p#wd-ai-cascade{background-color:green}p.wd-ai-cascade{background-color:#ff0}.wd-ai-cascade{background-color:red}.wd-fg-color-black{color:#000}.wd-fg-color-white{color:#fff}.wd-fg-color-blue{color:#7070ff}.wd-fg-color-red{color:#ff7070}.wd-fg-color-green{color:green}.wd-bg-color-yellow{background-color:#ffff07}.wd-bg-color-blue{background-color:#7070ff}.wd-bg-color-red{background-color:#ff7070}.wd-bg-color-green{background-color:green}.wd-bg-color-gray{background-color:#d3d3d3}.wd-border-fat{border-width:20px 30px}.wd-border-thin{border-width:4px}.wd-border-solid{border-style:solid}.wd-border-dashed{border-style:dashed}.wd-border-yellow{border-color:#ffff07}.wd-border-red{border-color:#ff7070}.wd-border-blue{border-color:#7070ff}.wd-padded-top-left{padding-top:50px;padding-left:50px}.wd-padded-top-left-big{padding-top:50px;padding-left:300px}.wd-padded-bottom-right{padding-bottom:50px;padding-right:50px}.wd-padding-fat{padding:50px}.wd-padded-top-only{padding-top:200px}.wd-margin-bottom{margin-bottom:50px}.wd-margin-right-left{margin-left:50px;margin-right:50px}.wd-margin-all-around{margin:30px}.wd-box-model-parent{background-color:#d3d3d3;padding-top:8px;display:flow-root}.wd-box-model-margin-label,.wd-box-model-border-label,.wd-box-model-padding-label{font-size:12px;line-height:12px}.wd-box-model-box{background-color:#cfe2ff;border:10px solid #c41e3a;margin:20px;padding:20px;position:relative}.wd-box-model-border-label{color:#c41e3a;position:absolute;top:-24px;left:0}.wd-box-model-margin-label{position:absolute;bottom:-26px;left:-20px}.wd-box-model-padding-label{position:absolute;top:2px;left:6px}.wd-box-model-content{background-color:#d1e7dd;padding:8px}.wd-box-sizing-demo{background-color:#d3d3d3;padding:10px}.wd-box-sizing-content,.wd-box-sizing-border{background-color:#ffff07;border:10px solid #c41e3a;width:200px;height:180px;margin-bottom:10px;padding:20px}.wd-box-sizing-content{box-sizing:content-box}.wd-box-sizing-border-2{box-sizing:border-box;color:#fff;background-color:gray;border:10px solid #f0f;width:500px;height:250px;margin-bottom:10px;padding:30px}.wd-rounded-corners-top{border-top-left-radius:40px;border-top-right-radius:40px}.wd-rounded-corners-bottom{border-bottom-right-radius:40px;border-bottom-left-radius:40px}.wd-rounded-corners-all-around{border-radius:50px}.wd-rounded-corners-inline{border-radius:30px 0 20px 50px}.wd-rounded-corners-inline-2{border-radius:10px 200px 0 30px}.wd-ai-rounded-left{border-top-left-radius:40px;border-bottom-left-radius:40px}.wd-dimension-portrait{width:75px;height:100px}.wd-dimension-landscape{width:100px;height:75px}.wd-dimension-square{width:75px;height:75px}.wd-dimension-square-2{width:200px;height:100px}.wd-ai-dimension-120-60{width:120px;height:60px}.wd-display-inline{width:150px;height:50px;padding:5px;display:inline}.wd-display-inline-block{width:150px;height:50px;padding:5px;display:inline-block}.wd-display-block{width:150px;height:50px;padding:5px;display:block}.wd-pos-relative-nudge-up-right{position:relative;bottom:30px;left:30px}.wd-pos-relative-nudge-down-right{position:relative;top:20px;left:20px}.wd-pos-relative{position:relative}.wd-pos-relative-nudge-right-bottom{position:relative;bottom:100px;right:10px}.wd-ai-pos-relative-nudge{position:relative;top:15px;right:25px}.wd-pos-absolute-10-10{position:absolute;top:10px;left:10px}.wd-pos-absolute-50-50{position:absolute;top:50px;left:50px}.wd-pos-absolute-120-20{position:absolute;top:20px;left:120px}.wd-pos-absolute-35-400{position:absolute;top:35px;left:400px}.wd-ai-pos-absolute-br{position:absolute;bottom:10px;right:10px}.wd-pos-fixed{position:fixed;bottom:50%;right:0}.wd-pos-fixed-2{position:fixed;bottom:10%;left:0}.wd-ai-pos-fixed{position:fixed;bottom:0;left:0}.wd-zindex-bring-to-front{z-index:10}.wd-zindex-land-in-back{z-index:-999}.wd-pos-absolute-140-30{position:absolute;top:5px;left:180px}.wd-ai-zindex-top{z-index:20;position:absolute;top:80px;left:80px}.wd-float-left{float:left;height:100px}.wd-float-right{float:right;height:100px}img.wd-float-left,img.wd-float-right{width:auto;max-width:35%}img.wd-float-left{margin:0 1rem .5rem 0}img.wd-float-right{margin:0 0 .5rem 1rem}.wd-float-20{float:left;width:20%}.wd-float-30{width:50%}.wd-float-done,.wd-grid-row{clear:both}.wd-grid-col-half-page{float:left;width:50%}.wd-grid-col-third-page{float:left;width:33%}.wd-grid-col-two-thirds-page{float:left;width:67%}.wd-grid-col-left-sidebar{float:left;width:20%}.wd-grid-col-main-content{float:left;width:60%}.wd-grid-col-right-sidebar{float:left;width:20%}.wd-flex-row-container{flex-direction:row;display:flex}.wd-flex-row-container>div{white-space:nowrap;height:100px;padding:10px}.wd-flex-grow-1{flex-grow:1}.wd-width-75px{flex-shrink:0;width:110px}
.wd-media-queries-demo{color:#fff;background-color:green;padding:1rem}.wd-media-queries-demo li{opacity:.55;font-weight:400;text-decoration:none}.wd-media-queries-demo li.wd-mq-rule-default{opacity:1;font-weight:700;text-decoration:underline}@media (min-width:750px) and (max-width:1000px){.wd-media-queries-demo{color:#000;background-color:#ff0}.wd-media-queries-demo li.wd-mq-rule-default{opacity:.55;font-weight:400;text-decoration:none}.wd-media-queries-demo li.wd-mq-rule-750{opacity:1;font-weight:700;text-decoration:underline}}@media (min-width:1000px) and (max-width:1250px){.wd-media-queries-demo{color:#fff;background-color:#00f}.wd-media-queries-demo li.wd-mq-rule-default{opacity:.55;font-weight:400;text-decoration:none}.wd-media-queries-demo li.wd-mq-rule-1000{opacity:1;font-weight:700;text-decoration:underline}}@media (min-width:1250px){.wd-media-queries-demo{color:#fff;background-color:#000}.wd-media-queries-demo li.wd-mq-rule-default{opacity:.55;font-weight:400;text-decoration:none}.wd-media-queries-demo li.wd-mq-rule-1250{opacity:1;font-weight:700;text-decoration:underline}}@media (max-width:749px){.wd-media-queries-demo{color:#fff;background-color:purple}.wd-media-queries-demo li{opacity:.55;font-weight:400;text-decoration:none}.wd-media-queries-demo li.wd-mq-rule-default{opacity:1;font-weight:700;text-decoration:underline}}