.selectMultiple {
	 width: 100%;
	 position: relative;
}
 .selectMultiple select {
	 display: none;
}
 .selectMultiple > div {
	 position: relative;
	 z-index: 2;
	 padding: 1dvw;
	 border-radius: 0.25rem;
	 background: inherit;
	 border: 1px solid var(--primary-hex);
	 font-size: 14px;
	 min-height: 44px;
	 box-shadow: 0 4px 16px 0 var(--dark-20-rgba) !important;
	 transition: box-shadow 0.12s ease !important;
}

 .selectMultiple > div .arrow {
	 right: 0;
	 top: 0;
	 bottom: 0;
	 cursor: pointer;
	 width: 2rem;
	 position: absolute;
	 background: var(--primary-hex);
}
 .selectMultiple > div .arrow:before, .selectMultiple > div .arrow:after {
	 content: '';
	 position: absolute;
	 display: block;
	 width: 2px;
	 height: 8px;
	 border-bottom: none;
	 top: 43%;
	 background: var(--light-hex);
	 transition: all 0.12s ease-in-out;
}
 .selectMultiple > div .arrow:before {
	 right: 12px;
	 transform: rotate(-130deg);
}
 .selectMultiple > div .arrow:after {
	 left: 9px;
	 transform: rotate(130deg);
}
 .selectMultiple > div span {
	 color: var(--primary-hex);
	 display: block;
	 position: absolute;
	 cursor: pointer;
	 transition: all 0s ease-in-out;
}
 .selectMultiple > div span.hide {
	 opacity: 0;
	 visibility: hidden;
	 transform: translate(-4px, 0);
}
 .selectMultiple > div a {
	 position: relative;
	 padding: 0.25rem 2rem 0.25rem 0.25rem;
	 background: var(--success-hex);
	 color: var(--light-hex);
	 display: inline-block;
	 vertical-align: top;
	 margin: auto 0.12rem;
}
 .selectMultiple > div a em {
	 font-style: normal;
	 display: block;
	 white-space: nowrap;
}
 .selectMultiple > div a:before {
	 content: '';
	 left: 0;
	 top: 0;
	 width: 100%;
	 position: absolute;
	 display: block;
	 background: var(--success-hex);
	 z-index: -1;
	 border-radius: 4px;
}
 .selectMultiple > div a i {
	 cursor: pointer;
	 position: absolute;
	 top: 0;
	 right: 0.25rem;
	 width: 24px;
	 height: 28px;
	 display: block;
}
 .selectMultiple > div a i:before, .selectMultiple > div a i:after {
	 content: '';
	 display: block;
	 width: 2px;
	 height: 10px;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 background: var(--light-hex);
	 border-radius: 1px;
}
 .selectMultiple > div a i:before {
	 transform: translate(-50%, -50%) rotate(45deg);
}
 .selectMultiple > div a i:after {
	 transform: translate(-50%, -50%) rotate(-45deg);
}
 .selectMultiple > div a.notShown {
	 opacity: 0;
	 transition: opacity 0.12s ease-in-out;
}
 .selectMultiple > div a.notShown:before {
	 width: 28px;
	 transition: width 0.12s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.12s;
}
 .selectMultiple > div a.notShown i {
	 opacity: 0;
	 transition: all 0.12s ease 0.12s;
}
 .selectMultiple > div a.notShown em {
	 opacity: 0;
	 transform: translate(-6px, 0);
	 transition: all 0.12s ease 0.12s;
}
 .selectMultiple > div a.notShown.shown {
	 opacity: 1;
}
 .selectMultiple > div a.notShown.shown:before {
	 width: 100%;
}
 .selectMultiple > div a.notShown.shown i {
	 opacity: 1;
	 background: var(--error-hex);
    max-height: 90%;
    top: 0.1dvw;
    right: 0.12rem;
}
 .selectMultiple > div a.notShown.shown em {
	 opacity: 1;
	 transform: translate(0, 0);
}
 .selectMultiple > div a.remove:before {
	 width: 28px;
	 transition: width 0.12s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
}
 .selectMultiple > div a.remove i {
	 opacity: 0;
	 transition: all 0.12s ease 0s;
}
 .selectMultiple > div a.remove em {
	 opacity: 0;
	 transform: translate(-12px, 0);
	 transition: all 0.12s ease 0s;
}
 .selectMultiple > div a.remove.disappear {
	 opacity: 0;
	 transition: opacity 0.12s ease 0s;
}
 .selectMultiple > ul {
	 margin: 0;
	 padding: 0;
	 list-style: none !important;
	 z-index: 1;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 right: 0;
	 visibility: hidden;
	 opacity: 0;
	 border-radius: 0.25rem;
	 border: 1px solid var(--primary-hex);
	 transform: translate(0, 20px) scale(0.8);
	 transform-origin: 0 0;
	 filter: drop-shadow(0 12px 20px var(--dark-20-rgba));
	 transition: all 0.12s ease-in-out, transform 0.12s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.12s ease 0.12s;
}
 .selectMultiple > ul li {
	 color: var(--primary-hex);
	 background: var(--light-hex);
	 border-top: 1px solid var(--dark-20-rgba);
	 border-bottom: 1px solid var(--dark-20-rgba);
	 padding: 0.5rem;
	 margin: 0.5rem !important;
	 border-radius: 0;
	 text-align: left;
	 text-transform: lowercase;
	 font-variant: small-caps;
	 cursor: pointer;
	 overflow: hidden;
	 position: relative;
	 transition: background 0.12s ease-in-out, color 0.12s ease-in-out, transform 0.12s ease 0.12s, opacity 0.12s ease 0.12s, border-radius 0.12s ease 0.12s;
}

 .selectMultiple > ul li:last-child {
    display: none;
}
 .selectMultiple > ul li:hover {
	 color: var(--primary-hex);
}
 .selectMultiple > ul li:after {
	 content: '';
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: 6px;
	 height: 6px;
	 background: var(--dark-20-rgba);
	 opacity: 0;
	 border-radius: 100%;
	 transform: scale(1, 1) translate(-50%, -50%);
	 transform-origin: 50% 50%;
}
 .selectMultiple > ul li.beforeRemove {
	 border-radius: 0 0 8px 8px;
}
 .selectMultiple > ul li.beforeRemove:first-child {
	 border-radius: 8px;
}
 .selectMultiple > ul li.afterRemove {
	 border-radius: 8px 8px 0 0;
}
 .selectMultiple > ul li.afterRemove:last-child {
	 border-radius: 8px;
}
 .selectMultiple > ul li.remove {
	 transform: scale(0);
	 opacity: 0;
}
 .selectMultiple > ul li.remove:after {
	 animation: ripple 0.12s ease-out;
}
 .selectMultiple > ul li.notShown {
	 display: none;
	 transform: scale(0);
	 opacity: 0;
	 transition: transform 0.1s ease-in-out, opacity 0.12s ease-in-out;
}
 .selectMultiple > ul li.notShown.show {
	 transform: scale(1);
	 opacity: 1;
}
 .selectMultiple.open > div {
	 box-shadow: 0 4px 20px -1px var(--dark-20-rgba);
}
 .selectMultiple.open > div .arrow:before {
	 transform: rotate(-50deg);
}
 .selectMultiple.open > div .arrow:after {
	 transform: rotate(50deg);
}
 .selectMultiple.open > ul {
     background: var(--light-hex);
	 transform: translate(0, 1px) scale(1);
	 opacity: 1;
	 z-index: 3;
	 visibility: visible;
	 filter: drop-shadow(0 16px 24px var(--dark-20-rgba));
}
 @keyframes ripple {
	 0% {
		 transform: scale(0, 0);
		 opacity: 1;
	}
	 25% {
		 transform: scale(30, 30);
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
		 transform: scale(50, 50);
	}
}