.color-picker-wrapper{padding:20px}.color-picker-basic-color{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.color-picker-basic-color button{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:16px;height:16px;list-style-type:none}.color-picker-basic-color button.active{box-shadow:0 0 2px 2px #0000004d}.color-picker-saturation{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);width:100%;height:150px;margin-top:15px;position:relative}.color-picker-saturation_cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.color-picker-hue{-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:12px;width:100%;height:12px;margin-top:15px;position:relative}.color-picker-hue_cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 0 .5px #0003}.color-picker-color{border:1px solid #ccc;width:100%;height:20px;margin-top:15px}
.Input__wrapper{flex-direction:row;align-items:center;margin-bottom:10px;display:flex}.Input__label{color:#666;flex:1;display:flex}.Input__input{border:1px solid #999;border-radius:5px;flex:2;min-width:0;padding:7px 10px;font-size:16px;display:flex}
.dropdown{z-index:100;background-color:#fff;border-radius:8px;min-height:40px;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.dropdown .item{color:#050505;cursor:pointer;background-color:#fff;border:0;border-radius:8px;flex-direction:row;flex-shrink:0;place-content:center space-between;min-width:100px;max-width:250px;margin:0 8px;padding:8px;font-size:15px;line-height:16px;display:flex}.dropdown .item.wide{align-items:center;width:248px}.dropdown .item.wide .icon-text-container{display:flex}.dropdown .item.wide .icon-text-container .text{min-width:120px}.dropdown .item .shortcut{color:#939393;align-self:flex-end}.dropdown .item .active{background-size:contain;width:20px;height:20px;display:flex}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{flex-grow:1;min-width:150px;line-height:20px;display:flex}.dropdown .item .icon{-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;margin-right:12px;line-height:16px;display:flex}.dropdown .divider{background-color:#eee;width:auto;height:1px;margin:4px 8px}@media screen and (max-width:1100px){.dropdown-button-text{display:none!important}.dialog-dropdown>.dropdown-button-text,.font-size .dropdown-button-text,.code-language .dropdown-button-text{display:flex!important}}