#pallet{padding-top:20px}#pallet .wrap{display:flex;align-items:flex-start}#pallet .wrap>div{display:flex;flex-wrap:wrap;justify-content:space-between}#pallet .wrap h4{display:flex;align-items:center;min-height:30px;font-size:1.6rem}#pallet .wrap .field{margin-bottom:10px}#pallet .toggles{flex-grow:1}#pallet .toggles .search,#pallet .toggles h4{margin:10px 0 20px 0}#pallet .toggles .search:first-of-type,#pallet .toggles h4:first-of-type{margin-top:0}#pallet .toggles h4{width:100%}#pallet .pallet{position:sticky;top:100px;width:300px;min-width:280px;margin-right:40px}#pallet .pallet .field{padding-right:110px}#pallet .pallet label{padding-right:0}#pallet .pallet [contenteditable]{cursor:auto;width:calc(100% - 110px)}#pallet .pallet [contenteditable]:empty:before{content:"Enter Name..."}#pallet .pallet ul{width:100%}#pallet .pallet .colour,#pallet .pallet .hex{transition:.3s ease-in-out}#pallet .pallet .bin{position:absolute;top:50%;right:100%;transform:translateY(-50%);height:30px;width:30px;opacity:0;pointer-events:none}#pallet .pallet .bin:before{display:none}#pallet .pallet .bin svg{margin:auto}#pallet .pallet .bin .fill{fill:var(--lab-col)!important}#pallet .pallet .bin:hover .fill{fill:var(--pri-bg)!important}#pallet .pallet li:before{content:"";position:absolute;top:0;right:100%;width:30px;height:100%}#pallet .pallet li:hover .bin{pointer-events:auto;opacity:1}@media only screen and (max-width:840px){#pallet .toggles .field{max-width:none;width:100%}}