#problems.hl,.hl{background:#fbf6ee;border:1px solid #f0e6d6;border-radius:16px;align-items:center;gap:14px;min-height:0;margin-top:10px;padding:8px 14px;display:flex}.hl-top{flex:none;gap:10px;display:flex}.hl-tray{scroll-snap-type:x proximity;scrollbar-width:thin;border-left:1px solid #e6dccb;flex:1;gap:8px;min-width:0;padding:4px 4px 6px 18px;display:flex;overflow-x:auto}.hl-hint{color:var(--muted);border-left:1px solid #e6dccb;flex:1;max-width:420px;margin:0;padding-left:18px;font-size:13px;line-height:1.45}.hl-item{--size:48px;width:calc(var(--size) + 22px);color:var(--ink);cursor:pointer;scroll-snap-align:start;text-align:center;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:5px;padding:0;display:flex}.hl-main{--size:54px;width:76px}.hl-item b{font-size:11.5px;font-weight:650;line-height:1.2}.hl-main b{font-size:12.5px;font-weight:750}.hl-item:disabled{opacity:.45;cursor:default}.hl-badged{display:block;position:relative}.hl-ring{width:var(--size);height:var(--size);background:conic-gradient(#a92130,#e86a1c,#e9bf35,#a92130);border-radius:50%;place-items:center;padding:2.5px;transition:transform .25s;display:grid;position:relative}.hl-face{width:100%;height:100%;color:var(--red);background:#fbf7f1;border:2.5px solid #fff;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.hl-face>svg{stroke-width:1.8px;width:46%;height:46%}.hl-photo,.hl-product{width:100%;height:100%;display:block}.hl-photo img{object-fit:cover;width:100%;height:100%}.hl-product{background:#fff}.hl-product img{object-fit:contain;width:100%;height:100%;padding:14%}.hl-badge{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-1px;right:-1px}.hl-badge svg{width:12px;height:12px}.hl-item:not(:disabled):hover .hl-ring{transform:scale(1.06)}.hl-item:focus-visible{outline:none}.hl-item:focus-visible .hl-ring{outline:3px solid var(--ink);outline-offset:3px}.hl-item.active .hl-ring{animation:2.4s linear infinite hl-spin}.hl-item.active .hl-face{animation:2.4s linear infinite reverse hl-spin}.hl-item.active b{color:var(--red)}@keyframes hl-spin{to{transform:rotate(360deg)}}.hl-tray .hl-item{animation:.36s cubic-bezier(.2,.9,.3,1.3) both hl-pop;animation-delay:calc(var(--i) * 40ms)}@keyframes hl-pop{0%{opacity:0;transform:translate(-6px)scale(.6)}to{opacity:1;transform:none}}.hl-tray .hl-item .hl-ring{background:conic-gradient(#e7ddd0,#d8cbb9,#e7ddd0)}.hl-tray .hl-item:not(:disabled):hover .hl-ring,.hl-tray .hl-item.active .hl-ring{background:conic-gradient(#a92130,#e86a1c,#e9bf35,#a92130)}.department-workspace .hl+*{margin-top:0}@media (max-width:760px){#problems.hl,.hl{flex-direction:column;align-items:stretch;gap:10px;margin-top:10px;padding:10px 8px}.hl-top{justify-content:center;gap:10px}.hl-tray{border-top:1px solid #e6dccb;border-left:0;padding:8px 4px 4px}.hl-hint{display:none}.hl-main{--size:50px;width:72px}.hl-item{--size:46px}.hl-item b,.hl-main b{font-size:12px}}@media (prefers-reduced-motion:reduce){.hl-item.active .hl-ring,.hl-item.active .hl-face,.hl-tray .hl-item{animation:none}}.pt-studio .hl+section.section,.ss-studio .hl+section.section{padding-top:22px}.hl{flex-wrap:wrap;row-gap:8px}.hl-top{flex-wrap:wrap;row-gap:6px}.hl-tray,.hl-hint{flex:360px}@media (max-width:760px){.hl-top{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:2px 2px 4px;overflow-x:auto}.hl-top::-webkit-scrollbar{display:none}.hl-tray,.hl-hint{flex:none}}.hl-group{flex-wrap:nowrap;gap:10px;display:flex}.hl-group-boxed{background:#fff;border:1.5px solid #e7c9a2;border-radius:14px;padding:6px 10px 4px}@media (max-width:760px){.hl-group-boxed{padding:4px 6px 2px}#problems.hl,.hl{flex-wrap:nowrap;max-width:calc(100vw - 24px)}.hl-top,.hl-tray{min-width:0;max-width:100%}}