/*!
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/html{color:#000;background:#fff}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}body{font:13px/1.231 arial,helvetica,clean,sans-serif}button,input,select,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%}body{text-align:center}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em}#doc2{width:73.076em}#doc3{margin:auto 10px;width:auto}#doc4{width:74.923em}.yui-b{position:relative}#yui-main .yui-b{position:static}#yui-main,.yui-g .yui-u .yui-g{width:100%}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em}.yui-t1 .yui-b{float:left;width:12.30769em}.yui-t1 #yui-main .yui-b{margin-left:13.30769em}.yui-t2 .yui-b{float:left;width:13.8461em}.yui-t2 #yui-main .yui-b{margin-left:14.8461em}.yui-t3 .yui-b{float:left;width:23.0769em}.yui-t3 #yui-main .yui-b{margin-left:24.0769em}.yui-t4 .yui-b{float:right;width:13.8456em}.yui-t4 #yui-main .yui-b{margin-right:14.8456em}.yui-t5 .yui-b{float:right;width:18.4615em}.yui-t5 #yui-main .yui-b{margin-right:19.4615em}.yui-t6 .yui-b{float:right;width:23.0769em}.yui-t6 #yui-main .yui-b{margin-right:24.0769em}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0}#yui-main .yui-b{float:none;width:auto}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-g,.yui-gc .yui-u,.yui-gd .yui-u{float:left}.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gc .yui-u,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-g .yui-u,.yui-gc .yui-u,.yui-gd .yui-g,.yui-ge .yui-g,.yui-ge .yui-u,.yui-gf .yui-g,.yui-gf .yui-u{float:right}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left}.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-g .yui-u{width:49.1%}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-g,.yui-gc .yui-u,.yui-gd .yui-u{width:32%;margin-left:1.99%}.yui-gc div.first,.yui-gd .yui-u{width:66%}.yui-gd div.first{width:32%}.yui-ge div.first,.yui-gf .yui-u{width:74.2%}.yui-ge .yui-u,.yui-gf div.first{width:24%}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%}.yui-g .yui-g .yui-u{width:48.1%}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;margin-right:0}.yui-gb .yui-gc div.first{width:66%}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0}.yui-gb .yui-gd div.first{width:32%}.yui-ge .yui-g{width:24%}.yui-gf .yui-g{width:74.2%}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left}.yui-ge div.first .yui-gd .yui-u{width:65%}.yui-ge div.first .yui-gd div.first{width:32%}#bd:after,#ft:after,#hd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:"";display:block;clear:both}#bd,#ft,#hd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1}/*!     
  ColorZilla www.colorzilla.com
  Written by Alex Sirota (alex @ iosart.com)
  Copyright (c) iosart labs llc 2010, All Rights Reserved 
  Please do not use without permission.
*/html{background:url('../images/main-bg.jpg')}body{font:14px arial,helvetica,clean,sans-serif;margin:0;padding:25px 0 10px 0}#doc2{width:64.28em}#doc4{width:69.57em}#bd{border:1px solid #ddd;padding-bottom:2px}a,a:active,a:link,a:visited{color:#2f84ea;text-decoration:none}a:hover{color:#2f84ea;text-decoration:underline}.navigation-link,.navigation-link:active,.navigation-link:link,.navigation-link:visited{color:#555}ol,p,ul{margin-bottom:10px}li{margin-bottom:4px}dl,ol,ul{margin-left:2em}ol li{list-style:decimal outside}ul li{list-style:disc outside}ul li ul li{list-style:circle outside}strong,strong.highlighted{font-weight:700}.highlighted{font-weight:600}.flexbox{display:flex}.main-body-column{flex:1;background:#fff}.main-header{display:flex;margin:5px 0 15px 0}.main-header .logo{margin:0}.main-header #main-nav{padding:0;padding-left:35px;padding-top:10px}body #hd{position:relative;padding:0;text-shadow:1px 1px 0 #fff;background:#fff;border:1px solid #ddd;border-bottom:1px solid #f2f2f2;margin-bottom:-1px}body #hd div{padding:0}.logo{margin:20px auto}.logo img{width:245px;height:49px}#hd .logo-text{float:left;padding:10px;margin-top:14px}#hd h1{margin:4px 0 0 0;padding:0;font-size:257%;font-weight:700;line-height:21px}#hd h2{padding:0;margin-top:9px;font-size:129%;font-weight:400;color:#6a6a6a}#hd h1 a,#hd h1 a:active,#hd h1 a:hover,#hd h1 a:link,#hd h1 a:visited{color:#000;text-decoration:none}#hd h2 a,#hd h2 a:active,#hd h2 a:hover,#hd h2 a:link,#hd h2 a:visited{color:#6a6a6a;text-decoration:none}#hd h1 a{padding-left:12px}#hd h2 a{padding-left:15px}#ft{margin:60px auto;text-align:center;color:#666}#ft a,#ft a:active,#ft a:link,#ft a:visited{color:#666;text-decoration:none}#ft a:hover{text-decoration:underline}.homepage #ft{margin-top:100px}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}#ft #language-selector-panel{margin-bottom:20px}.pane{display:block;line-height:1.5em;margin-bottom:-1px;padding:20px 0 10px 0;background:#fff}#main-nav{clear:both;padding:0;height:25px;line-height:25px;bottom:2px;right:0;padding-bottom:20px}#main-nav ul{list-style:none;margin:0;padding:0}#main-nav ul li{margin:0;padding:0;height:25px;float:left;display:block}#main-nav li a{display:inline-block;height:25px;font-size:14px;text-decoration:none;text-transform:uppercase;margin-right:20px}#main-nav li a.active,#main-nav li a.active:hover{text-decoration:none;border-bottom:2px solid #000;color:#000}#main-nav li a:hover{color:#000;border-bottom:2px solid #000}.pane h1{font-size:171%;font-weight:700;color:#000;margin-bottom:10px}.pane h1.long{line-height:1.5em}.pane h2{font-size:150%;font-weight:700;color:#000;margin-bottom:10px}.pane h3{font-size:114%;font-weight:700;color:#2e2e2e;margin-bottom:10px;margin-top:10px}.pane div,.pane h1,.pane h2,.pane h3,.pane p,.pane ul{padding:0 20px}.pane .palette div{padding:0}.pane table{margin-left:20px}.pane .img-right{float:right;margin:5px 20px 10px 10px}body .product{text-align:center;padding:0;position:relative}.product.pane{width:50%}.product.pane.first{border-right:1px solid #ddd}.product h2{margin:20px auto 12px auto;font-weight:700;font-size:164%;color:#333}.product h3{margin:0 auto 15px auto;width:315px;font-size:114%;font-weight:400;color:#6a6a6a;min-height:4em}.product h2 a,.product h2 a:active,.product h2 a:hover,.product h2 a:link,.product h2 a:visited{color:#333;text-decoration:none}.product h3 a,.product h3 a:active,.product h3 a:hover,.product h3 a:link,.product h3 a:visited{color:#6a6a6a;text-decoration:none}.product .product-image a{display:block;width:300px;height:187px;margin:20px auto;background-size:187px 187px;background-position:center}.product:hover .product-image a{background-size:200px}.product .for-firefox{background:url('../images/icons/color.svg') no-repeat}.product .gradient-editor{background:url('../images/icons/gradient_linear.svg') no-repeat}.product:hover{background:#f8f8f8}.product .all-pane-link{position:absolute;display:block;top:0;left:0;height:265px;width:100%}body .secondary-prod{display:none}.sidepanel{border:1px solid #f2f2f2;border-width:0 0 0 1px}.sidemenu{padding:10px 0 15px 0;width:191px;border:1px solid #f2f2f2;border-width:0 0 0 1px}.sidemenu p{font-size:93%;margin-bottom:4px}.sidemenu h3{color:#000;font-size:107%;margin-bottom:2px;margin-top:15px}.sidemenu h3.first{margin-top:10px}.sidemenu .button{background-color:#1e62d0;border-radius:4px;border:1px solid #1e62d0;display:inline-block;color:#fff!important;text-decoration:none!important;font-family:Roboto,system-ui,arial,helvetica,sans-serif;font-size:93%;min-width:150px;padding:0 5px;height:35px;line-height:35px;text-align:center;margin-left:20px;margin-top:10px}.sidemenu h2{font-size:93%;padding:7px 0;text-align:center;margin-top:0;background:#eee;background:-moz-linear-gradient(top,#fff 0,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#eee));background:-webkit-linear-gradient(top,#fff 0,#eee 100%);background:-o-linear-gradient(top,#fff 0,#eee 100%);background:-ms-linear-gradient(top,#fff 0,#eee 100%);background:linear-gradient(top,#fff 0,#eee 100%)}.sidemenu h2 a{color:#000!important;text-shadow:1px 1px 0 #fff!important}.button:hover{background-color:#1d7de8}.button:active{position:relative;top:1px}.screenshot{border:1px solid #eee}.screenshot.continuous{margin-bottom:30px}.welcome .yui-gc div.first{width:60%;height:500px}.welcome .yui-gc .yui-u{width:37.5%}.welcome .sponsored{padding-top:10px}.welcome .sponsored .label{color:#666;margin-top:10px;margin-bottom:.5em;text-align:left;padding-left:10px}.welcome .sponsored.rightrail .label{text-align:center}.welcome .sponsored .what{font-size:.8em}.welcome .sponsored iframe{margin:0 auto 10px auto;display:block}.welcome .sponsored .internal h2{margin:0 auto 12px auto;font-weight:700;font-size:136%;color:#333;padding:0 10px}.welcome .sponsored .internal h3{margin:0 auto 15px auto;width:315px;font-size:114%;font-weight:400;color:#6a6a6a;padding:0 10px}.welcome .sponsored .internal h2 a{color:#333!important;text-decoration:none!important}.welcome .sponsored .internal h3 a{color:#6a6a6a!important;text-decoration:none!important}.welcome .sponsored .internal .product-image{padding:0;margin-top:35px;width:315px;margin:0 auto}.welcome .sponsored .internal .product-image a{display:block;width:300px;height:187px;margin:20px auto}.welcome .sponsored .internal .gradient-editor{background:center/300px url('../images/icons/gradient_linear.svg') no-repeat;border:1px solid #2196f3;width:249px!important;margin:0!important}.welcome .sponsored .internal .for-chrome{background:url('../images/pipette.png') no-repeat}.welcome .sponsored .internal .sidemenu{margin:42px 0 0 10px;padding:0;text-align:left;border:none}.welcome .sponsored .internal .sidemenu .button{line-height:30px;height:30px;display:inline-block;margin:0}.welcome .sponsored.survey{padding-top:20px}.welcome .sponsored .internal .survey{background:left/200px url('../images/logo-v2-SQUARE-400.png') no-repeat;width:220px!important;height:206px!important;margin:0!important}.welcome .sponsored.survey .product-image{animation:8s linear infinite hue-animation}.welcome .sponsored .internal .sidemenu{margin-top:30px}@keyframes hue-animation{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.welcome-tooltip-container{position:absolute;top:10px;right:10px;width:600px;display:inline-block}.welcome-tooltip-container .tooltip{z-index:1;padding:0 20px;background:#ffdd40;color:#333;position:absolute;top:0;right:0;border-radius:2px;font-size:16px;box-shadow:3px 3px 3px #ddd;animation:welcome-tooltip-pulse 1s ease-in-out infinite alternate}.welcome-tooltip-container .tooltip p{margin:16px 0;line-height:1.5}.welcome-tooltip-container .tooltip img{margin:0 5px}.welcome-tooltip-container .tooltip *{vertical-align:middle}.welcome-tooltip-container .tooltip .heading{font-weight:700}.welcome-tooltip-container .tooltip::after{content:" ";width:0;height:0;border-style:solid;border-width:12px 12.5px 0 12.5px;border-color:#ffdd40 transparent transparent transparent;position:absolute;top:-13%;right:25%;transform:rotate(180deg)}@keyframes welcome-tooltip-pulse{0%{transform:translateY(6px)}100%{transform:translateY(1px)}}#carbonads{margin-top:4px}#carbonads a:hover{text-decoration:none}#carbonads .carbon-img img{border:1px solid #dedede}#carbonads .carbon-text{color:#434343;font-size:12px;line-height:135%;display:block;position:relative}#carbonads .carbon-poweredby{background:#fff;font-size:10px;color:#666!important;text-decoration:none}.feedbackform label{text-align:right;width:100px;float:left;margin:0;margin-right:4px}.feedbackform input.text{position:absolute;bottom:0}.feedbackform input.text,.feedbackform textarea{width:300px;border:1px solid #ddd}.feedbackform select{width:226px}.feedbackform div.item{margin-top:8px;position:relative}.feedbackform div.item::after{content:".";display:block;height:0;clear:both;visibility:hidden}.feedbackform div.submit{margin-top:7px;margin-left:104px}.mainbutton{background-color:#1e62d0;border-radius:4px;border:1px solid #1e62d0;display:inline-block;color:#fff!important;text-decoration:none!important;font-family:Roboto,system-ui,arial,helvetica,sans-serif;font-size:93%;width:150px;height:35px;line-height:35px;text-align:center}.mainbutton:hover{background-color:#1d7de8}.mainbutton:active{position:relative;top:1px}.feedbackform div.submit input{margin-top:10px;margin-bottom:20px}.feedbackform span.required{color:red}.feedbackform div.padded-item{margin-top:1.5em}.list-item-hint{color:#606060}@media (max-width:939px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding-top:10px}#doc2{width:auto;margin:0 16px}#bd img{max-width:100%;height:auto}.welcome .yui-gc div.first{height:auto!important;min-height:500px}.welcome .sponsored .internal .product-image,.welcome .sponsored .internal h3{max-width:100%;box-sizing:border-box}#language-selector,.feedbackform input.text,.feedbackform textarea{font-size:16px}#language-selector{-webkit-appearance:none;appearance:none;padding:6px 28px 6px 10px;border:1px solid #ccc;border-radius:8px;color:#333;vertical-align:middle;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center}}@media (max-width:640px){.main-header{flex-wrap:wrap;margin:0 0 12px 0}.main-header .logo{margin:0 0 10px 0}.main-header #main-nav{width:calc(100% + 32px);margin:0 -16px;height:auto;padding:0;line-height:normal;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #ddd;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.main-header #main-nav::-webkit-scrollbar{display:none}#main-nav ul{display:flex;padding:0 4px}#main-nav ul li{float:none;flex:0 0 auto;height:auto}#main-nav li a{display:block;height:48px;line-height:48px;padding:0 14px;margin:0;white-space:nowrap;border-bottom:3px solid transparent;box-sizing:border-box;-webkit-tap-highlight-color:transparent}#main-nav li a:hover{border-bottom:3px solid transparent}#main-nav li a.active,#main-nav li a.active:hover{border-bottom:3px solid #000}#bd .flexbox{flex-direction:column}.sidemenu{width:auto;border-width:1px 0 0 0}#bd .pane .img-right{max-width:40%;margin-right:16px}.pane h1,.pane h2{line-height:1.25}.pane:has(> .img-right:first-child)::before{content:"";float:right;width:0;height:43px}#bd .pane>.img-right:first-child{clear:right}#ft .copyright,#ft .footer-links{display:block}#ft .footer-links{margin-top:6px}#ft .footer-separator{display:none}#hd h1{font-size:200%;line-height:1.2}.welcome-tooltip-container{position:static;display:block;width:auto}.welcome-tooltip-container .tooltip{position:static}.welcome-tooltip-container .tooltip::after{display:none}.pane table{display:block;overflow-x:auto;margin-right:20px}#bd .pane table img{max-width:none}.pane .permission-prompt{width:auto!important;max-width:280px;margin-left:20px!important;margin-right:20px}.homepage #bd{border:none;padding-bottom:0}.product.pane,.product.pane.first{width:auto;margin-bottom:16px;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden}.product h3{width:auto;max-width:315px;padding:0 16px}.product .product-image a{max-width:100%}.welcome .yui-gc .yui-u,.welcome .yui-gc div.first{float:none;width:auto;min-height:0}.welcome .sidepanel{height:auto!important;border-width:1px 0 0 0}.pane .feedback{padding:0}.feedbackform div.item,.feedbackform div.submit{padding:0 20px;margin-left:0}.feedbackform label{float:none;display:block;width:auto;text-align:left;margin-bottom:2px}.feedbackform input.text{position:static}.feedbackform input.text,.feedbackform textarea{width:100%;box-sizing:border-box}.feedbackform input.text,.feedbackform textarea{padding:6px}.feedbackform div.recaptcha-item{padding:0!important;display:flex;justify-content:center}.sidemenu p{margin-bottom:0}#ft .footer-links a,.pane li>a.navigation-link:only-child,.pane p>a.navigation-link:only-child,.sidemenu p>a{display:inline-block;padding:5px 0}}