.kidu-icon {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    vertical-align: middle;
    margin-right: 0.5em;
}

.kidu-icon-sm {
    width: 1em;
    height: 1em;
}

.kidu-icon-lg {
    width: 1.5em;
    height: 1.5em;
}


/* Specific icons */
.kidu-icon-user-profile {
    mask-image: url('../icons/user-profile.svg');
    -webkit-mask-image: url('../icons/user-profile.svg');
}
.kidu-icon-phone {
    mask-image: url('../icons/phone.svg');
    -webkit-mask-image: url('../icons/phone.svg');
}
.kidu-icon-email {
    mask-image: url('../icons/email.svg');
    -webkit-mask-image: url('../icons/email.svg');
}

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

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

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

.kidu-icon-apple {
    mask-image: url('../icons/apple.svg');
    -webkit-mask-image: url('../icons/apple.svg');
}
.kidu-icon-blog {
    mask-image: url('../icons/blog_def.svg');
    -webkit-mask-image: url('../icons/blog_def.svg');
}
.kidu-icon-blog-selected {
    mask-image: url('../icons/blog_selected.svg');
    -webkit-mask-image: url('../icons/blog_selected.svg');
}
.kidu-icon-all {
    mask-image: url('../icons/all.svg');
    -webkit-mask-image: url('../icons/all.svg');
}
.kidu-icon-all-selected {
    mask-image: url('../icons/all-selected.svg');
    -webkit-mask-image: url('../icons/all-selected.svg');
}
.kidu-icon-art {
    mask-image: url('../icons/art.svg');
    -webkit-mask-image: url('../icons/art.svg');
}
.kidu-icon-art-selected {
    mask-image: url('../icons/art-selected.svg');
    -webkit-mask-image: url('../icons/art-selected.svg');
}
.kidu-icon-newsletter {
    mask-image: url('../icons/bewsletter.svg');
    -webkit-mask-image: url('../icons/bewsletter.svg');
}
.kidu-icon-birthday {
    mask-image: url('../icons/birthday.svg');
    -webkit-mask-image: url('../icons/birthday.svg');
}
.kidu-icon-birthday-selected {
    mask-image: url('../icons/birthday-selected.svg');
    -webkit-mask-image: url('../icons/birthday-selected.svg');
}
.kidu-icon-blog {
    mask-image: url('../icons/blog.svg');
    -webkit-mask-image: url('../icons/blog.svg');
}
.kidu-icon-cinema {
    mask-image: url('../icons/cinema.svg');
    -webkit-mask-image: url('../icons/cinema.svg');
}
.kidu-icon-cinema-selected {
    mask-image: url('../icons/cinema-selected.svg');
    -webkit-mask-image: url('../icons/cinema-selected.svg');
}
.kidu-icon-expand-hide {
    mask-image: url('../icons/expand-hide.svg');
    -webkit-mask-image: url('../icons/expand-hide.svg');
}
.kidu-icon-expand-hide-1 {
    mask-image: url('../icons/expand-hide-1.svg');
    -webkit-mask-image: url('../icons/expand-hide-1.svg');
}
.kidu-icon-fb {
    mask-image: url('../icons/fb.svg');
    -webkit-mask-image: url('../icons/fb.svg');
}
.kidu-icon-home-search {
    mask-image: url('../icons/home_search.svg');
    -webkit-mask-image: url('../icons/home_search.svg');
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-right: 3px;
}
.kidu-icon-ig {
    mask-image: url('../icons/ig.svg');
    -webkit-mask-image: url('../icons/ig.svg');
}
.kidu-icon-kids {
    mask-image: url('../icons/kids.svg');
    -webkit-mask-image: url('../icons/kids.svg');
}
.kidu-icon-kids-selected {
    mask-image: url('/icons/kids_selected.svg');
    -webkit-mask-image: url('../icons/kids_selected.svg');
}
.kidu-icon-kids-selected-1 {
    mask-image: url('../icons/kids_selected-1.svg');
    -webkit-mask-image: url('../icons/kids_selected-1.svg');
}
.kidu-icon-last {
    mask-image: url('../icons/last.svg');
    -webkit-mask-image: url('../icons/last.svg');
}
.kidu-icon-last-selected {
    mask-image: url('../icons/last_selected.svg');
    -webkit-mask-image: url('../icons/last_selected.svg');
}
.kidu-icon-learn {
    mask-image: url('../icons/learn.svg');
    -webkit-mask-image: url('../icons/learn.svg');
}
.kidu-icon-learn-selected {
    mask-image: url('../icons/learn_selected.svg');
    -webkit-mask-image: url('../icons/learn_selected.svg');
}
.kidu-icon-msg {
    mask-image: url('../icons/msg.svg');
    -webkit-mask-image: url('../icons/msg.svg');
}
.kidu-icon-music {
    mask-image: url('../icons/music.svg');
    -webkit-mask-image: url('../icons/music.svg');
}
.kidu-icon-music-selected {
    mask-image: url('../icons/music_selected.svg');
    -webkit-mask-image: url('../icons/music_selected.svg');
}
.kidu-icon-online {
    mask-image: url('../icons/online.svg');
    -webkit-mask-image: url('../icons/online.svg');
}
.kidu-icon-online-selected {
    mask-image: url('../icons/online_selected.svg');
    -webkit-mask-image: url('../icons/online_selected.svg');
}
.kidu-icon-special {
    mask-image: url('../icons/special.svg');
    -webkit-mask-image: url('../icons/special.svg');
}
.kidu-icon-special-selected {
    mask-image: url('../icons/special_selected.svg');
    -webkit-mask-image: url('../icons/special_selected.svg');
}
.kidu-icon-sport {
    mask-image: url('../icons/sport.svg');
    -webkit-mask-image: url('../icons/sport.svg');
}
.kidu-icon-sport-selected {
    mask-image: url('../icons/sport_selected.svg');
    -webkit-mask-image: url('../icons/sport_selected.svg');
}
.kidu-icon-tech {
    mask-image: url('../icons/tech.svg');
    -webkit-mask-image: url('../icons/tech.svg');
}
.kidu-icon-tech-selected {
    mask-image: url('../icons/tech_selected.svg');
    -webkit-mask-image: url('../icons/tech_selected.svg');
}
.kidu-icon-top {
    mask-image: url('../icons/top.svg');
    -webkit-mask-image: url('../icons/top.svg');
}
.kidu-icon-top-selected {
    mask-image: url('../icons/top_selected.svg');
    -webkit-mask-image: url('../icons/top_selected.svg');
}
.kidu-icon-when {
    mask-image: url('../icons/when.svg');
    -webkit-mask-image: url('../icons/when.svg');
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-right: 3px;
}
.cat-100000000 {
    mask-image: url('../icons/cinema.svg');
    -webkit-mask-image: url('../icons/cinema.svg');
}
.cat-100000001 {
    mask-image: url('../icons/music.svg');
    -webkit-mask-image: url('../icons/music.svg');
}
.cat-100000002 {
    mask-image: url('../icons/online.svg');
    -webkit-mask-image: url('../icons/online.svg');
}
.cat-100000003 {
    mask-image: url('../icons/sport.svg');
    -webkit-mask-image: url('../icons/sport.svg');
}
.cat-100000004 {
    mask-image: url('../icons/art.svg');
    -webkit-mask-image: url('../icons/art.svg');
}
.cat-100000005 {
    mask-image: url('../icons/birthday.svg');
    -webkit-mask-image: url('../icons/birthday.svg');
}
.cat-100000006 {
    mask-image: url('../icons/tech.svg');
    -webkit-mask-image: url('../icons/tech.svg');
}
.cat-100000007 {
    mask-image: url('../icons/learn.svg');
    -webkit-mask-image: url('../icons/learn.svg');
}
.cat-100000008 {
    mask-image: url('../icons/special.svg');
    -webkit-mask-image: url('../icons/special.svg');
}
.cat-100000009 {
    mask-image: url('../icons/kids.svg');
    -webkit-mask-image: url('../icons/kids.svg');
}

.categories-slide .selected .cat-100000009 {
    mask-image: url('../icons/kids_selected.svg');
    -webkit-mask-image: url('../icons/kids_selected.svg');
}
.categories-slide .selected .kidu-icon-top {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/top_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .kidu-icon-last {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/last_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .kidu-icon-all {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/all_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000000 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/cinema_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000001 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/music_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000002 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/online_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000003 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/sport_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000004 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/art_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000005 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/birthday_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000006 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/tech_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000007 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/learn_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000008 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/special_selected.svg') no-repeat center/contain;
    background-color: transparent;
}
.categories-slide .selected .cat-100000009 {
    mask-image: none;
    -webkit-mask-image: none;
    background: url('../icons/kids_selected.svg') no-repeat center/contain;
    background-color: transparent;
}