.FieldNoteDropdown{width:340px;height:300px;display:flex;flex-direction:column}.FieldNoteDropdown .custom-container,.FieldNoteDropdown .collection-container{display:none;flex-grow:1;height:100%;overflow-y:auto;flex-direction:column}.FieldNoteDropdown .custom-container{text-align:center}.FieldNoteDropdown .menu{display:flex;flex-direction:row}.FieldNoteDropdown .menu>div{width:50%;color:#fff;padding:6px;border-bottom:2px solid;border-bottom-color:#0000;text-align:center;cursor:pointer}.FieldNoteDropdown .menu>div:hover{background-color:#0000000d}.FieldNoteDropdown .menu>div.active{border-bottom-color:#fff;background:none}.FieldNoteDropdown .custom-container .editor{display:flex;flex-direction:row;width:100%;color:#fff;align-items:stretch;margin-top:10px}.FieldNoteDropdown .custom-container .editor>div,.FieldNoteDropdown .custom-container .editor>div.notes>div{height:100%;display:flex;flex-direction:column}.FieldNoteDropdown .custom-container .editor>div{padding-bottom:10px}.FieldNoteDropdown .custom-container .editor>div.notes{height:100%;flex-direction:row;overflow-x:scroll;flex-grow:1;padding-bottom:0;outline:2px solid rgba(255,255,255,.4)}.FieldNoteDropdown .custom-container .editor>div ul{margin:0;padding:0;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.FieldNoteDropdown .custom-container .editor>div ul>li{list-style:none;margin:0;padding:0;width:30px;height:22px;display:flex;justify-content:center;align-items:center}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio]{visibility:hidden;width:18px;height:18px;position:relative;display:block;margin:0}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio]:after{width:100%;height:100%;border-radius:3px;content:" ";background-color:#fff;visibility:visible;position:absolute}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=C6]:checked:after{background-color:#c0392b}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=B5]:checked:after{background-color:#9b59b6}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=A5]:checked:after{background-color:#3498db}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=G5]:checked:after{background-color:#16a085}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=F5]:checked:after{background-color:#27ae60}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=E5]:checked:after{background-color:#f1c40f}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=D5]:checked:after{background-color:#e67e22}.FieldNoteDropdown .custom-container .editor>div ul>li input[type=radio][value=C5]:checked:after{background-color:#95a5a6}.FieldNoteDropdown .custom-container .editor>div ul>li button{color:#fff;background-color:transparent;font-size:22px;padding:0;border:none;cursor:pointer;outline:none}.FieldNoteDropdown .custom-container .editor .note-select.active input[type=radio]:after{background-color:#f6ddcc}.FieldNoteDropdown .button-group{flex-grow:1;text-align:center;display:flex;flex-direction:row;justify-content:space-around;margin-top:10px}.FieldNoteDropdown .button-group>button{background-color:transparent;color:#fff;border-radius:4px;padding:0;border:none;font-size:24px;margin:0;cursor:pointer;outline:none}.FieldNoteDropdown .collection-container{padding:10px}.FieldNoteDropdown .collection-container>ul{padding:0;margin:0}.FieldNoteDropdown .collection-container>ul>li{width:100%;list-style:none;margin-bottom:10px}.FieldNoteDropdown .collection-container>ul>li>.item{border-radius:4px;background-color:#fff6;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.FieldNoteDropdown .collection-container>ul>li>.item:hover{box-shadow:0 0 0 2px #fff}.FieldNoteDropdown .collection-container>ul>li>.item.active{box-shadow:0 0 0 2px #fc3}.FieldNoteDropdown .collection-container>ul>li>.item>div.name{padding:10px}.FieldNoteDropdown .collection-container>ul>li>.item>div.play-btn,.FieldNoteDropdown .collection-container>ul>li>.item>div.stop-btn{padding:10px;border-left:1px solid rgba(0,0,0,.2)}.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url(data:image/png;base64,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);font-family:Arial,Helvetica,sans-serif;display:none;z-index:9999}.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(/assets/colorpicker_overlay-OBgXniE1.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(data:image/gif;base64,R0lGODlhCwALAJECAAAAAP///////wAAACH5BAEAAAIALAAAAAALAAsAAAIflINoG+AeGFgGxEaXxVns2X2dh4CZJXBadDxQlihGAQA7);margin:-5px 0 0 -5px}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(data:image/gif;base64,R0lGODlhIwAJAJEAADk5OVtbW////wAAACH5BAEAAAIALAAAAAAjAAkAAAInTISpy50WwHG0imiAtFxF+W2dFWaaODYheE6pU37uC2vZTNdQ3hkFADs=) left top;margin:-4px 0 0;left:0}.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAsCAIAAABJ6mlcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAGaSURBVHja7Jixa8JAFMa/JAdmyGJB4iIdAhqySSfplH9Gi3+P0PjX3FSciuBQ3Iq4GFwP7GLpcCDXi1LRQF8e900fyQXej/eS3H1ekiRRFIGXlFIiiqL9fs8MrNPpCAC+74OdBIAgCHiCCSFueJLgm6mUqgEMwHa7pUPV6/VMkLvAyI2fAeLrd+ysZrOZZUwRBDNr8/VX8awArFYr01h3qcmsTQD4OhysFa9FoY2U8nTRWtYKQ2pgpwpbYegD+K5oMh4DyPM8z3NtqssIdsysTQCA511a2u/3LUNaBogAUMUq5nNzDqWUL5NJA7isH7R3rmN6/KSU2gBIBwPyDfvdsUujmKapZZo2ihWw6XSqr59MQ7i8v0cxyzLLMAG7cnvGEOx4PLLtGPXzGE8wpRTPMOeh3e7GMTOwXVmKbhy/L5fMwJ6GQ5dSNRHstswjo7eB/Fiv6wlz3hYLOlTPo5FLqVxKRUT1pFQEZVboUiqXUv0n1zXHFpdSUR5Fl1JxALtye8YQ7HOzYdsx6ucxnmC7snwkFujWEub8DAA5n9W+w+9WGgAAAABJRU5ErkJggg==) top;left:212px;top:142px}.colorpicker_rgb_r{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAOwSURBVHja7JlBSxtBFMffxmUTYwi2a1ghpqEY19hLDJ6kxyL4ESoeFAwIihZB8OZZyMG0nrTipxAsDQEvVVKoUTRtTBQbtGKIFoTdbHSzsYeNy7qbJkGZdJbmMYdh5g3zZ+bN7rzfEJ2dnTabDYxmHMeRNpstm80aTrrD4SABwGQygQGNBICmpiajSidJ8hEjUZ8QjuNQSQeA09NTRLpdLldVVU+SjjYeapGuj/WpqSmlLghCNBrd39+vs/SqJ9Akf2E05vF4Njc319bW1tfXc7lcIBBwOp0aH9TS1XPt7e3pZycBIC8I+pHxePz8/PzX2dnXaPTj6irDMPGDA6vVqjiYLRak0hVVPxIJAIjFYj1er3p2EgCKxaJ+pMfjcTgcZrO5t7e3paVla2uL53kLYrlqU1R1s2wylZLrbFfXg1gHgtCPnJyclCuXl5fz8/PJZNLtdpf1RGWquViWLX9My8qZmZnZ3d0dHBycm5uz2+2ujg6L2VzPY6qoShweyhVvd7f2mBI6k/teuFw/T04+bWzMzs46nc6yPigXvWRyiBMEcZhMqmc3lbZGU5QtI4jP4XA2m307NJS/uSnjgzRg7ktPTw8AeL1e9eyEz+e7vb3VjGJZNhKJ0DQtf1JaW1tFUUyn021tbYoPRVFI/6Z6VWqjKIqU90LTkUqlaJq2WCxy1/X1tSiKVqu1WCzW7a5WNSYJn89XKBRQ/KifaJVVkfL0jztzkiT921V/vHQs7utGlc5xnFHT6ufPnrUzjOGkX2QyZDvDfIvFDCe9z+9vEAFjEYFXqos/CvueSCBMq79sbyPS/bq/v0EEGkQAFyKA2ioTgZL0BhFoEIEGEcCaCJRPNUKh0NHREU3TBEHk8/nFxUVRFHmeb25urmOoP1Alq6+eJRmCCPw1wdOkThRFURSlv2kYMq0+SacbROA/JAIXmYzb5TJiWm3IrBQA7HY7pkSgz+9/MzBQwSESDuNLBKoyTXyJQE3S8SQCoigalQhUftXAmgjUtOp4EoGqsY4vEZBUtrCwID20kvS8IGiKTASOj49jOzvvQyGe5xmG+X11pfGpj/RgMAgAwWBQIx1fIiDdP4O9m57+sLQk16dVkYwvESioYn1iYkLfiC8RUB4fl5eX5cr4+LgxiIBUKMglMDYmi1xZWVEasSYCBUlSyujoKACMjIwoLVgTAc1r9fDwsKYFXyIgVXv+x5cI1HRzxJAIvHS7EUpHHjDlfpTGkF6suur4EoG7uwqdOUH4MwCllHKmGpTirAAAAABJRU5ErkJggg==);top:52px;left:212px}.colorpicker_rgb_g{background-image:url(data:image/png;base64,);top:82px;left:212px}.colorpicker_rgb_b{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAANQSURBVHja7JpBSxtBGIa/3Wyt4pqwosaDUWrWmPS2eDF48FAM3urdg4IFIagFf4UgSKi56A+wf8CbBBQpHtKSg7CJ5hAXL0aPbrLFZLM9jG432ZgN1kln2v3wMG5mmIfhnc3MQ5hgMMjzPNBWqqpyPM/f3d1Rhz44OMgBAMuyQGFxAODxeGhF5zjuBSNx7xBVVXGhA8D19TUm7kAg4Ej1R+h489AOuj3r6+vrZvv8/Pz4+Ljz6I47sPkbRhTFVCp1e3vb29sbi8UMwzg9PW3oYxgGVnQrVSaTkSSpYXYOAH5qmn3k4eFhoVB4w3F9fX3BYPDrwcHAwIC1w9vubqzoJlU2l0P0kXDYOjsHALVazT5yfn6+XC57vd7p6elEIlEql/ubdcNXJtVkKHSZz6N2aGKiLjDAMPaRoihqmsaybE9Pj8/nEwShaTeMZZkuFAo1z3pTomQymc1mPSz7cWEhHo9/T6c7C/6bKndxgRrhycm6zQAAjK3QZ/6hodHRUUEQAKBwdVUzDHsfnIv+WCjiDMNcXF5aZ382MGtra5VKhef5kZGRk5OTv3BesFBFIhEACFu26VNgbOiJREJRlK6uLoZh7u/vZVn2+XxMZ7PeMB2id0bP5/OlUsn8d3x8vBvzq9AR/Zlt2qxTO6erQCBAIrpj6bpO6KrTcV6nFV1VVVqv1f2CMOz3U4d+Uyxyw37/j0yGOvQpSXKNAF1G4H39ieLVS87lMF6rv52dYeKeiUZdI/CPGQHc1doIPKK/zAjgrtZG4BHdNQKuEXCNgGsEXCPwmkZgJhql8lpdUBTXCPyHRuCmWBzDKbHwXaupvJUCgNfrJdQITEnSh7m5Fh1SR0fkGgFHp0muEWgLnUwjUKlUaDUCDw8PtBqBtladTCPgmHUWvWEaShRFRVHS6bQsy7FYbHZ21t6nA+hmbW1t6fVFtBEwV31nZwcAtre3Nzc36TACerWKGp83Nr7s7qL2hiXJ5BqBqiXr8Xjc/pBcI1B9WvW9vT3UWF1dpcMI6NUq+vu0soIg9/f3zYdEGwFrNpaXlwFgaWnJFhgijYAZGFSLi4sNT8g1Ano9KE1GoK2TI4FG4N3YGEZ07IFx+gYkF73muOrkGoGWPwEta9qvAQBPtPTdMmi31AAAAABJRU5ErkJggg==);top:112px;left:212px}.colorpicker_hsb_h{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAN6SURBVHja7JnPSuNAGMC/aVJta1FqqO3BRhZrbfcixVP1uAi+gCcPCi4Igq6PUelFdr3oK/gIssfFi6V42cZNYREVLF6KxEbbJtnD1BCTtBHd2c6w+QhlJvnC/Jh++TO/oOnp6Wg0CqyFoih8NBq9u7tjDj0ej/MAEAgEgMHgAYDjOFbReZ5/w5mkrxBFUUihA8DV1RUh7lQq5Un1LnSy9eBFFcC1bovd3V1RFM3uysrKwsKCLYc0Otc3uugBR6TT6Uaj8fT0hLuTk5PBYLDRaFhzSKNbxzo/P7cRdgvmUVWdZ6qqqjabCAAAdE1rt9vNh4dIOGwmDIdCRNFNqqokAUClUslls9bReQDQdd155vLycrPZDPI8AIwLgmEYhmG4ZhIKc6zZTOaXLON2ZmbmxWUKCDnPTKfTqqrivyYcDuu6Dgi5ZpIKy1iZTMb9DuOKc3BwUK1WuUAAAIp7e4Zh9MokRf7ckC4ucCM7O+tA7zGXiYmJSCQCAKHhYZ7nUe9MMpPeHSuXzVYlCXet9D0LprsfHzJ/B1QwuVwOALKWyxQAuGQyqes6ehmyLJfL5UgkMjQ0hBC6vr4+OztrtVojIyNmDsdx9/f3hLDHxsZsVPF43NrlOM69YGRZFgQhFArhQzc3NwihWCw2kILpmTA3N9fpdEg8qN8Z/al4PPzb5lLTtMHO+tvRqXhfZxVdURRWl9XjsVgykWAO/bZe55OJRLlSYQ59Pp/3jQBbRuDjyzeKvx4/JYngsvrH6Skh7sVCwTcCvhGgxQiQjv5GoIvuGwHfCPhGgGoj4D7r+/v7tVpNEAR86Pj4uFarwYBm3Urvjc6EEehZ67alU9jtjr5YKDC5rP59eekbgf/QCNzW61OpFIvLaiZXpQAwOjpKqRGYz+c/LS31Sfh+ckKvEfB0mvQagVeh02kE2u02q0ag1WqxagQ8Z51eI6D1DaqNgBW0WCy6oz+qqm0zjQDumkbAlvNv0EulEgCUSiUbOr1GQHv+DPZlZ+frt2+4vbO9zYAR6Fju61tbW86d9BoB8+Pj4eEhbmxubtrvMMgRphEQRVEURasRsOUQLRi8fd7YwJBHR0fmTqqNgLU21tfXAWBtbc1RMFQaAdvX6tXVVdseeo2A5vX5n14j8Ko3RwqNwIepKYLoxAvG6/FHL7ruOev0GgHD6HOwqap/BgCyOj0SRJlwPQAAAABJRU5ErkJggg==);top:52px;left:282px}.colorpicker_hsb_s{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAQZSURBVHja7JpBSNtgFMdfanRVgm0zpNUtk7VrV3fpiiDI8LTtpBXBowcLHQiCDoTZq8eCKOi8KHj0KB42bEB21NaC9DDZ2lqUaQ9TD2rJ7GqTdodolyYl6dy+Ltn6J4eQvo/3J335vrzfF8xmsxEEAVoTwzA4QRCnp6eas97S0oIDgE6nAw0KB4C6ujqtWsdx/BYjUT8hDMOgsg4AR0dHiHxTFKXo6reso62HSqxLa72xsXFoaIgkyUwmk0wmg8Fg9a0rPoHlZxi/3395eUnTtF6vHxgYaGpqWltbE8UUCgWk1oWuotGo2+0WZccB4HsmIxpmMpnm5ubC4bDBYMjlcm1tbQcHB60WizDmjl6P1HrR1edYjHff4XQKs+MAkM/nRcMSicTU1NTOzs7ux4/xeHx9fb1QKEjDkKqY7rHDkdjb488ddvvPirJYLCzLAoYJj1AolEwmzWazp7//+YsX6XT64uJCFFNfX59OpxH5NhgMQld3byTMrgMArPR4QFEejyceiy0sLHg8ntXVVZ/Px7KsKAy1ioniNxJl1wEAVirAsL6+PpvNZjQY7t+7941hAODk5CRfKJSEobZ+I77EMQyLJxLC7DgfJRyTSqU2NzffTE4eHh5ms1m73U7T9PXahmHVK3ZBro6ODgBwCh5TAMBcLtfV1ZV0IEmSra2tRqMxHA7v7u6SJGk2m4UBDQ0NSFfTsq6E2XH+v5D+dnZ2lkqlstksx3FWq1WPeCosWzAKAS6Xi2VZFAv1b0reFc6nv90zx3Hc373rt7euivd1rVpnGEarbTVpMllKZz1N6OvxMW4xm3eiUc1Z73S7a0RAW0TgSekbxR/Xp1gMYVu9GQoh8v2su7tGBP4xIoBa8kTg2vrtiABqyROBa+saJQJ42bZtZmbG6XR2dXUNe70AsLy8HIlEql3sAlcOh6NMRdWIQI0I/AoRKN9qrKysBINBngjMz8/zRKDKK5fIFe++oi5J/URArsEjCEK+gXrW3a3Jtvrgy5caEfgPicDX4+N2itJiW63JrhQAmpubVUoEOt3u5y9fygR82NhQLxFQZJrqJQIVWVcnEcjlclolAvK7GqomAhXddXUSAcVa1/EzjEh+v58kSZqmt7e3e3p6BgcHpTFVsF5UIBDgSqVqIlC867OzswAwPT09MTGhDSLA3WyDvR4fn3/7lj8fHxvTABFgBbU+OjoqvYiDpL2nKMr19On7d+8ikUggEPB6vT6fb2trq766E1Fx83FxcZE/GRkZkcAMVRIBjmX545XPx5tcWloqXlQ1ERDWhtfrBYDh4WHhRczT25vc35eOVPxG4JHVinQ1bTYaZQLS5+fqJQKc0va/eolARW+OKiQCD9vbEVpHXjBKK6B6recV77p6iYDsJ6CXmcyPAQBGu49cr2kIwAAAAABJRU5ErkJggg==);top:82px;left:282px}.colorpicker_hsb_b{background-image:url(data:image/png;base64,);top:112px;left:282px}.colorpicker_submit{position:absolute;width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAsCAIAAADuN9+nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAANeSURBVHja7JTfb9tUFMe/1/c6tuMfsdNkdbem6xZtbILS/ShIFG3ihYdJSNszSCDxvyHeYOrbNFaQ0OCh6yooo1PLoIvpaJvGsWM7cdzY4cFpSIMqQfIAk3bkB58rnY/uOffeDymXy4qiYNTwfZ8pilKtVkdGFItFBoDjOIwRDACldFwEY2xo1ch03hGDucOoUOvCFw+4wk+88L3ctln0jxBvzfh3zkeXZt+d1i8pzSw80felxY36zRXrLr+9olhDCGqaZjqONBZeDz56n7x36+OSykQ34GoRV+uKTfVU7sL0lbeNp2o9bu9JNjcQx2ahqIcf3G4t3vhEi6qgOjgdYhaainAK7oRWNxZv3W58OfGrvN/g3WON9E/kwjXv9NwVacZBkINkQi5CVKBpCCaR1UGMbE2eKnuv7VxfLXyTlnS7XQYgbLXSXCw3xNLsC5LkFF0RC0wxkc1D0+FOJEQLQt5pgJ8qZTZmQ7lXIogiA5AkSZq72mGgCW3EHkSdybpuZKUzRM6HVHI8OBKcDDxJcw+1fkmvERCSJjsJLLQJmAG4gAvkBYFKkg04R58bYQdJv6SH6Ge/77N1p6oUJjSEBsJJIADhABfYa8NuwY1gHTgW2+eH7gU5QjZ/lpY3f3mjoBroRGAJqAcQgoCixrCbYC/ASmWzKW3pQ7vo70p9om09tvSLl+OCQMBCkCwIgJDApajyeBYcWLXHk6fW/9bIUc6HvPaV9kj4bu7O+ahIGyAiACACPA5Wo7q+elfPPeD5YKB7UNM0kyQhRyHYAp51ntu/1ZokzE62RNNpZSqbuxv3H27fW8q1l1SlQgaCUkrm5+c7nU7/nsRxHMdxh0+C6Uz73ExHPYumxrY94fm2HFqURIwxSml/4yx9YP08/SGEsC5EC7AqQOWv0WcA8Om7wEknkr6Xf6uPYcQoyvF9f1z9TpmmoesjI+qOwwxdX11bGxlx/erVVwY/GXHtsvfhDW5x4VPNdmDV4Aaw1Vwk5abnSuWb8hdrXOvhqvr0xFn8NwbvIcYxeA/xyuD/J4MPW0vdUvGZ/8PuUmXBP/2moBfPkChy/qi++PpHe/lRDsuquj9YP4xIDS7sZPKft4NvHzw5tzVo8HxoURbF8TGDDyNeaoPXHedsqTSOfv8cAI6z+2gFO4OaAAAAAElFTkSuQmCC) top;left:322px;top:142px;overflow:hidden}.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWQAAACwCAYAAAA4wxStAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABwtJREFUeNrs3U9rW1cawOFzZcWtpah1qCGJCa13A7OPod21UEqg60IplPkAA/NZBmbZVb9FKbMbZqDdjyjtQski6SKlSRVJxJGtnuORM3dC/0nnyD7jPg8cEkSu47y++nFyJV83i8UinGma5rX4y424duN6KQCwCU/jehTXt7HB3z1vcApyDPEg/v4Pcb1iTgDn6oe4vootHneWD4gxwMV4Zdng0F1epjiLcTeuj+N6L649cwLYiIdxfRbXp3HNU4NTi1OA91t/6E83b978cH9/P2xvbxsZwAYcHR3t3b9//6MHDx6kqxSfLB/eT0Hebf25O7du3QqPHz8ODx8+NDWADdjb2wuptTHId1pB3k11vtL6c7vdbleMATYoNTa19oUN8ZWO0QDUQZABBBkAQQaoUHfVA3Z2dsLBwUG4OhiYHsU9GY/DaDQKs9ls5WNff+ONMIjnZZPx96cbCYzj53Dv7t3guVHma2Yuv/1cXjnIYswmpXMrnWPD4XDlGF+/fr3I59Dr9U5/XTXKv9fnxq99zczlt5/L3XX+kuTLL75QD4q7fXi41pN3sDzmb//8V+i2bpi1qnnThD+/9ebzj+e5kf81M5cNXrKAGqX/Fp/uxp4ch+5JRpA7zf98PDhPgswlky43LDKOb4wQQQZBRpDhUukLMoIMdXDtF0GGSvSMAEEGQQZBhpZ+gY8xMUYEGerYIQsyggwFpBf1cu9mAYIMhXbIgowggyCDIMOZviAjyFCHdA055+cunBghggxl9AQZQQZBBkGGlr4gI8hQh3QNeSvj+GMjRJChjJ4gI8ggyCDI0NIXZAQZ6rCTeVrPjRBBhjJ6gowgQx36gowgQw1OwstxdTOOF2QEGYqY2h8jyCDIIMjQMhFkBBnqMAvehYwgQxWmFxjkJ+NxuDoYhNuHh7+7uad/u7msNpef0vEU5rIFOXetazQarfwEvCzRSf92c1ltLnbIXHqTC9whz2azMBwOfRHMZW2CzOV68gd3Q0aQoQpTQUaQQZBBkKFlIsgIMtQhXUNuMo5fGCGCDGVMBRlBBkEGQQZBRpChziCDIIMggyBDySC7wQuCDJUE+aoxIshQJsg5L8w1gowgQz1BBkEGQUaQQZAFGUGGDQQ55wZB3mGBIEMhT7dikDO2uR1FRpChkJ3gmgWCDFXoCzKCDHXoCTKCDIIMggwtO0aAIEMd+kaAIEMdegU+xrExIshQR5DHxoggQ750DTn3ZzgJMoIMBfSDH6qHIEMVeoKMIIMggyBDS7qGnHODoBMjRJCh3A5ZkBFkqEBfkBFksEMGQQZBRpChPulFva2M433bNIIMhfQFGUGGOvQEGUEGQQZBhpadzLN6boQIMpTRF2QEGerQE2QEGeqwPc87qzuKjCBDIRNbZAQZ6jAVZAQZ6jAL3veGIEM1O2RBRpChAhNBRpDBDhkEGQQZQYb6pBf13BAZQYYKTAQZQYY6TAUZQQZBBkGGlnQNuck4fmGECDKU2yELMoIMFZgIMoIMdsggyNAyMwIEGerZIYMgQwUmBT7GtjEiyFDHDlmQEWQoIF1DznlhLr0guGuMCDKU2SHnBhkEGQqYCDKCDHbIIMjwQpBzbhDUMUIEGUq4EuYxx+sHuSPICDKU0QsuWCDIIMggyCDICDJUpy/ICDLUYccIEGSoQ88IEGS4PEE+MkYEGfL1BRlBhjqka8i5P8Dpe2NEkCFfL/iJeggyCDIIMvxXX5ARZKhDuoacc3ugEyNEkKGMniAjyCDIIMggyAgy1BnkrYzjj40QQQZBBkFGkAUZQQZBBkHmUgc556SeGyGCDIIMgowgCzKCDOX1BRlBhjpsPY0r45W5hSIjyFDI1BYZQQZBBkGGF4LsjcgIMggyCDIIMoIMggyCDD8XZDdERpBBkEGQQZARZKjMRJARZKjDLK4m4/iFESLIUMZUkBFkEGQQZBBkBBkEGQQZfiHIIMggyCDIUDLILxsjggz5JoKMIEMd0jeG5Lww1xghggxlTAUZQQZBBkGGlokgI8hwoY6Pj0O32w3To27YWqx/y7bjpvP840H1QX4yHoerg0G4fXhoemxEOsdWNY7HXLt2LXzw9jtFPofxGp8DnHuQR6NRODg4OI0ybCLG6Rxb1d3lMYN4XjbN+tcdFovFaYzvrvE5wLkHeTabheFwaHJU5dmzZ+Gbr782CP6vdYwAQJABEGQAQQbgF4LcfsPl7OTk5PSVagA2IzV2Pp+n3z5qPfysu3zgteUDf79379776W1tAGzO8u2d/2g99Ci9YfNGXH9cPvBSXH+J693gcgbApqRvJ/08rr/G9XT52L+b9Eb4pmlup120GQFciHFs8Zdnu+Cv0gNmAnD+MV42OJzukM/EnfJ++M8ljFeD+14BbEoK7+O4vo0Nvn/24I8CDABMze9K75PmggAAAABJRU5ErkJggg==);font-family:Arial,Helvetica,sans-serif;display:none;z-index:9999}.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:red;overflow:hidden;cursor:crosshair}.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(/assets/colorpicker_overlay-OBgXniE1.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(data:image/gif;base64,R0lGODlhCwALAJECAAAAAP///////wAAACH5BAEAAAIALAAAAAALAAsAAAIflINoG+AeGFgGxEaXxVns2X2dh4CZJXBadDxQlihGAQA7);margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(data:image/gif;base64,R0lGODlhIwAJAJEAADk5OVtbW////wAAACH5BAEAAAIALAAAAAAjAAkAAAInTISpy50WwHG0imiAtFxF+W2dFWaaODYheE6pU37uC2vZTNdQ3hkFADs=) left top;margin:-4px 0 0;left:0}.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:red}.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:red}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;font-family:Arial,Helvetica,sans-serif;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px}.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAsCAIAAABJ6mlcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAGaSURBVHja7Jixa8JAFMa/JAdmyGJB4iIdAhqySSfplH9Gi3+P0PjX3FSciuBQ3Iq4GFwP7GLpcCDXi1LRQF8e900fyQXej/eS3H1ekiRRFIGXlFIiiqL9fs8MrNPpCAC+74OdBIAgCHiCCSFueJLgm6mUqgEMwHa7pUPV6/VMkLvAyI2fAeLrd+ysZrOZZUwRBDNr8/VX8awArFYr01h3qcmsTQD4OhysFa9FoY2U8nTRWtYKQ2pgpwpbYegD+K5oMh4DyPM8z3NtqssIdsysTQCA511a2u/3LUNaBogAUMUq5nNzDqWUL5NJA7isH7R3rmN6/KSU2gBIBwPyDfvdsUujmKapZZo2ihWw6XSqr59MQ7i8v0cxyzLLMAG7cnvGEOx4PLLtGPXzGE8wpRTPMOeh3e7GMTOwXVmKbhy/L5fMwJ6GQ5dSNRHstswjo7eB/Fiv6wlz3hYLOlTPo5FLqVxKRUT1pFQEZVboUiqXUv0n1zXHFpdSUR5Fl1JxALtye8YQ7HOzYdsx6ucxnmC7snwkFujWEub8DAA5n9W+w+9WGgAAAABJRU5ErkJggg==) top;left:212px;top:142px}.colorpicker_hex input{right:6px}.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute}.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_rgb_r{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAOwSURBVHja7JlBSxtBFMffxmUTYwi2a1ghpqEY19hLDJ6kxyL4ESoeFAwIihZB8OZZyMG0nrTipxAsDQEvVVKoUTRtTBQbtGKIFoTdbHSzsYeNy7qbJkGZdJbmMYdh5g3zZ+bN7rzfEJ2dnTabDYxmHMeRNpstm80aTrrD4SABwGQygQGNBICmpiajSidJ8hEjUZ8QjuNQSQeA09NTRLpdLldVVU+SjjYeapGuj/WpqSmlLghCNBrd39+vs/SqJ9Akf2E05vF4Njc319bW1tfXc7lcIBBwOp0aH9TS1XPt7e3pZycBIC8I+pHxePz8/PzX2dnXaPTj6irDMPGDA6vVqjiYLRak0hVVPxIJAIjFYj1er3p2EgCKxaJ+pMfjcTgcZrO5t7e3paVla2uL53kLYrlqU1R1s2wylZLrbFfXg1gHgtCPnJyclCuXl5fz8/PJZNLtdpf1RGWquViWLX9My8qZmZnZ3d0dHBycm5uz2+2ujg6L2VzPY6qoShweyhVvd7f2mBI6k/teuFw/T04+bWzMzs46nc6yPigXvWRyiBMEcZhMqmc3lbZGU5QtI4jP4XA2m307NJS/uSnjgzRg7ktPTw8AeL1e9eyEz+e7vb3VjGJZNhKJ0DQtf1JaW1tFUUyn021tbYoPRVFI/6Z6VWqjKIqU90LTkUqlaJq2WCxy1/X1tSiKVqu1WCzW7a5WNSYJn89XKBRQ/KifaJVVkfL0jztzkiT921V/vHQs7utGlc5xnFHT6ufPnrUzjOGkX2QyZDvDfIvFDCe9z+9vEAFjEYFXqos/CvueSCBMq79sbyPS/bq/v0EEGkQAFyKA2ioTgZL0BhFoEIEGEcCaCJRPNUKh0NHREU3TBEHk8/nFxUVRFHmeb25urmOoP1Alq6+eJRmCCPw1wdOkThRFURSlv2kYMq0+SacbROA/JAIXmYzb5TJiWm3IrBQA7HY7pkSgz+9/MzBQwSESDuNLBKoyTXyJQE3S8SQCoigalQhUftXAmgjUtOp4EoGqsY4vEZBUtrCwID20kvS8IGiKTASOj49jOzvvQyGe5xmG+X11pfGpj/RgMAgAwWBQIx1fIiDdP4O9m57+sLQk16dVkYwvESioYn1iYkLfiC8RUB4fl5eX5cr4+LgxiIBUKMglMDYmi1xZWVEasSYCBUlSyujoKACMjIwoLVgTAc1r9fDwsKYFXyIgVXv+x5cI1HRzxJAIvHS7EUpHHjDlfpTGkF6suur4EoG7uwqdOUH4MwCllHKmGpTirAAAAABJRU5ErkJggg==);top:52px;left:212px}.colorpicker_rgb_g{background-image:url(data:image/png;base64,);top:82px;left:212px}.colorpicker_rgb_b{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAANQSURBVHja7JpBSxtBGIa/3Wyt4pqwosaDUWrWmPS2eDF48FAM3urdg4IFIagFf4UgSKi56A+wf8CbBBQpHtKSg7CJ5hAXL0aPbrLFZLM9jG432ZgN1kln2v3wMG5mmIfhnc3MQ5hgMMjzPNBWqqpyPM/f3d1Rhz44OMgBAMuyQGFxAODxeGhF5zjuBSNx7xBVVXGhA8D19TUm7kAg4Ej1R+h489AOuj3r6+vrZvv8/Pz4+Ljz6I47sPkbRhTFVCp1e3vb29sbi8UMwzg9PW3oYxgGVnQrVSaTkSSpYXYOAH5qmn3k4eFhoVB4w3F9fX3BYPDrwcHAwIC1w9vubqzoJlU2l0P0kXDYOjsHALVazT5yfn6+XC57vd7p6elEIlEql/ubdcNXJtVkKHSZz6N2aGKiLjDAMPaRoihqmsaybE9Pj8/nEwShaTeMZZkuFAo1z3pTomQymc1mPSz7cWEhHo9/T6c7C/6bKndxgRrhycm6zQAAjK3QZ/6hodHRUUEQAKBwdVUzDHsfnIv+WCjiDMNcXF5aZ382MGtra5VKhef5kZGRk5OTv3BesFBFIhEACFu26VNgbOiJREJRlK6uLoZh7u/vZVn2+XxMZ7PeMB2id0bP5/OlUsn8d3x8vBvzq9AR/Zlt2qxTO6erQCBAIrpj6bpO6KrTcV6nFV1VVVqv1f2CMOz3U4d+Uyxyw37/j0yGOvQpSXKNAF1G4H39ieLVS87lMF6rv52dYeKeiUZdI/CPGQHc1doIPKK/zAjgrtZG4BHdNQKuEXCNgGsEXCPwmkZgJhql8lpdUBTXCPyHRuCmWBzDKbHwXaupvJUCgNfrJdQITEnSh7m5Fh1SR0fkGgFHp0muEWgLnUwjUKlUaDUCDw8PtBqBtladTCPgmHUWvWEaShRFRVHS6bQsy7FYbHZ21t6nA+hmbW1t6fVFtBEwV31nZwcAtre3Nzc36TACerWKGp83Nr7s7qL2hiXJ5BqBqiXr8Xjc/pBcI1B9WvW9vT3UWF1dpcMI6NUq+vu0soIg9/f3zYdEGwFrNpaXlwFgaWnJFhgijYAZGFSLi4sNT8g1Ano9KE1GoK2TI4FG4N3YGEZ07IFx+gYkF73muOrkGoGWPwEta9qvAQBPtPTdMmi31AAAAABJRU5ErkJggg==);top:112px;left:212px}.colorpicker_hsb_h{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAN6SURBVHja7JnPSuNAGMC/aVJta1FqqO3BRhZrbfcixVP1uAi+gCcPCi4Igq6PUelFdr3oK/gIssfFi6V42cZNYREVLF6KxEbbJtnD1BCTtBHd2c6w+QhlJvnC/Jh++TO/oOnp6Wg0CqyFoih8NBq9u7tjDj0ej/MAEAgEgMHgAYDjOFbReZ5/w5mkrxBFUUihA8DV1RUh7lQq5Un1LnSy9eBFFcC1bovd3V1RFM3uysrKwsKCLYc0Otc3uugBR6TT6Uaj8fT0hLuTk5PBYLDRaFhzSKNbxzo/P7cRdgvmUVWdZ6qqqjabCAAAdE1rt9vNh4dIOGwmDIdCRNFNqqokAUClUslls9bReQDQdd155vLycrPZDPI8AIwLgmEYhmG4ZhIKc6zZTOaXLON2ZmbmxWUKCDnPTKfTqqrivyYcDuu6Dgi5ZpIKy1iZTMb9DuOKc3BwUK1WuUAAAIp7e4Zh9MokRf7ckC4ucCM7O+tA7zGXiYmJSCQCAKHhYZ7nUe9MMpPeHSuXzVYlCXet9D0LprsfHzJ/B1QwuVwOALKWyxQAuGQyqes6ehmyLJfL5UgkMjQ0hBC6vr4+OztrtVojIyNmDsdx9/f3hLDHxsZsVPF43NrlOM69YGRZFgQhFArhQzc3NwihWCw2kILpmTA3N9fpdEg8qN8Z/al4PPzb5lLTtMHO+tvRqXhfZxVdURRWl9XjsVgykWAO/bZe55OJRLlSYQ59Pp/3jQBbRuDjyzeKvx4/JYngsvrH6Skh7sVCwTcCvhGgxQiQjv5GoIvuGwHfCPhGgGoj4D7r+/v7tVpNEAR86Pj4uFarwYBm3Urvjc6EEehZ67alU9jtjr5YKDC5rP59eekbgf/QCNzW61OpFIvLaiZXpQAwOjpKqRGYz+c/LS31Sfh+ckKvEfB0mvQagVeh02kE2u02q0ag1WqxagQ8Z51eI6D1DaqNgBW0WCy6oz+qqm0zjQDumkbAlvNv0EulEgCUSiUbOr1GQHv+DPZlZ+frt2+4vbO9zYAR6Fju61tbW86d9BoB8+Pj4eEhbmxubtrvMMgRphEQRVEURasRsOUQLRi8fd7YwJBHR0fmTqqNgLU21tfXAWBtbc1RMFQaAdvX6tXVVdseeo2A5vX5n14j8Ko3RwqNwIepKYLoxAvG6/FHL7ruOev0GgHD6HOwqap/BgCyOj0SRJlwPQAAAABJRU5ErkJggg==);top:52px;left:282px}.colorpicker_hsb_s{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABCCAIAAACAQ/KpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAAQZSURBVHja7JpBSNtgFMdfanRVgm0zpNUtk7VrV3fpiiDI8LTtpBXBowcLHQiCDoTZq8eCKOi8KHj0KB42bEB21NaC9DDZ2lqUaQ9TD2rJ7GqTdodolyYl6dy+Ltn6J4eQvo/3J335vrzfF8xmsxEEAVoTwzA4QRCnp6eas97S0oIDgE6nAw0KB4C6ujqtWsdx/BYjUT8hDMOgsg4AR0dHiHxTFKXo6reso62HSqxLa72xsXFoaIgkyUwmk0wmg8Fg9a0rPoHlZxi/3395eUnTtF6vHxgYaGpqWltbE8UUCgWk1oWuotGo2+0WZccB4HsmIxpmMpnm5ubC4bDBYMjlcm1tbQcHB60WizDmjl6P1HrR1edYjHff4XQKs+MAkM/nRcMSicTU1NTOzs7ux4/xeHx9fb1QKEjDkKqY7rHDkdjb488ddvvPirJYLCzLAoYJj1AolEwmzWazp7//+YsX6XT64uJCFFNfX59OpxH5NhgMQld3byTMrgMArPR4QFEejyceiy0sLHg8ntXVVZ/Px7KsKAy1ioniNxJl1wEAVirAsL6+PpvNZjQY7t+7941hAODk5CRfKJSEobZ+I77EMQyLJxLC7DgfJRyTSqU2NzffTE4eHh5ms1m73U7T9PXahmHVK3ZBro6ODgBwCh5TAMBcLtfV1ZV0IEmSra2tRqMxHA7v7u6SJGk2m4UBDQ0NSFfTsq6E2XH+v5D+dnZ2lkqlstksx3FWq1WPeCosWzAKAS6Xi2VZFAv1b0reFc6nv90zx3Hc373rt7euivd1rVpnGEarbTVpMllKZz1N6OvxMW4xm3eiUc1Z73S7a0RAW0TgSekbxR/Xp1gMYVu9GQoh8v2su7tGBP4xIoBa8kTg2vrtiABqyROBa+saJQJ42bZtZmbG6XR2dXUNe70AsLy8HIlEql3sAlcOh6NMRdWIQI0I/AoRKN9qrKysBINBngjMz8/zRKDKK5fIFe++oi5J/URArsEjCEK+gXrW3a3Jtvrgy5caEfgPicDX4+N2itJiW63JrhQAmpubVUoEOt3u5y9fygR82NhQLxFQZJrqJQIVWVcnEcjlclolAvK7GqomAhXddXUSAcVa1/EzjEh+v58kSZqmt7e3e3p6BgcHpTFVsF5UIBDgSqVqIlC867OzswAwPT09MTGhDSLA3WyDvR4fn3/7lj8fHxvTABFgBbU+OjoqvYiDpL2nKMr19On7d+8ikUggEPB6vT6fb2trq766E1Fx83FxcZE/GRkZkcAMVRIBjmX545XPx5tcWloqXlQ1ERDWhtfrBYDh4WHhRczT25vc35eOVPxG4JHVinQ1bTYaZQLS5+fqJQKc0va/eolARW+OKiQCD9vbEVpHXjBKK6B6recV77p6iYDsJ6CXmcyPAQBGu49cr2kIwAAAAABJRU5ErkJggg==);top:82px;left:282px}.colorpicker_hsb_b{background-image:url(data:image/png;base64,);top:112px;left:282px}.colorpicker_submit{position:absolute;width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAsCAIAAADuN9+nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHotAACAlQAA+NcAAIhSAABxRQAA6mYAADkHAAAh+QMnhVYAAANeSURBVHja7JTfb9tUFMe/1/c6tuMfsdNkdbem6xZtbILS/ShIFG3ihYdJSNszSCDxvyHeYOrbNFaQ0OCh6yooo1PLoIvpaJvGsWM7cdzY4cFpSIMqQfIAk3bkB58rnY/uOffeDymXy4qiYNTwfZ8pilKtVkdGFItFBoDjOIwRDACldFwEY2xo1ch03hGDucOoUOvCFw+4wk+88L3ctln0jxBvzfh3zkeXZt+d1i8pzSw80felxY36zRXrLr+9olhDCGqaZjqONBZeDz56n7x36+OSykQ34GoRV+uKTfVU7sL0lbeNp2o9bu9JNjcQx2ahqIcf3G4t3vhEi6qgOjgdYhaainAK7oRWNxZv3W58OfGrvN/g3WON9E/kwjXv9NwVacZBkINkQi5CVKBpCCaR1UGMbE2eKnuv7VxfLXyTlnS7XQYgbLXSXCw3xNLsC5LkFF0RC0wxkc1D0+FOJEQLQt5pgJ8qZTZmQ7lXIogiA5AkSZq72mGgCW3EHkSdybpuZKUzRM6HVHI8OBKcDDxJcw+1fkmvERCSJjsJLLQJmAG4gAvkBYFKkg04R58bYQdJv6SH6Ge/77N1p6oUJjSEBsJJIADhABfYa8NuwY1gHTgW2+eH7gU5QjZ/lpY3f3mjoBroRGAJqAcQgoCixrCbYC/ASmWzKW3pQ7vo70p9om09tvSLl+OCQMBCkCwIgJDApajyeBYcWLXHk6fW/9bIUc6HvPaV9kj4bu7O+ahIGyAiACACPA5Wo7q+elfPPeD5YKB7UNM0kyQhRyHYAp51ntu/1ZokzE62RNNpZSqbuxv3H27fW8q1l1SlQgaCUkrm5+c7nU7/nsRxHMdxh0+C6Uz73ExHPYumxrY94fm2HFqURIwxSml/4yx9YP08/SGEsC5EC7AqQOWv0WcA8Om7wEknkr6Xf6uPYcQoyvF9f1z9TpmmoesjI+qOwwxdX11bGxlx/erVVwY/GXHtsvfhDW5x4VPNdmDV4Aaw1Vwk5abnSuWb8hdrXOvhqvr0xFn8NwbvIcYxeA/xyuD/J4MPW0vdUvGZ/8PuUmXBP/2moBfPkChy/qi++PpHe/lRDsuquj9YP4xIDS7sZPKft4NvHzw5tzVo8HxoURbF8TGDDyNeaoPXHedsqTSOfv8cAI6z+2gFO4OaAAAAAElFTkSuQmCC) top;left:322px;top:142px;overflow:hidden}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus,.colorpicker_submit.colorpicker_focus,.colorpicker_slider{background-position:bottom}.FieldDotMatrixRGBDropdown{width:260px;height:256px;display:flex;flex-direction:column}.FieldDotMatrixRGBDropdown .custom-container,.FieldDotMatrixRGBDropdown .collection-container{display:none;flex-grow:1;height:100%;overflow-y:auto}.FieldDotMatrixRGBDropdown .custom-container{text-align:center}.FieldDotMatrixRGBDropdown .custom-container .box-screen{display:flex;flex-direction:row}.FieldDotMatrixRGBDropdown .custom-container .color-palette{display:flex;flex-direction:column;margin-top:10px;margin-left:3px}.FieldDotMatrixRGBDropdown .custom-container .color-palette>.row{display:flex;flex-direction:row}.FieldDotMatrixRGBDropdown .custom-container .color-palette>.row>span{display:block;width:15px;height:15px;border:1px solid rgba(0,0,0,0)}.FieldDotMatrixRGBDropdown .custom-container .color-palette>.row>span:hover{box-shadow:0 0 4px #0009;border-color:#fff;z-index:999999}.FieldDotMatrixRGBDropdown .custom-container .color-palette>.row>span.active{outline:1px solid #000;border-color:#fff;z-index:999999;box-shadow:none}.FieldDotMatrixRGBDropdown .custom-container .color-palette>.row>span.custom{flex-grow:1;padding:4px;height:auto;font-size:12px;color:#000}.FieldDotMatrixRGBDropdown .before-screen{display:flex;justify-content:center;align-items:center;flex-grow:1}.FieldDotMatrixRGBDropdown .screen{background-color:#000;display:inline-block;padding:7px;margin-top:10px;margin-bottom:5px}.FieldDotMatrixRGBDropdown .screen span{width:14px;height:14px;margin:7px;border:1px solid #000;outline:1px solid rgba(255,255,255,.459);display:inline-block}.FieldDotMatrixRGBDropdown .menu{display:flex;flex-direction:row}.FieldDotMatrixRGBDropdown .menu>div{width:50%;color:#fff;padding:6px;border-bottom:2px solid;border-bottom-color:#0000;text-align:center;cursor:pointer;font-family:Helvetica Neue,Helvetica,sans-serif}.FieldDotMatrixRGBDropdown .menu>div:hover{background-color:#0000000d}.FieldDotMatrixRGBDropdown .menu>div.active{border-bottom-color:#fff;background:none}.FieldDotMatrixRGBDropdown .button-group{text-align:center;display:flex;flex-direction:row;justify-content:space-around}.FieldDotMatrixRGBDropdown .button-group>button{background-color:#0003;color:#fff;border-radius:4px;padding:4px 8px;border:none;font-size:14px;margin:5px;cursor:pointer;outline:none}.FieldDotMatrixRGBDropdown .button-group>button:hover{background-color:#0000004d}.FieldDotMatrixRGBDropdown .collection-container img{max-width:100%;height:auto}.FieldDotMatrixRGBDropdown .collection-container>ul{padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap}.FieldDotMatrixRGBDropdown .collection-container>ul>li{width:50%;list-style:none;padding:5px}.FieldDotMatrixRGBDropdown .collection-container>ul>li>img{padding:6px;background-color:#fff9;border-radius:5px}.FieldDotMatrixRGBDropdown .collection-container>ul>li>img:hover{box-shadow:0 0 0 2px #fff}.FieldDotMatrixRGBDropdown .collection-container>ul>li>img.active{box-shadow:0 0 0 2px #fc3}.blocklyToolboxDiv{font-size:14px;font-family:Helvetica Neue,Helvetica,sans-serif;border-right:1px solid #ddd;overflow-y:auto;overflow-x:hidden!important;width:61px;height:calc(100% - 68px)!important}.scratchCategoryMenuItem{width:60px;height:45px;padding:0;margin:5px;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.scratchCategoryMenuItemLabel{font-size:12px;font-weight:700}.scratchCategoryMenuItem.categorySelected{border:2px solid #ffffff}.blocklyToolboxContents{display:flex;flex-direction:column}.blocklyFlyout{width:300px;border-right:1px solid hsla(0,0%,0%,.15);overflow:hidden;position:absolute;z-index:10;background-color:#fff!important;opacity:1}.blocklyFlyout:hover{overflow:visible!important;z-index:20}.blocklyFlyoutBackground{width:350px!important;overflow:visible;fill:transparent!important;fill-opacity:1}.blocklyFlyoutScrollbar{display:none}.blocklyFlyoutLabel,.blocklyText{font-size:12px}.blocklyEditableText>text{font-size:12px}.blocklyDropdownText{font-size:12px}.blocklyTreeLabel{cursor:default;font:12px sans-serif;padding:0 3px;vertical-align:middle}.blocklyTreeSelected{background-color:#eee!important;border-radius:5px}.blocklyTreeSelected .blocklyTreeLabel{color:#929292}.categoryBubble{border:none!important;margin-top:5px}.xterm-screen{width:100%!important}.xterm-rows>div{width:100%!important}.project-drawer{transition:all .3s ease-in-out}.project-drawer .MuiDrawer-paper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.project-drawer-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.file-item{transition:all .2s ease-in-out;border-radius:8px;margin:2px 0}.file-item:hover{background-color:#0000000a;transform:translate(2px)}.file-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.file-item.active:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.drawer-toggle{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0003}.drawer-toggle:hover{transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.editor-container{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}/** * Copyright (c) 2014 The xterm.js authors. All rights reserved. * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License) * https://github.com/chjj/term.js * @license MIT * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * Originally forked from (with the author's permission): * Fabrice Bellard's javascript vt100 for jslinux: * http://bellard.org/jslinux/ * Copyright (c) 2011 Fabrice Bellard * The original design remains. The terminal itself * has been extended to include xterm CSI codes, among * other features. */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.bee-gamepad-mqtt-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#fff;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow-x:hidden;position:relative}.bee-gamepad-mqtt-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(156,39,176,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(233,30,99,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,87,34,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.bee-gamepad-mqtt-container>*{position:relative;z-index:1}.gamepad-main{padding:20px;max-width:1200px;margin:0 auto}.gamepad-header{text-align:center;margin-bottom:30px}.gamepad-title{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#9c27b0,#e91e63,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.gamepad-subtitle{font-size:1.1rem;color:#b0b0b0;margin-bottom:20px}.connection-status{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;padding:15px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:700;transition:all .3s ease;margin-right:20px}.status-indicator.connected{background:#4caf5033;border:2px solid #4caf50}.status-indicator.disconnected{background:#f4433633;border:2px solid #f44336}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected .status-dot{background:#4caf50}.status-indicator.disconnected .status-dot{background:#f44336}.connection-info{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#b0b0b0}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.gamepad-layout{display:flex;justify-content:space-between;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px;justify-items:center;align-items:center}.left-controls,.right-controls{display:flex;justify-content:center;align-items:center}.dpad-container,.action-container{position:relative}.dpad{display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(3,70px);gap:3px;background:#ffffff1a;padding:10px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dpad-btn{background:linear-gradient(145deg,#333,#555);border:2px solid #666;color:#fff;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease;box-shadow:0 4px 8px #0000004d;touch-action:manipulation}.dpad-btn:hover{background:linear-gradient(145deg,#444,#666);transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 20px #9c27b066}.dpad-btn.pressed{background:linear-gradient(145deg,#9c27b0,#e91e63);transform:translateY(2px);box-shadow:0 2px 4px #0006,0 0 30px #9c27b0cc}.dpad-btn.center{background:linear-gradient(145deg,#444,#666);border-color:#888}.action-buttons{display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(3,70px);gap:5px;background:#ffffff1a;padding:10px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn{background:linear-gradient(145deg,#333,#555);border:3px solid #666;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;box-shadow:0 4px 8px #0000004d;touch-action:manipulation}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 20px #e91e6366}.action-btn.pressed{transform:translateY(2px);box-shadow:0 2px 4px #0006,0 0 30px #e91e63cc}.action-btn.a{background:linear-gradient(145deg,#4caf50,#66bb6a);border-color:#4caf50}.action-btn.b{background:linear-gradient(145deg,#f44336,#ef5350);border-color:#f44336}.action-btn.x{background:linear-gradient(145deg,#2196f3,#42a5f5);border-color:#2196f3}.action-btn.y{background:linear-gradient(145deg,#ff9800,#ffb74d);border-color:#ff9800}.control-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.control-btn{background:linear-gradient(145deg,#333,#555);border:2px solid #666;color:#fff;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;border-radius:25px;transition:all .15s ease;box-shadow:0 4px 8px #0000004d;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:linear-gradient(145deg,#444,#666);transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 20px #ff572266}.control-btn.pressed{background:linear-gradient(145deg,#ff5722,#ff7043);transform:translateY(2px);box-shadow:0 2px 4px #0006,0 0 30px #ff5722cc}.control-btn.select{background:linear-gradient(145deg,#9e9e9e,#bdbdbd)}.control-btn.start{background:linear-gradient(145deg,#3be995,#14fc5a)}.control-btn.stop{background:linear-gradient(145deg,#f44336,#ef5350)}.instructions{margin-bottom:40px}.instructions h3{text-align:center;font-size:1.8rem;margin-bottom:20px;background:linear-gradient(45deg,#9c27b0,#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.instruction-card{background:#ffffff1a;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.instruction-card:hover{transform:translateY(-5px)}.instruction-card h4{color:#e91e63;margin-bottom:10px;font-size:1.1rem}.instruction-card p{color:#b0b0b0;line-height:1.5}.keyboard-shortcuts{margin-bottom:40px}.keyboard-shortcuts h3{text-align:center;font-size:1.8rem;margin-bottom:20px;background:linear-gradient(45deg,#2196f3,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.shortcut-group{background:#ffffff1a;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.shortcut-group h4{color:#00bcd4;margin-bottom:15px;text-align:center;font-size:1.1rem}.shortcut-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:5px 0}.key{background:linear-gradient(145deg,#333,#555);color:#fff;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:.9rem;border:1px solid #666;min-width:40px;text-align:center}@media (max-width: 768px){.gamepad-layout{grid-template-columns:1fr;gap:30px}.gamepad-title{font-size:2rem}.connection-status{display:flex;flex-direction:row;justify-content:center;gap:10px}.dpad,.action-buttons{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px)}.instructions-grid,.shortcuts-grid{grid-template-columns:1fr}.control-buttons{flex-direction:row;gap:15px;align-items:center}.control-btn{padding:10px 20px;font-size:.9rem;width:120px}}@media (max-width: 480px){.gamepad-main{padding:15px}.gamepad-title{font-size:1.8rem}.dpad{grid-template-columns:repeat(3,55px);grid-template-rows:repeat(3,55px);gap:2px}.action-buttons{grid-template-columns:repeat(3,55px);grid-template-rows:repeat(3,55px);gap:3px}.dpad-btn{font-size:20px}.action-btn{font-size:18px}}@media (hover: none) and (pointer: coarse){.dpad-btn,.action-btn,.control-btn{min-height:44px;min-width:44px}.dpad-btn:active,.action-btn:active,.control-btn:active{transform:scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard-hero{animation:fadeInUp .8s ease-out}.dashboard-stats{animation:fadeInUp .8s ease-out .2s both}.dashboard-courses{animation:fadeInUp .8s ease-out .4s both}.dashboard-sidebar{animation:slideInRight .8s ease-out .6s both}.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{animation:pulse .6s ease-in-out}.course-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{transform:translateY(-8px) scale(1.02)}.floating-element{animation:float 6s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#a435f0,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a435f0,#ff6b35);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8710d8,#e55a2b)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400% 100%}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}