.icon {
    display: inline-block;
    vertical-align: middle;
    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    width: 1.2rem;
    height: 1.2rem;
}

.icon.chapters-forward {
    -webkit-mask-image: url('/img/icons/chapters-forward.svg');
    mask-image: url('/img/icons/chapters-forward.svg');
}

.icon.chat-bubble {
    -webkit-mask-image: url('/img/icons/chat-bubble.svg');
    mask-image: url('/img/icons/chat-bubble.svg');
}

.icon.clock {
    -webkit-mask-image: url('/img/icons/clock.svg');
    mask-image: url('/img/icons/clock.svg');
}

.icon.bold {
    -webkit-mask-image: url('/img/icons/bold.svg');
    mask-image: url('/img/icons/bold.svg');
}

.icon.close-cross {
    -webkit-mask-image: url('/img/icons/close-cross.svg');
    mask-image: url('/img/icons/close-cross.svg');
}

.icon.icon-watch {
    -webkit-mask-image: url('/img/icons/icon-watch.svg');
    mask-image: url('/img/icons/icon-watch.svg');
}

.icon.image {
    mask-image: url('/img/icons/image.svg');
    -webkit-mask-image: url('/img/icons/image.svg');
}

.icon.diagonal-resize {
    mask-image: url('/img/icons/diagonal-resize.svg');
    -webkit-mask-image: url('/img/icons/diagonal-resize.svg');
}

.icon.italic {
    -webkit-mask-image: url('/img/icons/italic.svg');
    mask-image: url('/img/icons/italic.svg');
}

.icon.draft {
    -webkit-mask-image: url('/img/icons/draft.svg');
    mask-image: url('/img/icons/draft.svg');
}

.icon.link {
    -webkit-mask-image: url('/img/icons/link.svg');
    mask-image: url('/img/icons/link.svg');
}

.icon.list-2 {
    -webkit-mask-image: url('/img/icons/list-2.svg');
    mask-image: url('/img/icons/list-2.svg');
}

.icon.list-light {
    -webkit-mask-image: url('/img/icons/list-light.svg');
    mask-image: url('/img/icons/list-light.svg');
}

.icon.list-ordered {
    -webkit-mask-image: url('/img/icons/list-ordered.svg');
    mask-image: url('/img/icons/list-ordered.svg');
}

.icon.list {
    -webkit-mask-image: url('/img/icons/list.svg');
    mask-image: url('/img/icons/list.svg');
}

.icon.heading-1 {
    -webkit-mask-image: url('/img/icons/heading-1.svg');
    mask-image: url('/img/icons/heading-1.svg');
}

.icon.arrow-left {
    -webkit-mask-image: url('/img/icons/arrow-left.svg');
    mask-image: url('/img/icons/arrow-left.svg');
}

.icon.heading-2 {
    -webkit-mask-image: url('/img/icons/heading-2.svg');
    mask-image: url('/img/icons/heading-2.svg');
}

.icon.heading-3 {
    -webkit-mask-image: url('/img/icons/heading-3.svg');
    mask-image: url('/img/icons/heading-3.svg');
}

.icon.quote {
    -webkit-mask-image: url('/img/icons/quote.svg');
    mask-image: url('/img/icons/quote.svg');
}

.icon.heading-4 {
    -webkit-mask-image: url('/img/icons/heading-4.svg');
    mask-image: url('/img/icons/heading-4.svg');
}

.icon.align-right {
    -webkit-mask-image: url('/img/icons/align-right.svg');
    mask-image: url('/img/icons/align-right.svg');
}

.icon.house {
    -webkit-mask-image: url('/img/icons/house.svg');
    mask-image: url('/img/icons/house.svg');
}

.icon.icon-edit {
    -webkit-mask-image: url('/img/icons/icon-edit.svg');
    mask-image: url('/img/icons/icon-edit.svg');
}

.icon.settings-light {
    -webkit-mask-image: url('/img/icons/settings-light.svg');
    mask-image: url('/img/icons/settings-light.svg');
}

.icon.settings {
    -webkit-mask-image: url('/img/icons/settings.svg');
    mask-image: url('/img/icons/settings.svg');
}

.icon.settings-line {
    -webkit-mask-image: url('/img/icons/settings-line.svg');
    mask-image: url('/img/icons/settings-line.svg');
}

.icon.align-left {
    -webkit-mask-image: url('/img/icons/align-left.svg');
    mask-image: url('/img/icons/align-left.svg');
}

