var{font-family:courier;display:inline-block;border:1px solid #757575;border-radius:4px;padding:0 .5rem;background-color:transparent;color:#fff}.code-container{mixin:type--body-small;mixin:type--regular-serif;font-family:"Source Serif Pro",serif;font-weight:300;mixin:font-size;font-size:15px;line-height:22.5px;width:min(720px,100%);margin:0 0 36px;max-width:100%;overflow:hidden;position:relative;text-align:left;display:flex;border:2px solid rgba(245,127,23,.2)}.code-container::after,.code-container::before{content:"";position:absolute;top:0;bottom:0;width:36px}.code-container::before{left:0;background:linear-gradient(to left,rgba(33,33,33,0),#212121)}.code-container::after{right:0;background:linear-gradient(to right,rgba(33,33,33,0),#212121)}code{white-space:pre;overflow:hidden;font-family:monospace,serif;padding:36px;display:inline-block;overflow-x:auto;max-width:100%;text-align:left;margin:0;color:#fff}.posts.browser-and-device-diagnostics input{width:100%;margin:12px auto}.posts.browser-and-device-diagnostics #error{color:#ef5350;opacity:0;transition-property:opacity;font-family:Roboto,sans-serif;font-weight:500}.posts.browser-and-device-diagnostics #error.visible{opacity:1}.posts.browser-and-device-diagnostics code{white-space:unset;margin:0}.posts.browser-and-device-diagnostics code ul{margin-left:24px}.posts.browser-and-device-diagnostics code li{margin-bottom:unset}.posts.browser-and-device-diagnostics code .key{color:#f57f17}