.responsiville-debug-controls{position:fixed;padding:1.5rem .75rem;max-width:28rem;background:var(--color-responsiville-white);color:#3c3c3c;font-family:Consolas,"Courier New",monospace;font-size:1.2rem;border:.5rem solid var(--color-responsiville-gray);border-radius:.5rem;text-align:right;z-index:9999;backface-visibility:hidden;-webkit-backface-visibility:hidden}.responsiville-debug-controls.tl{left:2rem;top:2rem}.responsiville-debug-controls.tr{right:2rem;top:2rem}.responsiville-debug-controls.bl{left:2rem;bottom:2rem}.responsiville-debug-controls.br{right:2rem;bottom:2rem}.responsiville-debug-controls-closed{border-color:transparent;background:0 0}.responsiville-debug-controls section{padding:1rem 0;border-bottom:.3rem solid var(--color-responsiville-gray)}.responsiville-debug-controls section:first-of-type{margin-top:0;padding-top:0}.responsiville-debug-controls section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none;text-align:left}.responsiville-debug-controls-closed section{display:none}.responsiville-debug-controls input{vertical-align:middle}.responsiville-debug-controls table,.responsiville-debug-controls tbody,.responsiville-debug-controls tr{margin:0;padding:0}.responsiville-debug-performance tr{cursor:help}.responsiville-debug-controls td,.responsiville-debug-controls th{padding:0 .5rem !important}.responsiville-debug-controls td:first-of-type{padding-left:0}.responsiville-debug-controls td:last-of-type{padding-right:0}.responsiville-debug-text .button{display:inline-block;width:auto;margin:.1rem .3rem;font-size:85%}.responsiville-debug-toggle{z-index:1;position:absolute;right:.5rem;bottom:.5rem;width:auto;height:auto;line-height:1.2;padding:.5rem .75rem}.responsiville-debug-toggle:before{font-family:"Responsiville Icons";content:"\E819";display:inline-block;padding:0}.responsiville-debug-toggle-closed{box-shadow:0 0 0 10px var(--color-responsiville-lightgray)}.responsiville-debug-layout input{height:auto}.responsiville-debug-layout p{width:50%;display:inline-block}.responsiville-debug-dimensions-icon{display:inline-block;vertical-align:middle;font-family:"Responsiville Icons"}.responsiville-debug-dimensions-icon.small{font-size:2rem}.responsiville-debug-dimensions-icon.mobile{font-size:2.25rem}.responsiville-debug-dimensions-icon.tablet{font-size:2.5rem}.responsiville-debug-dimensions-icon.laptop{font-size:3rem}.responsiville-debug-dimensions-icon.desktop{font-size:3.25rem}.responsiville-debug-dimensions-icon.large{font-size:3.5rem}.responsiville-debug-dimensions-icon.xlarge{font-size:3.75rem}.responsiville-debug-performance{line-height:1.4}.responsiville-debug-wp{line-height:1.4}.responsiville-debug-grid{background:#fff}.responsiville-debug-grid .row,.responsiville-debug-grid [class*=column]{outline:5px dashed var(--color-responsiville-red);position:relative}.responsiville-debug-grid .wrapper{border-width:0;padding:0;background:0 0}.class-info{position:absolute;z-index:-1;width:auto !important;background:teal;color:var(--color-white);font-size:1.2rem !important;font-family:Consolas,"Courier New",monospace !important;margin:0 !important;padding:0 !important;overflow:hidden !important;text-align:left !important;padding:1px 5px !important;opacity:0;transition:opacity .2s ease-in 0s}.responsiville-debug-grid .class-info{opacity:1;z-index:1}.class-info.start{top:0;left:0;border-bottom-right-radius:2px}.class-info.end{bottom:0;right:0;font-style:italic !important;border-top-left-radius:2px}.responsiville-debug-blocks .row,.responsiville-debug-blocks h1,.responsiville-debug-blocks h2,.responsiville-debug-blocks h3,.responsiville-debug-blocks h4,.responsiville-debug-blocks h5,.responsiville-debug-blocks h6,.responsiville-debug-blocks p,.responsiville-debug-blocks ul,.responsiville-debug-blocks ol,.responsiville-debug-blocks pre,.responsiville-debug-blocks figure,.responsiville-debug-blocks blockquote{outline:.1rem dotted var(--color-responsiville-red)}.responsiville-debug-controls .row,.responsiville-debug-controls h1,.responsiville-debug-controls h2,.responsiville-debug-controls h3,.responsiville-debug-controls h4,.responsiville-debug-controls h5,.responsiville-debug-controls h6,.responsiville-debug-controls p,.responsiville-debug-controls ul,.responsiville-debug-controls ol,.responsiville-debug-controls pre,.responsiville-debug-controls figure,.responsiville-debug-controls blockquote{outline:none}.responsiville-debug-semantic main,.responsiville-debug-semantic nav,.responsiville-debug-semantic header,.responsiville-debug-semantic footer,.responsiville-debug-semantic aside:not(.responsiville-debug-controls),.responsiville-debug-semantic section,.responsiville-debug-semantic article,.responsiville-debug-semantic h1,.responsiville-debug-semantic h2,.responsiville-debug-semantic h3,.responsiville-debug-semantic h4,.responsiville-debug-semantic h5,.responsiville-debug-semantic h6{position:relative}.semantic-info{opacity:0;transition:opacity .2s ease-in 0s;position:absolute;z-index:-1;top:0;left:0;padding:3px 7px;width:auto;color:#fff;background:teal;font-family:var(--font-sans-serif);font-size:1.5rem}.responsiville-debug-semantic .semantic-info{opacity:1;z-index:1}.responsiville-debug-semantic main{outline:10px dashed orange !important}.responsiville-debug-semantic nav,.responsiville-debug-semantic header,.responsiville-debug-semantic footer{outline:10px dashed red !important}.responsiville-debug-semantic aside:not(.responsiville-debug-controls),.responsiville-debug-semantic section:not(.responsiville-debug-control){outline:10px dashed green !important}.responsiville-debug-semantic article{outline:10px dashed blue !important}.responsiville-debug-semantic h1{outline:10px dashed navy !important}.responsiville-debug-semantic h2{outline:10px dashed #6495ed !important}.responsiville-debug-semantic h3,.responsiville-debug-semantic h4,.responsiville-debug-semantic h5,.responsiville-debug-semantic h6{outline:10px dashed skyblue !important}