:focus-visible{outline-color:#0060df;outline-offset:2px}body{-webkit-transition:background 1s ease-out;-o-transition:background 1s ease-out;transition:background 1s ease-out}body.changed{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.btn-generate{border:none;border-radius:4px;opacity:.9;outline:none;overflow:hidden;padding:3px;position:relative;-webkit-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out}.btn-generate:focus,.btn-generate:hover{opacity:1}.btn-generate:before{-webkit-animation:animate_gradient .9s linear infinite paused;animation:animate_gradient .9s linear infinite paused;background:#12bcfe -o-linear-gradient(340deg,#4fcf70,#fad648,#a767e5,#12bcfe,#6dd287) 50%/50%;background:#12bcfe linear-gradient(110deg,#4fcf70,#fad648,#a767e5,#12bcfe,#6dd287) 50%/50%;content:"";height:100%;left:0;position:absolute;top:0;width:200%}.btn-generate:focus:before,.btn-generate:hover:before{-webkit-animation-play-state:running!important;animation-play-state:running!important}.btn-generate span{border-radius:2px;display:inline-block;padding:.5rem 1rem;position:relative}@-webkit-keyframes animate_gradient{0%{background-position:0}to{background-position:100%}}@keyframes animate_gradient{0%{background-position:0}to{background-position:100%}}.title a{text-decoration-color:transparent;-webkit-transition:-webkit-text-decoration .2s ease-out;transition:-webkit-text-decoration .2s ease-out;-o-transition:text-decoration .2s ease-out;transition:text-decoration .2s ease-out;transition:text-decoration .2s ease-out,-webkit-text-decoration .2s ease-out}.title a:focus,.title a:hover{text-decoration-color:currentColor}.color{-webkit-animation:fade_in 1.3s ease 1 forwards;animation:fade_in 1.3s ease 1 forwards;position:absolute;top:calc(100% + 12px)}@-webkit-keyframes fade_in{0%{left:-150px;opacity:0}to{left:12px;opacity:1}}@keyframes fade_in{0%{left:-150px;opacity:0}to{left:12px;opacity:1}}.color__container{min-width:250px}.color li{background-color:rgba(33,37,41,.85);border-bottom:1px solid #b4bfca}.color li:first-of-type{border-radius:5px 5px 0 0}.color li:last-of-type{border-bottom:none;border-radius:0 0 5px 5px}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}}