.currency__dropdown__wrapper {
	position: relative;
	border-radius: 10px;

	.currency__dropdown__header {
		width: 254px;
		height: 100%;
		padding: 0 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 10px;
		background-color: var(--dropdown-bg-color);
		transition:
			border-radius 0s,
			background-color 0.3s,
			transform 0s;
		cursor: pointer;

		&:hover {
			background-color: var(--dropdown-bg-hover);
		}

		&.opened {
			border-radius: 10px 10px 0 0;

			.dropdown__arrow {
				transform: rotateX(180deg);
			}
		}

		> div {
			display: flex;
			align-items: center;
			gap: 6px;

			> img {
				width: 100%;
				height: 100%;
			}

			> p {
				font-weight: 500;
			}
		}
	}

	.currency__dropdown__menu {
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		border-radius: 0 0 10px 10px;
		overflow: hidden;
		z-index: 1;

		.currency__dropdown__all {
			padding: 15px;
			background-color: var(--dropdown-bg-color);
			cursor: pointer;
			display: flex;
			gap: 6px;
			align-items: center;
			border-top: 1px solid var(--delimiter-color);

			img {
				width: auto;
				height: auto;
			}

			> p {
				font-weight: 500;
			}

			&:hover {
				background-color: var(--dropdown-bg-hover);
			}
		}

		> * {
			border-bottom: 1px solid var(--delimiter-color);

			&:last-child {
				border: 0;
			}
		}
	}
}
