/* =============================================================================
- Fancy Box
============================================================================= */
.gwel-fancy-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	.gwel-item,
	.gwel-item-inner {

		justify-content: space-between;
	}
	.gwel-item-content {
		display: flex;
	}
	.gwel-item-title,
	.gwel-item-text {
		width: 100%;
	}
	.gwel-item-title {
		margin: 0;
	}
	.gwel-item-icon {
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		position: relative;
		i {
			font-size: 12px;
			width: 1em;
			height: 1em;
		}
		svg {
			display: block;
			width: 30px;
			height: auto;
			g,
			path {
				fill: inherit;
			}
		}
	}
	.gwel-item-separator {
		width: 100%;
		height: 1px;
	}
	&.gwel-icon-view-stacked {
		.gwel-item-icon {
			padding: 0.5em;
			color: #ffffff;
			background-color: var(--e-global-color-primary );
			border-radius: 100%;
			svg {
				fill: #ffffff;
			}
		}
	}
	&.gwel-icon-view-framed {
		.gwel-item-icon {
			padding: 0.5em;
			color: var(--e-global-color-primary );
			border: 3px solid var(--e-global-color-primary );
			background-color: transparent;
			border-radius: 100%;
			svg {
				fill: #000000;
			}
		}
	}
}