.theme-browser {

	& .themes {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));

		& .theme {
			margin: 0 !important;
			width: 100%;

			&.add-new-theme {

				& a {
					height: 100%;
				}
			}

			& .theme-id-container {
				align-items: stretch;
				box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
				display: flex;
				height: fit-content;
				justify-content: space-between;

				& .theme-actions {
					bottom: 0;
					display: flex;
					flex-direction: row;
					gap: 4px;
					inset-block-start: 0;
					inset-inline-end: 0;
					inset-inline-start: unset;
					justify-content: space-between;
					padding: 6px;
					position: absolute;
					transform: unset;

					& .button {
						align-items: center;
						display: flex;
						flex-direction: row;
						justify-content: center;
						margin: 0;
						min-height: 20px;
						padding: 4px 6px;
						text-align: center;
					}
				}

				& .theme-name {
					align-items: center;
					box-shadow: none;
					display: flex;
					height: auto;
					width: 100%;
				}
			}
		}
	}
}

.theme-overlay {

	& .theme-wrap {
		inset-block-end: max(3%, calc(var(--admin-redesign-footer-height) + 16px));
		inset-inline-start: calc(var(--admin-redesign-sidebar-width) + 20px);
	}
}