.icon.strikethrough {
    -webkit-mask-image: url('/img/icons/strikethrough.svg');
    mask-image: url('/img/icons/strikethrough.svg');
}

.icon.align-justify {
    -webkit-mask-image: url('/img/icons/align-justify.svg');
    mask-image: url('/img/icons/align-justify.svg');
}

.icon.align-center {
    -webkit-mask-image: url('/img/icons/align-center.svg');
    mask-image: url('/img/icons/align-center.svg');
}

.icon.underline {
    -webkit-mask-image: url('/img/icons/underline.svg');
    mask-image: url('/img/icons/underline.svg');
}

.icon.chapters-back {
    -webkit-mask-image: url('/img/icons/chapters-back.svg');
    mask-image: url('/img/icons/chapters-back.svg');
}

.icon.icon-edit-2 {
    -webkit-mask-image: url('/img/icons/icon-edit-2.svg');
    mask-image: url('/img/icons/icon-edit-2.svg');
}

.icon.edit-3 {
    -webkit-mask-image: url('/img/icons/edit-3.svg');
    mask-image: url('/img/icons/edit-3.svg');
}

.icon.gift-alt-fill {
    -webkit-mask-image: url('/img/icons/gift_alt_fill.svg');
    mask-image: url('/img/icons/gift_alt_fill.svg');
}

.icon.arrow-right-long {
    -webkit-mask-image: url('/img/icons/arrow_right_long.svg');
    mask-image: url('/img/icons/arrow_right_long.svg');
}

.icon.expand-right {
    -webkit-mask-image: url('/img/icons/expand-right.svg');
    mask-image: url('/img/icons/expand-right.svg');
}

.icon.expand-left {
    -webkit-mask-image: url('/img/icons/expand-left.svg');
    mask-image: url('/img/icons/expand-left.svg');
}

.icon.search {
    -webkit-mask-image: url('/img/icons/search.svg');
    mask-image: url('/img/icons/search.svg');
}

.icon.fire {
    -webkit-mask-image: url('/img/icons/fire.svg');
    mask-image: url('/img/icons/fire.svg');
}

.icon.lightning {
    -webkit-mask-image: url('/img/icons/lightning.svg');
    mask-image: url('/img/icons/lightning.svg');
}

.icon.user {
    -webkit-mask-image: url('/img/icons/user.svg');
    mask-image: url('/img/icons/user.svg');
}

.icon.user-circle {
    -webkit-mask-image: url('/img/icons/user-circle.svg');
    mask-image: url('/img/icons/user-circle.svg');
}

.icon.edit {
    -webkit-mask-image: url('/img/icons/edit.svg');
    mask-image: url('/img/icons/edit.svg');
}

.icon.diamond-alt {
    -webkit-mask-image: url('/img/icons/diamond-alt.svg');
    mask-image: url('/img/icons/diamond-alt.svg');
}

.icon.book-open {
    -webkit-mask-image: url('/img/icons/book-open.svg');
    mask-image: url('/img/icons/book-open.svg');
}

.icon.bell-pin {
    -webkit-mask-image: url('/img/icons/bell-pin.svg');
    mask-image: url('/img/icons/bell-pin.svg');
}

.icon.chat {
    -webkit-mask-image: url('/img/icons/chat.svg');
    mask-image: url('/img/icons/chat.svg');
}

.icon.chat-alt-2 {
    -webkit-mask-image: url('/img/icons/chat-alt-2.svg');
    mask-image: url('/img/icons/chat-alt-2.svg');
}

.icon.sign-out {
    -webkit-mask-image: url('/img/icons/sign-out.svg');
    mask-image: url('/img/icons/sign-out.svg');
}

.icon.burger-menu {
    -webkit-mask-image: url('/img/icons/burger-menu.svg');
    mask-image: url('/img/icons/burger-menu.svg');
}

.icon.facebook {
    -webkit-mask-image: url('/img/icons/facebook.svg');
    mask-image: url('/img/icons/facebook.svg');
}

.icon.instagram {
    -webkit-mask-image: url('/img/icons/instagram.svg');
    mask-image: url('/img/icons/instagram.svg');
}

.icon.telegram {
    -webkit-mask-image: url('/img/icons/telegram.svg');
    mask-image: url('/img/icons/telegram.svg');
}

.icon.eye {
    -webkit-mask-image: url('/img/icons/eye.svg');
    mask-image: url('/img/icons/eye.svg');
}

