@font-face{font-family:Fredericka the Great;src:local("Fredericka the Great"),url(/static/media/FrederickatheGreat-Regular.69cef5dc99024da59d1e.ttf) format("truetype")}@font-face{font-family:Open Sans;src:local("Open Sans"),url(/static/media/OpenSans-Regular.57cd57a648021fa1c396.ttf) format("truetype")}@font-face{font-family:Open Sans Semi Bold;src:local("Open Sans Semi Bold"),url(/static/media/OpenSans-SemiBold.2b370b191e5562dadc78.ttf) format("truetype")}@font-face{font-family:Roboto;src:local(Roboto),url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Fredericka the Great,Segoe UI,Roboto,Open Sans,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.MuiSpeedDialAction-fab .MuiFab-label{display:flex}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rcp-light{--rcp-background:#fff;--rcp-input-text:#111;--rcp-input-border:#0000001a;--rcp-input-label:#717171}.rcp-dark{--rcp-background:#181818;--rcp-input-text:#f3f3f3;--rcp-input-border:#ffffff1a;--rcp-input-label:#999}.rcp{background-color:var(--rcp-background);border-radius:10px}.rcp,.rcp-body{align-items:center;display:flex;flex-direction:column}.rcp-body{box-sizing:border-box;gap:20px;justify-content:center;padding:20px;width:100%}.rcp-saturation{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;position:relative;-webkit-user-select:none;user-select:none;width:100%}.rcp-saturation-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px 0 #00000026;box-sizing:border-box;height:20px;position:absolute;transform:translate(-10px,-10px);width:20px}.rcp-hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;height:12px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.rcp-hue-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 .5px #0003;box-sizing:border-box;height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-alpha{border-radius:10px;height:12px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.rcp-alpha-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 .5px #0003;box-sizing:border-box;height:20px;position:absolute;transform:translate(-10px,-4px);width:20px}.rcp-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.rcp-fields-element{align-items:center;display:flex;flex-direction:column;gap:5px;width:100%}.hex-element{grid-row:1}.hex-element:nth-child(3n){grid-column:1/-1}.rcp-fields-element-input{background:none;border:2px solid;border-color:var(--rcp-input-border);border-radius:5px;box-sizing:border-box;color:var(--rcp-input-text);font-size:14px;font-weight:600;outline:none;padding:10px;text-align:center;width:100%}.rcp-fields-element-label{color:var(--rcp-input-label);font-size:14px;font-weight:600;text-transform:uppercase}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}