.dow-list{
	display:grid;
	gap:var(--space-xs)
}
.dow-list__item{
	border-radius:var(--radius-md);
	background:var(--color-bg-light);
	box-shadow:var(--inner-glow),var(--shadow-ring,0 0 0 1px hsla(0deg,0%,0%,0.05)),var(--shadow-xs);
	padding:var(--space-xs);
	display:flex;
	flex-direction:column;
	gap:var(--space-xs)
}
@media(min-width:32rem){
	.dow-list__item{
		flex-direction:row;
		justify-content:space-between;
		align-items:center
	}
} 
.dow-list__title {
	font-size:var(--text-sm);
	font-weight:600;
	line-height:1;
	margin-bottom:var(--space-xxs)
}
.dow-list__title:hover {
    /*color: var(--color-primary);*/
    text-decoration: underline;
}
.dow-list__metadata-list{
	display:flex;
	align-items:center;
	font-size:var(--text-xs);
	color:var(--color-contrast-medium);
	line-height:1
}
.dow-list__metadata-list>*{
	display:flex;
	align-items:center
}
.dow-list__metadata-list>*:not(:last-child)::after{
	content:"";
	display:block;
	flex-shrink:0;
	--size:5px;
	width:var(--size);
	height:var(--size);
	border-radius:50%;
	background-color:currentColor;
	margin:0 var(--space-xs);
	opacity:.5
}
.dow-list__btn{
	--hover-transition-duration:.3s;
	overflow:hidden
}
.dow-list__btn:hover .dow-list__btn-label,.dow-list__btn.dow-list__btn--is-loading .dow-list__btn-label{
	transform:scale(.5);
	opacity:0
}
.dow-list__btn:hover .dow-list__icon-wrapper,.dow-list__btn.dow-list__btn--is-loading .dow-list__icon-wrapper{
	transform:translateY(0)
}
.dow-list__btn--reset .dow-list__btn-label,.dow-list__btn--reset:hover .dow-list__btn-label{
	transform:scale(1);
	opacity:1
}
.dow-list__btn--reset .dow-list__icon-wrapper,.dow-list__btn--reset:hover .dow-list__icon-wrapper{
	transform:translateY(100%)
}
.dow-list__btn--reset .dow-list__icon-group *,.dow-list__btn--reset:hover .dow-list__icon-group *{
	transition:none!important;
	animation:none!important
}
.dow-list__btn-label{
	transition:opacity var(--hover-transition-duration),transform var(--hover-transition-duration)
}
.dow-list__icon-wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	transform:translateY(100%);
	transition:transform var(--hover-transition-duration)
}
.dow-list__icon{
	--size:20px;
	display:block;
	width:20px;
	height:20px
}
.dow-list__icon .dow-list__icon-group>*:nth-child(1){
	stroke-dashoffset:0;
	stroke-dasharray:16;
	transition:stroke-dashoffset .4s .3s var(--ease-in)
}
.dow-list__icon .dow-list__icon-group>*:nth-child(2),.dow-list__icon .dow-list__icon-group *:nth-child(3){
	opacity:1;
	transform:rotate(0);
	transition:transform .3s var(--ease-out),opacity 0s .3s
}
.dow-list__icon .dow-list__icon-group>*:nth-child(4){
	stroke-dashoffset:50;
	stroke-dasharray:50
}
.dow-list__icon .dow-list__icon-group>*:nth-child(5){
	stroke-dashoffset:38;
	stroke-dasharray:38;
	transition:stroke-dashoffset .7s
}
.dow-list__icon .dow-list__icon-group>*:nth-child(6){
	stroke-dashoffset:24;
	stroke-dasharray:24;
	transition:stroke-dashoffset .5s .2s var(--ease-out)
}
.dow-list__icon .dow-list__icon-group>*:nth-child(7){
	stroke-dashoffset:25;
	stroke-dasharray:25;
	transition:stroke-dashoffset .45s
}
.dow-list__icon .dow-list__icon-group>*:nth-child(8){
	stroke-dashoffset:10;
	stroke-dasharray:10;
	transition:stroke-dashoffset .3s .2s var(--ease-out)
}
.dow-list__icon .dow-list__icon-group>*:nth-child(9){
	transform-origin:10px 17.5px;
	transform:scale(0);
	transition:transform .3s .5s var(--ease-out-back)
}
.dow-list__btn--is-loading .dow-list__icon-group>*:nth-child(1){
	stroke-dashoffset:16
}
.dow-list__btn--is-loading .dow-list__icon-group>*:nth-child(2),.dow-list__btn--is-loading .dow-list__icon-group *:nth-child(3){
	opacity:0;
	transform-origin:10px 18px
}
.dow-list__btn--is-loading .dow-list__icon-group>*:nth-child(2){
	transform:rotate(45deg)
}
.dow-list__btn--is-loading .dow-list__icon-group>*:nth-child(3){
	transform:rotate(-45deg)
}
.dow-list__btn--is-loading .dow-list__icon-group>*:nth-child(4){
	animation:dow-list-obj-4-anim 1s .6s infinite
}
@media not all and (pointer:fine){
	.dow-list__icon .dow-list__icon-group{
	}
	.dow-list__icon .dow-list__icon-group>*:nth-child(1),.dow-list__icon .dow-list__icon-group>*:nth-child(2),.dow-list__icon .dow-list__icon-group>*:nth-child(3){
		display:none
	}
	.dow-list__btn--is-loading .dow-list__icon-group>*:nth-child(4){
		animation-delay:0s
	}
	.dow-list__btn:hover .dow-list__btn-label{
		transform:scale(1);
		opacity:1
	}
	.dow-list__btn.dow-list__btn--is-loading .dow-list__btn-label{
		opacity:0
	}
}
@keyframes dow-list-obj-4-anim{
	from{
		stroke-dashoffset:50
	}
	to{
		stroke-dashoffset:150
	}
}
.dow-list__btn--success .dow-list__icon-group>*:nth-child(4){
	display:none
}
.dow-list__btn--success .dow-list__icon-group>*:nth-child(5){
	stroke-dashoffset:114
}
.dow-list__btn--success .dow-list__icon-group>*:nth-child(6){
	stroke-dashoffset:0
}
.dow-list__btn--error{
	animation:dow-list-btn-error-anim .4s .5s
}
.dow-list__btn--error .dow-list__icon-group>*:nth-child(4){
	display:none
}
.dow-list__btn--error .dow-list__icon-group>*:nth-child(7){
	stroke-dashoffset:75
}
.dow-list__btn--error .dow-list__icon-group>*:nth-child(8){
	stroke-dashoffset:0
}
.dow-list__btn--error .dow-list__icon-group>*:nth-child(9){
	transform:scale(1)
}
@keyframes dow-list-btn-error-anim{
	0%,100%{
		transform:translateX(0)
	}
	20%,60%{
		transform:translateX(4px)
	}
	40%,80%{
		transform:translateX(-4px)
	}
}