.icon.eye-off {
    -webkit-mask-image: url('/img/icons/eye-off.svg');
    mask-image: url('/img/icons/eye-off.svg');
}

.icon.order {
    -webkit-mask-image: url('/img/icons/order.svg');
    mask-image: url('/img/icons/order.svg');
}

.icon.favorite {
    -webkit-mask-image: url('/img/icons/favorite.svg');
    mask-image: url('/img/icons/favorite.svg');
}

.icon.favorite-filled {
    -webkit-mask-image: url('/img/icons/favorite-filled.svg');
    mask-image: url('/img/icons/favorite-filled.svg');
}

.icon.box-alt-fill {
    -webkit-mask-image: url('/img/icons/box-alt-fill.svg');
    mask-image: url('/img/icons/box-alt-fill.svg');
}

.icon.arrow-down {
    -webkit-mask-image: url('/img/icons/arrow-down.svg');
    mask-image: url('/img/icons/arrow-down.svg');
}

.icon.filter-alt-fill {
    -webkit-mask-image: url('/img/icons/filter-alt-fill.svg');
    mask-image: url('/img/icons/filter-alt-fill.svg');
}

.icon.time {
    -webkit-mask-image: url('/img/icons/time.svg');
    mask-image: url('/img/icons/time.svg');
}

.icon.question-new {
    -webkit-mask-image: url('/img/icons/question-new.svg');
    mask-image: url('/img/icons/question-new.svg');
}

.icon.shield-check-fill {
    -webkit-mask-image: url('/img/icons/shield-check-fill.svg');
    mask-image: url('/img/icons/shield-check-fill.svg');
}

.icon.plus {
    -webkit-mask-image: url('/img/icons/plus.svg');
    mask-image: url('/img/icons/plus.svg');
}

.icon.check {
    -webkit-mask-image: url('/img/icons/check.svg');
    mask-image: url('/img/icons/check.svg');
}

.icon.check-ring {
    -webkit-mask-image: url('/img/icons/check-ring.svg');
    mask-image: url('/img/icons/check-ring.svg');
}

.icon.trash {
    -webkit-mask-image: url('/img/icons/trash.svg');
    mask-image: url('/img/icons/trash.svg');
}

.icon.promo-code {
    -webkit-mask-image: url('/img/icons/promo-code.svg');
    mask-image: url('/img/icons/promo-code.svg');
}

.icon.stats {
    -webkit-mask-image: url('/img/icons/stats.svg');
    mask-image: url('/img/icons/stats.svg');
}

.icon.commerce {
    -webkit-mask-image: url('/img/icons/commerce.svg');
    mask-image: url('/img/icons/commerce.svg');
}

.icon.book-checked {
    -webkit-mask-image: url('/img/icons/book-checked.svg');
    mask-image: url('/img/icons/book-checked.svg');
}

.icon.download {
    -webkit-mask-image: url('/img/icons/download.svg');
    mask-image: url('/img/icons/download.svg');
}

.icon.bookmark {
    -webkit-mask-image: url('/img/icons/bookmark.svg');
    mask-image: url('/img/icons/bookmark.svg');
}

.icon.bookmark-checked {
    -webkit-mask-image: url('/img/icons/bookmark-checked.svg');
    mask-image: url('/img/icons/bookmark-checked.svg');
}

.icon.arrow-right {
    -webkit-mask-image: url('/img/icons/arrow-right.svg');
    mask-image: url('/img/icons/arrow-right.svg');
}

.icon.learn-more {
    -webkit-mask-image: url('/img/icons/learn-more.svg');
    mask-image: url('/img/icons/learn-more.svg');
}

.icon.books {
    -webkit-mask-image: url('/img/icons/books.svg');
    mask-image: url('/img/icons/books.svg');
}

.icon.book {
    -webkit-mask-image: url('/img/icons/book.svg');
    mask-image: url('/img/icons/book.svg');
}

.icon.book-open-fill {
    -webkit-mask-image: url('/img/icons/book-open-fill.svg');
    mask-image: url('/img/icons/book-open-fill.svg');
}

.icon.upload-picture {
    -webkit-mask-image: url('/img/icons/upload-picture.svg');
    mask-image: url('/img/icons/upload-picture.svg');
}

.icon.check-filled {
    -webkit-mask-image: url('/img/icons/check-filled.svg');
    mask-image: url('/img/icons/check-filled.svg');
}

