.CP-sandbox[data-v-2dde3d42]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.CP-sandbox__component[data-v-2dde3d42]{pointer-events:all;z-index:10}.fade-enter-active[data-v-2dde3d42],.fade-leave-active[data-v-2dde3d42]{transition:.3s}.fade-enter-to[data-v-2dde3d42],.fade-leave-from[data-v-2dde3d42]{opacity:1}.fade-enter-from[data-v-2dde3d42],.fade-leave-to[data-v-2dde3d42]{opacity:0}.CP-canvas-picker[data-v-2e4ee9c7]{cursor:pointer;height:100%;position:relative;width:100%}.CP-canvas-picker__slider[data-v-2e4ee9c7]{box-shadow:0 0 1px 1px var(--colorPickerShadowIn);box-sizing:border-box;position:absolute}.CP-canvas-picker--xy .CP-canvas-picker__slider[data-v-2e4ee9c7]{border:1px solid var(--colorPickerSlider);border-radius:50%;box-shadow:0 0 2px .5px var(--colorPickerShadowIn) inset,0 0 1px 1px var(--colorPickerShadowIn);height:10px;left:100px;top:0;width:10px}.CP-canvas-picker--x .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;height:100%;left:100px;top:0;width:4px}.CP-canvas-picker--y .CP-canvas-picker__slider[data-v-2e4ee9c7]{background:var(--colorPickerSlider);border-radius:2px;height:4px;left:0;top:100px;width:100%}.CP-preview[data-v-86a52070]{position:relative}.CP-preview__old[data-v-86a52070]{bottom:0;cursor:pointer;left:50%;position:absolute;right:0;top:0}.CP-box{display:flex;font-size:12px}.CP-box__name{align-items:center;background:var(--colorPickerInputTitleBg);color:var(--colorPickerInputTitle);display:flex;float:left;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:60px}.CP-box__value{background:var(--colorPickerInputTextBg);border:0;color:var(--colorPickerInputText);cursor:text;flex:1;height:30px;min-width:100px;padding:0 12px}.CP-box__value:focus{outline:none}.CP-eye-dropper[data-v-0228f4b6]{background:var(--colorPickerDropperBg);color:var(--colorPickerDropper);cursor:pointer;width:38px}.CP-colors[data-v-9c988020]{overflow:hidden;width:100%}.CP-colors__items[data-v-9c988020]{display:flex;gap:8px;justify-content:space-between;width:100%}.CP-colors__items__item[data-v-9c988020]{border-radius:0;cursor:pointer;height:16px;position:relative;transition:.3s;width:100%}.CP-colors__items__item[data-v-9c988020]:after,.CP-colors__items__item[data-v-9c988020]:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.CP-colors__items__item[data-v-9c988020]:before{background:var(--alpha)}.CP-colors__items__item[data-v-9c988020]:after{background:var(--color)}.CP-block[data-v-decda8c9]{background:var(--colorPickerBg);border-radius:5px;box-shadow:0 0 16px 0 var(--colorPickerShadowOut);display:flex;flex-direction:column;gap:8px;height:-moz-max-content;height:max-content;padding:10px;width:195px}.CP-block__pickers[data-v-decda8c9]{display:grid;gap:8px;grid-template-columns:152px 15px 15px}.CP-block__rows[data-v-decda8c9]{display:grid;gap:8px;grid-template-columns:auto 30px;grid-template-rows:30px}.CP-block__rows__preview[data-v-decda8c9]{grid-area:auto/1/auto/3}.CP-block__rows__eye-dropper[data-v-decda8c9]{grid-area:auto/2/auto/3}.CP-block__rows__colors[data-v-decda8c9],.CP-block__rows__hex[data-v-decda8c9],.CP-block__rows__rgba[data-v-decda8c9]{grid-area:auto/1/auto/3}.CP-block--with-alpha[data-v-decda8c9]{width:218px}.CP-block--with-eye-dropper .CP-block__rows[data-v-decda8c9]{grid-template-columns:auto 38px;grid-template-rows:38px}.CP-block--with-eye-dropper .CP-block__rows__preview[data-v-decda8c9]{grid-area:auto/1/auto/2}.CP-absolute[data-v-21a5aecd]{bottom:0;left:0;position:fixed;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CP-absolute__component[data-v-21a5aecd]{position:absolute}#header{align-items:center;background-color:#fff;bottom:0;color:#000;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 4rem;position:relative;text-align:center;width:100%}#header.darkmode{background-color:#000;color:#fff}#header #logo{height:20px;width:auto}#header a{color:inherit}#header #settings{align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;display:flex;text-align:start;width:100%;z-index:999}#header .slider{display:flex;height:50%;justify-content:center;width:50px}#header .slider #bgmode-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2773e4;border-color:#2773e4;border-radius:25px;cursor:pointer;height:20px;margin:0;padding:0 2px;width:45px}#header .slider #bgmode-toggle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:25px;height:14px;width:14px}#header .slider #bgmode-toggle:focus{outline:none}#footer{align-items:center;background-color:#fff;bottom:0;color:#000;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 4rem;position:relative;text-align:center;width:100%}#footer.darkmode{background-color:#000;color:#fff}#footer #copyright,#footer .specificcp{font-size:.6rem;margin:0;text-align:center}#footer #copyright a,#footer .specificcp a{color:inherit!important;text-decoration:none}#footer #copyright a:hover,#footer .specificcp a:hover{text-decoration:underline}*{box-sizing:border-box}body{background-color:#000;font-family:Helvetica,sans-serif;margin:0;padding:0}.opacity-75{opacity:.75}.opacity-50{opacity:.5}.opacity-25{opacity:.25}.window{background-color:#fff;border-radius:15px;max-width:90vw;text-align:center;transition:transform .3s linear;width:40rem;z-index:1}.window.hidden{transform:translateY(67vh)}@media screen and (max-width:600px){.window.hidden{transform:translateY(65vh) scale(.85)}}@media screen and (max-width:600px){.window{transform:scale(.85)}.window:has(#competition.active){max-width:unset}.window:has(#competition.active) .content{padding:1rem}}.window .header{align-items:center;background-color:#f4f5f6;border-radius:15px 15px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 1rem}.window .header h2{font-size:1.2rem;margin:.5rem 0}.window .header .left{font-size:2.5rem;line-height:1rem}.window .header .center{width:60%}.window .header .rectangle{border:1px solid #ccc;border-radius:5px;height:1rem;width:100%}.window .header .closing-button{color:#ccc;cursor:pointer;font-size:1.3rem;transition:color .3s ease}.window .tab-bar>*{background-color:#e7e8e9}.window .tab-bar>:hover{background-color:#e7e8e9cc}.window .tab-bar{border-bottom:1px solid #ccc;display:flex}.window .tab-bar .tab-element:first-child{border-left:none}.window .tab-bar:has(.active) .tab-element:not(.active){border-left:none;box-shadow:inset 1px 0 2px #0000004d}.window .tab-element{border-left:1px solid #d3d3d3;border-top:1px solid #ccc;color:#666;cursor:pointer;flex:1 1 auto;padding:.4rem 0}.window .tab-element.active{background:#f4f5f6;border-top:transparent}.window .content{min-height:21rem}.window .blue-button{background-color:#2773e4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-left:auto;margin-right:auto;padding:.5rem 2rem;text-transform:uppercase;transition:background-color .3s ease}@media screen and (max-width:600px){.window .blue-button{font-size:1rem}}.window .blue-button:hover{background-color:#0056b3}.window .file-button{background:none;border:none}.window .file-button:hover{opacity:.7}.darkmode .header{background-color:#39343d}.darkmode .header .rectangle{border:1px solid #525252}.darkmode .header .closing-button{color:#525252}.darkmode .window{background-color:#2d2833}.darkmode .window .tab-element.active{background-color:#39343d}.darkmode .window .tab-bar>*{background-color:#1f1d21;border-left:1px solid #121018;border-top:1px solid #121018}.darkmode .window .tab-bar>* .tab-element:not(.active){box-shadow:inset 1px 0 2px #000}.darkmode .window .tab-bar{border-bottom:1px solid #121018}.darkmode .window .file-button,.darkmode .window .fineprint2,.darkmode .window p,.darkmode .window p.info,.darkmode.container,.darkmode .caption,.darkmode p{color:#bfc8ca}.darkmode .caption{background:#2d2833!important;border:1px solid #120f18!important}
