.colorContainer{width:500px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--theme-elevation-100);border:1px solid var(--theme-elevation-200);box-shadow:0 2px 8px rgba(0,0,0,.15);padding:10px;z-index:100}.colorHeading{display:flex;justify-content:space-between;align-items:center;padding:10px}.colorHeading span{cursor:pointer;color:red;padding:2px 5px;border-radius:5px}.colorHeading span:hover{background:rgba(255,255,255,.08)}.colorWrap{align-content:flex-start;gap:5px;width:100%;height:180px;overflow:auto;padding:15px 10px}.colorWrap,.colorWrap .boxWrap{display:flex;flex-direction:column}.colorWrap .box{display:flex;flex-direction:row;align-items:center;gap:5px}.colorWrap .box:hover{background:rgba(255,255,255,.08)}.colorBox{display:flex;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;border-radius:3px;border:1px solid rgba(255,255,255,.25)}.colorBox:hover{font-weight:600}.gradientPicker{width:100%;margin-top:.25rem}.gradientPicker__layout{display:flex;gap:.75rem}.gradientPicker__left{flex:1 1 55%}.gradientPicker__right{flex:1 1 45%;display:flex;flex-direction:column;gap:.5rem}.gradientPicker__preview{width:100%;height:56px;border-radius:.375rem;border:1px solid rgba(255,255,255,.2);margin-top:.25rem}.gradientPicker__controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.gradientPicker__presets{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.gradientPicker__presetButton{border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.1);font-size:.75rem;padding:.15rem .5rem;cursor:pointer;white-space:nowrap}.gradientPicker__presetButton:hover{background:rgba(255,255,255,.08)}.gradientPicker__angleHeader{display:flex;justify-content:space-between;font-size:.8rem}.gradientPicker__angleInputs{display:flex;gap:.5rem;align-items:center}.gradientPicker__angleInputs input[type=number]{width:70px}.gradientPicker__stops{display:flex;flex-direction:column;gap:.35rem}.gradientPicker__stopInputs{display:flex;gap:.75rem;align-items:center}.gradientPicker__color{display:flex;gap:.5rem;align-items:center}.gradientPicker__position{display:flex;gap:.375rem;align-items:center}.gradientPicker__position input[type=number]{width:70px}.gradientPicker__output{margin-top:.75rem}.gradientPicker__outputRow{display:flex;gap:.5rem;align-items:center}.gradientPicker__outputRow input[type=text]{flex:1}.gradientPicker__copy{padding:.25rem .75rem;border-radius:.25rem;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,0);cursor:pointer}.gradientPicker__hint{display:block;margin-top:.25rem;font-size:.75rem;opacity:.7}@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";.bi{display:inline-block;vertical-align:-.125em;fill:currentcolor}.iconContainer{position:fixed;min-width:300px;max-width:450px;width:100%;z-index:9;background:var(--theme-elevation-0);top:calc(50% - 200px);left:calc(50% - 150px);padding:10px}.iconHeading{display:flex;justify-content:space-between;align-items:center}.iconWrap{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;padding:10px 5px;top:40px;width:100%;height:350px;overflow-y:auto}.iconWrap span{display:flex;justify-content:center;align-items:center;width:41px;height:41px;background:rgba(255,255,255,.03);text-align:center;cursor:pointer}.iconWrap span:hover{background:rgba(255,255,255,.08)}.iconWrap i{font-size:2em}.iconBtn{display:flex;justify-content:center;align-items:center;font-size:2.4em;cursor:pointer;width:60px;height:50px;border:1px solid rgba(255,255,255,.15)}