/* ===== Class semantic icon sprite (auto-generated from rules.json; do not edit) ===== */
.clci{display:inline-block;width:28px;height:28px;background-color:#4d4d4d;vertical-align:middle;
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
-webkit-mask-image:url('../images/classicons.png');mask-image:url('../images/classicons.png');
-webkit-mask-size:280px 224px;mask-size:280px 224px;
-webkit-mask-position:calc(var(--col,0)*-28px) calc(var(--row,0)*-28px);
mask-position:calc(var(--col,0)*-28px) calc(var(--row,0)*-28px);}
.ic-sc-hicon:hover .clci,.ic-sc-item:hover .clci{background-color:#d71635;}
/* third-level items sit in a 42px hot zone, render icons a bit larger */
.ic-sc-item .ic-ico .clci{width:34px;height:34px;
-webkit-mask-size:340px 272px;mask-size:340px 272px;
-webkit-mask-position:calc(var(--col,0)*-34px) calc(var(--row,0)*-34px);
mask-position:calc(var(--col,0)*-34px) calc(var(--row,0)*-34px);}
/* backend icon picker grid */
.clci-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:680px;}
.clci-grid .cell{display:flex;flex-direction:column;align-items:center;width:66px;padding:8px 2px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;background:#fff;}
.clci-grid .cell:hover{border-color:#d71635;}
.clci-grid .cell.on{border-color:#d71635;box-shadow:0 0 0 1px #d71635 inset;}
.clci-grid .clci{width:38px;height:38px;margin-bottom:5px;
-webkit-mask-size:400px 320px;mask-size:400px 320px;
-webkit-mask-position:calc(var(--col,0)*-40px) calc(var(--row,0)*-40px);
mask-position:calc(var(--col,0)*-40px) calc(var(--row,0)*-40px);}
.clci-grid .cell:hover .clci,.clci-grid .cell.on .clci{background-color:#d71635;}
.clci-grid .cap{font-size:11px;color:#666;text-align:center;line-height:1.2;word-break:break-all;}
/* per-key grid coordinates */
.clci-paper_copy{--col:0;--row:0;}
.clci-ink_cart{--col:1;--row:0;}
.clci-toner{--col:2;--row:0;}
.clci-ribbon{--col:3;--row:0;}
.clci-tissue{--col:4;--row:0;}
.clci-tableware{--col:5;--row:0;}
.clci-bag{--col:6;--row:0;}
.clci-clean{--col:7;--row:0;}
.clci-towel{--col:8;--row:0;}
.clci-wash{--col:9;--row:0;}
.clci-oral{--col:0;--row:1;}
.clci-battery{--col:1;--row:1;}
.clci-fitness{--col:2;--row:1;}
.clci-chess{--col:3;--row:1;}
.clci-folder{--col:4;--row:1;}
.clci-notebook{--col:5;--row:1;}
.clci-pen{--col:6;--row:1;}
.clci-calculator{--col:7;--row:1;}
.clci-stapler{--col:8;--row:1;}
.clci-tape{--col:9;--row:1;}
.clci-cutter{--col:0;--row:2;}
.clci-stamp{--col:1;--row:2;}
.clci-whiteboard{--col:2;--row:2;}
.clci-student{--col:3;--row:2;}
.clci-printer{--col:4;--row:2;}
.clci-shredder{--col:5;--row:2;}
.clci-projector{--col:6;--row:2;}
.clci-phone{--col:7;--row:2;}
.clci-finance_dev{--col:8;--row:2;}
.clci-attendance{--col:9;--row:2;}
.clci-binder{--col:0;--row:3;}
.clci-mouse{--col:1;--row:3;}
.clci-keyboard{--col:2;--row:3;}
.clci-webcam{--col:3;--row:3;}
.clci-audio{--col:4;--row:3;}
.clci-network{--col:5;--row:3;}
.clci-storage{--col:6;--row:3;}
.clci-cable{--col:7;--row:3;}
.clci-desk{--col:8;--row:3;}
.clci-chair{--col:9;--row:3;}
.clci-cabinet{--col:0;--row:4;}
.clci-sofa{--col:1;--row:4;}
.clci-safe{--col:2;--row:4;}
.clci-public_furn{--col:3;--row:4;}
.clci-bed{--col:4;--row:4;}
.clci-fan{--col:5;--row:4;}
.clci-waterdisp{--col:6;--row:4;}
.clci-vacuum{--col:7;--row:4;}
.clci-humidifier{--col:8;--row:4;}
.clci-tv_app{--col:9;--row:4;}
.clci-kitchen_app{--col:0;--row:5;}
.clci-fridge{--col:1;--row:5;}
.clci-care_app{--col:2;--row:5;}
.clci-seal_make{--col:3;--row:5;}
.clci-print_prod{--col:4;--row:5;}
.clci-coffee_tea{--col:5;--row:5;}
.clci-drink{--col:6;--row:5;}
.clci-instant{--col:7;--row:5;}
.clci-grainoil{--col:8;--row:5;}
.clci-biscuit{--col:9;--row:5;}
.clci-snack{--col:0;--row:6;}
.clci-package{--col:1;--row:6;}
.clci-hardware{--col:2;--row:6;}
.clci-helmet{--col:3;--row:6;}
.clci-goggles{--col:4;--row:6;}
.clci-earplug{--col:5;--row:6;}
.clci-workwear{--col:6;--row:6;}
.clci-gloves_safe{--col:7;--row:6;}
.clci-shuttle{--col:8;--row:6;}
.clci-event{--col:9;--row:6;}
.clci-flower{--col:0;--row:7;}
.clci-gift{--col:1;--row:7;}
.clci-giftbox{--col:2;--row:7;}
.clci-generic{--col:3;--row:7;}