@import url(/styles/leftbox/leftbox-sidebar-addon.css);

.grid-child.sidebar {
	border-left: 0.1rem dashed var(--drr-fg);

	h2 {
		font-size: 1.5rem;
	}

	img {
		max-width: 100%;
	}

	iframe {
		width: 320px;
		height: 191px;
	}
}

.emp-box {
	line-height: 1.5 !important;
	font-weight: bold;
	border: 0.1rem solid var(--drr-fg);
	padding: 0.5rem; 
	text-align: left;
}

.theme-switcher {
    margin-bottom: 1rem;

	ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: inline-flex;
		align-items: baseline;
		gap: 0.25rem;
	}
    
    button {
        all: unset;
        cursor: pointer;
		display: flex;
    }
    
    img {
        border: 0.05rem solid var(--drr-fg);
        max-height: 32px;
    }
}

.covers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}
.main-cover,
.covers img {
    max-height: 15rem;
        border: 0.05rem solid var(--drr-fg);
}
.main-cover {
    margin-right: 1rem;
    margin-bottom: 1rem;
}