.paletteSection{background-color:#eee;border:1px solid #bbb;border-radius:5px;margin-bottom:30px;padding:10px;box-shadow:0 0 20px #0000004d}.paletteSection h3{text-align:center;margin:5px 0 20px;font-size:135%}.paletteSection table.layout{width:100%}.paletteSection table.layout>tr>td{text-align:left}.paletteSection table.layout>tr>td.top{vertical-align:top}.paletteSection table.layout>tr>td.right{text-align:right}.paletteSection table.layout>tr>td.right table{width:100%}.paletteCreator table{border-collapse:separate}.paletteCreator th,.paletteCreator td{text-align:center;padding:2px}.paletteCreator th{background-color:#fff}.paletteCreator td.nowrap{white-space:nowrap}.paletteCreator table.topForm button{margin-bottom:15px;margin-left:5px;padding:3px 10px}.paletteCreator th.colorHeader{vertical-align:middle;text-shadow:0 0 2px #fff;width:20pt;height:50pt}.paletteCreator th.colorHeader span{writing-mode:vertical-lr;transform:rotate(180deg)}.paletteCreator th.colorHeader.unset,.paletteCreator input::placeholder{color:#aaa;font-size:85%;font-weight:400}.paletteCreator input:disabled{color:#9e9e9e;cursor:not-allowed;background-color:#e0e0e0;border:1px solid #bdbdbd}.paletteCreator input.hexCode{width:45pt}.paletteCreator input[type=color]{cursor:pointer;background:0 0;border:0;width:50pt;margin:0;padding:0}.paletteCreator input[type=color].invalid{opacity:.5;border:2px dashed #000}.paletteCreator input.colorName{width:100pt}.paletteCreator input.drawingOrder{text-align:center;width:20pt}.paletteCreator span.explainer{font-size:80%;font-weight:400}.outputGenerator.disabled{opacity:.3}.outputGenerator td.hashesControls{white-space:nowrap}.outputGenerator td.hashesControls input{width:50px}.outputGenerator td.hashesToRun{width:100%;padding-left:10px}.outputGenerator td.hashesToRun textarea{width:100%;height:100px}:root{--num-output-columns:5}.outputGenerator div.outputs{grid-template-columns:repeat(var(--num-output-columns), 1fr);gap:10px;display:grid}.outputGenerator div.outputs div.output{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.outputGenerator div.outputs div.output.pending{background-color:#d3d3d3}.outputGenerator div.outputs div.output.result{align-items:start}.outputGenerator div.outputs div.output:before{content:"";padding-top:133.33%;display:block}.outputGenerator div.outputs div.output div.active{background-color:#efe;border:1px dashed #0d0}.outputGenerator div.outputs div.output img{width:100%}.outputGenerator div.zoomedBackdrop{z-index:999;background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.outputGenerator div.outputGeneratorZoomed{z-index:1000;background-color:#fff;max-width:90vw;max-height:90vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.outputGenerator div.outputGeneratorZoomed img.zoomedImage{max-width:calc(85vw - 300px);height:100%;max-height:85vh;padding-right:20px}.outputGenerator div.outputGeneratorZoomed td{white-space:nowrap;border-collapse:collapse;padding:2px 10px 2px 0}.outputGenerator div.outputGeneratorZoomed button{align-items:center;display:inline-flex}.outputGenerator div.outputGeneratorZoomed button img{width:16px;height:auto;padding:3px}.outputGenerator div.outputGeneratorZoomed div.buttonsContainer{text-align:center;padding-bottom:15px}.outputGenerator div.outputGeneratorZoomed button.close{position:absolute;top:10px;right:10px}.pendingUserAction{color:#888;text-align:center;background-color:#ddd;border:1px dashed #aaa;margin-top:2px;padding:10px}.paletteSelectionDetails{text-align:center}span.paletteCreatorName{white-space:nowrap;background-color:#eee;border:1px solid #aaa;border-radius:3px;margin-top:3px;margin-left:15px;padding-left:5px;padding-right:5px;display:inline-block}span.paletteCreatorName:hover{background-color:#f3f3f3;border:1px solid #ccc}h3.paletteVisualizer{border-bottom:1px solid #ccc;padding-top:30px}p.paletteBlurb{font-style:italic}table.paletteVisualizer{border-collapse:collapse;border:none;max-width:750px;margin:0;font-size:85%}table.paletteVisualizer td,table.paletteVisualizer td img{border:none;margin:0;padding:0}table.paletteVisualizer th.penColor,table.paletteVisualizer td.penColor{text-align:left;min-width:100px;padding-right:10px}table.paletteVisualizer td.penColor.note{opacity:.8;font-size:85%}table.paletteVisualizer td.paperColor{text-align:center;padding:0 5px 5px}table.paletteVisualizer td img{display:block}div.paletteTrackerConnectionRequired{text-align:center;padding:30px}div.paletteTrackerLoading{text-align:center;background-color:#ddd;border:1px solid #777;border-radius:3px;padding:30px}div.paletteTracker{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}div.paletteTrackerControls input[type=text]{width:300px}div.paletteTracker div.creator{border:1px solid #777;border-radius:3px;min-height:50px;padding:5px}div.paletteTracker div.creator.empty{background-color:#ddd;border-style:dashed}div.paletteTracker div.creator.partial{background-color:#f4f5b0;border-color:#d2ba44}div.paletteTracker div.creator.full{background-color:#d9f9d9;border-color:#60a460}div.paletteTracker div.palette{border:1px solid #777;border-radius:3px;margin-top:5px;padding:5px}div.paletteTracker div.palette.empty{background-color:#ccc;border-style:dashed}div.paletteTracker div.palette.full{background-color:#bbf7bb;border-color:#558a55}div.paletteTracker div.creatorName{font-size:115%;font-weight:700}div.paletteTracker div.paletteName{padding-bottom:3px}div.paletteTracker div.token{background-color:#fff;border:1px solid #777;border-radius:3px;margin:5px;padding:5px;display:inline-block}