/* Use the Deeds selection/tray/dialog styles, with square Koda images. */
#kgrid .kcell{position:relative}
#kgrid .kcell:hover .cpick,#kgrid .kcell:focus-within .cpick{opacity:1}
#kgrid .kcell.kselected{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.koda-tray[hidden]{display:none}
body.koda-traylive{padding-bottom:85px}
.koda-tray .titems{min-width:0;flex:1}
.koda-tray .tchip,.koda-tray .tgo,.koda-tray .tclear{flex-shrink:0}
.koda-tray .wrap{padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))}
.koda-modal .mbox{width:min(100%,1000px);min-width:0}
.kcmp-scroll{max-width:100%;overflow-x:auto}
.kcmp-table{width:100%;min-width:520px}
.kcmp-table th:not(:first-child),.kcmp-table td{min-width:135px}
.kcmp-table tr:first-child .kcmp-image{width:132px;height:172px;max-width:132px;object-fit:contain;border-radius:10px}
.kcmp-table .cshare{background:rgba(132,175,201,.16);border-radius:4px;padding:2px 4px}
.kcmp-table td{overflow-wrap:anywhere}
.kcmp-swipe{display:none}
@media(max-width:600px){.koda-tray .tlab{display:none}.koda-tray .wrap{gap:8px}.koda-tray .tchip img{display:none}.koda-modal{padding:8px}.koda-modal .mbox{padding:16px 12px}.kcmp-table{display:table}.kcmp-swipe{display:block}}