.atelie-type {
	display: block;
	transition: border-color .3s, color .3s, background-color .3s;
	width: max-content;
	line-height: 2;
	padding: 0 2em;
	margin: 1em auto;
	box-sizing: border-box;
	z-index: 0;
	position: relative;
	height: 1.8em;
	line-height: 1.8em;
}
.atelie-type::before,
.atelie-type::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: -1;
}
.atelie-type::before {
	left: 0;
}
.atelie-type::after {
	right: 0;
}


.alcohol-perfume-atelie .atelie-type {
	color: #756218;
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 20.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.14h20.5v24.2h-20.5z' fill='%23fff4cb' fill-opacity='1' style='paint-order:markers fill stroke'/%3E%3Cpath d='m0 1.14h20.5m0 24.2h-20.5' fill='none' stroke='%23ead06b' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E") no-repeat 1em / calc(100% - 2em) 100%;
}
.alcohol-perfume-atelie a:hover .atelie-type.at-interact {
	color: #fff;
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 20.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.14h20.5v24.2h-20.5z' fill='%23898e32' fill-opacity='1' style='paint-order:markers fill stroke'/%3E%3Cpath d='m0 1.14h20.5m0 24.2h-20.5' fill='none' stroke='%23f4df8b' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E") no-repeat 1em / calc(100% - 2em) 100%;
}
.alcohol-perfume-atelie .atelie-type::before {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.7 1.13h-20.5l12.1 12.1-12.1 12.1h20.5' fill='%23fff4cb' fill-opacity='1' stroke='%23ead06b' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: left center;
}
.alcohol-perfume-atelie a:hover .atelie-type.at-interact::before {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.7 1.13h-20.5l12.1 12.1-12.1 12.1h20.5' fill='%23898e32' fill-opacity='1' stroke='%23f4df8b' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: left center;
}
.alcohol-perfume-atelie .atelie-type::after {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.13h20.5l-12.1 12.1 12.1 12.1h-20.5' fill='%23fff4cb' fill-opacity='1' stroke='%23ead06b' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: right center;
}
.alcohol-perfume-atelie a:hover .atelie-type.at-interact::after {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.13h20.5l-12.1 12.1 12.1 12.1h-20.5' fill='%23898e32' fill-opacity='1' stroke='%23f4df8b' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: right center;
}
.past-wss .alcohol-perfume-atelie .mm-past-event {
	background: #f9f5f2 var(--grad-alcohol-prf);
}
.past-wss .alcohol-perfume-atelie a:hover .mm-past-event {
	background: #f7ece4 var(--grad-alcohol-prf);
}


.oil-perfume-atelie .atelie-type {
	color: hsl(315, 48.5%, 38.8%);
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 20.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.14h20.5v24.2h-20.5z' fill='%23feeffa' fill-opacity='1' style='paint-order:markers fill stroke'/%3E%3Cpath d='m0 1.14h20.5m0 24.2h-20.5' fill='none' stroke='hsl(315, 72%, 70.6%)' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E") no-repeat 1em / calc(100% - 2em) 100%;
}
.oil-perfume-atelie a:hover .atelie-type.at-interact {
	color: hsl(0, 0%, 100%);
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 20.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.14h20.5v24.2h-20.5z' fill='%238f8179' fill-opacity='1' style='paint-order:markers fill stroke'/%3E%3Cpath d='m0 1.14h20.5m0 24.2h-20.5' fill='none' stroke='%23cb9fb6' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E") no-repeat 1em / calc(100% - 2em) 100%;
}
.oil-perfume-atelie .atelie-type::before {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.7 1.13h-20.5l12.1 12.1-12.1 12.1h20.5' fill='%23feeffa' fill-opacity='1' stroke='hsl(315, 72%, 70.6%)' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: left center;
}
.oil-perfume-atelie a:hover .atelie-type.at-interact::before {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.7 1.13h-20.5l12.1 12.1-12.1 12.1h20.5' fill='%238f8179' fill-opacity='1' stroke='%23cb9fb6' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: left center;
}
.oil-perfume-atelie .atelie-type::after {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.13h20.5l-12.1 12.1 12.1 12.1h-20.5' fill='%23feeffa' fill-opacity='1' stroke='hsl(315, 72%, 70.6%)' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: right center;
}
.oil-perfume-atelie a:hover .atelie-type.at-interact::after {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.13h20.5l-12.1 12.1 12.1 12.1h-20.5' fill='%238f8179' fill-opacity='1' stroke='%23cb9fb6' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: right center;
}
.past-wss .oil-perfume-atelie .mm-past-event {
	background: #f9f5f2 var(--grad-oil-prf);
}
.past-wss .oil-perfume-atelie a:hover .mm-past-event {
	background: #f7ece4 var(--grad-oil-prf);
}



.wax-perfume-atelie .atelie-type {
	color: hsl(227.1, 48.5%, 38.8%);
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 20.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.14h20.5v24.2h-20.5z' fill='%23eef1fd' fill-opacity='1' style='paint-order:markers fill stroke'/%3E%3Cpath d='m0 1.14h20.5m0 24.2h-20.5' fill='none' stroke='%23a5b5f2' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E") no-repeat 1em / calc(100% - 2em) 100%;
}
.wax-perfume-atelie a:hover .atelie-type.at-interact {
	color: hsl(231.4, 100%, 98.6%);
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 20.5 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.14h20.5v24.2h-20.5z' fill='%237b9593' fill-opacity='1' style='paint-order:markers fill stroke'/%3E%3Cpath d='m0 1.14h20.5m0 24.2h-20.5' fill='none' stroke='%23a2b5d3' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E") no-repeat 1em / calc(100% - 2em) 100%;
}
.wax-perfume-atelie .atelie-type::before {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.7 1.13h-20.5l12.1 12.1-12.1 12.1h20.5' fill='%23eef1fd' fill-opacity='1' stroke='%23a5b5f2' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: left center;
}
.wax-perfume-atelie a:hover .atelie-type.at-interact::before {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.7 1.13h-20.5l12.1 12.1-12.1 12.1h20.5' fill='%237b9593' fill-opacity='1' stroke='%23a2b5d3' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: left center;
}
.wax-perfume-atelie .atelie-type::after {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.13h20.5l-12.1 12.1 12.1 12.1h-20.5' fill='%23eef1fd' fill-opacity='1' stroke='%23a5b5f2' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: right center;
}
.wax-perfume-atelie a:hover .atelie-type.at-interact::after {
	color: #756218;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21.7 26.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 1.13h20.5l-12.1 12.1 12.1 12.1h-20.5' fill='%237b9593' fill-opacity='1' stroke='%23a2b5d3' stroke-linejoin='round' stroke-width='2.27' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
	background-position: right center;
}
.past-wss .wax-perfume-atelie .mm-past-event {
	background: #f9f5f2 var(--grad-wax-prf);
}
.past-wss .wax-perfume-atelie a:hover .mm-past-event {
	background: #f7ece4 var(--grad-wax-prf);
}