.icon.three-dots {
    -webkit-mask-image: url('/img/icons/three-dots.svg');
    mask-image: url('/img/icons/three-dots.svg');
}

.icon.info-rounded {
    -webkit-mask-image: url('/img/icons/info-rounded.svg');
    mask-image: url('/img/icons/info-rounded.svg');
}

.icon.email {
    -webkit-mask-image: url('/img/icons/email.svg');
    mask-image: url('/img/icons/email.svg');
}

.icon.add-square {
    -webkit-mask-image: url('/img/icons/add-square.svg');
    mask-image: url('/img/icons/add-square.svg');
}

.icon.sort {
    -webkit-mask-image: url('/img/icons/sort.svg');
    mask-image: url('/img/icons/sort.svg');
}

.icon.back {
    -webkit-mask-image: url('/img/icons/back.svg');
    mask-image: url('/img/icons/back.svg');
}

.icon.drag {
    -webkit-mask-image: url('/img/icons/drag.svg');
    mask-image: url('/img/icons/drag.svg');
}

.icon.block {
    -webkit-mask-image: url('/img/icons/block.svg');
    mask-image: url('/img/icons/block.svg');
}

.icon.trophy {
    -webkit-mask-image: url('/img/icons/trophy.svg');
    mask-image: url('/img/icons/trophy.svg');
}

.icon.refresh-2 {
    -webkit-mask-image: url('/img/icons/refresh-2.svg');
    mask-image: url('/img/icons/refresh-2.svg');
}

.icon.del-rounded {
    -webkit-mask-image: url('/img/icons/del-rounded.svg');
    mask-image: url('/img/icons/del-rounded.svg');
}

.icon.star {
    -webkit-mask-image: url('/img/icons/star.svg');
    mask-image: url('/img/icons/star.svg');
}

.icon.globe {
    -webkit-mask-image: url('/img/icons/globe.svg');
    mask-image: url('/img/icons/globe.svg');
}

.icon.twitter {
    -webkit-mask-image: url('/img/icons/twitter.svg');
    mask-image: url('/img/icons/twitter.svg');
}

.icon.copy {
    -webkit-mask-image: url('/img/icons/copy.svg');
    mask-image: url('/img/icons/copy.svg');
}

.icon.calendar {
    -webkit-mask-image: url('/img/icons/calendar.svg');
    mask-image: url('/img/icons/calendar.svg');
}

.icon.banner {
    -webkit-mask-image: url('/img/icons/banner.svg');
    mask-image: url('/img/icons/banner.svg');
}

.icon.mail {
    -webkit-mask-image: url('/img/icons/mail.svg');
    mask-image: url('/img/icons/mail.svg');
}

.icon.user-add {
    -webkit-mask-image: url('/img/icons/user-add.svg');
    mask-image: url('/img/icons/user-add.svg');
}

.icon.user-remove {
    -webkit-mask-image: url('/img/icons/user-remove.svg');
    mask-image: url('/img/icons/user-remove.svg');
}

.icon.user-group-add {
    -webkit-mask-image: url('/img/icons/user-group-add.svg');
    mask-image: url('/img/icons/user-group-add.svg');
}

.icon.community {
    -webkit-mask-image: url('/img/icons/community.svg');
    mask-image: url('/img/icons/community.svg');
}

.icon.terminal {
    -webkit-mask-image: url('/img/icons/terminal.svg');
    mask-image: url('/img/icons/terminal.svg');
}

.icon.coffee-cup {
    -webkit-mask-image: url('/img/icons/coffee-cup.svg');
    mask-image: url('/img/icons/coffee-cup.svg');
}

.icon.bell {
    -webkit-mask-image: url('/img/icons/bell.svg');
    mask-image: url('/img/icons/bell.svg');
}

.icon.comments-notification {
    -webkit-mask-image: url('/img/icons/comments-notification.svg');
    mask-image: url('/img/icons/comments-notification.svg');
}

.icon.add {
    -webkit-mask-image: url('/img/icons/add.svg');
    mask-image: url('/img/icons/add.svg');
}

.icon.friends {
    -webkit-mask-image: url('/img/icons/friends.svg');
    mask-image: url('/img/icons/friends.svg');
}

.icon.star-first-gen {
    -webkit-mask-image: url('/img/icons/star-first-gen.svg');
    mask-image: url('/img/icons/star-first-gen.svg');
}