styles.css

div[data-type='url-display'] .view-content {
	padding: 0px 12px 32px 12px;
	overflow: hidden !important;
}

div[data-type='url-display'] .nav-folder {
	height: 100%;
	overflow: auto;
}

div[data-type='url-display'] .pane-empty {
	padding-top: 12px;
}

.url-display-item {
	display: flex;
	align-items: center;
	padding: 6px 8px 6px 8px;
	margin-bottom: 0;
}

.url-display-item img {
	width: 20px;
	height: 100%;
	/* border-radius: 50%; */
}

.url-display-item span {
	display: block;
	padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.url-display-item svg {
	flex-shrink: 0;
	stroke-width: 1.6px;
}

.url-display-item .lucide-globe {
	width: 17.5px;
	height: 17.5px;
	stroke-width: 1.3px;
}

.url-display-item:hover svg {
	color: var(--nav-item-color);
}

.url-display-navigation {
	visibility: hidden;
}

/* cover 'pointer-events: none;' in '[aria-label] .svg-icon{}' selector */
.url-display-item:hover .url-display-navigation {
	visibility: visible;
	/* width: 16px;
	height: 16px; */
	margin-left: auto;
	margin-right: 3px;
	color: var(--nav-item-color);
	cursor: pointer;
	pointer-events: auto;  
}

.lucide-navigation polygon {
    transition: stroke 0.3s ease;
}

.lucide-navigation:hover polygon {
    stroke: var(--interactive-accent);
}

/* loading */
.skeleton {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.skeleton-square {
	/* flex: 1; */
	width: 20px;
	height: 20px;
	border-radius: 5px;
	margin-right: 8px;
	background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
	background-size: 800px 100px;
	animation: wave-squares 2s infinite ease-out;
}

.skeleton-line {
	flex: 10;
	height: 20px;
	border-radius: 2px;
	background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
	background-size: 800px 100px;
	animation: wave-lines 2s infinite ease-out;
}

@keyframes wave-lines {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}

@keyframes wave-squares {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}