details.accessable-styleable-select {
	display: inline-block;
	position: relative;
	font-size : 21.74px;
	line-height : 0;
	width : 100%;
	overflow-wrap : normal;
	word-break : normal;
}

details.accessable-styleable-select summary::after {
    content: url(../img/select-button.svg);
    display: block;
    pointer-events: none;
    height: 46px;
	width : 57px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

details.accessable-styleable-select[open] summary::after {
  transform: translateY(-50%) scaleY(-1);
}

details.accessable-styleable-select summary {
	cursor: pointer;
	border: none;
	border-bottom : 1.359px solid #181818;
	padding: 25px 0;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size : 21.74px;
	line-height : 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #000000;
	background-color : #ffffff;
	width : 100%;
}
details.accessable-styleable-select.placeholder summary {
	color : #A3A9F5;
}
details.accessable-styleable-select[open] summary {
	border-bottom : none;
}
details.accessable-styleable-select summary::-webkit-details-marker {
	display: none;
}

details.accessable-styleable-select .as-select {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #ffffff;
	padding : 30px 40px;
	text-align : center;
	border : 1.359px solid #181818;
	z-index : 999;
}

details.accessable-styleable-select label {
	cursor: pointer;
	padding: 20px 0;
	line-height : 1;
	color : #000000;
	font-weight : 500;
}
details.accessable-styleable-select label+label {
	border-top : 2px solid rgba(163, 169, 245, 0.24) !important;
}
details.accessable-styleable-select .as-select:hover label.active {
	/* background: #A3A9F5; */
	color: #91205e;
}

details.accessable-styleable-select label.active,
details.accessable-styleable-select .as-select:hover label.active:hover,
details.accessable-styleable-select label:hover {
	/* background: #A3A9F5; */
	color: #91205e;
}

details.accessable-styleable-select label input {
	display: none;
}
details.accessable-styleable-select.product-filter {
  font-size : 18.24px;
}

details.accessable-styleable-select.product-filter summary::after {
	content: url(../img/select-arrow.svg);
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width : 19px;
	height : 20px;
}
details.accessable-styleable-select.product-filter summary:hover::after {
	content: url(../img/select-arrow-purple.svg);
}
details.accessable-styleable-select.product-filter[open] summary::after {
	transform: translateY(-50%) scaleY(-1););
}

details.accessable-styleable-select.product-filter summary {
	border: 2px solid #A3A9F5;
	padding : 15px 40px 15px 20px;
	background: #A3A9F5;
	border-radius: 32px;
	color: #1D364D;
}
details.accessable-styleable-select.product-filter[open] summary {
	border-radius : 32px 32px 0 0;
	border-bottom : none;
}

details.accessable-styleable-select.product-filter summary:hover {
	color : #A3A9F5 !important;
	background: #1A1C2A;
}

details.accessable-styleable-select.product-filter .as-select {
	background: #A3A9F5;
	border-radius: 0 0 32px 32px;
	padding : 0 0 15px 0;
}

details.accessable-styleable-select.product-filter label {
	padding: 15px 15px 0 15px;
}

details.accessable-styleable-select.product-filter .as-select:hover label.active {
	color: #91205e;
}

details.accessable-styleable-select.product-filter label.active,
details.accessable-styleable-select.product-filter .as-select:hover label.active:hover,
details.accessable-styleable-select.product-filter label:hover {
	color: #91205e;
}


details.accessable-styleable-select.product-filter.white summary {
	background: #ffffff;
	color: #1D364D;
}
details.accessable-styleable-select.product-filter.white summary:hover {
	background: #A3A9F5;
	color: #ffffff !important;
	border-bottom : none;
}

details.accessable-styleable-select.product-filter.white .as-select {
	background: #ffffff;
	border: 2px solid #A3A9F5;
	border-top : none;
}

details.accessable-styleable-select.product-filter.white .as-select:hover label.active {
	/* background: #ffffff; */
	
}

details.accessable-styleable-select.product-filter.white label.active,
details.accessable-styleable-select.product-filter.white .as-select:hover label.active:hover,
details.accessable-styleable-select.product-filter.white label:hover {
	/* background: #ffffff; */
}

details.accessable-styleable-select input { display : none; }
details.accessable-styleable-select label {
	border : none !important;
	outline : none !important;
}
details.accessable-styleable-select.product-filter.white summary:hover::after {
	content: url(../img/select-arrow-white.svg);
}