.rcp-light{--rcp-background: #ffffff;--rcp-input-text: #111111;--rcp-input-border: rgba(0, 0, 0, .1);--rcp-input-label: #717171}.rcp-dark{--rcp-background: #181818;--rcp-input-text: #f3f3f3;--rcp-input-border: rgba(255, 255, 255, .1);--rcp-input-label: #999999}.rcp{display:flex;flex-direction:column;align-items:center;background-color:var(--rcp-background);border-radius:10px}.rcp-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;box-sizing:border-box;padding:20px}.rcp-saturation{position:relative;width:100%;background-image:linear-gradient(transparent,#000),linear-gradient(to right,white,transparent);border-radius:10px 10px 0 0;-webkit-user-select:none;user-select:none}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 15px #00000026;box-sizing:border-box;transform:translate(-10px,-10px)}.rcp-hue{position:relative;width:100%;height:12px;background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;-webkit-user-select:none;user-select:none}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:#0003 0 0 0 .5px;box-sizing:border-box;transform:translate(-10px,-4px)}.rcp-alpha{position:relative;width:100%;height:12px;border-radius:10px;-webkit-user-select:none;user-select:none}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;box-shadow:#0003 0 0 0 .5px;box-sizing:border-box;transform:translate(-10px,-4px)}.rcp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%}.rcp-fields-element{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.hex-element{grid-row:1}.hex-element:nth-child(3n){grid-column:1 / -1}.rcp-fields-element-input{width:100%;font-size:14px;font-weight:600;color:var(--rcp-input-text);text-align:center;background:none;border:2px solid;border-color:var(--rcp-input-border);border-radius:5px;box-sizing:border-box;outline:none;padding:10px}.rcp-fields-element-label{font-size:14px;font-weight:600;color:var(--rcp-input-label);text-transform:uppercase}ul.navigation{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#970c0d;font-family:Roboto;font-size:14px;font-weight:500}ul.navigation li{float:left}ul.navigation li a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}ul.navigation li a:hover{background-color:#111;color:#fff}ul.navigation li button{-webkit-appearance:none;-moz-appearance:none;display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;box-shadow:none;border:none;background:none;font-family:Roboto;font-size:14px;line-height:20px;font-weight:500}ul.navigation li button:hover{background-color:#111;color:#f2f2f2}ul.navigation.map{display:none}div.map-container{width:100%;height:100%;display:flex}div.map{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}button.FSButton{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;display:block;color:#f2f2f2;font-weight:500;line-height:20px;text-align:center;padding:14px 16px;text-decoration:none;box-shadow:none;border:none;background:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px}img.tool-icon{height:44px;padding:8px}.brush-size-btn{background-color:#f0f0f0;border:none;padding:8px 12px;margin:5px;cursor:pointer;font-size:16px;border-radius:4px}.brush-size-btn.active{background-color:#424242;color:#fff}img.toggle-icon{height:44px;padding:8px;float:right}img.tool-icon.active{background-color:#424242;filter:invert(1)}div.animation-palette{z-index:1;padding-bottom:20px;top:275px;left:40px;display:flex}div.animation-block:hover{filter:brightness(200%) saturate(200%)}div.measure-tool{width:300px}div.measure-tool div.measure-scroll{scrollbar-width:none;overflow:scroll;overflow:overlay;display:inline-flex;flex-wrap:wrap;height:calc(100% - 48px);position:absolute;width:300px;top:48px;bottom:0}div.measure-tool div.measure-scroll div{margin:8px}body{margin:0;font-family:Roboto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d4d4d4d4;scrollbar-width:none}body ::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div.view{position:absolute;top:0;bottom:0;right:0;left:0}a:hover,a:active,a:visited,a:link{color:#970c0d;text-decoration:none}a:hover{text-decoration:underline}div.app-container{width:100%;height:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.no-scrollbars{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.no-scrollbars::-webkit-scrollbar{width:1px}.no-scrollbars::-webkit-scrollbar-track{background:#0000}.no-scrollbars::-webkit-scrollbar-thumb{background-color:#0000}.no-scrollbars::-webkit-scrollbar{display:none}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}