*{margin:0;padding:0;font:inherit;font-weight:inherit;font-style:inherit;text-align:inherit}img{max-width:100%;height:auto}body{padding:10px 15px 20px}html,body{font:18px /1.2em serif;background:#fff;color:#555}h1{text-align:center}h1{font:30px /1.2em serif;margin:20px 0}p{margin:1.5em 0}strong,b{font-weight:bold}i,em{font-style:italic}a{color:#04f;text-decoration:none}a:hover,a:focus{text-decoration:underline}i{color:#e70000}rt{font-size:.7em}[lang=ja],[lang~=ja]{font-family:sans-serif}[hidden]{display:none !important}code{font-family:monospace}.align{max-width:728px;margin:0 auto;position:relative}@media(max-width:500px){body{padding:5px}}.ad-at-side{display:none}@media(min-width:900px){.side-ad-layout .ad-at-side{position:absolute;top:-80px;bottom:10px;right:0;display:flex;justify-content:center;margin:0;display:block}.side-ad-layout .ad-at-side .ad{height:600px;width:300px;margin:0;position:fixed}.side-ad-layout .align{padding-right:140px}.side-ad-layout .ad-at-side,.side-ad-layout .ad-at-side .ad{width:120px}}@media(min-width:940px){.side-ad-layout .align{padding-right:180px}.side-ad-layout .ad-at-side,.side-ad-layout .ad-at-side .ad{width:160px}}@media(min-width:1100px){.side-ad-layout .align{padding-right:320px}.side-ad-layout .ad-at-side,.side-ad-layout .ad-at-side .ad{width:300px}}.color-post-header{text-align:text-align}.color-post-title>i{display:block}.color-post-title rt{text-align:center;font:13px /1.2em sans-serif}.color-post-title>i{font-size:25px;line-height:1.1em}.color-post-title .jap-name.-kanji{font:40px /1.3em serif;margin-top:5px;display:inline-block}.color-post-title .jap-name.-katakana{font:30px /1.3em serif;margin-top:0}@media(min-width:601px){.color-post-summary-div{display:flex}.color-post-summary-div>.-header{flex-basis:240px;min-width:240px}.color-post-summary-div>.-desc{flex-grow:1;margin-left:20px}}@media(min-width:501px){.color-post-nav-info-div{display:flex}.color-post-nav-info-div>.-nav{flex-basis:240px;min-width:240px}.color-post-nav-info-div>.-info{flex-grow:1;margin-left:20px}}.color-post-rgb{border:1px dotted #888;margin:5px 0}.color-post-rgb .color-code{display:block;font-size:12px;line-height:1.2em;padding:8px 10px;text-align:left}.color-post-rgb,.color-post-rgb .color-code{border-radius:4px}.color-code{font-family:monospace}.color-post-hashtags{font-size:.8em}.color-post-description{margin:15px 0 0}.color-post-description-text,.color-post-origin-note{margin:10px 0}.color-post-similar-colors,.color-post-equivalent-colors{margin:10px 0}.color-post-alt-names{margin:-10px 0 5px}.color-post .alt-info{font:16px /1.2em sans-serif;color:#666}.color-post .alt-info>dt{font-size:13px;color:#aaa;display:inline}.color-post .alt-info>dt::after{content:' '}.color-post .alt-info>dd::after{white-space:pre;content:"\A"}.color-post .alt-info>dd{display:inline}.color-post .pre-title{font-size:15px;line-height:1.2em;display:block;margin-bottom:-.2em}.paragraph-label{color:#aaa;font:12px Tahoma,sans-serif}.inline-list-sep{color:#aaa;font:12px Tahoma,sans-serif}.amazon-ad{margin-left:20px;width:120px;text-align:center}.amazon-ad>p{margin:5px 0}.amazon-ad a{font-size:13px}.amazon-ad{position:absolute;left:100%}@media(max-width:1080px){.amazon-ad{position:static;float:right}}@media(max-width:640px){.amazon-ad{float:none;width:auto;display:block;text-align:right;margin:10px 15px -20px 0}.color-post .post-info{margin-right:0}.amazon-ad>iframe{display:none}.amazon-ad a{font-size:inherit}}.color-sample{text-align:center}.color-card{outline:1px dotted #888;text-align:center;display:block}footer{margin:50px 0 20px;font:12px /1.2em sans-serif;text-align:center}.footer-nav{margin:20px 0 -30px}.list-table{width:100%}.list-table tr:nth-child(even){background:rgba(0,0,0,.03)}.list-table td,.list-table th,.list-table .cell-link,.color-td>a{padding:6px 8px}.cell-link{display:block}.color-table .title-td{padding:0}.list-table-container{overflow:auto}.color-table{border-spacing:0;margin:15px 0 30px}.color-table thead th{padding:12px 8px}.color-table .color-th{text-align:center}.color-table .title-td .cell-link:hover{background:rgba(0,68,255,0.08);text-decoration:none}@media(max-width:500px){.list-table-container{margin:0}.color-table .color-th>.-text{display:none}.color-td>a,.color-table .color-td{padding:0}.color-table .color-td{width:8px}.color-table .color-code{display:none}}.color-td{text-align:center;width:100px;position:relative}.color-td>a{color:inherit;position:absolute;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}.origin-td.-mix-origin{width:100px;padding:0}.mix-origin-cells,.mix-origin-cells>li{display:block;list-style:none}.mix-origin-cells{display:flex}.mix-origin-cells>li{text-align:center;position:relative}.mix-cell-component{color:inherit;padding:4px 5px;display:flex;justify-content:center;align-items:center}.rgb-cell{font-family:monospace}.rgb-cell.-light-text{color:#fff}.rgb-cell.-dark-text{color:#000}.rgb-cell-block{height:200px;padding:20px;text-align:center}.color-table-filter[hidden]{display:none}.color-table-filter-group{display:inline-block;font:12px /1.5em sans-serif;color:#888;margin:0 5px 5px 0}.color-filter-color-input[disabled]{display:none}.ad{margin:15px auto;max-width:728px;text-align:center}.ad-at-top>.ad{margin-top:0}.ad-at-bottom{margin:40px 0}.ad-placeholder{max-width:728px;height:90px;background:#ffeaea}@media(max-width:500px){.ad-placeholder{height:50px}}.sibling-colors-nav-table{margin:0 0 10px;display:flex}.sibling-colors-line{flex-grow:1;max-width:100%;height:240px;margin:0 auto}.sibling-colors-nav-table .rgb-cell{vertical-align:middle;text-align:center;font-family:monospace}.sibling-colors-nav-table .rgb-cell,.sibling-colors-sep{display:block;min-width:30px;height:40px;font-size:12px;padding:0}.sibling-colors-sep{display:none;width:1%;min-width:20px;background:#fff !important}.sibling-color-cell{text-align:center;font:15px /1.3em Arial sans-serif;position:relative}.sibling-color-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#000;overflow:hidden;height:0;display:inline-block;z-index:1}.sibling-color-cell::before{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px dotted #000}.sibling-color-cell:hover::before{border-style:solid}.sibling-color-cell::after{content:'x';position:absolute;display:block;bottom:0;right:4px}.sibling-color-cell:hover .sibling-color-label{height:auto;overflow:visible;padding:5px;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.3)}.sibling-color-cell .sibling-color-label>.-link-text{color:#04f}.color-link:visited,.sibling-color-cell:visited .sibling-color-label>.-link-text{color:#e523f4}.color-related-list,.color-related-list>li{display:block;list-style:none}.spaced-panel{margin-top:20px}.panel-heading{font:12px /1.2em Arial,sans-serif;color:#888;text-align:center;margin:0;border-bottom:1px solid #ddd;margin-bottom:6px;padding-bottom:3px}.color-data-heading{margin:6px 0 4px;font:bold 15px /1.2em monospace;color:#ccc}.breadcrumbs{font:13px /1.2em Arial,sans-serif;margin:10px 0}.breadcrumbs .-sep{font:13px monospace;color:#888;position:relative;top:-1px}.jap-name{white-space:nowrap}.data-bar-container{background:#ddd;border-top:1px solid #aaa;padding:0 0 1px;width:100%}.hue-bar-container{background:-moz-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,#f00 100%);background:-webkit-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,#f00 100%);background:linear-gradient(to right,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,#f00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff0000',GradientType=1);overflow:hidden;height:6px;position:relative}.data-bar{height:6px;box-shadow:0 1px 1px rgba(0,0,0,.3)}.red-bar{background:red}.green-bar{background:#0f0}.blue-bar{background:#00f}.cyan-bar{background:#0ff}.magenta-bar{background:#f0f}.yellow-bar{background:#ff0}.black-bar{background:#000}.saturation-bar{background:#000}.luminance-bar{background:#fff}.color-bit-bar{position:relative}.color-bit-bar::after{position:absolute;display:block;content:"";top:0;right:0;left:0;bottom:0}.color-bit-bar::after{background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,1) 20%,rgba(127,127,127,0) 100%);background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,1) 20%,rgba(127,127,127,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1)}.cmyk-color-space-block .color-bit-bar::after{background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,1) 20%,rgba(127,127,127,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,1) 20%,rgba(127,127,127,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff00',GradientType=1)}.saturation-bar::after{background:-moz-linear-gradient(left,rgba(127,127,127,1) 0,rgba(127,127,127,1) 20%,rgba(127,127,127,0) 100%);background:-webkit-linear-gradient(left,rgba(127,127,127,1) 0,rgba(127,127,127,1) 20%,rgba(127,127,127,0) 100%);background:linear-gradient(to right,rgba(127,127,127,1) 0,rgba(127,127,127,1) 20%,rgba(127,127,127,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f',endColorstr='#007f7f7f',GradientType=1)}.hue-bar{background:rgba(0,0,0,.8);position:absolute}.hue-bar::after{content:''}.hue-bar.-left{left:-3px;border-right:1px solid rgba(255,255,255,.6)}.hue-bar.-right{right:-3px;border-left:1px solid rgba(255,255,255,.6)}.color-data-layout-div:not(.-tabbed){display:flex;flex-wrap:wrap}.color-data-layout-div:not(.-tabbed)>.color-space-block{margin:5px;flex:130px;flex-grow:1}.color-space-block[aria-hidden=true]{display:none}.color-space-block[aria-hidden=false]{display:block}.-tabbed>.color-space-block .s-tab-label{display:none}.color-image-download{text-align:left;display:block;margin:5px 0;padding:0 10px;font-size:.9em}.color-data-layout-div>.tab-labels{display:block;margin:10px 0 10px}.color-data-layout-div>.tab-labels,.color-data-layout-div>.tab-labels>li{list-style:none}.color-data-layout-div>.tab-labels>li{display:inline-block;cursor:pointer;padding:6px 10px;margin:0;border-bottom:2px solid #fafafa}.color-data-layout-div>.tab-labels>li:hover{text-decoration:underline}.color-data-layout-div>.tab-labels>li[aria-selected=true]{color:#000;border-bottom:2px solid #000}.hsl-color-space-block{flex-basis:220px;flex-grow:2}.color-space-label,.color-data-label{font:bold 12px /1.2em monospace;color:#aaa;margin:5px 0 3px}.color-data-value{font-size:1.2em;color:#555}.color-cards,.color-cards>li{list-style:none;margin:0;padding:0}.color-cards{margin:5px 0}.color-cards>li{display:block;padding:5px 0}@media(min-width:721){.color-cards{display:flex;flex-wrap:wrap;margin:5px -10px}.color-cards>li{display:block;padding:5px;box-sizing:border-box;float:left;flex-basis:50%}}.color-data-info-bit{margin-top:15px;font-size:13px;line-height:/1.2em;color:#888}.color-data-info-bit+.color-data-info-bit{margin-top:0}.color-data-info-bit>.-value{font-size:15px;line-height:/1.2em;color:#000}.text-section{margin:30px 0}.middle-text-body{max-width:600px;margin-left:auto;margin-right:auto}.categories-nav{margin-top:20px;text-align:center}.inline-nav-list>li{display:inline-block}.inline-nav-list>li::after{content:"|";margin-right:.2em}.inline-nav-list>li:last-child::after{content:none}.inline-nav-list>.-active>a{color:inherit;font-style:italic}.color-list-quick-links{margin:10px 0}