#px-designguide{width:100%}#px-designguide .designguide-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#px-designguide .designguide-header .topbar-logo{margin-right:0}#px-designguide .designguide-header:after,#px-designguide .designguide-header:before{display:none}#px-designguide .designguide-header .header-links a{padding:0 1rem;color:#2da944;border:none}#px-designguide .designguide-header .header-links a:hover{color:#228134}#px-designguide .designguide-header .header-links a.active{font-weight:700}#px-designguide .designguide-header .header-links a:focus,#px-designguide .designguide-header .header-links a:hover{text-decoration:none}#px-designguide .designguide-header .header-links a:active{outline:none}#px-designguide .designguide-header .topbar-info{margin-right:.5rem;margin-top:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#px-designguide .designguide-header .topbar-info a{margin:5px;color:rgba(60,60,60,.75);fill:rgba(60,60,60,.75);border:none}#px-designguide .designguide-header .topbar-info a svg{overflow:visible;width:2rem;height:2rem;display:inline-block;vertical-align:top}#px-designguide .designguide-header .topbar-info a:hover{color:rgba(9,9,9,.75);fill:rgba(9,9,9,.75)}#px-designguide pre{font-size:87.5%}#px-designguide .color-preview{width:100%;color:#fff;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.5rem}#px-designguide .color-preview p{margin:0}#px-designguide .showcase-panel .sc-highlight{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15)}#px-designguide .showcase-panel .showcase-grid .row>[class*=col]{padding-top:.5rem;padding-bottom:.5rem;background:rgba(147,149,152,.15);border:1px solid rgba(209,211,212,.8)}#px-designguide .showcase-panel .showcase-grid .row+.row{margin-top:1rem}#px-designguide .showcase-panel .showcase-grid.showcase-vertical-space .row{background:#efefef;height:10rem}#px-designguide .browser-support-table th,#px-designguide .browser-support-table tr{text-align:center;vertical-align:middle}#px-designguide .browser-support-table svg{width:1.5rem;height:1.5rem;display:inline-block}#px-designguide figure .code-toolbar>.toolbar{opacity:1}#px-designguide figure .code-toolbar>.toolbar>.toolbar-item a{background:transparent;padding:.25rem .5rem;border-radius:.25rem;border:0;-webkit-box-shadow:none;box-shadow:none}#px-designguide figure .code-toolbar>.toolbar>.toolbar-item a:hover{color:#fff;background:#2da944}#px-designguide #loading-component{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100vh - 70px)}#px-designguide #loading-component .loading-text{margin-top:1rem;color:rgba(60,60,60,.75)}#px-designguide .doc-view #loading-component{height:calc(100vh - 150px)}#px-designguide #mail_icon{background:url(/v/2.0.3/img/payexmail.png?e7c2d6cf7099ce951f568b2053f09c51)}