body{font-family:Helvetica,sans-serif;font-size:16px}h1{font-size:1.6rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1.3rem}h5{font-size:1.2rem}h6{font-size:1rem}a:link{color:#3365ff;text-decoration:none}a:visited{color:#7482ad}a:hover,a:active{color:#164ef9;text-decoration:underline}a[href^=mailto]{text-decoration:underline}th{text-align:left}th,td{padding-right:20px;white-space:nowrap;vertical-align:top}code{font-family:"Source Code Pro",monospace}code.url{font-family:Helvetica,sans-serif;color:#5c5c5c;background:#ebebeb;border-radius:3px;padding:2px 3px 1px}sup{position:relative;top:-0.4em;vertical-align:baseline}no-break{white-space:nowrap}figcaption{text-align:center;font-style:italic;color:gray}details{padding:10px;border-radius:5px;background:#f5f5f5}details[open] summary::after{display:none}summary{margin:-10px;padding:10px;cursor:pointer;user-select:none}summary h2,summary h3{display:inline;margin:0}summary:after{content:"Expand";float:right;color:#999}button,.button{cursor:pointer;font-family:Helvetica,sans-serif;font-size:.94rem;text-decoration:none;border:0;text-decoration:none;background:rgba(0,0,0,0)}button:not(.display-as-link),.button{padding:5px 10px;border:0;border-radius:7px;color:#000 !important;text-shadow:0 1px 0 hsla(0,0%,100%,.7) !important;background:linear-gradient(#f9f9f9, #cecece)}button:not(.display-as-link):hover,.button:hover{background:linear-gradient(white, rgb(218.75, 218.75, 218.75))}button:not(.display-as-link):focus,.button:focus{outline:0}button:not(.display-as-link)[data-active=on],.button[data-active=on]{background:linear-gradient(to top, #0063e4, #9dd1ff);color:#fff !important;text-shadow:0 -1px 0 #496f9c !important}button-group{display:flex;justify-content:center;margin:10px auto;align-items:center}button-group label{margin:0 10px;font-size:.75rem;color:#8c8c8c}button-group button{border-right:1px solid rgba(0,0,0,.1);border-left:1px solid hsla(0,0%,100%,.6);border-radius:0}button-group button[data-active=on]{border-right:1px solid rgba(0,0,0,.3);border-left:1px solid hsla(0,0%,100%,.78)}button-group button:first-of-type{border-left:0;border-radius:7px 0 0 7px}button-group button:last-of-type{border-right:0;border-radius:0 7px 7px 0}button-group button:first-of-type:last-of-type{border:0;border-radius:7px}button.display-as-link{display:inline;color:#3365ff;text-decoration:none}button.display-as-link:hover,button.display-as-link:active{color:#164ef9;text-decoration:underline}.large-list-items li{margin-bottom:1em}.clear{clear:both;visibility:hidden}.warning{display:inline-block;color:#8d0000;background:#ffdce2;border-radius:7px;padding:5px}.display-none{display:none}dialog.color-picker{z-index:9999;position:absolute;width:260px}dialog.color-picker *{display:block;box-sizing:border-box}dialog.color-picker dialog-contents{display:flex;flex-wrap:wrap;justify-content:space-between}dialog.color-picker dialog-contents::before{display:inline-block;position:absolute;z-index:0;width:15px;height:15px;content:" ";background-color:#f5f5f5;transform:rotate(45deg)}dialog.color-picker.position-top{bottom:calc(100% + 14px)}dialog.color-picker.position-top dialog-contents::before{bottom:-13px;left:50%;transform:rotate(-45deg) translate(0, -50%)}dialog.color-picker.position-left{top:5px}dialog.color-picker.position-left dialog-contents::before{top:25px;right:-13px;transform:rotate(-45deg) translate(0, -50%)}dialog.color-picker component-picker{position:relative;margin-bottom:15px}dialog.color-picker .sv-picker{width:200px;height:200px}dialog.color-picker .hue-picker{width:200px;height:30px}dialog.color-picker range-display{height:100%}dialog.color-picker .sv-range{cursor:pointer}dialog.color-picker .hue-range{overflow-x:hidden;border-radius:3px;cursor:pointer}dialog.color-picker position-indicator{position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid #fff;border-radius:10px;box-shadow:0 0 3px gray;pointer-events:none}dialog.color-picker .hue-indicator{top:5px;background:#fff}dialog.color-picker hr{visibility:hidden;width:100%;margin:0}#ColorHex{text-transform:lowercase}#ColorHex:invalid{border-color:red}.custom-color-picker-button-container{flex-wrap:wrap;width:100%;margin-bottom:15px}.custom-color-picker-button{display:inline-block;float:left;width:18px;height:18px;margin:0 2px 2px 0;padding:0;background-image:none;border:0;box-shadow:none}.fill-normal{color:#474747;background:#e2e4e6}.fill-red{color:#fff;background:#ec2f2f}.fill-orange{color:#fff;background:#ffab4a}.fill-yellow{color:#fff;background:#f2d600}.fill-green{color:#fff;background:#61bd4f}.fill-cyan{color:#fff;background:#0ed4f3}.fill-blue{color:#fff;background:#00a2ff}.fill-indigo{color:#fff;background:#30458a}.fill-violet{color:#fff;background:#ba55e2}.fill-pink{color:#fff;background:#ff80ce}.fill-black{color:#fff;background:#000}.fill-custom{color:#fff}.fill-custom:not([style]){text-shadow:0 0 1px #000;background:linear-gradient(to bottom, transparent, #737373 82%),linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.fill-trello-red{color:#fff;background:#b04632}.fill-trello-orange{color:#fff;background:#d29034}.fill-trello-lime{color:#fff;background:#4bbf6b}.fill-trello-green{color:#fff;background:#519839}.fill-trello-sky{color:#fff;background:#00aecc}.fill-trello-blue{color:#fff;background:#0779bf}.fill-trello-purple{color:#fff;background:#89609e}.fill-trello-pink{color:#fff;background:#cd5a91}.fill-trello-gray{color:#fff;background:#838c91}.fill-trello-photo{background:url("/img/dummyBackgroundPhoto.jpg");background-size:cover}.mod-light-background{color:#474747}button.fill-normal{box-shadow:0 1px 0 hsl(210,7.4074074074%,79.4117647059%)}button.fill-red{box-shadow:0 1px 0 hsl(0,83.2599118943%,45.4901960784%)}button.fill-orange{box-shadow:0 1px 0 rgb(255,147.3314917127,23)}button.fill-yellow{box-shadow:0 1px 0 rgb(191,168.9008264463,0)}button.fill-green{box-shadow:0 1px 0 rgb(75.3223140496,157.8181818182,59.1818181818)}button.fill-cyan{box-shadow:0 1px 0 rgb(9.7707509881,170.9881422925,196.2292490119)}button.fill-blue{box-shadow:0 1px 0 rgb(0,129.6,204)}button.fill-indigo{box-shadow:0 1px 0 hsl(226,48.3870967742%,26.4705882353%)}button.fill-violet{box-shadow:0 1px 0 rgb(168.3165829146,41.432160804,218.567839196)}button.fill-pink{box-shadow:0 1px 0 rgb(255,77,186.3228346457)}button.fill-black{box-shadow:0 1px 0 #000}button.fill-custom{box-shadow:0 1px 0 hsl(210,7.4074074074%,79.4117647059%)}button.fill-trello-red{box-shadow:0 1px 0 rgb(136.2831858407,54.203539823,38.7168141593)}button.fill-trello-orange{box-shadow:0 1px 0 rgb(172.7137096774,116.560483871,38.2862903226)}button.fill-trello-lime{box-shadow:0 1px 0 rgb(56.393442623,158.606557377,84.5901639344)}button.fill-trello-green{box-shadow:0 1px 0 rgb(61.2344497608,114.9090909091,43.0909090909)}button.fill-trello-sky{box-shadow:0 1px 0 rgb(0,130.5,153)}button.fill-trello-blue{box-shadow:0 1px 0 rgb(5.196969697,89.8333333333,141.803030303)}button.fill-trello-purple{box-shadow:0 1px 0 rgb(109.4921259843,76.7244094488,126.2755905512)}button.fill-trello-pink{box-shadow:0 1px 0 rgb(187.2558139535,56.7441860465,119.1627906977)}button.fill-trello-gray{box-shadow:0 1px 0 hsl(201.4285714286,5.9829059829%,44.1176470588%)}button.fill-trello-photo{color:#474747}.dummy-board-container{background:#f5f5f5;border-radius:10px;filter:drop-shadow(0 0 2px #444)}.dummy-board-container h2{margin-top:0}.color-tile-bar{display:flex;position:relative;justify-content:space-between;min-height:83px;margin:0 0 20px 0;padding:0;list-style:none}.color-tile-bar li{margin:0;padding:0}.color-tile-bar label{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:60px;height:60px;border-radius:3px;text-align:center;cursor:pointer;user-select:none;transition-duration:.25s;transition-property:height,color,background-color}.color-tile-bar label:hover{height:65px}.color-tile-bar label::before{color:#fff;transition-duration:.25s;transition-property:color}.color-tile-bar label.mod-light-background{color:#474747}.color-tile-bar .color-tile-edit-color{display:none;width:100%;height:19px;margin-left:-5px;padding:0;color:inherit !important;background:none !important;box-shadow:none;text-shadow:none !important;font-size:12px}.color-tile-bar .color-tile-edit-color::before{display:inline-block;width:10px;height:10px;margin-right:1px;content:" "}.color-tile-bar .color-tile-edit-color:hover{text-decoration:none;background:none !important}.color-tile-bar .color-tile-edit-color::before{background:url("images/pencil-white.svg");background-size:cover}.color-tile-bar .color-tile-edit-color:hover{text-decoration:underline}.color-tile-bar .mod-light-background .color-tile-edit-color::before{background:url("images/pencil.svg");background-size:cover}.color-tile-bar input:checked+label{height:83px}.color-tile-bar input:checked+label::before{position:relative;top:-20px;width:26px;height:22px;content:" ";background:url("images/tick-white.svg");background-size:cover;border-radius:3px;font-size:26px}.color-tile-bar input:checked+label[for=ColorTile-custom]::before{top:-6px}.color-tile-bar input:checked+label.mod-light-background::before{color:#474747;background:url("images/tick.svg");background-size:cover}.color-tile-bar input:checked+label.custom::before{top:-10px}.color-tile-bar input:checked+label .color-tile-edit-color{display:inline}.color-tile-bar input{display:none}.opacity-input-label{display:flex;justify-content:space-between;padding:0 5px;box-sizing:content-box;color:#474747}.opacity-input-label input{width:100%;margin:0 10px}input[type=range]{-webkit-appearance:none;background:rgba(0,0,0,0)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;background:#fff;border-radius:10px;border:0;box-shadow:0 0 3px gray;cursor:pointer}input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;background:#fff;border-radius:10px;border:0;box-shadow:0 0 3px gray;cursor:pointer}input[type=range]::-moz-range-track{height:4px;background:rgba(0,0,0,.3);border-radius:4px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:rgba(0,0,0,.3);border-radius:4px}.dummy-board{margin:20px 0 0;padding:10px;border-radius:17px;user-select:none;transition:background .25s}.dummy-board .dummy-board_body{display:flex;align-items:flex-start}.dummy-board .dummy-board_list{min-width:270px;max-width:270px;border-radius:12px;box-shadow:0 1px 1px rgba(9,30,66,.2509803922),0 0 1px rgba(9,30,66,.3098039216);font-size:14px;transition:background .25s}@media(max-width: 800px){.dummy-board .dummy-board_list{min-width:220px;max-width:220px}}.dummy-board .dummy-board_list:not(.fill-normal) .dummy-board_list-header,.dummy-board .dummy-board_list:not(.fill-normal) .dummy-board_add-card{color:#fff}.dummy-board .dummy-board_list.mod-light-background .dummy-board_list-header,.dummy-board .dummy-board_list.mod-light-background .dummy-board_add-card{color:#292929}.dummy-board .dummy-board_list.dummy-board_demo-list{margin:0 10px}.dummy-board .dummy-board_list .dummy-board_list-header{height:20px;margin:14px 18px;line-height:18px;font-weight:700}.dummy-board .dummy-board_list .dummy-board_card{box-sizing:content-box;margin:0 8px 6px;padding:9px 10px;color:#444;background:#fff;border-radius:8px;box-shadow:0 1px 1px rgba(9,30,66,.2509803922),0 0 1px rgba(9,30,66,.3098039216);line-height:18px}.dummy-board .dummy-board_list .dummy-board_add-card{height:18px;margin:0;padding:14px 19px;line-height:18px}.dummy-board .dummy-board_list .dummy-board_add-card svg{margin-right:6px;vertical-align:sub}h2{clear:both;margin-top:90px;color:#45525f}h3{margin-top:45px}h4{margin:70px 0 40px}dialog{all:unset}dialog dialog-contents{padding:30px;background-color:#f5f5f5;border:0;border-radius:5px;filter:drop-shadow(0 0 2px #444)}details{transition:background .25s}details h4{margin:40px 0 30px}details h5{margin:10px 0}table{margin:30px 0}th{padding-bottom:10px;text-align:left}dl div{margin-bottom:10px;margin-left:20px}dt{font-weight:bold}dd,dt{display:inline}dd{margin-left:0}del.unavailable{display:none}button{font-size:1rem}label{cursor:pointer;user-select:none}aside{margin:auto -20px;padding:20px;background:#fffcb9;border-radius:10px}aside h2,aside p{color:#292929}aside h2{margin:0 0 10px;font-size:20px}aside p{margin:10px 0}aside p:last-child{margin-bottom:0}.tag{padding:0 2px;background:#d0f2ff;border-radius:2px;white-space:nowrap;font-weight:bold}button:focus{outline:0}button[data-active=yes]{padding-top:3px;border-bottom:3px solid #5f87ff;outline:0;cursor:default}button[data-active=yes]:hover{text-decoration:none}footer{padding-bottom:25px;background-image:url("/pxlppl.svg");background-repeat:no-repeat;background-size:24px 11px}html,body{width:100vw;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}body{margin:70px auto;color:#474747;line-height:1.6em;font-family:"Helvetica Neue","Helvetica",Arial sans-serif}.back-button{position:absolute;top:20px}.back-button,footer,header,section{width:calc(90vw - 20px);max-width:700px}#GetIt{width:100vw;max-width:100vw;box-sizing:border-box;padding:0 20px}@media all and (max-width: 700px){#GetIt{text-align:center}}footer{margin-top:100px;background-position:bottom left}@media all and (max-width: 849px){footer{text-align:center;margin-top:50px;background-position:center bottom}}#Navigator{position:fixed;top:50px;left:0;background:#f5f5f5;border-radius:0 10px 10px 0;filter:drop-shadow(0 0 2px #444);padding:10px}#Navigator h2{margin-top:0}#Navigator ul{margin-bottom:0;padding-bottom:0}@media all and (min-width: 850px){.dummy-board-container{width:850px;margin:80px 0 40px -95px;padding:20px}}@media all and (max-width: 849px){.dummy-board-container{width:100%;margin:30px 0;padding:10px;box-sizing:border-box}.dummy-board-container .dummy-board{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:scroll}.dummy-board-container .dummy-board .dummy-board_body{width:850px}.dummy-board-container .dummy-board .dummy-board_list:last-child{margin-right:10px}.dummy-board-container .color-tile-bar,.dummy-board-container label{display:none}}#MainHeader h1{line-height:37px}#MainHeader img,#MainHeader svg{float:left}#MainHeader img{width:40px;margin-right:20px}#MainHeader svg{width:52px;margin-top:-6px;margin-right:14px}#Intro h2{margin-top:30px}form[action="https://www.paypal.com/donate"]{text-align:center;margin-top:40px}.first-paragraph{margin:40px 0 20px;font-size:1.3rem}#Extensions{display:flex;flex-direction:column}.extension-blurb{margin-top:50px;border:0}.extension-blurb h3{display:inline;line-height:37px}.extension-blurb img{float:left;width:40px;margin-right:20px}.before-and-after{margin:0}.before-and-after img{height:auto;max-width:calc(50% - 20px);margin-right:20px}.before-and-after img:last-of-type{margin-right:0}.download-link{display:inline-block;height:50px;border-radius:5px;line-height:48px;text-decoration:none}.download-link.firefox{padding:0 17px 0 13px;color:#fff;background:#719806}.download-link svg{height:16px;margin-right:8px;color:#fff;fill:#fff;vertical-align:-2px}[href="#GetIt"]{display:inline-block;padding:10px 15px;border-radius:7px}[href="#GetIt"]:link,[href="#GetIt"]:visited{color:#fff;background:#3365ff}[href="#GetIt"]:hover{background:#164ef9;text-decoration:none}[href="#GetIt"]::before{content:"⬇︎ ";padding-right:5px}#GetIt{width:100%;margin:80px 0;color:#333;background:#b9edff}#GetIt h2,#GetIt>p,#GetIt>div{max-width:900px;margin:20px auto 0}#GetIt h3{margin-top:20px}.browsers{display:flex;justify-content:space-between}@media all and (max-width: 900px){.browsers{flex-direction:column;align-items:center}}.browser{text-align:center;margin-top:20px}.browser img{width:203px}.browser img:hover{filter:drop-shadow(0 0 3px #000);transform:scale(1.1) rotate(-3deg)}.current-browser-opera .browser,.current-browser-chrome .browser,.current-browser-firefox .browser,.current-browser-edge .browser{opacity:.5}.current-browser-opera .browser:hover,.current-browser-chrome .browser:hover,.current-browser-firefox .browser:hover,.current-browser-edge .browser:hover{opacity:1}.current-browser-opera .browser img,.current-browser-chrome .browser img,.current-browser-firefox .browser img,.current-browser-edge .browser img{width:123px}.current-browser-opera .browser-opera{order:1;opacity:1;margin-top:0}.current-browser-opera .browser-opera img{width:203px}.current-browser-opera .browser-firefox{order:2}.current-browser-opera .browser-chrome{order:3}.current-browser-opera .browser-edge{order:4}.current-browser-firefox .browser-firefox{order:1;opacity:1;margin-top:0}.current-browser-firefox .browser-firefox img{width:203px}.current-browser-firefox .browser-opera{order:2}.current-browser-firefox .browser-chrome{order:3}.current-browser-firefox .browser-edge{order:4}.current-browser-chrome .browser-chrome{order:1;opacity:1;margin-top:0}.current-browser-chrome .browser-chrome img{width:203px}.current-browser-chrome .browser-firefox{order:2}.current-browser-chrome .browser-opera{order:3}.current-browser-chrome .browser-edge{order:4}.current-browser-edge .browser-edge{order:1;opacity:1;margin-top:0}.current-browser-edge .browser-edge img{width:203px}.current-browser-edge .browser-firefox{order:2}.current-browser-edge .browser-chrome{order:3}.current-browser-edge .browser-opera{order:4}.browser-chrome.problems{filter:grayscale(1);opacity:.5 !important}.browser-chrome.problems img:hover{filter:none;transform:none}.version-history li{padding-left:8.5ch;text-indent:-8.5ch}