.color-tool-header-wrapper{position:relative;height:calc(100vh - var(--navbar-height));min-height:400px;overflow:hidden;}.color-tool-header{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:175px;}.color-tool-section-header{text-align:center;font-size:42px;padding:75px 0 90px;}.color-tool-section-header-number{font-size:32px;font-weight:700;margin-bottom:20px;}.color-tool-section-header-image{padding-top:60px;}a.color-tool-type{display:block;height:100%;box-shadow:0 15px 25px rgba(0,0,0,0.15);position:relative;background-color:#fff;color:#000;text-align:center;text-decoration:none;padding:15px;border-radius:var(--border-radius);}a.color-tool-type:focus,a.color-tool-type:hover,a.color-tool-type.selected{box-shadow:0 15px 25px rgba(0,0,0,0.5);}a.color-tool-type:focus .color-tool-type-title,a.color-tool-type:hover .color-tool-type-title,a.color-tool-type.selected .color-tool-type-title{color:var(--color-main);}.color-tool-type-image-wrapper{height:280px;}#color-tool-palette-section{display:none;}a.color-tool-palette{box-shadow:0 0 20px rgba(0,0,0,0.25);background-color:#fff;text-align:center;height:100%;overflow:hidden;position:relative;text-decoration:none;display:block;}a.color-tool-palette:hover,a.color-tool-palette.selected{box-shadow:0 0 20px rgba(0,0,0,0.5);}.color-tool-palette-colors{background-color:#EDEDED;}.color-tool-palette-color{display:inline-block;margin:10px;}.color-tool-palette-color > div{width:50px;height:50px;margin-bottom:10px;}#color-tool-result-section{display:none;}.color-tool-result-wrapper{padding:60px 0;}.color-tool-result-header{position:relative;}.color-tool-result-color-item{margin-bottom:30px;box-shadow:0 0 10px rgba(0,0,0,0.25);font-size:22px;font-weight:700;}.color-tool-result-color-title{padding:15px 25px;}.color-tool-result-color{height:1px;width:100%;border-bottom-width:115px;border-bottom-style:solid;}.color-tool-result-color-code{font-size:18px;font-weight:normal;padding:25px;}