.board-list{outline:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.board-list .board-item{color:var(--colour-ink);border:1px solid var(--colour-line);background:var(--white,#fff);text-align:left;cursor:pointer;border-radius:.5rem;outline:none;flex-direction:column;gap:.25rem;padding:.5rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.board-list .board-item:hover{border-color:var(--grey-300)}.board-list .board-item.focused:not(.selected){border-color:var(--gvt-primary);box-shadow:0 0 0 2px rgb(from var(--gvt-primary) r g b / .2)}.board-list .board-item .thumbnail-list{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 80%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 80%,#0000 100%)}.board-list .board-item .thumbnail-list .thumbnail{border:1px solid var(--colour-line);object-fit:cover;aspect-ratio:7/11;border-radius:.375rem;width:3.25rem;height:3.25rem}.board-list .board-item.selected{border:1px solid var(--gvt-primary)}.board-list .board-item.selected.focused{box-shadow:0 0 0 2px rgb(from var(--gvt-primary) r g b / .3)}.check-icon-container{background:var(--gvt-primary);border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.75rem;display:flex}.check-icon-active{color:var(--white)}.check-icon{color:var(--colour-fg-2)}