/** Shopify CDN: Minification failed

Line 137:0 Unexpected "}"

**/
.collection-icon-carousel {

	.blocks {

		position: relative;
		padding: 0 100px;
		display: none;

		&.slick-initialized {
			display: block;
		}

		@media screen and (max-width: 990px) {

			padding: 0 0 0 40px;
			display: flex;
			overflow: scroll;
			margin-right: -40px;
			margin-left: -40px;
			-ms-overflow-style: none;  /* Internet Explorer 10+ */
			    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
			}
			&::-webkit-scrollbar { 
			    display: none;  /* Older Safari and Chromium */
			}

			@media screen and (max-width: 768px) {

				margin-left: -20px;
				margin-right: -20px;
				padding: 0 0 0 20px;

			}

		}

		.block {

			text-align: center;
			padding: 0 20px;

			@media screen and (max-width: 990px) {
				width: 120px;
				min-width: 120px;
				padding: 0 16px 0 0;
				@media screen and (max-width: 768px) {
					width: 90px;
					min-width: 90px;
				}
			}

			.icon-container {

				width: 100%;
				padding-top: calc(100% - 6px);
				position: relative;
				background: #fff;
				margin: 0 auto;
				border: 3px solid var(--tertiary);
				border-radius: 50%;
				transition: .3s all;

				@media screen and (max-width: 768px) {
					border-width: 2px;
				}

				&::after {
					content:'';
					position: absolute;
					top: -3px;
					right: -3px;
					width: 50%;
					height: 50%;
					background: #fff;
					border-radius: 0 100% 0 0;
					transition: .3s all;
				}

				img {
					position: absolute;
					z-index: 2;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					max-width: 50px;
					max-height: 50px;
					object-fit: contain;
					width: 100%;
					height: 100%;
					@media screen and (max-width: 768px) {
						max-width: 30px;
						max-height: 30px;
					}
				}

			}

			p {
				margin: 10px 0 0 0;
				color: var(--tertiary);
				font-size: 18px;
				font-weight: 600;
				@media screen and (max-width: 768px) {
					font-size: 14px;
				}
			}

			&:hover {

				.icon-container {

					background: var(--tertiary);

					&::after {
						background: var(--tertiary);
					}

				}

			}

		}

		.slick-arrow {



		}

	}

}