html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:Roboto, serif;color:#4a4b4d;vertical-align:baseline}input,button{border-radius:0px;font-family:Roboto, serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{background-image:url("../assets/background_texture.png")}div.body{position:relative}div.body.body-fixed{position:fixed;left:0;right:0;overflow-x:hidden;overflow-y:hidden;height:100vh}.body-fixed nav::after{content:" ";position:absolute;top:0;left:90%;width:500px;background-color:inherit;z-index:-1;height:80px;border-bottom:4px solid #4A5568}nav{height:80px;border-bottom:4px solid #4A5568;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#1A202C;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}nav>img{height:50px;-webkit-transform:translateY(-1px);transform:translateY(-1px);margin-left:32px}nav .hamburger-menu-container{background-color:transparent;border:none;padding:5px;margin-right:27px;cursor:pointer}nav .hamburger-menu-container:focus{outline:1px solid #F7FAFC}nav .hamburger-menu-container::-moz-focus-inner{border:none}nav .hamburger-menu-container img{height:55px;color:white}nav.hamburger-menu-expanded::before{content:"";position:absolute;top:80px;bottom:0px;left:0px;right:0px;background-color:rgba(26,32,44,0.8);z-index:20}nav #hamburger-menu-body{position:fixed;overflow-y:auto;z-index:21;top:80px;bottom:0px;right:0px;background-color:#1A202C;padding:32px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}nav #hamburger-menu-body ul{display:block;width:416px}nav #hamburger-menu-body button,nav #hamburger-menu-body input{background-color:#C3CBD6;border:none}nav #hamburger-menu-body button:focus,nav #hamburger-menu-body input:focus{outline:none;background-color:#818A96}nav #hamburger-menu-body button::-moz-focus-inner,nav #hamburger-menu-body input::-moz-focus-inner{border:none}nav #hamburger-menu-body li{margin-bottom:16px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}nav #hamburger-menu-body li input,nav #hamburger-menu-body li .project{margin:0px;padding:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;font-size:18px;text-align:center;color:#1A202C;font-weight:700}nav #hamburger-menu-body li .project{cursor:pointer}nav #hamburger-menu-body li input{min-width:0;text-decoration:underline}nav #hamburger-menu-body li.project-selected .project,nav #hamburger-menu-body li.project-selected input,nav #hamburger-menu-body li.project-selected .nav-modifier{background-color:#89B2E0}nav #hamburger-menu-body li.project-selected .project:focus,nav #hamburger-menu-body li.project-selected input:focus,nav #hamburger-menu-body li.project-selected .nav-modifier:focus{background-color:#446596}nav #hamburger-menu-body .nav-modifier{cursor:pointer;width:56px;height:56px;padding:0px;margin:0px;-ms-flex-negative:0;flex-shrink:0}nav #hamburger-menu-body .nav-modifier img{height:26px}nav #hamburger-menu-body .nav-modifier:first-child{margin-right:16px}nav #hamburger-menu-body .nav-modifier:last-child{margin-left:16px}nav #hamburger-menu-body .add-project{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;width:272px;height:56px;background-color:#C3CBD6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:#1A202C;font-weight:700;margin:0 auto}nav #hamburger-menu-body .add-project img{height:28px;margin-right:8px}nav #hamburger-menu-body .project-delete{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#1A202C;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}nav #hamburger-menu-body .project-delete span{display:block;width:272px;height:56px;line-height:56px;font-size:18px;font-weight:700;text-align:center;text-decoration:underline;background-color:#C3CBD6;color:#1A202C}nav #hamburger-menu-body .project-delete .confirm-delete-project,nav #hamburger-menu-body .project-delete .deny-delete-project{cursor:pointer;width:56px;height:56px;position:relative}nav #hamburger-menu-body .project-delete .confirm-delete-project::after,nav #hamburger-menu-body .project-delete .deny-delete-project::after{content:" ";background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:50%;width:45px;height:45px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}nav #hamburger-menu-body .project-delete .confirm-delete-project{background-color:#8AE8A8;margin-right:16px}nav #hamburger-menu-body .project-delete .confirm-delete-project::after{background-image:url("../assets/materialicons/material_check_darkgreen.svg")}nav #hamburger-menu-body .project-delete .confirm-delete-project:focus{background-color:#22543D}nav #hamburger-menu-body .project-delete .confirm-delete-project:focus::after{background-image:url("../assets/materialicons/material_check_lightgreen.svg")}nav #hamburger-menu-body .project-delete .deny-delete-project{background-color:#EEA3A3;margin-left:16px}nav #hamburger-menu-body .project-delete .deny-delete-project::after{background-image:url("../assets/materialicons/material_close_darkred.svg")}nav #hamburger-menu-body .project-delete .deny-delete-project:focus{background-color:#823636}nav #hamburger-menu-body .project-delete .deny-delete-project:focus::after{background-image:url("../assets/materialicons/material_close_lightred.svg")}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1216px;margin:48px auto 0}.controls{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:#1A202C;padding:32px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);max-height:100%}.controls .brightness-vertical{width:48px;background-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));background-image:linear-gradient(#000, #fff);position:relative;cursor:pointer;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.controls .brightness-vertical div{content:" ";position:absolute;left:0;right:0;height:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:3px solid #1A202C}.controls .hue-saturation-circle{width:352px;height:352px;background-image:url("../assets/ColorWheel.svg");background-size:contain;position:relative;cursor:pointer;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.controls .hue-saturation-node{position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid #1A202C;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.controls .hue-saturation-node.node-selected{border:3px solid #1A202C}.controls .header-tool{width:288px;height:48px;line-height:48px;font-size:18px;font-weight:700;border:none;background-color:#CBD5E0;text-align:left;color:#04112C;padding:0 16px;position:relative;display:block}.controls .header-tool:focus{outline:none;background-color:#818A96}.controls .header-tool::-moz-focus-inner{border:none}.controls .header-tool::after{content:"";position:absolute;top:0;bottom:0;right:0;width:48px;margin:8px 17px;background-repeat:no-repeat;background-position:center right}.controls .header-tool#compare-colors-tool::after{background-image:url("../assets/materialicons/material_compare_offblack.svg")}.controls .header-tool#contrast-checker-tool::after{background-image:url("../assets/materialicons/material_visibility_offblack.svg")}.controls .header-tool.tool-selecting{background-color:#89B2E0}.controls .header-toolbars{padding-top:16px;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-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-preview{background-color:#1A202C;padding:32px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);width:352px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;margin-right:48px;max-height:416px}.project-preview .add-section{display:none}.project-preview h1{color:#F7FAFC;font-size:40px;font-weight:900;text-align:center}.project-preview a{margin-top:18px;display:block;text-decoration:none;color:#1A202C;background-color:#C3CBD6;font-size:18px;line-height:48px;font-weight:700;padding:0 16px;height:48px}.project-preview a:focus{outline:none;background-color:#818A96}.project-preview a::-moz-focus-inner{border:none}.project-preview a span{line-height:48px;font-size:18px;color:#1A202C;margin-right:8px}.project-preview li:last-child a{margin-bottom:32px}label{margin-top:-16px;display:block;font-size:16px;font-weight:700;color:#E2E8F0}.dropdown{position:relative;max-width:288px}.dropdown.dropdown-expanded button{background-color:#818A96}.dropdown.dropdown-expanded ul{display:block}.dropdown button{width:100%;height:48px;line-height:48px;font-size:18px;font-weight:700;background-color:#CBD5E0;border:none;text-align:left;padding:0px 16px;color:#04112C;position:relative;cursor:pointer}.dropdown button:focus{outline:none;background-color:#818A96}.dropdown button::-moz-focus-inner{border:none}.dropdown button::after{content:" ";position:absolute;right:5px;top:0;bottom:0;width:48px;background-image:url("../assets/materialicons/material_dropdown_offblack.svg")}.dropdown ul{display:none;z-index:5;position:absolute;top:100%;left:0;right:0;background-color:#CBD5E0;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.dropdown ul li{height:48px;line-height:48px;font-size:18px;font-weight:700;padding:0px 16px;cursor:pointer;color:#04112C}.dropdown ul li:hover,.dropdown ul li.dropdown-selected{background-color:#818A96}.dropdown ul:focus{border:1px solid #1A202C}section{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1216px;background-color:#1A202C;padding:32px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);margin:48px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}section .add-swatch,section .delete-section{z-index:6;cursor:pointer;position:absolute;top:0px;height:64px;width:64px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;background-color:#1A202C;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);background-size:32px auto;background-repeat:no-repeat;background-position:center center}section .add-swatch{left:-32px;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-image:url("../assets/materialicons/material_note_add_offwhite.svg")}section .delete-section{right:-32px;-webkit-transform:translateX(100%);transform:translateX(100%);background-image:url("../assets/materialicons/material_delete_offwhite.svg")}section .swatch-section-header{width:48px;margin-right:32px;position:relative}section .swatch-section-header input{cursor:vertical-text;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;font-size:24px;font-weight:700;color:#1A202C;display:block;height:48px;-webkit-transform:translateX(-100%) rotate(-90deg);transform:translateX(-100%) rotate(-90deg);-webkit-transform-origin:top right;transform-origin:top right;background-color:#CBD5E0;border:none}section .swatch-section-header input:focus{outline:none;background-color:#818A96}section .swatch-section-header input::-moz-focus-inner{border:none}section::after{content:"";clear:both;display:table}section .section-swatches{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}section .section-swatches .swatch{width:33.333%;padding-bottom:33.333%}.swatch{float:left;background-color:orangered;width:20%;padding-bottom:20%;position:relative}.swatch:focus{outline:1px solid #F7FAFC}.swatch::-moz-focus-inner{border:none}.swatch:focus{z-index:5}.swatch.swatch-selected{outline:1px solid #F7FAFC;z-index:5}.swatch>input{padding:0px;border:none;color:#F7FAFC;background-color:rgba(26,32,44,0.85);position:absolute;top:0px;left:0px;right:0px;width:100%;height:48px;line-height:48px;font-size:18px;font-weight:700;text-align:center;z-index:2}.swatch>button{position:absolute;cursor:pointer;top:1px;right:8px;height:48px;width:48px;z-index:3;padding:0px;border:none;background-color:transparent}.swatch>button:focus{outline:1px solid #F7FAFC}.swatch>button::-moz-focus-inner{border:none}.swatch-modifier{z-index:3;position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:rgba(26,32,44,0.85);user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swatch-modifier .modifier-row{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:16px}.swatch-modifier .modifier-row:first-child{margin-top:0px}.swatch-modifier .modifier-row>div{position:relative;height:40px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.swatch-modifier .modifier-row>input{max-width:40px;background-color:transparent;border:none;font-weight:700;color:#F7FAFC;font-size:18px;margin-left:16px;-webkit-appearance:none;-moz-appearance:textfield}.swatch-modifier .hue-modifier{background-image:-webkit-gradient(linear, right top, left top, from(red), color-stop(#f0f), color-stop(blue), color-stop(cyan), color-stop(lime), color-stop(#ff0), to(red));background-image:linear-gradient(to left, red, #f0f, blue, cyan, lime, #ff0, red)}.swatch-modifier .saturation-modifier{background-image:-webkit-gradient(linear, left top, right top, from(#FF4000), to(#fff));background-image:linear-gradient(to right, #FF4000, #fff)}.swatch-modifier .lightness-modifier{background-image:-webkit-gradient(linear, left top, right top, from(#FF4000), to(#000));background-image:linear-gradient(to right, #FF4000, #000)}.modifier-thumb{position:absolute;top:0;bottom:0;left:10px;width:8px;border:3px solid #1A202C;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#1A202C}.modifier-thumb:focus{border:3px solid #F7FAFC}.add-section-container{padding:0;background-color:transparent;margin-bottom:60px;-webkit-box-shadow:none;box-shadow:none}.add-section-container .add-section{background-color:#1A202C;cursor:pointer;border:none;color:#F7FAFC;display:-webkit-box;display:-ms-flexbox;display:flex;width:240px;height:64px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;font-size:18px;font-weight:700}.add-section-container .add-section:focus{outline:1px solid #F7FAFC}.add-section-container .add-section::-moz-focus-inner{border:none}.add-section-container .add-section img{margin-right:8px}.modal{z-index:6;position:fixed;top:0;bottom:0;right:0;left:0;background-color:#EDF2F7}.modal .modal-exit{position:absolute;top:16px;right:16px;padding:0px;z-index:11;width:64px;height:64px;border:none;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);background-color:#1A202C;background-image:url("../assets/materialicons/material_close_offwhite.svg");background-size:cover;background-repeat:no-repeat}.modal .modal-exit:focus{outline:1px solid #F7FAFC}.modal .modal-exit::-moz-focus-inner{border:none}.compare-colors .modal-exit{-webkit-box-shadow:none;box-shadow:none}.compare-colors .swatch{width:50%;height:100%;padding-bottom:0px}.compare-colors .swatch>input{width:448px;height:64px;margin:16px auto;line-height:64px;font-size:32px;font-weight:700}.compare-colors .swatch .swatch-modifier{width:448px;margin:0 auto;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.compare-colors .swatch .swatch-modifier .modifier-row input{max-width:48px;margin-left:16px;font-weight:700;font-size:22px}.compare-colors .swatch .swatch-modifier .modifier-row input:last-of-type{margin-bottom:0px}.compare-colors .phone-compare-colors-wrapper{display:none}.contrast-checker{background-image:url("../assets/background_texture.png");padding:48px 96px;display:block;-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;overflow-y:auto}.contrast-checker-rating,.contrast-checker-swatches,.contrast-checker-normal-text,.contrast-checker-large-text,.contrast-checker-gui-components{background-color:#1A202C;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);display:block}.contrast-checker-swatches-hidden{display:none}.contrast-checker-row{width:1424px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0px auto 48px auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contrast-checker-rating{width:592px;margin-right:48px;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contrast-checker-rating h3,.contrast-checker-rating h2{font-weight:700;color:#F7FAFC;text-align:center}.contrast-checker-rating h3{font-size:22px}.contrast-checker-rating h2{font-size:105px}.contrast-checker-swatches{width:784px;height:416px;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.contrast-checker-swatches::after{content:" ";clear:both;display:block}.contrast-checker-swatches .swatch{width:352px;padding-bottom:352px}.contrast-checker-swatches .swatch:first-child{float:left}.contrast-checker-swatches .swatch:last-child{float:right}.contrast-checker-normal-text,.contrast-checker-large-text,.contrast-checker-gui-components{width:442.67px;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.contrast-checker-normal-text h4,.contrast-checker-large-text h4,.contrast-checker-gui-components h4{font-size:28px;font-weight:700;color:#F7FAFC}.contrast-checker-normal-text button,.contrast-checker-large-text button,.contrast-checker-gui-components button{position:absolute;top:32px;right:32px;width:28px;height:28px;padding:0;border:none;background-color:transparent}.contrast-checker-normal-text button img,.contrast-checker-large-text button img,.contrast-checker-gui-components button img{width:100%;height:100%}.standard-not-met,.standard-met{height:64px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.standard-not-met .standard-name,.standard-not-met .contrast-standard,.standard-met .standard-name,.standard-met .contrast-standard{font-size:18px;font-weight:700;line-height:64px;color:#1A202C}.standard-not-met .standard-name,.standard-met .standard-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:16px}.standard-not-met .contrast-standard,.standard-met .contrast-standard{margin-right:16px}.standard-not-met .contrast-standard,.standard-not-met .standard-compliance-box,.standard-met .contrast-standard,.standard-met .standard-compliance-box{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.standard-compliance-box{height:100%;width:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.standard-compliance-box img{width:43px}.standard-not-met{background-color:#EEA3A3}.standard-not-met .standard-compliance-box{background-color:#823636}.standard-met{background-color:#8AE8A8}.standard-met .standard-compliance-box{background-color:#22543D}.sample-normal-text,.sample-large-text,.sample-gui-components{height:80px;margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sample-normal-text span:first-child,.sample-large-text span:first-child,.sample-gui-components span:first-child{width:64px;-ms-flex-negative:0;flex-shrink:0;background-color:#C3CBD6;line-height:80px;text-align:center;font-size:18px;font-weight:700;color:#1A202C}.sample-normal-text span:last-child,.sample-large-text span:last-child,.sample-gui-components span:last-child{padding:16px}.sample-normal-text span:last-child{font-size:12pt}.sample-large-text span:last-child{font-size:18pt}.shapes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.shape-1{border:27px solid transparent;margin-right:-18px;-webkit-transform:translateY(-12px);transform:translateY(-12px)}.shape-2{width:32px;height:32px;border-radius:50%}.shape-3{width:32px;height:32px}.contrast-checker-tooltip{display:none;position:absolute;width:224px;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;top:0px;right:0px;background-color:#C3CBD6;color:#1A202C;-webkit-transform:translate(-35px, -85px);transform:translate(-35px, -85px);-webkit-box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);line-height:24px;font-size:18px;font-weight:700;z-index:10}.contrast-checker-tooltip::after{content:" ";position:absolute;border:10px solid transparent;border-top-color:#C3CBD6;top:100%;right:0px}.contrast-checker-tooltip.tooltip-open{display:block}.contrast-checker-large-text .contrast-checker-tooltip{-webkit-transform:translate(-35px, -61px);transform:translate(-35px, -61px)}.contrast-checker-gui-components .contrast-checker-tooltip{-webkit-transform:translate(-35px, -133px);transform:translate(-35px, -133px)}footer{text-align:center;font-size:16px;color:#1A202C;margin:192px 0 32px}@media (max-width: 1616px){.body-fixed nav::after{height:64px;border-bottom:4px solid #4A5568}nav{height:64px}nav>img{height:35px}nav.hamburger-menu-expanded::before{top:64px}nav #hamburger-menu-body{top:68px;padding:16px}nav #hamburger-menu-body ul{width:336px}nav #hamburger-menu-body li{height:48px}nav #hamburger-menu-body li input,nav #hamburger-menu-body li .project{padding:0;line-height:48px}nav #hamburger-menu-body .nav-modifier{width:48px;height:48px}nav #hamburger-menu-body .nav-modifier img{height:22px}nav #hamburger-menu-body .add-project{width:208px;height:48px}nav #hamburger-menu-body .add-project img{height:24px}nav #hamburger-menu-body .project-delete span{width:208px;height:48px;line-height:48px}nav #hamburger-menu-body .project-delete .confirm-delete-project,nav #hamburger-menu-body .project-delete .deny-delete-project{width:48px;height:48px}nav #hamburger-menu-body .project-delete .confirm-delete-project::after,nav #hamburger-menu-body .project-delete .deny-delete-project::after{width:32px;height:32px}header{max-width:928px;margin:32px auto 0}.controls{padding:16px}.controls .brightness-vertical{width:40px}.controls .hue-saturation-circle{width:240px;height:240px}.controls .hue-saturation-node{width:20px;height:20px}.controls .header-tool{width:240px;height:40px;line-height:40px;font-size:16px}.controls .header-tool::after{width:22px;background-size:contain}.controls .header-toolbars{padding-top:16px}.project-preview{padding:16px;width:240px;margin-right:32px;max-height:272px}.project-preview h1{font-size:32px}.project-preview a{margin-top:16px;font-size:16px;line-height:40px;height:40px}.project-preview a span{line-height:40px;font-size:18px}.project-preview li:last-child a{margin-bottom:16px}label{margin-top:-14px;font-size:14px}.dropdown{max-width:240px}.dropdown button{height:40px;line-height:40px;font-size:16px}.dropdown button::after{right:8px;width:40px}.dropdown ul li{height:40px;line-height:40px;font-size:16px}section{max-width:928px;padding:16px;margin:32px auto 0}section .add-swatch,section .delete-section{height:48px;width:48px;background-size:22px auto}section .add-swatch{left:-16px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}section .delete-section{right:-16px;-webkit-transform:translateX(100%);transform:translateX(100%)}section .swatch-section-header{width:40px;margin-right:16px}section .swatch-section-header input{font-size:22px;height:40px;-webkit-transform:translateX(-100%) rotate(-90deg);transform:translateX(-100%) rotate(-90deg)}section .swatch-section-header .swatch{width:33.333%;padding-bottom:33.333%}.swatch>input{height:32px;line-height:32px;font-size:16px}.swatch>button{height:32px;width:32px}.swatch>button img{height:20px}.swatch-modifier .modifier-row>div{height:28px}.swatch-modifier .modifier-row>input{max-width:40px;font-size:16px}.add-section-container .add-section{width:208px;height:48px;font-size:16px}.add-section-container .add-section img{margin-right:8px}.compare-colors .swatch>input{width:384px}.compare-colors .swatch .swatch-modifier{width:384px}.contrast-checker{padding-top:32px}.contrast-checker-row{width:1088px;margin-bottom:32px}.contrast-checker-rating{width:448px;margin-right:32px}.contrast-checker-rating h3{font-size:16px}.contrast-checker-rating h2{font-size:80px}.contrast-checker-swatches{width:608px;height:320px;padding:16px}.contrast-checker-swatches .swatch{width:50%;padding-bottom:50%}.contrast-checker-normal-text,.contrast-checker-large-text,.contrast-checker-gui-components{width:341.33px;padding:16px}.contrast-checker-normal-text h4,.contrast-checker-large-text h4,.contrast-checker-gui-components h4{font-size:22px}.contrast-checker-normal-text button,.contrast-checker-large-text button,.contrast-checker-gui-components button{top:3px;right:3px;width:50px;height:50px}.contrast-checker-normal-text button img,.contrast-checker-large-text button img,.contrast-checker-gui-components button img{width:28px;height:28px}.standard-not-met,.standard-met{height:48px;margin-top:16px}.standard-not-met .standard-name,.standard-not-met .contrast-standard,.standard-met .standard-name,.standard-met .contrast-standard{font-size:16px;line-height:48px}.standard-not-met .standard-name,.standard-met .standard-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:16px}.standard-not-met .contrast-standard,.standard-met .contrast-standard{margin-right:16px}.standard-not-met .contrast-standard,.standard-not-met .standard-compliance-box,.standard-met .contrast-standard,.standard-met .standard-compliance-box{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.standard-compliance-box{width:48px}.standard-compliance-box img{width:30px}.sample-normal-text span:first-child,.sample-large-text span:first-child,.sample-gui-components span:first-child{width:48px;font-size:16px}.contrast-checker-tooltip{-webkit-transform:translate(-17px, -75px);transform:translate(-17px, -75px);line-height:22px;font-size:16px}.contrast-checker-large-text .contrast-checker-tooltip{-webkit-transform:translate(-17px, -75px);transform:translate(-17px, -75px)}.contrast-checker-gui-components .contrast-checker-tooltip{-webkit-transform:translate(-17px, -119px);transform:translate(-17px, -119px)}.shape-1{margin-right:-7px}}@media (max-width: 1280px){#hamburger-menu-body ul{width:368px}header{margin-top:48px;max-width:720px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.controls{padding:24px}.controls .hue-saturation-circle{width:300px;height:300px}.controls .hue-saturation-node{width:24px;height:24px}.project-preview{padding:24px;width:100%;margin-right:0px;margin-bottom:48px;max-height:none}.project-preview ul::after{content:" ";clear:both;display:block}.project-preview a{margin-top:16px;margin-right:24px;float:left}section{max-width:720px;padding:24px;margin:48px auto 0;display:block}section .add-swatch,section .delete-section{height:40px;width:40px;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-box-shadow:none;box-shadow:none;background-color:#C3CBD6}section .add-swatch{top:24px;left:24px;background-image:url("../assets/materialicons/material_note_add_offblack.svg")}section .delete-section{top:24px;right:24px;background-image:url("../assets/materialicons/material_delete_offblack.svg")}section .swatch-section-header{width:100%;margin-right:0px;margin-bottom:24px}section .swatch-section-header input{cursor:text;font-size:22px;width:544px;margin:0 auto;text-align:left;height:40px;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}section .section-swatches .swatch{width:50%;padding-bottom:50%}.swatch>input{height:40px;line-height:40px;font-size:18px}.swatch>button{height:40px;width:40px}.swatch>button img{height:20px}.swatch-modifier .modifier-row>div{height:30px}.swatch-modifier .modifier-row>input{font-size:18px}.compare-colors .swatch>input{width:192px}.compare-colors .swatch .swatch-modifier{width:100%}.contrast-checker{padding-top:24px}.contrast-checker-row{width:608px;margin-bottom:24px}.contrast-checker-column{width:292px;float:left;margin-right:24px}.contrast-checker-column:last-child{margin-right:0px}.contrast-checker-grid{width:608px;margin:0 auto}.contrast-checker-grid::after{content:" ";display:block;clear:both}.contrast-checker::after{content:" ";display:block;clear:both}.contrast-checker-rating{width:100%;height:168px;margin-bottom:24px;margin-right:0px}.contrast-checker-rating h2{font-size:60px}.contrast-checker-swatches{width:608px}.contrast-checker-swatches .swatch{width:50%;padding-bottom:50%}.contrast-checker-normal-text,.contrast-checker-large-text,.contrast-checker-gui-components{width:292px;margin-bottom:24px}.sample-normal-text{height:64px}.sample-normal-text span:first-child{height:64px;line-height:64px}.sample-large-text{height:94px}.sample-large-text span:first-child{height:94px;line-height:94px}.sample-gui-components{height:64px}.sample-gui-components span:first-child{height:64px;line-height:64px}.standard-not-met,.standard-met{height:48px;margin-top:16px}.sample-normal-text span:first-child,.sample-large-text span:first-child,.sample-gui-components span:first-child{font-size:16px}}@media (max-width: 800px){#hamburger-menu-body ul{width:368px}header{max-width:100%;margin:32px 16px 0px}.controls{padding:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.controls .header-tool{-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.controls .header-tool:first-of-type{margin-right:16px}.controls .header-toolbars{width:100%;margin-top:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.controls .hue-saturation-circle{margin-left:64px}.labeled-dropdown{-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:16px}.labeled-dropdown:first-of-type{margin-right:16px}.dropdown{max-width:none;width:100%;height:40px}.project-preview{padding:16px;margin-bottom:32px}.project-preview a{margin-right:16px}.project-preview .add-section{display:block}.project-preview .add-section button{width:40px;height:40px;float:left;margin-top:16px;border:none;padding:0;background-image:url("../assets/materialicons/material_create_folder_offblack.svg");background-size:25px auto;background-repeat:no-repeat;background-position:center center;background-color:#C3CBD6}section{max-width:100%;padding:16px;margin:32px 16px 0}section .add-swatch{top:16px;left:16px}section .delete-section{top:16px;right:16px}section .swatch-section-header{width:auto;margin:0px 56px 16px}section .swatch-section-header input{width:100%}section .section-swatches .swatch{width:50%;padding-bottom:50%}.contrast-checker{padding-top:96px}.contrast-checker-grid{width:100%}.contrast-checker-rating{width:100%}.contrast-checker-row{background-color:#1A202C;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);display:block;width:100%}.contrast-checker-column{width:100%;float:none;margin-right:0px}.phone-accordian-swatches{background-color:transparent;border:none;font-size:18px;font-weight:700;height:40px;line-height:40px;padding:0px 16px 16px;position:relative;width:100%;text-align:left}.phone-accordian-swatches h4{color:#F7FAFC}.phone-accordian-swatches::after{content:" ";position:absolute;right:0;top:0;bottom:0;width:40px;-webkit-transform:rotate(180deg);transform:rotate(180deg);background-image:url("../assets/materialicons/material_dropdown_offwhite.svg");background-repeat:no-repeat;background-size:contain;background-position:center center}.phone-accordian-swatches.accordian-open::after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.contrast-checker-swatches{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;padding-top:0px;padding-bottom:16px;width:100%;height:auto}.contrast-checker-swatches .swatch{float:none;width:100%;padding-bottom:100%}.contrast-checker-normal-text,.contrast-checker-large-text,.contrast-checker-gui-components{width:100%;margin-bottom:24px}.contrast-checker-normal-text:last-child,.contrast-checker-large-text:last-child,.contrast-checker-gui-components:last-child{margin-bottom:24px}.sample-large-text,.sample-normal-text{min-height:48px;height:auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.sample-large-text span:first-child,.sample-normal-text span:first-child{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:16px}.compare-colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#C3CBD6}.compare-colors .phone-compare-colors-wrapper{position:relative;display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:16px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.compare-colors .phone-compare-colors-wrapper div{position:absolute;top:0;bottom:0;left:0;width:50%}.compare-colors .phone-compare-colors-wrapper div:last-child{left:auto;right:0}.compare-colors .swatch{float:none;width:100%;height:auto;-ms-flex-preferred-size:208px;flex-basis:208px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.compare-colors .swatch>input{width:208px;height:auto;margin:0px;line-height:32px;position:absolute;-webkit-transform:translateX(-100%) rotate(-90deg);transform:translateX(-100%) rotate(-90deg);-webkit-transform-origin:top right;transform-origin:top right;left:32px;padding:0px;background-color:transparent;z-index:6}.compare-colors .swatch .swatch-modifier{padding-left:100px;height:208px;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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#1A202C}.compare-colors .swatch .modifier-row>div{height:40px}.compare-colors .swatch::before{content:" ";position:absolute;top:0;bottom:0;left:0;width:16px;background-color:inherit;z-index:10}.compare-colors .swatch:last-child{margin-top:16px}}@media (max-width: 600px){.controls{padding:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.controls .header-tool{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-bottom:24px}.controls .header-tool:first-of-type{margin-right:0px}.controls .header-tool:last-of-type{margin-bottom:0px}.controls .header-toolbars{width:100%;margin-top:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.controls .hue-saturation-circle{margin-left:16px;width:250px;height:250px}.labeled-dropdown{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-bottom:24px}.labeled-dropdown:first-of-type{margin-right:0px}.dropdown{max-width:none;width:100%;height:40px}.project-preview{padding:16px;margin-bottom:32px}section .section-swatches .swatch{width:100%;padding-bottom:100%}.add-section-container .add-section{width:100%}.contrast-checker{padding-left:16px;padding-right:16px}}
/*# sourceMappingURL=main.min.css.map */