/* static/css/icons.css */
.icon-mask {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-arrow-path {
    -webkit-mask-image: url('../images/icons/arrow-path.svg');
    mask-image: url('../images/icons/arrow-path.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-check {
    -webkit-mask-image: url('../images/icons/check.svg');
    mask-image: url('../images/icons/check.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-clipboard {
    -webkit-mask-image: url('../images/icons/clipboard.svg');
    mask-image: url('../images/icons/clipboard.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-document-text {
    -webkit-mask-image: url('../images/icons/document-text.svg');
    mask-image: url('../images/icons/document-text.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-cloud-arrow-up {
    -webkit-mask-image: url('../images/icons/cloud-arrow-up.svg');
    mask-image: url('../images/icons/cloud-arrow-up.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-team {
    -webkit-mask-image: url('../images/icons/team.svg');
    mask-image: url('../images/icons/team.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-pencil {
    -webkit-mask-image: url('../images/icons/pencil.svg');
    mask-image: url('../images/icons/pencil.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-pencil-square {
    -webkit-mask-image: url('../images/icons/pencil-square.svg');
    mask-image: url('../images/icons/pencil-square.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-arrow-up-circle {
    -webkit-mask-image: url('../images/icons/arrow-up-circle.svg');
    mask-image: url('../images/icons/arrow-up-circle.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-arrow-down-circle {
    -webkit-mask-image: url('../images/icons/arrow-down-circle.svg');
    mask-image: url('../images/icons/arrow-down-circle.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-user-minus {
    -webkit-mask-image: url('../images/icons/user-minus.svg');
    mask-image: url('../images/icons/user-minus.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-user-group {
    -webkit-mask-image: url('../images/icons/user-group.svg');
    mask-image: url('../images/icons/user-group.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-user-circle {
    -webkit-mask-image: url('../images/icons/user-circle.svg');
    mask-image: url('../images/icons/user-circle.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-sync {
    -webkit-mask-image: url('../images/icons/sync.svg');
    mask-image: url('../images/icons/sync.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-trash {
    -webkit-mask-image: url('../images/icons/trash.svg');
    mask-image: url('../images/icons/trash.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-plus-circle {
    -webkit-mask-image: url('../images/icons/plus-circle.svg');
    mask-image: url('../images/icons/plus-circle.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-chevron-right {
    -webkit-mask-image: url('../images/icons/chevron-right.svg');
    mask-image: url('../images/icons/chevron-right.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-ellipsis-horizontal {
    -webkit-mask-image: url('../images/icons/ellipsis-horizontal.svg');
    mask-image: url('../images/icons/ellipsis-horizontal.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-x-circle {
    -webkit-mask-image: url('../images/icons/x-circle.svg');
    mask-image: url('../images/icons/x-circle.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-eye {
    -webkit-mask-image: url('../images/icons/eye.svg');
    mask-image: url('../images/icons/eye.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.icon-eye-slash {
    -webkit-mask-image: url('../images/icons/eye-slash.svg');
    mask-image: url('../images/icons/eye-slash.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}

.newspaper {
    -webkit-mask-image: url('../images/icons/newspaper.svg');
    mask-image: url('../images/icons/newspaper.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
}