:root{
  --sv-browse-row-hover-bg:linear-gradient(90deg,rgba(127,214,163,.105),rgba(120,144,255,.055));
  --sv-browse-row-hover-border:rgba(127,214,163,.36);
  --sv-browse-row-hover-shadow:0 10px 22px rgba(0,0,0,.20), inset 3px 0 0 rgba(127,214,163,.76), inset 0 0 0 1px rgba(127,214,163,.09);
  --sv-browse-row-selected-bg:linear-gradient(90deg,rgba(127,214,163,.15),rgba(120,144,255,.085));
  --sv-browse-row-selected-border:rgba(154,230,180,.48);
  --sv-browse-row-selected-shadow:0 12px 26px rgba(0,0,0,.24), inset 4px 0 0 rgba(154,230,180,.95), inset 0 0 0 1px rgba(154,230,180,.13);
}

#browser .sv-fileList li{
  position:relative;
}

#browser .sv-fileItem{
  border-radius:var(--sp-radius-2);
  transition:transform var(--sp-duration-2) var(--sp-ease-standard), filter var(--sp-duration-2) var(--sp-ease-standard);
}

#browser .sv-fileItem:hover,
#browser .sv-fileItem:focus-within{
  transform:translateY(-1px);
  filter:brightness(1.04);
}

#browser .sv-fileItem:hover .sv-fileBtn,
#browser .sv-fileItem:focus-within .sv-fileBtn{
  background:var(--sv-browse-row-hover-bg);
  border-color:var(--sv-browse-row-hover-border);
  box-shadow:var(--sv-browse-row-hover-shadow);
}

#browser .sv-fileItem:hover .sv-fileTitle,
#browser .sv-fileItem:focus-within .sv-fileTitle{
  color:color-mix(in srgb,var(--sp-text),var(--sv-link-accent-hover) 22%);
}

#browser .sv-fileItem:hover .sv-fileKind,
#browser .sv-fileItem:focus-within .sv-fileKind{
  color:color-mix(in srgb,var(--sp-muted),var(--sv-link-accent-hover) 34%);
  opacity:1;
}

#browser .sv-fileBtn[aria-current="true"]{
  background:var(--sv-browse-row-selected-bg);
  border-color:var(--sv-browse-row-selected-border);
  box-shadow:var(--sv-browse-row-selected-shadow);
}

#browser .sv-fileBtn[aria-current="true"] .sv-fileTitle{
  color:var(--sp-text);
}

#browser .sv-fileBtn[aria-current="true"] .sv-fileKind{
  color:color-mix(in srgb,var(--sp-muted),var(--sv-link-accent-hover) 42%);
  opacity:1;
}

#browser .sv-fileItem--dir .sv-fileBtn{
  background-image:linear-gradient(90deg,rgba(127,214,163,.035),transparent 48%);
}

#browser .sv-fileItem--dir:hover .sv-fileBtn,
#browser .sv-fileItem--dir:focus-within .sv-fileBtn{
  background:linear-gradient(90deg,rgba(127,214,163,.13),rgba(120,144,255,.06));
}

#browser .sv-fileItem.is-dragging .sv-fileBtn{
  border-color:rgba(154,230,180,.5);
  box-shadow:inset 0 0 0 1px rgba(154,230,180,.18), 0 8px 18px rgba(0,0,0,.24);
}

#browser .sv-fileItem.is-dropTarget .sv-fileBtn{
  background:linear-gradient(90deg,rgba(127,214,163,.2),rgba(120,144,255,.09))!important;
  border-color:rgba(154,230,180,.62)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.26), inset 4px 0 0 rgba(154,230,180,1), inset 0 0 0 1px rgba(154,230,180,.22)!important;
}

#browser .sv-fileItem.is-dropBlocked .sv-fileBtn{
  background:linear-gradient(90deg,rgba(255,80,80,.11),rgba(255,255,255,.018))!important;
  border-color:rgba(255,130,130,.48)!important;
  box-shadow:inset 4px 0 0 rgba(255,130,130,.75)!important;
}

#browser .sv-fileBtn:focus-visible{
  outline:2px solid rgba(154,230,180,.52);
  outline-offset:2px;
}