.avatar{--bs-avatar-width:32px;--bs-avatar-bg:var(--ds-background-neutral-bold);position:relative;width:var(--bs-avatar-width);height:var(--bs-avatar-width);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-text-inverse);line-height:1;font-size:14px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:var(--bs-avatar-bg)}.avatar>img,.avatar>svg{display:inline-block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-group{display:flex;flex-wrap:wrap;gap:.25rem}.avatar-stack{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-end}.avatar-stack .avatar{overflow:hidden;margin-left:-8px;border:2px solid #fff}.avatar-stack .avatar:last-child>.avatar-stack .avatar{margin-left:0}.avatar-xs{--bs-avatar-width:16px}.avatar-sm{--bs-avatar-width:24px}.avatar-lg{--bs-avatar-width:40px}.avatar-xl{--bs-avatar-width:96px}.avatar-xxl{--bs-avatar-width:128px}


.blankslate{--bs-blankslate-bg:var(--bs-body-bg);--bs-blankslate-color:var(--bs-body-color);--bs-blankslate-max-width:464px;--bs-blankslate-font-size:0.875rem;--bs-blankslate-margin-y:3rem;--bs-blankslate-top-img-width:160px;--bs-blankslate-top-img-height:160px;position:relative;max-width:var(--bs-blankslate-max-width);margin:var(--bs-blankslate-margin-y) auto;font-size:var(--bs-blankslate-font-size);color:var(--bs-blankslate-color);background-color:var(--bs-blankslate-bg);text-align:center}.blankslate-body{margin-bottom:1.5rem}.blankslate-top-img{display:inline-block;max-width:var(--bs-blankslate-top-img-width);max-height:var(--bs-blankslate-top-img-height);margin-bottom:1.5rem}.blankslate-actions{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem;gap:.5rem}.blankslate-narrow{--bs-blankslate-max-width:304px}



.bs-canvas-overlay {
   		opacity: 0.85;
		z-index: 1100;
	}
	
	.bs-canvas {
		top: 0;
		z-index: 1110;
		overflow-x: hidden;
		overflow-y: auto;
		width: 330px;
		transition: margin .4s ease-out;
		-webkit-transition: margin .4s ease-out;
		-moz-transition: margin .4s ease-out;
		-ms-transition: margin .4s ease-out;
	}
	
	.bs-canvas-left {
		left: 0;
		margin-left: -330px;
	}
	
	.bs-canvas-right {
		right: 0;
		margin-right: -330px;
	}
.text-center {
    text-align: center;
    }
.center-x {
	display: flex;
	justify-content: center;
    }
.center-y {
	display: flex;
	align-items: center;
    }
.center-xy {
    display: flex;
    justify-content: center;
    align-items: center;
    }

@media (max-width: 575.98px) { 
	  .d-xs-none {
    	display: none !important;
	  }
	}