@font-face {font-family:"MME Condensed";src:url(/fonts/MediaAndMeCondensed-Regular.ttf);}html{scroll-behavior:smooth;min-width:660px;}.clearfix::after{ clear:both; content:""; display:table;}*{box-sizing:border-box;}body{font:100%/1.3em 'Roboto', Arial, sans-serif;padding:0 3em;margin:2em 0 0;background:#222 linear-gradient(to bottom, #222 30%, #151515 100%);color:#fff;min-width:660px;min-height:100vh;font-weight:400;position:relative;}body.validate,body.reset-password,body.legal,body.buy,body.myinvoices,body.subscription_success{background:linear-gradient(180deg, #1a1a1a 30%, rgba(30,30,30,0.3) 100%) fixed,linear-gradient(140deg, #44447F 0%, #111 43%, #334 50%, #000 66%, #2E203F 72%, #111 100%) fixed;}body.subscription_failed{background:linear-gradient(180deg, #1a1a1a 30%, rgba(30,30,30,0.3) 100%) fixed,linear-gradient(140deg, #7F4444 0%, #111 43%, #433 50%, #000 66%, #3F202E 72%, #111 100%) fixed;}body.validate,body.reset-password,body.legal,body.buy,body.myinvoices,body.subscription_success,body.subscription_failed,body.login{margin:0;padding:0.1em 3em 0;}a{color:#fff;}b{font-weight:500;}sup{opacity:0.5;}hr{color:rgba(0,0,0,0);border:0;border-bottom:solid 1px rgba(0,0,0,0.15);margin:1.5em 0 1.7em;}.a11y{display:inline-block;overflow:hidden;text-indent:-100vw;position:absolute;left:-100vw;top:0;}.center{text-align:center;}.redText{color:#ff4d4d;}canvas,img{display:inline-block;vertical-align:bottom;}.nowrap{white-space:nowrap;}.noSelect{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}h1,h2,h3,h4,h5,h6{font-family:"Quicksand";font-weight:400;}strong{font-weight:700;}h1{text-align:center;font-size:270%;margin:1.7em 0 1.0em;}#loaded h1{margin-top:-4px;}h1 span.logo:before{display:inline-block;content:" ";background:url(../images/full_logo.svg) no-repeat 100% 50%/8em;width:8em;height:2.0em;vertical-align:baseline;}h1 span.logo{text-align:right;display:inline-block;position:relative;width:8em;height:2.2em;}h1 small{position:absolute;bottom:0;right:0;display:block;opacity:0.55;font-size:40%;line-height:2.5em;font-weight:300;}h1+h2{margin:3em 0 -0.5em;text-align:center;font-style:italic;color:#bbb;}h1+h2 span{background-color:#222;display:inline-block;padding:0 1em;}.breakLine::after{content:"\a";white-space:pre;}#playground{position:relative;margin:0 -2em 0;border:solid 2px rgba(0,0,0,0.5);border-radius:2em;overflow:hidden;background:#333;z-index:2;}.intro{max-width:50em;margin:0 auto 4em;color:#b5b5b5;text-align:center;border-top:solid 1px #555;border-bottom:solid 1px #555;padding:1.6em 2em 1.6em;}.intro strong{color:#fff;}#lineColors{ background:url(../images/trans.png); max-height:1.0em; overflow:hidden; margin:0;box-shadow:0 0.5em 0.3em rgba(0,0,0,0.3); } #lineColors div{ height:2em; display:inline-block;transition:all 0.3s ease-in-out;width:0;white-space:nowrap; } .button{display:inline-block;position:relative;padding:0.5em 1em;text-decoration:none;border:0;color:#aaa;font:inherit;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;cursor:pointer;box-shadow:0 0.2em 0.4em rgba(0,0,0,0.4);}.toolsList .button{box-shadow:0 0 0 rgba(0,0,0,0);}.button:hover:not([disabled]),.button:focus{color:#fff;box-shadow:0 0.3em 0.6em rgba(0,0,0,0.6);}.button:before,.button:after{content:" ";position:absolute;min-width:0;min-height:0;width:0;height:0;display:block;border:solid 0px rgba(255,255,255,0);transition:min-width 0.3s ease-in-out, min-height 0.3s ease-in-out, border-color 0.2s ease-in-out 0.1s;}.button:hover:not([disabled])::before,.button:hover:not([disabled])::after,.button:focus::before,.button:focus::after{min-width:100%;min-height:100%;border-color:#fff;transition:min-width 0.3s ease-in-out, min-height 0.3s ease-in-out, border-color 0.2s ease-in-out;}.button:before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;}.button:after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;}nav.lang{margin:-1em;text-align:right;position:absolute;top:2em;right:2.5em;z-index:10;}nav.lang ul{margin:0;padding:0;display:inline-block;}nav.lang ul li{margin:0 0 0 0.5em;padding:0;display:inline-block;text-transform:uppercase;background:transparent;border:solid 1px #ccc;border-radius:50%;transition:background-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}nav.lang ul li:hover{background-color:#a52273;box-shadow:0 3px 8px #000;}nav.lang ul li a{display:inline-block;text-decoration:none;padding:0.7em;width:2.8em;color:#fff;text-align:center;}#testArea .testLine .displayToggle,.demoBoxPalette .boxPalette > span,#testPalette,#taContainer,#testArea .testLine .displayToggle{background:radial-gradient(circle at top, #333 0%,#151515 70%) fixed,radial-gradient(ellipse at bottom, #151515 30%,transparent 100%) fixed;}#loader{position:relative;}#loading{opacity:1;position:absolute;width:100%;transition:opacity 0.3s ease-out;transition-delay:0.5s;z-index:1;text-align:center;top:-0.05em;left:-8.2em;z-index:2;}@keyframes loadingSVG {0% {filter:drop-shadow( 0px 0px 8px rgba(213,48,149,1));transform:rotate(0deg);}50% {filter:drop-shadow( 0px 0px 8px rgba(255,255,255,1));transform:rotate(360deg);}100% {filter:drop-shadow( 0px 0px 8px rgba(213,48,149,1));transform:rotate(720deg);}}#loading svg{width:5em;height:5em;animation-name:loadingSVG;animation-duration:2s;animation-iteration-count:30;animation-timing-function:linear;}#loaded{opacity:0;position:relative;left:-150vw;transition:opacity 0.7s ease-in-out;transition-delay:0.0s;z-index:3;}#loader.ready #loading{opacity:0;}#loader.ready #loaded{opacity:1;left:0;}#colorBlind{padding-top:1em;border-bottom:solid 1px rgba(255,255,255,0.3);text-align:center;background-color:rgba(0,0,0,0.15);transition:background-color 0.5s ease-in-out;}#colorBlind .button{font-size:130%;background:rgba(0,0,0,0.5);}#colorBlind.opened{background-color:rgba(0,0,0,1);}#colorBlind.opened .button .closed,#colorBlind .button .opened{display:none;}#colorBlind.opened .button .opened{display:inline;}#colorBlind .closed .addPlus svg{max-width:1.6em;max-height:1.6em;margin:-0.3em 0;}#colorBlind .CBpals{max-height:0;overflow:hidden;margin-top:1em;transition:max-height 0.3s ease-in-out;cursor:url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 11.5L3.5 16L11 20.5L9.5 16L11 11.5Z' fill='white'/%3E%3Cpath d='M22.5 16L21 11.5L28.5 16L21 20.5L22.5 16Z' fill='white'/%3E%3Cpath d='M4.42718 16.5452C4.15437 16.3293 3.92761 16.1418 3.75293 15.9939C7.03851 13.0951 11.6993 10.4998 16 10.4998C20.3659 10.4998 24.9194 13.0471 28.2542 15.9996C24.9689 18.9011 20.3033 21.4999 16 21.4999C12.8879 21.4999 9.7344 20.0576 7.32378 18.574C6.1256 17.8366 5.1264 17.0986 4.42718 16.5452Z' stroke='black'/%3E%3Cpath d='M22.5 16C22.5 17.8271 21.7468 19.4775 20.5325 20.659C19.0197 21.1902 17.4858 21.4999 16 21.4999C14.4506 21.4999 12.8864 21.1422 11.4021 20.5945C10.2263 19.4178 9.5 17.7942 9.5 16C9.5 14.1726 10.2534 12.522 11.468 11.3405C12.9806 10.8094 14.5142 10.4998 16 10.4998C17.4937 10.4998 19.0128 10.7977 20.5033 11.3128C21.7347 12.4961 22.5 14.1583 22.5 16Z' fill='white' fill-opacity='0.5' stroke='black'/%3E%3Cpath d='M19 16C19 17.6569 17.6569 19 16 19C14.3431 19 13 17.6569 13 16C13 14.3431 14.3431 13 16 13C17.6569 13 19 14.3431 19 16Z' fill='black'/%3E%3C/svg%3E") 12 12, auto;}#colorBlind .CBpals:hover .CBpalsPnl > div:not(.Original){opacity:0.2;transition:opacity 0.2s ease-in-out;}#colorBlind .CBpals:hover .CBpalsPnl > div:hover{opacity:1;}#colorBlind.opened .CBpals{max-height:40em;margin-bottom:1em;}#colorBlind .CBpals .CBpalsPnl{overflow:auto;}#colorBlind .CBpals .CBpalsPnl > div{padding:1px 0;display:flex;justify-content:center;align-items:center;min-width:max-content;}#colorBlind .label{display:inline-flex;justify-content:center;align-items:center;width:12em;min-width:12em;position:sticky;left:0;background:#000;height:4em;}#colorBlind .CBpals .CBpalsPnl > div:nth-child(2n+1),#colorBlind .CBpals .CBpalsPnl > div:nth-child(2n+1) .label{background:#151515;}#colorBlind .label .valign span{display:block;color:#aaa;font-size:80%;line-height:1.2em;}#colorBlind .CBpal{display:inline-flex;vertical-align:middle;}#colorBlind .swatchCnt{display:inline-block;vertical-align:middle;}#colorBlind .swatch{display:inline-block;vertical-align:middle;width:4em;height:4em;border-radius:25%;}#paletteDefinition{margin:0;padding:0 0 2em;text-align:center;position:relative;background:#222 url("../images/trans.png");background-blend-mode:multiply;box-shadow:0 2px 6px inset rgba(0,0,0,0.6);border-bottom:solid 3px #444;}#paletteDefinition::after{content:" ";display:block;width:100%;height:0.8em;position:absolute;left:0;bottom:-0.8em;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);z-index:8;}#paletteDefinition .fields{display:inline;vertical-align:middle;padding-bottom:20px;margin:0 1em;}#paletteDefinition .utils{display:inline-block;vertical-align:middle;margin:0 1em;}#paletteDefinition .utils .addButton{font-size:130%;margin-top:4em;background:#444;color:#fff;}#paletteDefinition .utils .addButton.buttonDisabled{background:#222;color:#999;cursor:default;}#paletteDefinition .utils .addButton.buttonDisabled::before,#paletteDefinition .utils .addButton.buttonDisabled::after{display:none;}#paletteDefinition .utils .fltrTypeCnt{font-family:'Roboto Condensed', sans-serif;padding:16px;border-radius:8px;background:radial-gradient(circle at top, #333 0%,#151515 70%) fixed,radial-gradient(ellipse at bottom, #151515 30%,transparent 100%) fixed;box-shadow:0px 4px 12px inset #00000077;}#paletteDefinition .utils .fltrTypeCnt .fltrTypeTtl{font-size:0.8em;opacity:0.6;}#paletteDefinition .utils .fltrTypeCnt .fltrType{padding:0.2em 0;margin:0.2em 0;background:#151515;opacity:0.3;border-radius:4px;cursor:pointer;position:relative;}#paletteDefinition .utils .fltrTypeCnt .fltrType::before{content:" ";position:absolute;width:1em;height:1em;top:6px;left:4px;opacity:0.6;}#paletteDefinition.Shex .utils .fltrTypeCnt .fltrType.hex,#paletteDefinition.Shexa .utils .fltrTypeCnt .fltrType.hexa,#paletteDefinition.Srgba .utils .fltrTypeCnt .fltrType.rgba,#paletteDefinition.Shsla .utils .fltrTypeCnt .fltrType.hsla,#paletteDefinition.Shwb .utils .fltrTypeCnt .fltrType.hwb,#paletteDefinition.Scmyk .utils .fltrTypeCnt .fltrType.cmyk{opacity:1;box-shadow:0 1px 4px #000;}#paletteDefinition .fields .lineForm{font-family:'Roboto Condensed', sans-serif;overflow:hidden;padding:0.5em 0 0;max-width:0;margin:2em 0.4em 0em;display:inline-block;vertical-align:top;position:relative;background:#292929;box-shadow:0 2px 6px rgba(0,0,0,0.6);transition:max-width 0.3s ease-in-out, padding 0.3s ease-in-out, margin-left 0.2s ease-in-out,margin-right 0.2s ease-in-out;text-align:right;border-bottom:solid 4px;}#paletteDefinition .fields .lineForm::before{content:" ";position:absolute;top:2em;left:-0.4em;background:#999;width:0.4em;min-height:0em;border-radius:0.2em;transition:all 0.2s ease-in-out;}#paletteDefinition .fields .lineForm:first-child .testLcl{display:none;}#paletteDefinition .fields .lineForm:not(:first-child) .testLcl{position:absolute;top:-10px;left:10px;border:0;border-top:solid 2px #ffffff35;border-right:solid 2px #ffffff35;border-radius:0 6px 0 0;width:10px;height:10px;}#paletteDefinition .fields .lineForm .testLcl .valid{font-family:"MME Condensed";position:absolute;top:-12px;left:-32px;width:32px;font-size:2em;text-align:center;color:#ffffff;}#paletteDefinition .fields .lineForm .testLcl .valid span{color:#ffffff60;}#paletteDefinition .fields .lineForm:not(:last-child) .testLclDeco{position:absolute;top:-10px;right:10px;border:0;border-top:solid 2px #ffffff35;border-left:solid 2px #ffffff35;border-radius:6px 0 0 0;width:10px;height:10px;}.hidden .showEye,.hideEye{display:inline-block;}.showEye,.hidden .hideEye{display:none;}.showEye::before,.hideEye::before{display:inline-block;width:1.5em;height:1.0em;vertical-align:top;margin:0 0.4em 0 -0.4em;opacity:0.6;}#paletteDefinition .utils .fltrTypeCnt .fltrType::before,.buttonHideAll::before,.showEye::before{content:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.44594 14.7765L3 16C3 16 3.89689 16.8969 5.4017 17.9972L4.36874 19.7187C4.62769 19.9056 4.90238 20.0972 5.19169 20.2908L6.22203 18.5736C7.07195 19.147 8.06094 19.7417 9.15312 20.2715L8.53791 22.194C8.8367 22.3344 9.14345 22.4707 9.45755 22.6013L10.0695 20.6889C11.1176 21.1353 12.2439 21.5076 13.4208 21.7401L13.2604 23.7454C13.5867 23.8052 13.9173 23.8554 14.2516 23.8951L14.4112 21.8998C15.4557 22.0298 16.5443 22.0298 17.5888 21.8998L17.7484 23.8951C18.0827 23.8554 18.4133 23.8051 18.7396 23.7454L18.5792 21.7401C19.7561 21.5076 20.8824 21.1353 21.9305 20.6889L22.5425 22.6012C22.8566 22.4707 23.1633 22.3344 23.4621 22.194L22.8469 20.2715C23.9391 19.7417 24.9281 19.147 25.778 18.5736L26.8083 20.2908C27.0976 20.0972 27.3723 19.9056 27.6313 19.7187L26.5983 17.9971C28.1031 16.8969 29 16 29 16L27.5541 14.7765C24.4508 17.6077 20.3099 20 16 20C11.6951 20 7.52436 17.585 4.44594 14.7765Z' fill='%23FFFFFF'/%3E%3C/svg%3E");}#paletteDefinition.Shex .utils .fltrTypeCnt .fltrType.hex::before,#paletteDefinition.Shexa .utils .fltrTypeCnt .fltrType.hexa::before,#paletteDefinition.Srgba .utils .fltrTypeCnt .fltrType.rgba::before,#paletteDefinition.Shsla .utils .fltrTypeCnt .fltrType.hsla::before,#paletteDefinition.Shwb .utils .fltrTypeCnt .fltrType.hwb::before,#paletteDefinition.Scmyk .utils .fltrTypeCnt .fltrType.cmyk::before,.buttonShowAll::before,.hideEye::before{content:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 15.9998C3 15.9998 9.49789 21.9999 16 21.9999C20.6653 21.9999 25.6594 19.0837 29 15.9998C25.5936 12.8563 20.7274 9.99979 16 9.99979C11.3342 9.99979 6.3414 12.9163 3 15.9998ZM10.698 18.8436C9.75652 17.1235 9.75652 14.8763 10.698 13.1562C14.262 11.6142 17.738 11.6144 21.302 13.156C22.2434 14.8763 22.2436 17.1233 21.302 18.8436C17.738 20.3852 14.262 20.3852 10.698 18.8436ZM13 15.9998C13 14.343 14.344 12.9998 16 12.9998C17.656 12.9998 19 14.343 19 15.9998C19 17.6568 17.656 18.9998 16 18.9998C14.344 18.9998 13 17.6568 13 15.9998ZM8.13599 14.5238C7.44799 14.9594 6.75999 15.4514 6.06799 16C6.75999 16.5484 7.44799 17.0404 8.13599 17.476C7.95595 16.519 7.95602 15.4804 8.13599 14.5238ZM23.864 14.5238C24.55 14.9594 25.24 15.4514 25.932 16C25.24 16.5484 24.55 17.0404 23.864 17.4762C24.044 16.5188 24.044 15.4804 23.864 14.5238Z' fill='%23FFFFFF'/%3E%3C/svg%3E");}.buttonInvert::before{content:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.28602 3.2856L3.00001 0V8H11L7.60801 4.6088C10.11 2.9498 12.982 2.1202 16.224 2.1202C27.44 2.398 31.504 14.3654 31.45 20.1203C31.45 20.1457 31.448 20.1704 31.444 20.1943C34.1271 10.2867 26.4068 0 16 0C12.346 0 8.98002 1.2246 6.28602 3.2856ZM3.00001 15.9998C3.00001 15.9998 9.49789 21.9999 16 21.9999C20.6653 21.9999 25.6594 19.0837 29 15.9998C25.5936 12.8563 20.7275 9.9998 16 9.9998C11.3342 9.9998 6.3414 12.9163 3.00001 15.9998ZM10.698 18.8436C9.75652 17.1235 9.75653 14.8763 10.698 13.1562C14.262 11.6142 17.738 11.6144 21.302 13.156C22.2434 14.8763 22.2436 17.1233 21.302 18.8436C17.738 20.3852 14.262 20.3852 10.698 18.8436ZM13 15.9998C13 14.343 14.344 12.9998 16 12.9998C17.656 12.9998 19 14.343 19 15.9998C19 17.6568 17.656 18.9998 16 18.9998C14.344 18.9998 13 17.6568 13 15.9998ZM29 32L25.714 28.7144C23.02 30.7755 19.654 32 16 32C6.50348 32 -1.05181 23.3771 0.124001 14.005C0.880001 20.147 5.19002 29.7516 15.226 30.0001C18.64 30.0001 21.644 29.0795 24.238 27.2384L21 24L29 24V32ZM8.13599 14.5238C7.44799 14.9594 6.76 15.4514 6.068 16C6.76 16.5484 7.44799 17.0404 8.13599 17.476C7.95596 16.519 7.95603 15.4804 8.13599 14.5238ZM23.864 14.5238C24.55 14.9594 25.24 15.4514 25.932 16C25.24 16.5484 24.55 17.0404 23.864 17.4762C24.0441 16.5188 24.044 15.4804 23.864 14.5238Z' fill='%23FFFFFF'/%3E%3C/svg%3E");}#paletteDefinition .fields .lineForm.hidden{filter:brightness(0.4) contrast(83%);box-shadow:none;}#paletteDefinition .fields .lineForm.dragOver{margin-left:1.4em;margin-right:-0.6em;}#paletteDefinition .fields .lineForm.dragOver::before{top:6em;left:-1.2em;min-height:8em;}#paletteDefinition .fields .lineForm a{text-decoration:none;}@keyframes openLineForm{0% {}100% {overflow:visible;}}#paletteDefinition .fields .lineForm.opened{padding:0.5em 0.7em 0;max-width:14em;animation-name:openLineForm;animation-timing-function:ease-in-out;animation-fill-mode:forwards; animation-duration:1s;}#paletteDefinition .fields .lineForm .fullCnt{width:12.7em;}#paletteDefinition .fields .lineForm input{font-family:'MME Condensed','Roboto Condensed', sans-serif;font-size:0.9em;border:0;background:#555;color:#fff;padding:0.3em 0.5em;width:10.0em;text-align:center;text-transform:uppercase;}#paletteDefinition .fields .lineForm .hasCtC input{width:8.5em;letter-spacing:-0.4px;}#paletteDefinition .fields .lineForm .hasCtC .CtC{display:inline-block;width:1.5em;text-align:right;opacity:0.34;transition:opacity 0.2s ease-in-out;}#paletteDefinition .fields .lineForm .hasCtC .CtC:hover{opacity:1;}#paletteDefinition .fields .lineForm .hasCtC .CtC::after{content:" ";display:inline-block;width:1em;height:1em;margin:0.2em 0 -0.2em;background-repeat:no-repeat;background-position:0em 50%;background-size:1.0em;}#paletteDefinition .fields .lineForm .hex input,#paletteDefinition .fields .lineForm .hexa input{letter-spacing:1px;}#paletteDefinition .fields .lineForm input:focus{outline:solid 2px rgba(165,34,115,1);}#paletteDefinition .fields .lineForm .num{font-size:135%;font-weight:bold;text-align:center;position:absolute;color:#aaa;top:0.4em;left:0.3em;background:#000;border-radius:50% 0 0 50%;padding:0.3em;z-index:0;width:1.8em;cursor:move;}#paletteDefinition .fields .lineForm .colorPad{position:relative;display:inline-block;border:solid 2px #000;background:url(../images/trans.png);width:calc(100% - 1.8em);overflow:hidden;margin-bottom:0.2em;}#paletteDefinition .fields .lineForm .colorPad .colorBox{width:100%;height:3em;cursor:pointer;position:relative;transition:background-color 0.5s ease-in-out;}#paletteDefinition .fields .lineForm .colorPad .colorBox:after{content:"cmyk";position:absolute;bottom:0;right:-15em;font-size:70%;color:#fff;padding:0.1em 1.0em;border-radius:1em 0 0 0;background:rgba(0,0,0,0.4);transition:right 0.5s ease-in-out;}#paletteDefinition .fields .lineForm.cmykMode .colorPad .colorBox:after{right:0;}#paletteDefinition .fields .lineForm .label{margin:0 0.3em 0 0;}#paletteDefinition .fields .lineForm .hex,#paletteDefinition .fields .lineForm .hexa,#paletteDefinition .fields .lineForm .rgba,#paletteDefinition .fields .lineForm .hsla,#paletteDefinition .fields .lineForm .hwb,#paletteDefinition .fields .lineForm .cmyk{text-align:right;width:100%;margin:0 auto;padding:0;position:relative;max-height:0;overflow:hidden;transition:opacity 0.5s ease-in-out,max-height 0.3s ease-in-out;}#paletteDefinition.Shex .fields .lineForm .hex,#paletteDefinition.Shexa .fields .lineForm .hexa,#paletteDefinition.Srgba .fields .lineForm .rgba,#paletteDefinition.Shsla .fields .lineForm .hsla,#paletteDefinition.Shwb .fields .lineForm .hwb,#paletteDefinition.Scmyk .fields .lineForm .cmyk{max-height:30px;margin:3px auto 0;}#paletteDefinition .fields .lineForm .cmyk{display:none;}.cmykReady #paletteDefinition .fields .lineForm .cmyk{display:block;}#paletteDefinition .fields .lineForm.cmykMode .hex,#paletteDefinition .fields .lineForm.cmykMode .hexa,#paletteDefinition .fields .lineForm.cmykMode .rgba,#paletteDefinition .fields .lineForm.cmykMode .hsla,#paletteDefinition .fields .lineForm.cmykMode .hwb,#paletteDefinition .fields .lineForm .cmyk{opacity:0.4;}#paletteDefinition .fields .lineForm.cmykMode .cmyk{opacity:1;}#paletteDefinition .fields .lineForm .cmyk .label{margin-left:-1em;}#paletteDefinition .fields .lineForm .tools{border-top:solid 4px;}#paletteDefinition .fields .lineForm .tools,#paletteDefinition .fields .lineForm .tools > div{width:100%;padding-bottom:4px;text-align:center;}#paletteDefinition .fields .lineForm .tools{margin-top:1em;}#paletteDefinition .fields .lineForm .tools .toolsList .legend{font-size:0.5em;position:absolute;top:0;left:calc(50% - 4em);width:8em;padding-top:4em;opacity:0;transition:opacity 0.2s ease-in-out;}#paletteDefinition .fields .lineForm .tools .toolsList .legend.mouseDown{cursor:url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9.5' y='4.5' width='13' height='23' rx='6.5' fill='white' stroke='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6422 12.4853L15.9853 10.8284L14.3284 12.4853H11.5L15.9853 8L20.4706 12.4853H17.6422Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3284 19.5147L15.9853 21.1716L17.6422 19.5147L20.4706 19.5147L15.9853 24L11.5 19.5147L14.3284 19.5147Z' fill='black'/%3E%3C/svg%3E") 12 12,auto;}#paletteDefinition .fields .lineForm .tools .toolsList>div:hover .legend{opacity:1;}#paletteDefinition .fields .lineForm .tools .toolsList>div .buttonTool{font-size:2em;width:1.25em;height:1.25em;line-height:0.5em;text-align:center;margin:0.15em;color:#999; cursor:pointer; display:inline-block; padding:0.25em; text-decoration:none; border-radius:50%; font-weight:bold;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out; 
}#paletteDefinition .fields .lineForm .tools .toolsList>div .buttonTool svg{width:0.5em;height:0.5em;display:inline-block;vertical-align:middle;}#paletteDefinition .fields .lineForm .tools .toolsList>div .buttonTool:last-child{margin-left:2.5em;}#paletteDefinition .fields .lineForm .tools .toolsList .buttonTool small{font-size:75%;}#paletteDefinition .fields .lineForm .darkLight,#paletteDefinition .fields .lineForm .saturate,#paletteDefinition .fields .lineForm .hueTranspose,#paletteDefinition .fields .lineForm .opacity{background:#1A1A1A no-repeat 50% 50%/1.0em;position:relative;}#paletteDefinition .fields .lineForm .cyan,#paletteDefinition .fields .lineForm .mage,#paletteDefinition .fields .lineForm .yell,#paletteDefinition .fields .lineForm .blac{background:#161616 no-repeat 50% 50%/1.0em;}#paletteDefinition .fields .lineForm .tools .toolsList .darkLight,#paletteDefinition .fields .lineForm .tools .toolsList .saturate,#paletteDefinition .fields .lineForm .tools .toolsList .hueTranspose,#paletteDefinition .fields .lineForm .tools .toolsList .opacity,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .cyan,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .mage,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .yell,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .blac{ transform:rotateX(0deg); max-height:3em;margin-top:1px;}#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .darkLight,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .saturate,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .hueTranspose,#paletteDefinition .fields .lineForm.cmykMode .tools .toolsList .opacity,#paletteDefinition .fields .lineForm .tools .toolsList .cyan,#paletteDefinition .fields .lineForm .tools .toolsList .mage,#paletteDefinition .fields .lineForm .tools .toolsList .yell,#paletteDefinition .fields .lineForm .tools .toolsList .blac{ transform:rotateX(90deg); max-height:0; margin-top:0;}#paletteDefinition .fields .lineForm .darkLight{background-image:url(../images/contrast.svg); transition:all 0.5s ease-in-out;}#paletteDefinition .fields .lineForm .saturate{background-image:url(../images/saturation.svg); transition:all 0.5s ease-in-out 0.2s;}#paletteDefinition .fields .lineForm .hueTranspose{background-image:url(../images/hue.svg); transition:all 0.5s ease-in-out 0.4s;}#paletteDefinition .fields .lineForm .opacity{background-image:url(../images/opacity.svg); transition:all 0.5s ease-in-out 0.6s;}#paletteDefinition .fields .lineForm .cyan{background-image:url(../images/cyan.svg); transition:all 0.5s ease-in-out;}#paletteDefinition .fields .lineForm .mage{background-image:url(../images/magenta.svg); transition:all 0.5s ease-in-out 0.2s;}#paletteDefinition .fields .lineForm .yell{background-image:url(../images/yellow.svg); transition:all 0.5s ease-in-out 0.4s;}#paletteDefinition .fields .lineForm .blac{background-image:url(../images/black.svg); transition:all 0.5s ease-in-out 0.6s;}#paletteDefinition .fields .lineForm .remove{white-space:nowrap;margin:0.5em 0;}#paletteDefinition .fields .lineForm .warning{position:absolute;bottom:0.5em;left:-0.7em;overflow:hidden;color:#ffcc00;font-size:100%;width:2.0em;height:1em;display:block;text-align:center;opacity:0;transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;transform:rotate(360deg);}#paletteDefinition .fields .lineForm.warnIt .warning{transform:rotate(0deg);opacity:1;}#paletteDefinition .fields .lineForm .warning span{cursor:pointer;}#paletteDefinition .fields .lineForm .cmyk .warning{transition-delay:0.2s;}#paletteDefinition .fields .lineForm.warnIt .cmyk input,#paletteDefinition .fields .lineForm.warnIt .hex input{color:#999;}#paletteDefinition .fields .lineForm:first-child .toolsList .button.order{visibility:hidden;}.switch,.addPlus{display:inline-block;vertical-align:middle;margin:0 0.3em 0.1em -0.2em;line-height:0;}.switch svg{max-height:1.3em;max-width:1.5em;display:inline-block;vertical-align:middle;}.switch svg .secondArrow{opacity:0.5;}.addPlus svg{max-height:1em;max-width:1em;display:inline-block;vertical-align:middle;}#paletteDefinition .addButton{margin:0 auto 2em;display:block;text-align:center;}#options{margin:0;position:relative;z-index:5;padding:1em 0 0;box-shadow:0 0.2em 0.6em rgba(0,0,0,0.8);font-family:"Roboto Condensed";font-size:62.5%;}#options #expandTools h2,#options{background:radial-gradient(circle at top, #555 0%,#151515 80%) fixed,radial-gradient(ellipse at bottom, #151515 20%,transparent 100%) fixed;}#options #expandTools{display:none;}#options .splitter{display:block;margin:2.0em 0 1em;height:1.0em;background:radial-gradient(ellipse at top, rgba(0,0,0,0.3) 0%, transparent 80%);}#options .opt_line{display:flex;text-align:center;justify-content:right;margin:1.2em 1.2em;}#options label{text-align:right;font-size:1.4em;line-height:2em;color:#AAA;white-space:nowrap;}#options .opt_line{position:relative;z-index:1;}#options .actionFilt{margin-left:1.2em;width:11.2em;}#options .select{position:relative;width:100%;height:3.2em;cursor:pointer;}#options .select .optSelValue{position:relative;z-index:2;display:block;font-size:1.4em;line-height:2em;border:solid 1px #444;background:#151515;border-radius:0.5em;transition:all 0.2s ease-in-out;text-decoration:none;}#options .select > ul{position:absolute;display:block;margin:0;padding:0;z-index:1;top:1.0em;left:0;width:100%;max-height:0.2em;overflow:hidden;border:solid 1px #444;border-radius:0.8em;transition:all 0.2s ease-in-out;background:#333;}#options .select:hover > .optSelValue{color:#555;background:#222;}#options .select:hover > ul{max-height:37em;box-shadow:0 0.2em 0.4em rgba(0,0,0,0.4);}#options .select ul li{display:block;font-size:1.4em;line-height:1.0em;padding:0.93em 0;transition:all 0.2s ease-in-out;}#options .select ul li:first-child{margin-top:1.5em;}#options .select ul li:last-child{margin-bottom:0.7em;}#options .select ul li:hover{background-color:#555;}#options .buttonEye{display:inline-block;width:3.2em;height:3.2em;border:solid 1px #444;border-radius:1.6em;background:#222;box-shadow:0 0.2em 0.4em rgba(0,0,0,0.4);transition:background-color 0.2s ease-in-out;}#options .buttonEye::before{display:inline-block;width:1.6em;height:1.6em;padding-top:0.7em;}#options #opt_display .actionFilt{display:flex;justify-content:space-between;}#options .buttonEye:hover{background:#a52273;}#opt_testsentence input.sentence{position:relative;z-index:2;display:block;font-size:1.4em;line-height:2em;border:solid 1px #444;background:#151515;border-radius:0.5em;transition:all 0.2s ease-in-out;text-decoration:none;color:#fff;width:100%;padding:0 0.5em;font-family:"Roboto Condensed";}#opt_testsentence input.sentence:focus{outline:solid 2px #a52273;}#opt_testsentence input.sentence::placeholder { font-style:italic;}#options #fontSelector .actionFilt{width:16.8em;}#options #fontSelector #opt_googleFontsLink .link{width:12.0em;font-size:1.4em;text-align:center;color:#AAA;}#options #fontSelector #opt_googleFontsLink,#options #fontSelector #opt_GoogleFonts{display:none;}#options #fontSelector.showOtherFonts #opt_googleFontsLink,#options #fontSelector.showOtherFonts #opt_GoogleFonts{display:flex;}.font_Arial{font-family:'Arial', sans-serif;}.font_Georgia{font-family:'Georgia', serif;}.font_LucidaSans{font-family:'Lucida Sans', sans-serif;}.font_Tahoma{font-family:'Tahoma', sans-serif;}.font_TimesNewRoman{font-family:'Times New Roman', serif;}.font_TrebuchetMS{font-family:'Trebuchet MS', sans-serif;}.font_Verdana{font-family:'Verdana', sans-serif;}.font_Roboto{font-family:'Roboto';}.font_Google{font-family:'Google Font';}#GoogleFonts{vertical-align:bottom;}#GoogleFonts.font_Google{font-family:"Roboto";}#gFonts{position:relative;width:16.8em;}#gFonts .autoSuggest{font-family:"Roboto";text-align:left;display:block;position:relative;font-size:1.4em;height:2em;width:100%;z-index:5;}#gFonts .suggest,#gFonts input.fontName{position:absolute;top:0;left:0;width:100%;height:100%;border:solid 1px transparent;outline:0;margin:0;white-space:pre;font-family:"Roboto";font-size:1em;line-height:1.9em;padding:0 0.5em;}#gFonts .suggest{color:#777;overflow:hidden;border:solid 1px #444;background:#151515;border-radius:0.5em;}#gFonts input.fontName{color:#fff;background:transparent;border-radius:0.5em;}#gFonts input.fontName::placeholder{font-style:italic;}#gFonts .autoSugExpd{position:absolute;top:1em;left:0;width:100%;background:#333;border:solid 1px #444;border-radius:0.5em;box-shadow:0 0.2em 0.4em rgba(0,0,0,0.4);}#gFonts .autoSugExpd a{display:block;padding:0.5em 0.5em;white-space:nowrap;overflow:hidden;transition:all 0.2s ease-in-out;}#gFonts .autoSugExpd a:hover{background:#555;}#gFonts .autoSugExpd a:first-child{margin-top:1em;}#gFonts .autoSugExpd a:last-child{margin-bottom:1em;}#gFonts .select{font-family:"Roboto";text-align:left;margin-top:0.5em;}#gFonts .select .optSelValue,#gFonts .select li{padding-left:0.5em !important;}#gFonts input.fontName:focus,#options .select .optSelValue:focus,#options .buttonEye:focus{outline:solid 2px rgb(165,34,115);}#gFonts .failToLoad{overflow:hidden;background:#ffcc00;color:#000;font-size:1.2em;max-height:0;transition:max-height 0.2s ease-in-out;font-family:"Roboto",Arial, sans-serif;}#gFonts .failToLoad.cannotLoad{max-height:3em;}#taContainer{display:flex;transition:all 0.2s ease-in-out;}#taContainer #options{flex:0 0 24em;}#taCntAlign{width:calc(100% - 15em);box-shadow:0 0.2em 0.2em rgba(0, 0, 0, 0.3) inset;overflow:auto;max-height:75vh;min-height:42em;position:relative;}#taContainer #taCntAlign:not(.hasOpt){width:100%;}#testArea{margin:0 auto;width:87em;max-width:100%;padding:3em 1em 4em;}#taContainer #taCntAlign:not(.hasOpt) #testArea{width:70em;}@media screen and (max-width:870px){#taContainer.hasOpt{margin-left:-15em;}#taContainer.showOptions{margin-left:0;}#taContainer.showOptions #testArea .blockTest{max-width:100%;}#testArea{padding-top:6em;}#options #expandTools{position:absolute;right:-10em;top:2em;width:10em;display:block;overflow:hidden;cursor:pointer;}#options #expandTools h2{margin:0.2em 0.6em 0.8em 0;padding:0.8em 1em 1em;border-radius:0 1.6em 1.6em 0;box-shadow:0 0.2em 0.6em rgba(0,0,0,0.8);transition:padding-left ease-in-out 0.3s;}.showOptions #options #expandTools h2{padding-left:2em;}#options #expandTools h2::after{position:absolute;top:1.15em;left:4.1em;line-height:1.2em;content:"◢";transform:rotate(-45deg);transition:all ease-in-out 0.3s;}#options #expandTools:hover h2::after{transform:rotate(315deg);}.showOptions #options #expandTools h2::after{right:auto;left:0.8em;transform:rotate(-225deg);}.showOptions #options #expandTools:hover h2::after{transform:rotate(-585deg);}}#testArea a{text-decoration:none;}#testArea a:hover{text-decoration:underline;}#testArea .testLine{margin:0 0 4px;max-width:70em;position:relative;transition:opacity 0.3s ease-in-out;}#testArea .testLine.hidden{opacity:0.8;}#testArea .testLine .displayToggle{position:absolute;top:0.12em;left:0.12em;width:1.37em;height:1.37em;border-radius:0.69em;text-align:center;box-shadow:0 0.3em 0.6em rgba(0, 0, 0, 0.8) inset;}#testArea .testLine .colorDemoHidden .displayToggle{box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.4) inset;}#testArea .testLine .displayToggle span::before{margin:0.2em !important;width:1em !important;height:1em !important;opacity:1 !important;}#testArea .testLine .testContainer{position:relative;background:#222222;overflow:hidden;box-shadow:0 0.3em 0.6em rgba(0, 0, 0, 0.8);border-radius:0.81em;z-index:1;max-width:100%;max-height:18em;transition:max-width 0.3s ease-in-out,max-height 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}#testArea .testLine.hidden .testContainer{max-width:5em;max-height:1.63em;box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.4);transition-delay:0.2s;}#testArea .blockTest{display:inline-block;vertical-align:top;width:100%;max-width:calc(100% - 16em);position:relative;z-index:2;border-radius:0.87em;background:url(../images/trans.png);transition:max-width 0.2s ease-in-out;transition-delay:0s;}#testArea .hidden .blockTest{max-width:100%;transition-delay:0.2s;}#testArea .testLine .colorDemo{border-radius:0.81em;padding:0.5em 2em 1.7em;min-height:11em;box-shadow:0 0.2em 0.3em rgba(0,0,0,1);}#testArea .testLine .colorMix{font-family:"Roboto";font-size:1.12em;white-space:nowrap;line-height:1.1em;text-align:right;margin-right:0px;margin-top:3px;transition:margin-top 0.2s ease-in-out,margin-right 0.2s ease-in-out;transition-delay:0s;}#testArea .testLine.hidden .colorMix{margin-right:-0.28em;margin-top:-0.28em;transition-delay:0.3s;}#testArea .testLine .colorMix small{font-size:0.6em;}#testArea .blockTest .fontLarge{margin-top:0.5em;line-height:1.1em;hyphens:auto;}#testArea .blockTest .fontSmall{margin-top:1.0em;line-height:1.3em;hyphens:auto;}#testArea.fontsize_19-12 .blockTest .fontLarge{font-size:19px;}#testArea.fontsize_19-12 .blockTest .fontSmall{font-size:12px;}#testArea.fontsize_24-14 .blockTest .fontLarge{font-size:24px;}#testArea.fontsize_24-14 .blockTest .fontSmall{font-size:14px;}#testArea.fontsize_28-16 .blockTest .fontLarge{font-size:28px;}#testArea.fontsize_28-16 .blockTest .fontSmall{font-size:16px;}#testArea.fontsize_35-22 .blockTest .fontLarge{font-size:35px;}#testArea.fontsize_35-22 .blockTest .fontSmall{font-size:22px;}#testArea .blockTest .hexMix{font-size:1em;text-align:right;margin-top:1em;font-family:"MME Condensed";}#testArea .blockTest .fontLarge,#testArea .blockTest .fontSmall,#testArea .blockTest .hexMix{opacity:1;transition:opacity 0.2s ease-in-out;transition-delay:0.3s;}#testArea .hidden .blockTest .fontLarge,#testArea .hidden .blockTest .fontSmall,#testArea .hidden .blockTest .hexMix{opacity:0;transition-delay:0s;}#testArea .blockTest.lowcontrast{filter:contrast(7%) brightness(150%);}#testArea .blockTest .pooreyes{filter:blur(0.16rem);}#testArea .blockTest .astigmatism{filter:blur(1.5px);transform:rotate(-62deg) scale(2,0.1);}#testArea .blockTest .astigmatism>span{display:block;transform:scale(calc(1/2),10) rotate(62deg);}#testArea .blockTest .irlenHalo{animation-name:irlenHalo;animation-duration:4s;animation-iteration-count:infinite;}@keyframes irlenHalo{0% {text-shadow:3px -3px 0px;}50% {text-shadow:2px -2px 1px;}100% {text-shadow:3px -3px 0px;}}#testArea .blockTest .irlenShaky{animation-name:irlenShaky;animation-duration:2s;animation-iteration-count:infinite;}@keyframes irlenShaky{0% {transform:translate(0px, 0px);}4% {transform:translate(1px, -1px);}8% {transform:translate(-1px, 1px);}12% {transform:translate(2px, -2px);}14% {transform:translate(-2px, 2px);}16% {transform:translate(1px, -1px);}18% {transform:translate(-1px, 1px);}20% {transform:translate(0px, 0px);}22% {transform:translate(3px, 0px);}24% {transform:translate(-3px, 0px);}26% {transform:translate(4px, 0px);}28% {transform:translate(-4px, 0px);}30% {transform:translate(0px, 0px);}32% {transform:translate(1px, 1px);}36% {transform:translate(-1px, -1px);}40% {transform:translate(2px, 2px);}44% {transform:translate(-2px, -2px);}48% {transform:translate(-1px, -4px);}52% {transform:translate(1px, 1px);}60% {transform:translate(1px, -1px);}62% {transform:translate(-1px, 1px);}64% {transform:translate(2px, -2px);}66% {transform:translate(-2px, 2px);}68% {transform:translate(1px, -1px);}70% {transform:translate(-1px, 1px);}80% {transform:translate(0px, 0px);}84% {transform:translate(-3px, 3px);}88% {transform:translate(3px, 0px);}92% {transform:translate(1px, -3px);}96% {transform:translate(-4px, -4px);}100% {transform:translate(0px, 0px);}}#testArea .blockSpecs{display:inline-block;position:absolute;z-index:1;font-family:"Roboto Condensed";top:0.5em;right:1.5em;}#testArea .blockSpecs .wcag a{display:inline-block;text-align:center;width:1.2em;}#testArea .blockSpecs .wResults{text-align:right;display:block;margin-bottom:0.5em;}#testArea .blockSpecs .wResults > div{text-align:right;display:block;width:13em;margin-top:0.2em;}#testArea .blockSpecs .wResults .success{display:none;}#testArea .blockSpecs .wResults .failed{padding:0.5em 0 1em;}#testArea .blockSpecs .wResults .failed span,#testArea .blockSpecs .wResults .testW{display:inline-block;padding-left:1.5em;padding-bottom:0.3em;height:1.0em;background:no-repeat 0.6em 100%;background-size:0.8em;color:#ff6161;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8272 0.404839C11.0671 2.21033 9.53133 3.24708 7.62459 5.89775C7.39405 6.21801 7.16643 6.54312 6.93831 6.87113C5.5338 5.2248 4.25425 3.94954 3.13354 2.04826C2.34217 0.705271 0.248484 1.43821 1.04276 2.78507C2.34169 4.98871 3.85226 7.009 5.51104 8.89771C4.10169 10.8338 2.54171 12.6504 0.387482 13.7641C-0.999594 14.4811 1.67818 16.5686 3.06235 15.8526C5.39868 14.6451 5.67328 12.7917 7.226 10.7472C9.04944 12.6117 9.56378 13.8623 11.6449 15.4869C12.86 16.4361 16.0395 15.2203 14.8099 14.2605C12.6227 12.5527 10.5552 10.7356 8.6615 8.76176C10.6641 5.90404 12.6004 2.9602 15.5334 1.0415C16.8343 0.19149 15.1378 -0.45243 13.8272 0.404839L13.8272 0.404839Z' fill='%23ff6161' stroke='none'/%3E%3C/svg%3E");}#testArea .WCAG-A .wResults .success,#testArea .WCAG-AA .wResults .success,#testArea .WCAG-AAA .wResults .success{display:block;}#testArea .WCAG-A .wResults .failed,#testArea .WCAG-AA .wResults .failed,#testArea .WCAG-AAA .wResults .failed{display:none;}#testArea .WCAG-A .wResults .testW.WCAG-A,#testArea .WCAG-AA .wResults .testW.WCAG-A,#testArea .WCAG-AAA .wResults .testW.WCAG-A,#testArea .WCAG-AA .wResults .testW.WCAG-AA,#testArea .WCAG-AAA .wResults .testW.WCAG-AA,#testArea .WCAG-AAA .wResults .testW.WCAG-AAA{color:#fff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1529 0.519362C9.51788 3.37749 6.99414 5.5478 5.69921 9.96737C4.81331 7.85616 4.44556 7.52743 3.01161 5.5818C2.23355 4.526 0.405734 5.53565 1.19306 6.6032C3.37389 9.56213 4.17132 11.6717 4.87819 15.2678C5.11619 16.4791 6.82775 16.0451 6.94696 14.999C7.25091 12.3202 8.13662 9.51232 9.52095 6.95299C10.815 4.5605 12.5448 2.38521 14.6424 0.735542C15.6939 -0.0911264 14.1942 -0.30002 13.1529 0.519362L13.1529 0.519362Z' fill='%2330AB57' stroke='none'/%3E%3C/svg%3E");opacity:1;}#testArea .blockSpecs .contrast{display:flex;justify-content:space-between;margin:0.5em 0;}#testArea .blockSpecs .contrast b{font-size:115%;}#testArea .testTools{font-size:85%;margin-top:1.1em;display:flex;justify-content:space-between;}#testArea .testTools .copyTool{display:inline-block;padding:0;}#testArea .testTools .copyTool a{display:inline-block;padding:0 0 0 1.3em;background:no-repeat 0em 0.35em;background-size:1.0em;opacity:0.5;transition:opacity 0.2s ease-in-out;}#downloadList .ctcLink::before{content:" ";display:inline-block;width:1.4em;height:1em;margin:0.2em 0 -0.2em;background:no-repeat 0em 50%;background-size:1.0em;}#paletteDefinition .fields .lineForm .hasCtC .CtC::after,#downloadList .ctcLink::before,#testArea .testTools .copyTool a{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H13.001C13.553 0 14.024 0.194999 14.415 0.585999C14.805 0.975999 15 1.44699 15 1.99899V11.001C15 11.553 14.805 12.024 14.415 12.414C14.024 12.805 13.553 13 13.001 13H7C6.448 13 5.976 12.805 5.586 12.414C5.195 12.024 5 11.553 5 11.001V1.99899C5 1.44699 5.195 0.975999 5.586 0.585999C5.976 0.194999 6.448 0 7 0ZM6.25 1.25C6.084 1.416 6 1.66599 6 1.99899V11.001C6 11.667 6.333 12 7 12H13.001C13.667 12 14 11.667 14 11.001V1.99899C14 1.66599 13.917 1.416 13.75 1.25C13.584 1.083 13.334 1 13.001 1H7C6.667 1 6.417 1.083 6.25 1.25ZM3 16C2.448 16 1.976 15.805 1.586 15.414C1.195 15.024 1 14.553 1 14.001V4.99899C1 4.44699 1.195 3.976 1.586 3.586C1.976 3.195 2.448 3 3 3H4V4H3C2.333 4 2 4.333 2 5V14.001C2 14.334 2.084 14.584 2.25 14.75C2.417 14.917 2.667 15 3 15H9.00098C9.66698 15 10 14.667 10 14.001V14H11V14.001C11 14.553 10.805 15.024 10.415 15.414C10.024 15.805 9.55298 16 9.00098 16H3Z' fill='%23ffffff'/%3E%3C/svg%3E");}#testArea .testTools .copyTool a:hover{opacity:1;}#testArea .splitter{display:block;margin:3em 0 2em;height:1.5em;background:radial-gradient(ellipse at top, #151515 0%, transparent 50%);border-top:solid 1px;border-image-slice:1;border-image-source:linear-gradient(to right,transparent 25%,#555 50%,transparent 75%);}.demoBoxPalette{margin:0 -2em;font-size:150%;text-align:center;padding:0.5em 0;}.demoBoxPalette:empty{display:none;}.demoBoxPalette .boxPaletteTrans,.demoBoxPalette .boxPalette{border-radius:65% 40%;}.demoBoxPalette .boxPaletteTrans{margin:0.4em 0.5em;display:inline-block;background:url("../images/trans.png");position:relative;}.demoBoxPalette .boxPalette{display:inline-block;text-align:center;padding:1.5em 0.7em 1.8em;min-width:5em;max-width:10em;white-space:normal;border-top:solid 1px hsla(0,0%,100%,0.2);border-bottom:solid 3px rgba(0,0,0,0.7);margin:-0.05em; 
}.demoBoxPalette .boxPalette .boxRot{transform:rotate(15deg);}.demoBoxPalette .boxPalette .boxRot div{position:relative;display:inline-block;border-radius:40% 65%;text-align:center;padding:0.5em 0.5em 0.5em;margin:0.2em;width:2em;}.demoBoxPalette .boxPalette > span{position:absolute;bottom:-0.2em;left:20%;color:#ccc;font-size:1.2em;border-radius:40% 65%;display:inline-block;padding:0.4em 0.5em 0.4em 0.5em;border-top:solid 3px rgba(0,0,0,0.7);}.demoBoxPalette .boxPalette span{opacity:0;transition:opacity 0.3s ease-in-out;}.demoBoxPalette .boxPalette:hover span{opacity:1;}.demoBoxPalette .boxPalette .boxRot span{display:inline-block;transform:rotate(-15deg);}.demoBoxPalette .boxPalette .boxRot div div.wcag{position:absolute;border-radius:50%;bottom:-20%;left:-22%;font-size:1.1em;width:auto;min-width:1em;text-align:center;padding:0;line-height:0.9em;border:solid 1.5px;font-family:"MME Condensed"; transform:rotate(-15deg);}.demoBoxPalette .boxPalette .boxRot div div.wcag.CR{font-size:0.5em;padding:0.4em;border:0;min-width:1.5em;}#paletteName{text-align:left;padding:0;background:#000;}#paletteName input{padding:0.4em 0.75em;border:none;background:transparent;width:100%;font-family:"Quicksand";font-weight:300;font-size:2em;color:#fff;text-align:center;transition:background-color 0.2s ease-in-out;}#paletteName input::placeholder{color:rgba(160,160,160,1);font-style:italic;}#paletteName input:focus{background-color:rgba(165,34,115,1);outline:none;}#paletteName input:focus::placeholder{color:rgba(165,34,115,1);}#testPalette{border-bottom:solid 1px rgba(255,255,255,0.6);padding:0 2em 2em;margin:0;}#switchTPmode{margin-top:-2em;text-align:right;height:2em;padding:0 1em;font-family:"Roboto Condensed";}.switcher{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}.switcher>div{display:inline-block;white-space:nowrap;font-size:80%;transition:opacity 0.2s ease-in-out;cursor:pointer;padding:0 1em;}.switcher>div.lbl1{text-align:right;opacity:0.4;}.switcher>div.lbl2{text-align:left;opacity:0.4;}.switcher.val1>div.lbl1,.switcher.val2>div.lbl2{opacity:1;}.switcher .cursor{width:2.0em;height:0.9em;margin:0;padding:0;background-color:#555;border-radius:3em;position:relative;}.switcher .cursor span{background-color:#888;border-radius:50%;width:1.5em;height:1.5em;display:inline-block;position:absolute;top:-0.35em;transition:left 0.2s ease-in-out;border:solid 1px #aaa;box-shadow:0 0.3em 0.6em rgba(0,0,0,0.5);}.switcher.val1 .cursor span{left:-0.5em;}.switcher.val2 .cursor span{left:1.25em;}#leftTools{position:absolute;top:0;left:0;margin-left:-3em;z-index:500;text-align:left;}#leftTools > div{margin-top:2em;}#help{display:inline-block;border-radius:0 6em 6em 0;box-shadow:0 0.4em 0.8em rgba(0,0,0,0.8);border:solid 2px #777;border-left:0;margin-bottom:0;background:linear-gradient(165deg,rgb(230,230,230) 0%,rgb(255,255,255) 28%,rgb(220,220,220) 29%) fixed;color:#000;}#help p a{display:inline-block;text-decoration:none;color:#444;padding:0.2em 0.5em;margin:0.3em 0;}#help p a:hover{color:rgba(255,255,255,1);background:#000;}#help .helpBg{padding:1em;border-radius:0 6em 6em 0;background-color:rgba(0,0,0,1);transition:background-color 0.3s ease-in-out;display:flex;align-items:center;}#help:hover .helpBg{background-color:rgba(0,0,0,0);}#help .label{display:inline-block;vertical-align:middle;}#help .label svg{width:2.0em;height:2.0em;display:inline-block;margin-left:0.5em;vertical-align:middle;}#help .label path,#help .label polygon,#help .label circle{fill:#fff;transition:fill 0.3s ease-in-out;}#help:hover .label path,#help:hover .label polygon,#help:hover .label circle{fill:#555;}#help:hover .label path.highlight,#help:hover .label polygon.highlight,#help:hover .label circle.highlight{fill:#cb3a93;}#help .label span{display:none;vertical-align:middle;}@media screen and (min-width:1040px){#help .label span{display:inline-block;color:#fff;text-align:center;max-width:8em;overflow:hidden;transition:max-width 0.3s ease-in-out;}#help:hover .label span{max-width:0em;}}#help .links{vertical-align:middle;max-width:0;max-height:0;overflow:hidden;display:inline-block;transition:max-width 0.3s ease-out, max-height 0.3s ease-out, margin-left 0.3s ease-out;color:rgba(0,0,0,0.65);}#help .links h2{text-align:left;margin:0;padding:0.5em 1em 0;font-size:1.3em;}#help:hover .links{max-width:45em;margin-left:0em;max-height:70vh;}#help .links>p{width:45em;max-width:80vw;padding:0.5em 1.5em 1em;}#help .links ul{display:none;margin:0;padding:0 0 2em;max-height:calc(70vh - 15em);width:45em;max-width:80vw;overflow:auto;font-family:'Roboto Condensed', sans-serif;text-align:center;}#help:hover .links ul{display:block;}#help .links ul li{display:inline-block;width:190px;margin:0.8em;padding:0;perspective:800px;}#help .links ul li a{text-decoration:none;display:inline-block;width:190px;color:#222;background:transparent;transition:background-color 0.2s ease-out,transform 0.2s ease-out,color 0.2s ease-out,box-shadow 0.2s ease-out;transform:translateZ(0);position:relative;border-radius:0 0 2em 0;overflow:hidden;}#help .links ul li a:visited::after{position:absolute;top:-4px;right:-4px;content:" ";width:2em;height:2em;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1529 0.519362C9.51788 3.37749 6.99414 5.5478 5.69921 9.96737C4.81331 7.85616 4.44556 7.52743 3.01161 5.5818C2.23355 4.526 0.405734 5.53565 1.19306 6.6032C3.37389 9.56213 4.17132 11.6717 4.87819 15.2678C5.11619 16.4791 6.82775 16.0451 6.94696 14.999C7.25091 12.3202 8.13662 9.51232 9.52095 6.95299C10.815 4.5605 12.5448 2.38521 14.6424 0.735542C15.6939 -0.0911264 14.1942 -0.30002 13.1529 0.519362L13.1529 0.519362Z' fill='%2330AB57' stroke='none'/%3E%3C/svg%3E");background-size:contain;}#help .links ul li a:hover{background:#000;color:#fff;box-shadow:0 0 12px rgba(0,0,0,0.7);transform:translateZ(50px);}#help .links ul li img{max-width:190px;display:block;filter:contrast(150%);transition:filter 0s ease-out;border-radius:0.5em 0 2em 0;}#help .links ul li:hover img{filter:contrast(150%) hue-rotate(360deg);transition:filter 0.7s ease-out;}#help .links ul li .thumbLbl{max-width:190px;display:inline-block;text-align:center;padding:0.3em;}
#tools{position:sticky;height:0;top:0;margin-right:-3em;z-index:500;text-align:right;}#tools > div{display:none;margin-top:2em;}#downloadBox,#shareBox{display:inline-block;border-radius:6em 0 0 6em;box-shadow:0 0.4em 0.8em rgba(0,0,0,0.8);border:solid 2px #777;border-right:0;margin-bottom:0;}#downloadBox{background:linear-gradient(165deg,rgb(230,230,230) 20%,rgb(255,255,255) 48%,rgb(220,220,220) 49%) fixed;color:#000;}#shareBox{background:linear-gradient(165deg,rgb(15,15,15) 20%,rgb(40,40,40) 48%,rgb(15,15,15) 49%) fixed;color:#fff;}#downloadBox .downloadBoxBg,#shareBox .shareBoxBg{padding:1em;border-radius:6em 0 0 6em;background-color:rgba(0,0,0,1);transition:background-color 0.3s ease-in-out;}#shareBox:hover .shareBoxBg,#downloadBox:hover .downloadBoxBg{background-color:rgba(0,0,0,0);}#downloadBox .label,#shareBox .label{display:inline-block;vertical-align:middle;}#downloadBox .label svg,#shareBox .label svg{width:2.0em;height:2.0em;display:inline-block;margin-right:0.5em;vertical-align:middle;}#downloadBox .label path,#shareBox .label path,#shareBox .label polygon,#shareBox .label circle{fill:#fff;transition:fill 0.3s ease-in-out;}#downloadBox:hover .label path{fill:#555;}#downloadBox:hover .label path.highlight,#shareBox:hover .label path.highlight,#shareBox:hover .label polygon.highlight,#shareBox:hover .label circle.highlight{fill:#cb3a93;}#downloadBox .label span,#shareBox .label span{display:none;vertical-align:middle;}@media screen and (min-width:1040px){#downloadBox .label span,#shareBox .label span{display:inline-block;color:#fff;text-align:center;max-width:8em;overflow:hidden;transition:max-width 0.3s ease-in-out;}#downloadBox:hover .label span,#shareBox:hover .label span{max-width:0em;}}#downloadBox .links,#shareBox .share{white-space:nowrap;vertical-align:middle;max-width:0;max-height:0;overflow:hidden;display:inline-block;text-align:center;transition:max-width 0.5s ease-out, max-height 0.5s ease-out, margin-left 0.3s ease-out;}#downloadBox .links h2{margin:0;padding:0.5em 0 1em;font-size:1.3em;color:rgba(0,0,0,0.65);border-bottom:solid 1px rgba(165,34,115,0.2);}#shareBox .share h2{text-align:left;margin:0;padding:0.5em 1em 1em;font-size:1.3em;color:#fff;}#downloadBox:hover .links,#shareBox:hover .share{max-width:50em;max-height:60vh;margin-left:0em;}#shareBox .header{position:relative;}#shareBox .header .tools{position:absolute;top:0.5em;right:0;}#shareBox .header .tools .del{color:#747474;cursor:pointer;transition:color 0.2s ease-in-out;}#shareBox .canDelete .header .tools .del{color:#a52273;}#shareBox .header .tools .del svg{width:1.5em;height:1.5em;}#shareBox .storedPalettes{font-family:"Roboto Condensed";display:block;overflow-y:auto;overflow-x:hidden;max-height:calc(60vh - 7.5em);width:100vw;max-width:300px;border-top:solid 1px rgba(0,0,0,0.1);border-bottom:solid 1px rgba(0,0,0,0.1);}#shareBox .share .storedPalettes .link{background:url("../images/trans.png");padding:0;border-radius:0.3em;box-shadow:0 0 0 1px rgba(255,255,255,0.4),0 2px 4px 1px rgba(0,0,0,0.8);margin:0.5em 12px 1.4em;}#shareBox .share .storedPalettes .link .pbg{position:relative;white-space:nowrap;padding:0;border-radius:0.28em;}#shareBox .share .storedPalettes .link.curPal{box-shadow:0 0 0 5px rgba(0,0,0,1),0 0 0 6px rgba(255,255,255,1),0 3px 12px 6px rgba(0,0,0,1);}#shareBox .share .link a{font-size:85%;display:block;text-align:center;padding:1em 0 0 0;color:rgba(0,0,0,0.75);text-decoration:none;text-shadow:0 1px 1px #fff;}#shareBox .share .link .pbg > span:not(.del){color:#000;font-size:0.85em;position:relative;display:inline-block;padding:0.2em 0.6em;background:rgba(255,255,255,0.75);border-radius:0.3em 0.3em 0.1em 0.1em;box-shadow:0 -2px 2px rgba(0,0,0,0.1);bottom:-0.4em;-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}#shareBox .share .storedPalettes .link a span{position:relative;display:inline-block;padding:0.2em 0.6em;background:rgba(255,255,255,0.75);border-radius:0.3em 0.3em 0.1em 0.1em;box-shadow:0 -2px 2px rgba(0,0,0,0.1);bottom:-0.4em;-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}#shareBox .share .storedPalettes .link.curPal a span{font-weight:700;}#shareBox .share .link:not(.curPal) a:hover span{text-decoration:underline;}#shareBox .share .link .pbg > span:empty,#shareBox .share .storedPalettes .link a span:empty{visibility:hidden;}#shareBox .share .link .del{position:absolute;top:0.3em;right:-5em;background-color:rgba(255,255,255,1);color:rgba(0,0,0,0.65);border-radius:50%;width:2.0em;height:2.0em;line-height:1.7em;text-align:center;cursor:pointer;opacity:0.7;transition:right 0.2s ease-in-out,background-color 0.2s ease-in-out,opacity 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}#shareBox .share.canDelete .link .del{right:0.3em;}#shareBox .share.canDelete .link .del:hover{opacity:1;box-shadow:0 3px 6px rgba(0, 0, 0, 0.7);}#shareBox .share .link .del svg{height:1.0em;width:1.0em;vertical-align:middle;}#shareBox .share .button{margin:1em 0;background:#222;}#downloadBox .links ul{margin:0;padding:0;background:#555; border-radius:0.3em; margin:0.3em 0; padding:0.3em;transition:background-color 0.2s ease-in-out;}#downloadBox .links ul:hover{background:#a52273;}#downloadBox .links ul li{margin:0;padding:0;display:block;text-align:right;}#downloadBox .links span{color:#fff;}#downloadBox .links a{text-decoration:none;background:rgba(0, 0, 0, 0.2);border-radius:0.2em;padding:0.6em;display:block;margin:0.2em 0;cursor:pointer;transition:background-color 0.2s ease-in-out;}#downloadBox .links .list a,#downloadBox .links .list span{display:inline-block;margin-left:0.3em;}#downloadBox .links small{opacity:0.5;}#downloadBox .links a:hover{background:#333;}aside{margin:0 0 1em;text-align:center;}footer{margin:0 -3em 0;color:#707070;}footer .footerBottom{margin-top:8em;background:#fff url(../images/trans.png);border-top:solid 2px #aaa;}footer .footerBottom>.bg{border-top:solid 8px #444;padding:0 3em 0;background:linear-gradient(to bottom, rgba(150,150,150,0.7) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 50%);}.container{margin:0 auto;max-width:70em;}.container.footerNote{margin:3em auto 0;color:#aaa;padding:0 2em;}footer h2{color:#444;}footer a[href*="mai"],footer a[href*="http"]{display:inline-block;text-decoration:none;color:#444;padding:0.2em 0.5em;margin:0.3em 0;}footer a[href*="mai"]:hover,footer a[href*="http"]:hover{color:rgba(255,255,255,1);background:#000;}footer svg{height:1.0em;width:4em;margin-bottom:0.25em;vertical-align:middle;}footer ul{margin:0 0 3em;padding:0;display:block;}footer li{display:block;border-top:solid 1px #dddddd;}.interact{text-align:center;display:inline-block;background:linear-gradient(to bottom, #444444 0%, #222 100%);color:#fff;white-space:nowrap;box-shadow:0 5px 5px rgba(0,0,0,0.5);border-radius:0 0 1em 1em;width:100%;}footer .interact a[href*="http"]{color:#fff;}.interact ul{padding:0 0 1em;display:block;margin:0;}.interact ul li{display:block;padding:1em;border-top:0;border-bottom:solid 1px #333;}.interact .donate form{display:inline-block;vertical-align:middle;}.interact .donate form input{height:2.5em;}footer .followUs a[href*="http"]{padding:0.5em 0 0.3em;}footer .followUs a[href*="http"] svg{height:1.5em;width:3em;}footer .aboutMe,footer .references{float:left;min-width:100%;background:#fff;border-radius:1em;margin-top:1em;padding:0 2em;}footer .copyright{text-align:right;font-size:75%;}footer .copyright a{color:#000;padding:0.3em 0.5em;}footer .copyright a:hover{color:#fff;background:#000;}#social{margin-top:2em;}#social .container #adsense,#social .container #facebook,#social .container #twitter,#social .container #flickrFeed{margin-bottom:3em;background:#222;border-radius:0.5em;text-align:center;padding:1em;overflow:hidden;}#social h3{color:#ccc;border-bottom:solid 2px #777;padding:0 0 1em;}#social .container #flickrFeed .feed{overflow:auto;max-height:80vh;}#social .container #flickrFeed .flickrImage{display:block;width:100%;height:30vh;margin-bottom:20px;background:no-repeat 50% 50%;background-size:cover;box-shadow:0 3px 6px rgba(0,0,0,0.30);position:relative;}#social .container #flickrFeed .flickrImage a{position:absolute;background:#fff;color:#333;text-decoration:none;top:4px;padding:4px 12px;display:none;font-size:14px;margin:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.3);}#social .container #flickrFeed .flickrImage span{position:absolute;background:rgba(0,0,0,0.9);color:#ccc;bottom:4px;right:4px;padding:2px 8px;display:inline-block;font-size:14px;}#social .container #flickrFeed:hover .flickrImage{opacity:0.5;transition:opacity 0.2s ease-in-out;}#social .container #flickrFeed:hover .flickrImage:hover{opacity:1;}#social .container #flickrFeed:hover .flickrImage:hover a{display:inline-block;}#social .container #flickrFeed:hover .flickrImage:hover a.flickrLnk{left:4px;}#social .container #flickrFeed:hover .flickrImage:hover a.paletteLnk{right:4px;}#StartFromPic{text-align:center;margin:1em -1.4em -2em;position:relative;z-index:0;}#StartFromPic .container{padding:0 0 2em;margin:1em auto;max-width:50em;}#StartFromPic .button{color:#fff;background-color:#222;}#StartFromPic #imageRef{opacity:0;position:absolute;left:-200em;}#StartFromPic #addPic{position:relative;z-index:5;font-size:130%;border:solid 2px rgba(255,255,255,0.15);}#StartFromPic #addPic .arrDwn{position:absolute;overflow:hidden;bottom:calc(1px - 1em);left:calc(50% - 1em);width:2em;height:1em;z-index:5;}#StartFromPic #addPic .arrDwn::before{content:" ";width:2em;height:2em;border:solid 2px #fff;background:#222;transform:rotate(45deg);position:absolute;top:-3em;left:-0.1em;transition:top 0.2s ease-in-out;}#StartFromPic #addPic:hover .arrDwn::before{top:-2.0em;}#StartFromPic #curPic{display:flex;justify-content:center;align-items:center;margin-top:-1em;margin-bottom:-2em;padding:2em 0;border-radius:0.5em;background:linear-gradient(214deg,#444 0%,#000 100%);border:solid 1px #ccc;transition:all 0.3s ease-in-out;}#StartFromPic.empty #curPic{display:none;padding:0 0 2em;margin-top:0;margin-bottom:0;border-color:rgba(165,34,115,0);}#StartFromPic #curPic .canvCnt{position:relative;}#StartFromPic #curPic canvas{max-height:0;transition:max-height 0.5s ease-in-out;position:relative;box-shadow:0 0 3px rgba(0,0,0,0.5);}#StartFromPic #curPic canvas,.colorPicker{cursor:url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5617 7.17637C22.4626 6.27454 23.9231 6.27454 24.8241 7.17637C25.7253 8.07848 25.7253 9.54128 24.8241 10.4434L13.4241 21.8547C12.9465 22.3327 11.9514 22.9205 10.9325 23.2514C10.4279 23.4154 9.94943 23.5054 9.55249 23.4998C9.15099 23.494 8.89612 23.3929 8.74993 23.2466C8.60408 23.1006 8.50411 22.8472 8.50012 22.4479C8.49618 22.0529 8.58834 21.5768 8.75459 21.0741C9.09005 20.0599 9.68246 19.0673 10.1617 18.5877L21.5617 7.17637L21.208 6.82299L21.5617 7.17637Z' fill='white' fill-opacity='0.7' stroke='black'/%3E%3Cpath d='M31.2758 0.719358C30.3103 -0.239784 28.7448 -0.239787 27.7793 0.719355L22.878 5.57658L22.2207 4.92369C21.2552 3.96455 19.6897 3.96455 18.7242 4.92369C17.7586 5.88283 17.7586 7.4379 18.7242 8.39705L23.6404 13.2806C24.6059 14.2398 26.1714 14.2398 27.1369 13.2806C28.1025 12.3215 28.1025 10.7664 27.1369 9.80729L26.3745 9.04994L31.2758 4.19272C32.2414 3.23358 32.2414 1.6785 31.2758 0.719358Z' fill='black'/%3E%3C/svg%3E") 6 18,auto;}.huePicker{cursor:n-resize;}#StartFromPic #curPic canvas.blurMe{position:absolute;top:0;left:0;filter:blur(1.5em);mix-blend-mode:revert;box-shadow:none;}#StartFromPic #curPic .colorPickerResult{background:#222;border-radius:0 0.5em 0.5em 0;max-width:10em;padding:1em 1em;position:relative;}#StartFromPic #curPic .colorPickerResult h2{font-family:Roboto;font-size:1.1em;width:7em;text-align:left;margin:0;padding:0;}#StartFromPic #curPic .colorPickerResult .preview{width:7.7em;height:2.5em;border:solid 1px #999;margin:1em 0;}#StartFromPic #curPic .colorPickerResult a{white-space:nowrap;}#StartFromPic #curPic .colorPickerResult .previewAdd{max-height:0;overflow:hidden;transition:max-height 0.5s ease-in-out;}#StartFromPic #curPic .colorPickerResult.opened .previewAdd{max-height:8em;padding-bottom:0.5em;}.popBlack{z-index:500;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity 0.5s ease;}.popBlack.hide{opacity:0;}.popBlack.show{opacity:1;}.popContainer{z-index:501;position:fixed;top:-52%;left:calc(25% - 0.5em);width:calc(50% + 1em);height:calc(50% + 1em);transition:top 0.5s ease;}.popContainer.hide{top:-70%;}.popContainer.show{top:25%;}.popContent{background:#fff;border-radius:2em;box-shadow:0 1em 3em rgba(0, 0, 0, 1);width:calc(100% + 1em);height:calc(100% + 1em);overflow:hidden;border:solid 0.5em #fff;box-shadow:0 0 3em rgba(0,0,0,0.3);}.popContent .popPanel .panel .button{background-color:#444;margin:0.3em 0.6em;}.popContent.pop-green{background:linear-gradient(45deg,#ccf4a6 0%, #ffffff 15%, #ffffff 92%,#ccf4a6 100%);}.popContent.pop-blue{background:linear-gradient(45deg,#c2e1ff 0%, #ffffff 18%, #ffffff 92%,#c2e1ff 100%);}.popContent.pop-red{background:linear-gradient(45deg,#fed7db 0%, #ffffff 15%, #ffffff 92%,#fed7db 100%);}.pink .button,.popContent.pop-pink .popPanel .panel .button{color:#fff;background:#a52273;}.green .button,.popContent.pop-green .popPanel .panel .button{color:#fff;background:#316600;}.blue .button,.popContent.pop-blue .popPanel .panel .button{color:#fff;background:#456187;}.red .button,.popContent.pop-red .popPanel .panel .button{color:#fff;background:#9f342d;}.pink .button:hover:not([disabled]),.pink .button:focus,.popContent.pop-pink .popPanel .panel .button:hover,.popContent.pop-pink .popPanel .panel .button:focus{background:#c7298a;outline:none;}.green .button:hover:not([disabled]),.green .button:focus,.popContent.pop-green .popPanel .panel .button:hover,.popContent.pop-green .popPanel .panel .button:focus{background:#4b8203;outline:none;}.blue .button:hover:not([disabled]),.blue .button:focus,.popContent.pop-blue .popPanel .panel .button:hover,.popContent.pop-blue .popPanel .panel .button:focus{background:#4571b0;outline:none;}.red .button:hover:not([disabled]),.red .button:focus,.popContent.pop-red .popPanel .panel .button:hover,.popContent.pop-red .popPanel .panel .button:focus{background:#c43b31;outline:none;}.popContent .popPanel .panel .button:disabled{opacity:0.4;cursor:not-allowed;}.popContent .popPanel{font-size:1.5em;font-weight:300;color:#333;transition:margin-left 0.5s ease;display:flex;flex-wrap:nowrap;align-items:center;height:100%;}.popContent .popPanel a{color:#941e67;;}.popContent .popPanel .panel{width:100%;max-height:100%;overflow-y:auto;text-align:center;padding:1em 2em;line-height:1.0em;}.popContent .popPanel .panel .line{padding:0 0 1em;}.popContent .popPanel .panel .line .popQuestion{line-height:1.4em;}.popContent .popPanel .panel input{width:100%;max-width:5em;height:1.2em;border:0;border-bottom:solid 1px #ccc;text-align:center;font-size:2em;color:#555;}.popContent .popPanel .panel .labelChkBx{font-size:0.7em;text-align:left;display:block;padding-left:2.5em;}.popContent .popPanel .panel .labelChkBx input{margin-left:-1.5em;height:0.7em;width:1.4em;border:0;border:solid 1px #ccc;font-size:2em;color:#555;vertical-align:sub;}.popCloseBt{background:#555;box-shadow:0 0.1em 0.5em rgba(0, 0, 0, 0.6);border-radius:50%;padding:1em;position:absolute;top:-1em;right:-2em;line-height:0;cursor:pointer;transition:background-color 0.2s ease-in-out;}.popCloseBt svg{width:1em;height:1em;}.popCloseBt:focus,.popCloseBt:hover{outline:solid 2px #fff;background-color:#a52273;}.pop-green + .popCloseBt:focus,.pop-green + .popCloseBt:hover{background-color:#295200;}.pop-blue + .popCloseBt:focus,.pop-blue + .popCloseBt:hover{background-color:#374d6d;}.pop-red + .popCloseBt:focus,.pop-red + .popCloseBt:hover{background-color:#86241d;}svg.progress circle{stroke-dashoffset:24px;stroke:#333;stroke-width:0.1em;}svg.progress circle.bar{stroke:#999;stroke-dashoffset:24px;}.hueTranspose svg.progress circle{stroke-dashoffset:0px;}.hueTranspose svg.progress circle.bar{stroke-dashoffset:83px;}#paletteDefinition .fields .lineForm svg.progress{position:absolute;left:calc(50% - 15px);top:-3px;transform:rotateZ(-220deg) scale(0.5);}.backLink{position:fixed;top:12em;left:3em;padding:0.3em 0.5em;text-decoration:none;transition:background-color ease-in-out 0.3s;background-color:rgba(165,34,115,0);z-index:10;}.backLink::before{position:absolute;top:0.3em;left:-0.8em;line-height:1.2em;content:"◢";transform:rotate(135deg);transition:color ease-in-out 0.3s,transform ease-in-out 0.3s;}.backLink:hover::before{transform:rotate(-225deg);color:#a52273;}.backLink:hover{background-color:rgba(165,34,115,1);}.reset-password .failedReset h1,.validate .validateFail h1,.subscription_failed h1{filter:grayscale(77%);}.subscription_failed #mainContainer,.subscription_success #mainContainer{margin:4em auto 3em;max-width:54em;position:relative;}.subscription_success .container .superV{float:right;width:8em;height:8em;margin:-3em -6em 1em 1.5em;position:relative;}.subscription_success .container .superV::after{content:" ";position:absolute;width:100%;height:100%;background-position:50% 50%;background-size:contain;background-repeat:no-repeat;filter:brightness(1.3);}.reset-password #mainContainer,.validate #mainContainer{margin:4em auto 3em;max-width:40em;position:relative;}.myinvoices #mainContainer,.legal #mainContainer{margin:4em auto 3em;max-width:84em;}.reset-password #mainContainer .container,.validate #mainContainer .container,.subscription_failed #mainContainer .container,.subscription_success #mainContainer .container,.myinvoices #mainContainer .container,.legal #mainContainer .container{max-width:70em;margin:0 0 0 7em;padding:1em 4em 3em;background:#fff;color:#555;border-radius:1em;line-height:1.6em;}.reset-password #mainContainer .container,.validate #mainContainer .container,.subscription_failed #mainContainer .container,.subscription_success #mainContainer .container{max-width:40em;position:relative;z-index:1;}.reset-password #mainContainer .container,.validate #mainContainer .container{margin:0 auto;}.reset-password #mainContainer::before,.validate #mainContainer::before,.subscription_success #mainContainer::before{content:" ";position:absolute;top:0;left:7em;background-image:conic-gradient(from 90deg,#F00,#FD0,#00FF9D,#782ACC,#F00);width:calc(100% - 7em);max-width:40em;height:100%;border-radius:1em;z-index:-1;filter:blur(3em);opacity:0.5;}.reset-password .failedReset #mainContainer::before,.validate .validateFail #mainContainer::before,.subscription_failed #mainContainer::before{content:" ";position:absolute;top:0;left:7em;background:#F00;width:calc(100% - 7em);max-width:40em;height:100%;border-radius:1em;z-index:-1;filter:blur(3em);opacity:0.5;}.reset-password .failedReset #mainContainer::before,.reset-password #mainContainer::before,.validate .validateFail #mainContainer::before,.validate #mainContainer::before{left:0;width:100%;}.reset-password #mainContainer a,.validate #mainContainer a,.subscription_failed #mainContainer a,.subscription_success #mainContainer a,.legal #mainContainer a{color:#8d2565;padding:0.1em 0.3em;}.reset-password #mainContainer a:hover,.validate #mainContainer a:hover,.subscription_failed #mainContainer a:hover,.subscription_success #mainContainer a:hover,.legal #mainContainer a:hover{color:#fff;background:#8d2565;text-decoration:none;}#mainContainer h2,#mainContainer h3,#mainContainer h4,#mainContainer h5,#mainContainer h6{font-family:'Roboto', Arial, sans-serif;font-weight:400;}.reset-password #mainContainer h2,.validate #mainContainer h2,.subscription_failed #mainContainer h2,.subscription_success #mainContainer h2,.myinvoices #mainContainer h2,.legal #mainContainer h2{text-transform:uppercase;font-family:"Quicksand";margin-top:-1.1em;color:#fff;font-size:2.5em;}.subscription_failed #mainContainer h3{color:#D83838;}.reset-password .connexionForm,.validate .connexionForm{margin:1.5em auto 3em;width:40em;}.reset-password .connexionForm h2,.validate .connexionForm h2{padding-left:1.9em;}.reset-password .panelL1 > form,.validate .panelL1 > form{padding:0 2.5em;}.legal #mainContainer h3{margin-top:2em;}.legal #mainContainer p{padding-left:2em;text-align:justify;max-width:58em;}.legal #mainContainer ul{padding-left:4em;text-align:justify;max-width:58em;}.legal #mainContainer ul li{padding-bottom:0.5em;}.invoicesList .invLine{margin:0 -3em;text-align:center;}.invoicesList .invLine:after{content:" ";height:0.6em;display:block;background:radial-gradient(ellipse at top,#ddd 0%,transparent 50%);}.invoicesList .invLine.creditNote:after{content:" ";height:2px;display:block;background:radial-gradient(ellipse at top,#eef 0%,transparent 50%);}.invoicesList .invLine a{display:inline-block;text-align:center;text-decoration:none;padding:0.3em 0 1em;color:#555;transition:color ease-in-out 0.3s, background-color ease-in-out 0.3s;}.invoicesList .invLine.creditNote a{color:#9999cc;}.invoicesList .invLine a:hover,.invoicesList .invLine.creditNote a:hover{color:rgba(165,34,115,1);background-color:rgba(255,255,255,1);}.invoicesList .invLine svg{width:2em;height:2em;vertical-align:middle;margin-bottom:0.5em;}.invoicesList .invLine svg .highlight{color:rgba(165,34,115,0);transition:color ease-in-out 0.3s;}.invoicesList .invLine a:hover svg .highlight{color:rgba(165,34,115,1);}.invoicesList .invLine .invLbl{display:inline-block;padding:0 0.5em 0 0;width:9em;}.invoicesList .invLine .invDte{display:inline-block;padding:0;font-weight:300;}.invoicesList .invLine .invDte small{display:inline-block;padding:0 0.25em;opacity:0.5;font-size:50%;vertical-align:middle;}.invoicesList .invLine .invMth{display:inline-block;padding:0 1.5em;font-size:120%;}.invoicesList .invLine .invMth.strikeMe{text-decoration:line-through;text-decoration-thickness:1px;}#paletteDefinition .fields .lineForm .tools .toolsList>div .buttonTool:hover{background:#ccc;color:#333;}.interact{padding:0.5em 0 0;}.interact a[href*="http"]{margin:0;}#paletteDefinition .fields .lineForm svg.progress{top:9px;transform:rotateZ(-220deg) scale(1);}@media screen and (min-width:950px){footer .aboutMe{float:right;text-align:right;min-width:30%;}footer .references{float:left;min-width:30%;}#social .container #adsense{float:left;width:19%;margin-right:2%;}#social .container #facebook{float:left;width:50%;}#social .container #flickrFeed,#social .container #twitter{float:left;width:100%;}#social .container #flickrFeed .feed{display:flex;flex-wrap:wrap;}#social .container #flickrFeed .feed .flickrImage{width:48%;margin:1%;}#testArea .testLine .blockSpecs .cssCode{display:block;}.interact ul li{display:inline-block;vertical-align:middle;border:0;padding:1em 3em;}}.passwordSpecs{font-size:0.9em;}.passwordSpecs ul{padding:0;margin:0 0.5em 1.2em;}.passwordSpecs p+ul{margin-top:-0.5em;}.passwordSpecs ul li{display:block;}.passwordSpecs ul li::before{content:"• ";}.passwordSpecs #pwRules li.validate{color:#D83838;padding:0.2em 0;}.passwordSpecs #pwRules li.validate::before{display:inline-block;content:" ";width:1.6em;height:0.8em;background:no-repeat 50% 50%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8272 0.404839C11.0671 2.21033 9.53133 3.24708 7.62459 5.89775C7.39405 6.21801 7.16643 6.54312 6.93831 6.87113C5.5338 5.2248 4.25425 3.94954 3.13354 2.04826C2.34217 0.705271 0.248484 1.43821 1.04276 2.78507C2.34169 4.98871 3.85226 7.009 5.51104 8.89771C4.10169 10.8338 2.54171 12.6504 0.387482 13.7641C-0.999594 14.4811 1.67818 16.5686 3.06235 15.8526C5.39868 14.6451 5.67328 12.7917 7.226 10.7472C9.04944 12.6117 9.56378 13.8623 11.6449 15.4869C12.86 16.4361 16.0395 15.2203 14.8099 14.2605C12.6227 12.5527 10.5552 10.7356 8.6615 8.76176C10.6641 5.90404 12.6004 2.9602 15.5334 1.0415C16.8343 0.19149 15.1378 -0.45243 13.8272 0.404839L13.8272 0.404839Z' fill='%23D83838' stroke='none'/%3E%3C/svg%3E");background-size:contain;}.passwordSpecs #pwRules.pw_chr12 li.pw_chr12,.passwordSpecs #pwRules.pw_ucase li.pw_ucase,.passwordSpecs #pwRules.pw_lcase li.pw_lcase,.passwordSpecs #pwRules.pw_numbr li.pw_numbr,.passwordSpecs #pwRules.pw_spech li.pw_spech,.passwordSpecs #pwRules.pw_match li.pw_match{color:#03882D;}.superV::after,.passwordSpecs #pwRules.pw_chr12 li.pw_chr12::before,.passwordSpecs #pwRules.pw_ucase li.pw_ucase::before,.passwordSpecs #pwRules.pw_lcase li.pw_lcase::before,.passwordSpecs #pwRules.pw_numbr li.pw_numbr::before,.passwordSpecs #pwRules.pw_spech li.pw_spech::before,.passwordSpecs #pwRules.pw_match li.pw_match::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1529 0.519362C9.51788 3.37749 6.99414 5.5478 5.69921 9.96737C4.81331 7.85616 4.44556 7.52743 3.01161 5.5818C2.23355 4.526 0.405734 5.53565 1.19306 6.6032C3.37389 9.56213 4.17132 11.6717 4.87819 15.2678C5.11619 16.4791 6.82775 16.0451 6.94696 14.999C7.25091 12.3202 8.13662 9.51232 9.52095 6.95299C10.815 4.5605 12.5448 2.38521 14.6424 0.735542C15.6939 -0.0911264 14.1942 -0.30002 13.1529 0.519362L13.1529 0.519362Z' fill='%2303882D' stroke='none'/%3E%3C/svg%3E");}.showMe,.hideMe{overflow:hidden;display:block;transition:max-height ease-in-out 0.3s;}.showMe{max-height:800px;padding-top:initial;padding-bottom:initial;margin-top:initial;margin-bottom:initial;}.hideMe{max-height:0px;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;}.connexionForm{display:block;width:22.5em;max-width:100%;margin:1.5em 0 3em;padding:0;}.connexionForm h2{font-weight:400;font-size:2.1em;color:#D7D7D7;padding-left:16px;margin:0 0 0.05em;position:relative;z-index:0;cursor:pointer;}.connexionForm h2:hover{text-decoration:underline;}.connexionForm.loginFree h2{font-size:1.3em;margin:0 0 -0.1em;color:#999;transition:color 0.2s ease-in-out;}.loginBlock .extraLink{display:block;width:22.5em;max-width:100%;margin:1.5em 0 3em;padding:0;}.loginBlock .extraLink a{color:#999;text-decoration:none;}.loginBlock .extraLink a h2{font-weight:400;font-size:1.3em;padding-left:16px;margin:0 0 0.05em;}.loginBlock .extraLink a h2:hover{text-decoration:underline;}.connexionForm.expanded h2{cursor:default;color:#fff;}.connexionForm::after{content:"";display:table;clear:both;}.loginWithPromo{display:flex;max-width:65em;margin:5em auto 0;justify-content:space-between;align-items:flex-start;}.loginWithPromo .promoBlock{max-width:36em;width:100%;margin:0.6em 3em 0 0;line-height:1.6em;letter-spacing:0.05em;}.loginWithPromo .promoBlock > div{margin-bottom:5em;}.loginWithPromo .promoBlock h2{font-size:2.6em;line-height:1.0em;margin-top:0;margin-bottom:0.5em;}.loginWithPromo .promoBlock h3{font-size:1.8em;margin-top:2.1em;margin-bottom:0.5em;line-height:1.2em;}.loginWithPromo .promoBlock strong{position:relative;white-space:nowrap;font-weight:400;}.loginWithPromo .promoBlock strong::after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-135deg, #ACFF70 20%, #FFB06B 50%, #FF94DF 70%) fixed;mix-blend-mode:darken;}.loginWithPromo .promoBlock ol{margin:0;padding:0 0 0 1.5em;list-style-type:upper-roman;list-style:none;counter-reset:countOL;}.loginWithPromo .promoBlock ol > li{counter-increment:countOL;}.loginWithPromo .promoBlock ol > li::before{content:counter(countOL) ". ";color:#999;margin-left:-1.5em;display:inline-block;width:1.5em;text-align:center;}.loginWithPromo .promoBlock ol ul{margin:0;padding:0 0 0 1em;list-style-type:none;}.loginWithPromo .promoBlock ol ul li::before{content:"-";color:#999;margin-left:-1em;display:inline-block;width:1em;text-align:left;}.loginWithPromo .promoBlock ul li{padding-top:0.4em;padding-bottom:0.7em;}.loginWithPromo .loginBlock{position:sticky;top:1em;}.panelL1Cnt{position:relative;}.panelL1Cnt:before{content:" ";position:absolute;z-index:-1;background-image:conic-gradient(from 90deg,#F00,#FD0,#00FF9D,#782ACC,#F00);top:0;left:0;width:100%;height:100%;border-radius:1em;filter:blur(0.7em);opacity:0.8;}.panelL1{position:relative;z-index:5;margin:0;color:#444;font-weight:400;padding:0;background:#fff; border-radius:1em;overflow:hidden;transition:max-height 0.3s ease-in-out, min-height 0.3s ease-in-out;}.connexionForm .panelL1{max-height:0;min-height:0;}.connexionForm .panelL1 .panelL1Overflow{overflow:auto;padding:1.5em 1em 3em;}.connexionForm .panelL1 .panelL1Overflow,.connexionForm.expanded .panelL1{max-height:calc(100vh - 12.5em);min-height:14em;}.loginFree .panelL1{background:linear-gradient(201deg, #d0e1f9 0%, #ffffff 18%, #ffffff 92%, #d0e1f9 100%);box-shadow:0 3px 8px #456187;}.panelL1 .breathe{margin-top:2.4em;}.panelL1 p{padding:0 0 0.5em;margin:0 0.5em 1.2em;}.panelL1 a{color:#444;}.panelL1 input{border:0;background:transparent;border-bottom:solid 1px #cfcfcf;width:calc(100% - 1em);margin:0 0.5em 1.2em;font-size:1.3em;padding:0.3em 0.4em 0.5em;color:#444;}.panelL1 input:focus{border-bottom:solid 1px #A52273;outline:0;}.panelL1 input::placeholder{color:#8c8c8c;font-weight:300;font-style:italic;}.passwordLine input{width:calc(100% - 1em - 1.5em);}.passwordLine .switchShow{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;cursor:pointer;}.passwordLine .switchShow svg{width:100%;height:100%;}.passwordLine .switchShow .hidden,.passwordLine.shown .switchShow .shown{display:inline-block;}.passwordLine.shown .switchShow .hidden,.passwordLine .switchShow .shown{display:none;}.panelL1 .button{width:calc(100% - 16px);margin:8px 8px 0;border:0;font-size:1.4em;font-weight:300;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}.panelL1 .button[disabled]{color:#fff;background:#cfcfcf;box-shadow:none;}.inputLine{margin:0.5em 0;}.inputLine input{display:inline-block;width:0.8em;height:0.8em;vertical-align:abs-middle;}.inputLine *:focus{border-radius:4px;outline:dotted 2px #00000066 !important;}p.error{color:#D83838;}p.warning{padding-left:1em;}p.warning::before{content:"!";display:inline-block;font-weight:900;color:#a52273;width:1em;margin-left:-1em;}.mainForm{margin:0 auto;max-width:640px;}#myProfileContainer{position:relative;max-height:5em;overflow:hidden;background:linear-gradient(140deg, #44447F 0%, #111 43%, #334 50%, #000 66%, #2E203F 72%, #111 100%); margin:-2em -3em 0;transition:max-height ease-in-out 0.3s;z-index:2;}#myProfileContainer::before{position:absolute;content:" ";width:100%;height:2em;bottom:-2em;left:0;box-shadow:0 1px 8px rgb(0,0,0);z-index:10;}#myProfileContainer::after{position:absolute;content:" ";background:#222;width:8em;height:8em;bottom:-6.3em;left:calc(50% - 12.2em);border-radius:50%;box-shadow:0 1px 8px rgb(0,0,0);z-index:11;}.logoutButton{min-height:2.6em;display:inline-block;line-height:2em;vertical-align:middle;text-decoration:none;padding:0.2em 1.1em;margin:1.1em 1.5em;border:solid 1px #ccc;font-weight:400;transition:background-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}.logoutButton:focus,.logoutButton:hover{background-color:#a52273;box-shadow:0 3px 8px #000;}#myProfileContainer .myProfileExpander{background:linear-gradient(180deg, #000000 0%, #1a1a1a 5%);}#myProfileContainer .myProfileExpander.noSubscription{background:linear-gradient(180deg, #000000 0%, #441a1a 5%, #1a1a1a 50%);}#myProfileContainer .myProfileExpander.freeArea{position:relative;background:linear-gradient(178deg, #000000 0%, #011823 10%, #015275 70%, #276d8b 100%);}#myProfileContainer .myProfileExpander.freeArea .freeLabel{position:absolute;right:0.1em;top:0.3em;font-size:6em;font-weight:700;opacity:0.1;filter:blur(2px);transform:perspective(800px) rotateX(0deg) rotateZ(-3deg);}@keyframes freePromo {0% {transform:perspective(800px) rotateX(0deg);}10% {transform:perspective(800px) rotateX(-360deg);}100% {transform:perspective(800px) rotateX(-360deg);}}#myProfileContainer .myProfileExpander.freeArea .promo{display:inline-block;animation-name:freePromo;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;}#myProfileContainer #myProfileExpander{min-height:5em;display:inline-block;line-height:4.8em;vertical-align:middle;text-decoration:none;padding:0 2em;}#myProfileContainer #myProfileExpander > span.expCTA{position:relative;padding-left:1.6em;transition:opacity ease-in-out 0.3s;}#myProfileContainer #myProfileExpander > span.expCTA::before{position:absolute;top:0;left:0;line-height:1.2em;content:"◢";transition:transform ease-in-out 0.3s;}#myProfileContainer.expanded #myProfileExpander > span.expCTA{opacity:0.55;}#myProfileContainer.expanded #myProfileExpander > span.expCTA::before{transform:rotate(-180deg);}#myProfileContainer #myProfileExpander > span.alertBullet{position:relative;}#myProfileContainer #myProfileExpander > span.alertBullet::before{content:" ";position:absolute;top:0px;left:4px;width:8px;height:8px;background:#d83838;border-radius:50%;transition:all ease-in-out 0.3s;}#myProfileContainer.expanded #myProfileExpander > span.alertBullet::before{top:-16px;left:-12px;width:40px;height:40px;opacity:0;}#myProfileContainer #myProfileExpander > span.expAlert{opacity:1;color:#999999;font-style:italic;font-weight:300;transition:opacity ease-in-out 0.3s;margin-left:2em;}@keyframes expAlertPopout {0% {margin-left:2em;color:#fff}5% {margin-left:1em;}10% {margin-left:2.7em;}15% {margin-left:1.5em;color:#d83838}20% {margin-left:2.2em;}25% {margin-left:2em;color:#fff}100% {margin-left:2em;}}#myProfileContainer #myProfileExpander > span.expAlert.popOut{color:#fff;animation-name:expAlertPopout;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}#myProfileContainer.expanded #myProfileExpander > span.expAlert{opacity:0;}#myProfileContainer.expanded{max-height:800px;}#myProfileContainer .myProfileContent{max-height:720px;overflow:auto;padding:0 2em;display:flex;justify-content:flex-start;background:linear-gradient(180deg, #1a1a1a 30%, rgba(30,30,30,0.3) 100%);}#myProfileContainer .myProfileContent .logout{width:15em;}#myProfileContainer .myProfileContent .logoutButton{margin-left:0;margin-right:3em;white-space:nowrap;}#myProfileContainer .myProfileContent .menuArea{width:100%;max-width:70em;margin:0 auto 3em;}#myProfileContainer .myProfileContent .leftArea,#myProfileContainer .myProfileContent .rightArea{max-width:28em;}#myProfileContainer .myProfileContent .leftArea{margin-bottom:4em;}@media screen and (min-width:1040px){#myProfileContainer .myProfileContent .menuArea{display:flex;justify-content:left;}#myProfileContainer .myProfileContent .leftArea,#myProfileContainer .myProfileContent .rightArea{width:45%;}#myProfileContainer .myProfileContent .leftArea{text-align:left;margin-right:10%;}#myProfileContainer .myProfileContent .rightArea{text-align:right;}}#myProfileContainer .myProfileContent h2{padding:0 0.25em;}#myProfileContainer .myProfileContent .subscriptionArea{padding-bottom:32px;padding-left:0.5em;padding-right:0.5em;}#myProfileContainer .myProfileContent .profileEmail{padding-left:0.5em;padding-right:0.5em;}#myProfileContainer .myProfileContent .subscriptionArea .button{font-size:1.3em;}#myProfileContainer .myProfileContent small{color:#ccc;font-style:italic;}#myProfileContainer .myProfileContent .linkLine{border-top:solid 1px hsla(0,0%,100%,0.3);padding:0.4em 0 1.4em;}#myProfileContainer .myProfileContent .linkLine a{display:inline-block;padding:0.2em 0.5em;text-decoration:none;}#myProfileContainer .myProfileContent .linkLine a:focus,#myProfileContainer .myProfileContent .linkLine a:hover{color:#444;background:#fff;}#invoicingdetails{margin-top:2em;}.mainForm h2{margin:0;padding:0;text-align:center;}.mainForm h3{display:inline-block;font-size:1.6em;margin:0em 0 0.5em;padding:0;color:#fff;}.mainForm ul,.mainForm ul li{display:block;margin:0;padding:0;}.mainForm .formLabel{display:inline-block;width:calc(50% - 12px);margin-right:12px;vertical-align:top;font-size:0.8rem;text-align:right;line-height:2.0rem;color:#cecece;}.mainForm .formLabel small{color:#f7bbd4;font-size:100%;font-style:italic;}.mainForm .formValue{display:inline-block;width:calc(50% - 12px);font-size:1.1rem;margin-left:12px;vertical-align:top;line-height:2.0rem;}.mainForm .formValue select,.mainForm .formValue input{font-family:'Roboto', Arial, sans-serif;width:100%;height:2em;font-size:1.0em;margin:0 0 8px;padding:0 8px;font-weight:100;background:#222;border:solid 1px #474747;border-radius:6px;color:#fff;}.mainForm .formValue input::placeholder{color:#999;font-style:italic;}.button_type_3,button{font-family:'Roboto', Arial, sans-serif;border-radius:6px;font-size:1.3em;font-weight:100;padding:6px 12px 8px;cursor:pointer;box-shadow:0 4px 8px rgba(70,0,30,0.5);background:#941e67;color:#fff;border:solid 1px #941e67;}button.type_2{background:transparent;color:#fff;border:solid 1px #fff;box-shadow:0 4px 8px rgba(0,0,0,0.5);}.button_type_3,button.type_3,.cancelLink{background:transparent;color:#fff;border:0;box-shadow:none;font-size:1.0em;text-decoration:underline;}.cancelLink{margin-top:1em;color:initial;font-size:1.0em;opacity:0.75;}.mainForm .errorLine input,.mainForm .errorLine select{background-color:#8a0f0f !important;}.errorMessage{text-align:center;padding:0 0 2em;}.errorMessage > div{display:inline-block;padding:1em 2em;border-radius:8px;border:solid 1px #990000;color:#fff;background:#8a0f0f;max-width:640px;}.popQuestion .legalEmbed{text-align:left;}.popQuestion .legalEmbed p,.popQuestion .legalEmbed li{font-size:0.7em;line-height:1.6em;}.popContent .popPanel .panel .button .priceLine{line-height:1.5em;font-size:0.8em;color:#fff;}.popCTCflash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;z-index:400;display:none;}@keyframes popNowFlash {0% {display:block;opacity:0.4;}100% {opacity:0;}}.popCTCflash.popNow{display:block;animation-name:popNowFlash;animation-duration:0.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:forwards;}@keyframes popNowPop {0% {bottom:-20em;}20% {bottom:1em;}80% {bottom:1em;}100% {bottom:-20em;}}.popCTC{display:block;position:fixed;background:#fff;color:#444;width:360px;border-radius:16px;left:calc(50% - 180px);z-index:401;text-align:center;padding:1.5em 2em;box-shadow:0 0.4em 0.8em rgba(0,0,0,0.5);}.popCTC.popNow{animation-name:popNowPop;animation-duration:2s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards;}.visuMarketingHomepage{margin-top:3em;margin-bottom:8em;position:relative;z-index:0;}.visuMarketingHomepage .imgOut2Cnt{background:linear-gradient(165deg,#555 10%,#999 38%,#444 38.5%) fixed;padding:2px;}.visuMarketingHomepage .imgOutCnt{background:#151515;}.visuMarketingHomepage .imgOutCnt::after{content:" ";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(165deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0.15) 38%,rgba(255,255,255,0) 38.5%) fixed;}.visuMarketingHomepage img{max-width:100%;max-height:100vh;width:auto;height:auto;}.xcLine h4{border-top:solid 1px rgba(180,180,180,0.3);position:relative;margin:0;padding:0.7em 0 0 1em;cursor:pointer;}.xcLine h4::before{content:"◢";font-size:0.6em;display:inline-block;position:absolute;top:1.3em;left:0;transition:transform 0.2s ease-out,opacity 0.2s ease-out;}.xcLine.expanded h4::before{opacity:0.55;transform:rotate(-180deg);}.xcLine .panel{max-height:0;margin-top:0;margin-bottom:1em;overflow:hidden;transition:max-height 0.3s ease-in-out;}.xcLine .panel>p:first-child{margin-top:0.5em;}.xcLine.expanded .panel{max-height:35em;}.popupCTASubscr{position:fixed;bottom:0;left:0;width:100%;padding:1.5em 2.5em 3.5em;background:linear-gradient(to bottom, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 100%);z-index:400;-webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}.popupCTASubscr.popupCTASubscrHide{ display:none;}.popupCTASubscr .cnt{display:block;width:100%;max-width:560px;margin:0 auto;color:#444;}.popupCTASubscr .cnt button{margin-right:2em;}#testCBFromPicture{text-align:center;}#testCBFromPicture #imageToCheck{opacity:0;position:absolute;left:-200em;}#testCBFromPicture #testCBFromPicturePopup{display:none;}#testCBFromPicture.active #testCBFromPicturePopup{display:block;}#testCBFromPicturePopup #cnvsTrg{position:relative;border:solid 3px rgba(255,255,255,0.5);border-radius:1em;overflow:hidden;display:inline-block;}#testCBFromPicturePopup #cnvsTrg .clrbld{position:absolute;top:0;left:0;z-index:1;text-align:center;overflow:hidden;border-right:solid 1px #fff;}#testCBFromPicture .getFileCTA{display:inline-block;}#testCBFromPicture .getFileCTA .button{display:inline-block;margin-bottom:1em;font-size:130%;border:solid 2px rgba(255,255,255,0.15);color:#fff;line-height:1.4em;}#img_colorblindness{position:relative;z-index:3;font-family:"Roboto Condensed";}#img_colorblindness #closeTestCB{line-height:2em;vertical-align:middle;margin-left:3em;opacity:0.5;padding:0.3em;}#img_colorblindness #closeTestCB svg{width:1.2em;height:1.2em;vertical-align:middle;}#img_colorblindness #closeTestCB:hover{opacity:1;}#img_colorblindness .actionFilt{margin-left:1.2em;width:11.2em;display:inline-block;}#img_colorblindness .select{position:relative;width:100%;height:3.2em;cursor:pointer;}#img_colorblindness .select .optSelValue{position:relative;z-index:2;display:block;font-size:1.0em;line-height:2em;border:solid 1px #444;background:#151515;border-radius:0.5em;transition:all 0.2s ease-in-out;text-decoration:none;}#img_colorblindness .select .optSelValue:focus{outline:solid 2px rgb(165,34,115);}#img_colorblindness .select > ul{position:absolute;display:block;margin:0;padding:0;z-index:1;top:1.0em;left:0;width:100%;max-height:0.2em;overflow:hidden;border:solid 1px #444;border-radius:0.8em;transition:all 0.2s ease-in-out;background:#333;}#img_colorblindness .select:hover > .optSelValue{color:#555;background:#222;}#img_colorblindness .select:hover > ul{max-height:37em;box-shadow:0 0.2em 0.4em rgba(0,0,0,0.4);}#img_colorblindness .select ul li{display:block;line-height:1.0em;padding:0.93em 0;transition:all 0.2s ease-in-out;}#img_colorblindness .select ul li:first-child{margin-top:1.5em;}#img_colorblindness .select ul li:last-child{margin-bottom:0.7em;}#img_colorblindness .select ul li:hover{background-color:#555;}

@media screen and (min-width:920px){.visuMarketingHomepage{height:calc(min(50vh,30em) + 4px);text-align:center;z-index:1;}.visuMarketingHomepage .imgOutCnt{overflow:hidden;height:50vh;max-height:0;filter:hue-rotate(-90deg);transition:max-height 0.4s ease-out, filter 0.4s ease-out 0.5s;}.visuMarketingHomepage .imgOutCnt.ready{filter:hue-rotate(0);max-height:min(50vh,30em);}.visuMarketingHomepage .imgCnt{display:flex;align-items:center;height:100vh;filter:blur(10px);transition:filter 0.5s ease-out;}.visuMarketingHomepage .ready .imgCnt{filter:blur(0px);}.visuMarketingHomepage .ready img{max-height:100vh;}}input[type=number] { -moz-appearance:textfield;}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}