/* Start:/local/components/ma/music.search/templates/.default/style.css?17642374186622*/
/* СТРОКА ПОИСКА START */

.b-search-title_wrapper {
	display: flex;
	position: relative;
	max-width: 100%;
	margin: 40px 0;
}

.b-search-title_options {
	position: relative;
	width: 220px;
	font-family: 'PTRootUI', 'Helvetica Neue', 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 50px;
	color: #fff;
	text-transform: uppercase;
	background-color: #8A2B8A;
	padding-left: 22px;
	cursor: default;
	border-radius: 4px 0 0 4px;
}

.b-main-visual_search .b-search-title_options {
	line-height: 50px;
}

.b-search-title_options-holder:hover .b-search-title_options {
	background-color: #686d73;
	border-radius: 4px 0 0 0;
}

.b-search-title_options-holder:hover .b-search-title_options:before {
	transform: rotate(180deg);
}

.b-search-title_option-list {
	display: none;
	width: 220px;
	z-index: 1;
	padding: 10px 0;
	background-color: #686d73;
}

.b-search-title_option-item {
	display: block;
	padding: 3px 22px 2px;
	font-weight: 300;
	cursor: pointer;
}

.b-search-title_options-holder:hover .b-search-title_option-list {
	position: absolute;
	display: block;
}

.b-search-title_input {
	padding-left: 20px;
	border: none;
	letter-spacing: 0.3px !important;
	background: #fff !important;
	border: none !important;
	color: #333 !important;
	font-size: 14px !important;
}

.b-search-title_search {
    background: transparent;
    border: none;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1755_1118)'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23983298' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L15 15' stroke='%23983298' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1755_1118'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px;
	cursor: pointer;
	width: 62px;
	height: 50px;
	position: absolute;
	right: 0;
}

@media (max-width: 1188px) {
	.b-search-title_input {
		width: 100%;
		line-height: 140%;
		padding-bottom: 0;
		padding-top: 0;
	}
}

@media (max-width: 743px) {
	.b-search-title_wrapper {
		margin-bottom: 20px;
	}

	.b-search-title_options-holder {
		display: none !important;
	}

	.b-search-title_input {
		border-radius: 4px !important;
		min-height: 48px !important;
	}

	.b-search-title_options {
		background-color: #fff;
		font-size: 0;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cg clip-path='url(%23clip0_249_620)'%3e%3cpath d='M2.63372 18.7056H17.3659C18.1055 18.7056 18.7051 18.106 18.7051 17.3663V2.63421C18.7051 1.89454 18.1055 1.29492 17.3659 1.29492H2.63372C1.89405 1.29492 1.29443 1.89454 1.29443 2.63421V17.3663C1.29443 18.106 1.89405 18.7056 2.63372 18.7056Z' stroke='%23983298' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2.96875 18.7054L12.7455 9.49104C12.8659 9.39082 13.0175 9.33594 13.1741 9.33594C13.3307 9.33594 13.4823 9.39082 13.6027 9.49104L18.7054 13.1473' fill='white'/%3e%3cpath d='M2.96875 18.7054L12.7455 9.49104C12.8659 9.39082 13.0175 9.33594 13.1741 9.33594C13.3307 9.33594 13.4823 9.39082 13.6027 9.49104L18.7054 13.1473' stroke='%23983298' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.65151 8.66141C7.76101 8.66141 8.66044 7.76199 8.66044 6.65248C8.66044 5.54298 7.76101 4.64355 6.65151 4.64355C5.542 4.64355 4.64258 5.54298 4.64258 6.65248C4.64258 7.76199 5.542 8.66141 6.65151 8.66141Z' fill='white' stroke='%23983298' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_249_620'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
		width: 32px;
		height: 44px;
		padding: 12px 37px 12px 7px;
		background-position: center;
	}

	.b-search-title_option-list {
		width: calc(100% - 32px);
	}

	.b-search-title_search {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cg clip-path='url(%23clip0_249_631)'%3e%3cpath d='M8.33333 14.1667C11.555 14.1667 14.1667 11.555 14.1667 8.33333C14.1667 5.11167 11.555 2.5 8.33333 2.5C5.11167 2.5 2.5 5.11167 2.5 8.33333C2.5 11.555 5.11167 14.1667 8.33333 14.1667Z' stroke='%23D5D5D5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.5 17.5L12.5 12.5' stroke='%23D5D5D5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_249_631'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
		height: 100%;
	}
}

@media (max-width: 480px) {

	.b-search-title_input {
		line-height: 23px !important;
		padding: 10px !important;
		font-size: 12px !important;
	}

	.b-search-title_search {
		background-size: 22px;
		width: 42px;
	}
}

@media (max-width: 480px) {

	.b-search-title_input {
		font-size: 10px !important;
		min-height: 40px !important;
		line-height: 18px !important;
	}

	.b-search-title_search {
		background-size: 20px;
		width: 36px;
	}
}

/* СТРОКА ПОИСКА END */

.music__item {
	margin-bottom: 15px;
}

/* ПАГИНАЦИЯ START */

.music-pagination {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

.music-pagination .pagination-btn,
.music-pagination .pagination-current {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(189, 189, 189);
    border: 1px solid rgb(189, 189, 189);
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.music-pagination .pagination-btn svg {
    width: 22px;
    height: 22px;
    fill: rgb(189, 189, 189);
}

.music-pagination .pagination-btn:hover:not(.disabled) {
    background-color: rgba(117, 117, 117, 0.15);;
}

.music-pagination .pagination-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.music-pagination .pagination-current {
    background-color: transparent;
    border-color: rgb(189, 189, 189);
}

.music-pagination .pagination-total {
    margin-left: 5px;
    color: rgb(189, 189, 189);
    font-size: 14px;
}

/* ПАГИНАЦИЯ END */
/* End */
/* /local/components/ma/music.search/templates/.default/style.css?17642374186622 */