@font-face{font-family:laca-text;font-display:swap;font-weight:400;font-style:normal;src:local("laca-text-regular"),url(laca-text-regular.woff) format("woff")}*{box-sizing:border-box}body,button,h1{color:#4c516d;font:14px laca-text,tahoma,arial;margin:0}h1{color:#0067a5;font-size:18px;font-weight:400}a{color:#0067a5;text-decoration:none}header{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.copyformat-dropdown{position:relative}.copyformat-dropdown .input{background-color:transparent;border:1px solid rgba(0,103,165,.4);border-radius:10px;padding:7px 10px;font-size:12px;cursor:pointer;display:flex;gap:5px;align-items:center}.copyformat-dropdown .input .format{color:rgba(0,103,165,.431372549)}.copyformat-dropdown .input #copyformat-input{color:#0067a5}.copyformat-dropdown .input svg{transition:transform .3s;stroke:rgba(0,103,165,.431372549)}.copyformat-dropdown.active .input{border-radius:10px 10px 0 0}.copyformat-dropdown.active .input svg{transform:rotate(180deg)}.copyformat-dropdown .dropdown{display:none;position:absolute;z-index:1;width:100%;background-color:#fff;margin:0;margin-top:0;border-radius:0 0 10px 10px;border:1px solid rgba(0,103,165,.4);border-top-width:0;padding:0}.copyformat-dropdown .dropdown li{list-style-type:none;border-bottom:1px solid rgba(0,103,165,.4);padding:7px 10px;font-size:12px;color:#0067a5;cursor:pointer}.copyformat-dropdown .dropdown li:last-child{border-bottom-width:0}.colors{display:flex;flex-wrap:wrap;height:calc(100vh - 40px)}.colors .color{width:20%;height:20%;padding:5px;color:#fff;position:relative;cursor:pointer;overflow:hidden}.colors .color span{display:none}.colors .color button{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;border-width:0;border:1px solid hsla(0,0%,100%,.2);border-radius:3px;padding:10px 20px;color:#fff;opacity:0;transition:opacity .3s}.colors .color:hover button{opacity:1}.color-popup{position:fixed;top:0;bottom:0;right:0;left:0;background-color:#fff;z-index:2;display:none;flex-direction:column;justify-content:center;align-items:center;gap:30px;color:#fff}.color-popup .popup-title{font-size:30px}.color-popup .popup-color{font-size:20px}@media (min-width:992px){.colors .color span{display:inline}}