@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-Thin.otf') format('otf'), url('../fonts/PublicSans/PublicSans-Thin.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-Thin.woff') format('woff'), url('../fonts/PublicSans/PublicSans-Thin.woff2') format('woff2');
	font-weight: 100;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-ExtraLight.otf') format('otf'), url('../fonts/PublicSans/PublicSans-ExtraLight.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-ExtraLight.woff') format('woff'), url('../fonts/PublicSans/PublicSans-ExtraLight.woff2') format('woff2');
	font-weight: 200;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-Light.otf') format('otf'), url('../fonts/PublicSans/PublicSans-Light.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-Light.woff') format('woff'), url('../fonts/PublicSans/PublicSans-Light.woff2') format('woff2');
	font-weight: 300;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-Regular.otf') format('otf'), url('../fonts/PublicSans/PublicSans-Regular.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-Regular.woff') format('woff'), url('../fonts/PublicSans/PublicSans-Regular.woff2') format('woff2');
	font-weight: 400;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-Medium.otf') format('otf'), url('../fonts/PublicSans/PublicSans-Medium.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-Medium.woff') format('woff'), url('../fonts/PublicSans/PublicSans-Medium.woff2') format('woff2');
	font-weight: 500;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-Black.otf') format('otf'), url('../fonts/PublicSans/PublicSans-Black.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-Black.woff') format('woff'), url('../fonts/PublicSans/PublicSans-Black.woff2') format('woff2');
	font-weight: 600;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-SemiBold.otf') format('otf'), url('../fonts/PublicSans/PublicSans-SemiBold.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-SemiBold.woff') format('woff'), url('../fonts/PublicSans/PublicSans-SemiBold.woff2') format('woff2');
	font-weight: 700;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-Bold.otf') format('otf'), url('../fonts/PublicSans/PublicSans-Bold.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-Bold.woff') format('woff'), url('../fonts/PublicSans/PublicSans-Bold.woff2') format('woff2');
	font-weight: 800;
}

@font-face {
	font-family: 'PublicSans';
	src: url('../fonts/PublicSans/PublicSans-ExtraBold.otf') format('otf'), url('../fonts/PublicSans/PublicSans-ExtraBold.ttf') format('truetype'), url('../fonts/PublicSans/PublicSans-ExtraBold.woff') format('woff'), url('../fonts/PublicSans/PublicSans-ExtraBold.woff2') format('woff2');
	font-weight: 900;
}

.icon.money {
	mask: url('../images/money.svg') no-repeat center / contain;
	-webkit-mask: url('../images/money.svg') no-repeat center / contain;
}

.icon.card {
	mask: url('../images/card.svg') no-repeat center / contain;
	-webkit-mask: url('../images/card.svg') no-repeat center / contain;
}

.icon.card2 {
	mask: url('../images/card2.svg') no-repeat center / contain;
	-webkit-mask: url('../images/card2.svg') no-repeat center / contain;
}

.icon.card-tilted {
	mask: url('../images/card_tilt.svg') no-repeat center / contain;
	-webkit-mask: url('../images/card_tilt.svg') no-repeat center / contain;
}

.icon.tag {
	mask: url('../images/tag.svg') no-repeat center / contain;
	-webkit-mask: url('../images/tag.svg') no-repeat center / contain;
}

.icon.delete {
	mask: url('../images/delete.svg') no-repeat center / contain;
	-webkit-mask: url('../images/delete.svg') no-repeat center / contain;
}

.icon.check-circle {
	mask: url('../images/check-circle.svg') no-repeat center / contain;
	-webkit-mask: url('../images/check-circle.svg') no-repeat center / contain;
}

.icon.warning {
	mask: url('../images/warning.svg') no-repeat center / contain;
	-webkit-mask: url('../images/warning.svg') no-repeat center / contain;
}

.icon.options {
	mask: url('../images/ellipsis-horizontal-circle.svg') no-repeat center / contain;
	-webkit-mask: url('../images/ellipsis-horizontal-circle.svg') no-repeat center / contain;
}
.icon.arrow-left {
	mask: url('../images/arrow-left.svg') no-repeat center / contain;
	-webkit-mask: url('../images/arrow-left.svg') no-repeat center / contain;
}
.icon.arrow-left-return {
	mask: url('../images/arrow-left-return.svg') no-repeat center / contain;
	-webkit-mask: url('../images/arrow-left-return.svg') no-repeat center / contain;
}
.icon.arrow-right {
	mask: url('../images/arrow-right.svg') no-repeat center / contain;
	-webkit-mask: url('../images/arrow-right.svg') no-repeat center / contain;
}
.icon.export {
	mask: url('../images/export.svg') no-repeat center / contain;
	-webkit-mask: url('../images/export.svg') no-repeat center / contain;
}
.icon.logoff,
.icon.logout {
	mask: url('../images/arrow-right-start-on-rectangle.svg') no-repeat center / contain;
	-webkit-mask: url('../images/arrow-right-start-on-rectangle.svg') no-repeat center / contain;
}
.icon.clear {
	mask: url('../images/clear.svg') no-repeat center / contain;
	-webkit-mask: url('../images/clear.svg') no-repeat center / contain;
}
.icon.pencil{
	mask: url('../images/pencil.svg') no-repeat center / contain;
	-webkit-mask: url('../images/pencil.svg') no-repeat center / contain;
}
.icon.manual {
	mask: url('../images/manual.svg') no-repeat center / contain;
	-webkit-mask: url('../images/manual.svg') no-repeat center / contain;
}
.icon.gear {
	mask: url('../images/gear.svg') no-repeat center / contain;
	-webkit-mask: url('../images/gear.svg') no-repeat center / contain;
}
.icon.refresh {
	mask: url('../images/refresh.svg') no-repeat center / contain;
	-webkit-mask: url('../images/refresh.svg') no-repeat center / contain;
}
.icon.code {
	mask: url('../images/code.svg') no-repeat center / contain;
	-webkit-mask: url('../images/code.svg') no-repeat center / contain;
}
.icon.qr {
	mask: url('../images/qr.svg') no-repeat center / contain;
	-webkit-mask: url('../images/qr.svg') no-repeat center / contain;
}
.icon.cross {
	mask: url('../images/cross.svg') no-repeat center / contain;
	-webkit-mask: url('../images/cross.svg') no-repeat center / contain;
}
.icon.building {
	mask: url('../images/building.svg') no-repeat center / contain;
	-webkit-mask: url('../images/building.svg') no-repeat center / contain;
}
.icon.house {
	mask: url('../images/house.svg') no-repeat center / contain;
	-webkit-mask: url('../images/house.svg') no-repeat center / contain;
}
.icon.arrow-updown {
	mask: url('../images/arrow-updown.svg') no-repeat center / contain;
	-webkit-mask: url('../images/arrow-updown.svg') no-repeat center / contain;
}
.icon.star {
	mask: url('../images/star.svg') no-repeat center / contain;
	-webkit-mask: url('../images/star.svg') no-repeat center / contain;
}