/* School name labels. Shared parts: css/_print-kit.css and css/_label-sheet.css. Borders: 1px hairline. */
#visu-tools.vt-school-name-labels .vt-sl-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; align-items: end; }
#visu-tools.vt-school-name-labels .vt-sl-top .vt-link-btn { min-height: 46px; }
#visu-tools.vt-school-name-labels #vt-sl-name { font-size: 18px !important; font-weight: 600; }
#visu-tools.vt-school-name-labels .vt-sl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; margin-top: 16px; align-items: end; }
#visu-tools.vt-school-name-labels .vt-sl-icons { margin: 20px 0 0; padding: 16px 0 0; border: 0; border-top: 1px solid var(--vt-line); min-width: 0; }
#visu-tools.vt-school-name-labels .vt-sl-icons > legend { float: left; width: 100%; margin-bottom: 8px; padding: 0; }
#visu-tools.vt-school-name-labels .vt-sl-icon-list { clear: both; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
#visu-tools.vt-school-name-labels .vt-sl-icon { display: grid; place-items: center; aspect-ratio: 1; border: 1px solid var(--vt-line); border-radius: 12px; cursor: pointer; background: #fff; }
#visu-tools.vt-school-name-labels .vt-sl-icon input { position: absolute; opacity: 0; width: 1px; height: 1px; }
#visu-tools.vt-school-name-labels .vt-sl-icon:has(input:checked) { border-color: var(--vt-ink); box-shadow: 0 0 0 1px var(--vt-ink); }
#visu-tools.vt-school-name-labels .vt-sl-icon:has(input:focus-visible) { outline: 2px solid var(--vt-ink); outline-offset: 2px; }
#visu-tools.vt-school-name-labels .vt-sl-ic { display: block; width: 34px; height: 34px; }
#visu-tools.vt-school-name-labels .vt-sl-ic svg { display: block; width: 100%; height: 100%; }
#visu-tools.vt-school-name-labels .vt-pk-accent { margin-top: 18px; }
#visu-tools.vt-school-name-labels .vt-sl-privacy { margin-top: 16px !important; }
#visu-tools.vt-school-name-labels .vt-out { position: sticky; top: 16px; }
@media (max-width: 900px) { #visu-tools.vt-school-name-labels .vt-out { position: static; } }
@media (max-width: 600px) {
  #visu-tools.vt-school-name-labels .vt-sl-top, #visu-tools.vt-school-name-labels .vt-sl-grid { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-school-name-labels .vt-sl-top .vt-link-btn { min-height: 0; justify-self: start; }
  #visu-tools.vt-school-name-labels .vt-sl-icon-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}