W3C CSS Validator results for http://www.statusvideosongs.in (CSS level 3)

Sorry! We found the following errors (61)

URI : https://fonts.googleapis.com/icon?family=Material+Icons

18 .material-icons Property word-wrap doesn't exist : normal normal

URI : https://www.statusvideosongs.in/themes/youplay/js/emoji/emojionearea/dist/emojionearea.min.css

1 .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] Value Error : border Too many values or values are not recognized : 1px solid rgba(0,0,0,0.15) 1px solid rgba(0,0,0,0.15)
1 .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] Parse Error [empty string]
1 .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] 0 is not a box-shadow value : 0 6px 12px rgba(0,0,0,0.175) 0 6px 12px rgba(0,0,0,0.175)
1 .emojionearea, .emojionearea.form-control Parse Error [empty string]
1 .emojionearea, .emojionearea.form-control Property transition doesn't exist : border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
1 .emojionearea .emojionearea-editor Parse Error [empty string]
1 .emojionearea .emojionearea-button Property transition doesn't exist : opacity 0.3s ease-in-out opacity 0.3s ease-in-out
1 .emojionearea .emojionearea-button > div Property transition doesn't exist : all 0.4s ease-in-out all 0.4s ease-in-out
1 .emojionearea .emojionearea-button > div.emojionearea-button-open Parse Error enabled=false)
1 .emojionearea .emojionearea-button > div.emojionearea-button-close Property transform doesn't exist : rotate(-45deg) rotate(-45deg)
1 .emojionearea .emojionearea-button > div.emojionearea-button-close Parse Error Opacity=0)
1 .emojionearea .emojionearea-button.active > div.emojionearea-button-open Property transform doesn't exist : rotate(45deg) rotate(45deg)
1 .emojionearea .emojionearea-button.active > div.emojionearea-button-open Parse Error Opacity=0)
1 .emojionearea .emojionearea-button.active > div.emojionearea-button-close Property transform doesn't exist : rotate(0) rotate(0)
1 .emojionearea .emojionearea-button.active > div.emojionearea-button-close Parse Error enabled=false)
1 .emojionearea .emojionearea-picker 0 is not a box-shadow value : 0 1px 5px rgba(0,0,0,0.32) 0 1px 5px rgba(0,0,0,0.32)
1 .emojionearea .emojionearea-picker Parse Error [empty string]
1 .emojionearea .emojionearea-picker Property transition doesn't exist : all 0.25s ease-in-out all 0.25s ease-in-out
1 .emojionearea .emojionearea-picker Parse Error Opacity=0)
1 .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter Property filter doesn't exist : grayscale(1) grayscale(1)
1 .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover Property filter doesn't exist : grayscale(0) grayscale(0)
1 .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after Parse Error [empty string]
1 .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone:after Parse Error [empty string]
1 .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover Parse Error [empty string]
1 .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji Parse Error Opacity=0)
1 .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters Parse Error [empty string]
1 .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters Parse Error [empty string]
1 .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters Parse Error [empty string]
1 .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters Parse Error [empty string]
1 .emojionearea .emojionearea-button.active + .emojionearea-picker Parse Error enabled=false)

URI : https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css

1 .cc-window Property transition doesn't exist : opacity 1s ease opacity 1s ease
1 .cc-animate.cc-revoke Property transition doesn't exist : transform 1s ease transform 1s ease
1 .cc-animate.cc-revoke.cc-top Property transform doesn't exist : translateY(-2em) translateY(-2em)
1 .cc-animate.cc-revoke.cc-bottom Property transform doesn't exist : translateY(2em) translateY(2em)
1 .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover Property transform doesn't exist : translateY(0) translateY(0)
1 .cc-grower Property transition doesn't exist : max-height 1s max-height 1s
2 .cc-revoke, .cc-window Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
2 .cc-revoke, .cc-window Value Error : display flex is not a display value : flex flex
2 .cc-revoke, .cc-window Property flex-wrap doesn't exist : nowrap nowrap
2 .cc-window.cc-floating Property flex-direction doesn't exist : column column
2 .cc-window.cc-banner Property flex-direction doesn't exist : row row
3 .cc-revoke.cc-top Parse Error [empty string]
3 .cc-revoke.cc-top Parse Error [empty string]
3 .cc-revoke.cc-bottom Parse Error [empty string]
3 .cc-revoke.cc-bottom Parse Error [empty string]
3 .cc-revoke.cc-left Value Error : right unset is not a right value : unset unset
3 .cc-revoke.cc-right Value Error : left unset is not a left value : unset unset
3 .cc-window.cc-floating .cc-compliance Property flex doesn't exist : 1 1
3 .cc-window.cc-banner Property align-items doesn't exist : center center
3 .cc-banner .cc-message Property flex doesn't exist : 1 1
3 .cc-compliance Value Error : display -ms-flexbox is not a display value : -ms-flexbox -ms-flexbox
3 .cc-compliance Value Error : display flex is not a display value : flex flex
3 .cc-compliance Property align-items doesn't exist : center center
3 .cc-compliance Property align-content doesn't exist : space-between space-between
3 .cc-compliance > .cc-btn Property flex doesn't exist : 1 1
4 Property orientation doesn't exist for media screen : portrait portrait
4 Parse Error ),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
5 .cc-floating.cc-theme-classic Parse Error [empty string]
5 .cc-floating.cc-type-info.cc-theme-classic .cc-compliance Property flex doesn't exist : none none
5 .cc-theme-classic .cc-btn Parse Error [empty string]

↑ Top

Warnings (74)

URI : https://www.statusvideosongs.in/themes/youplay/js/emoji/emojionearea/dist/emojionearea.min.css

1 Property -moz-border-radius is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -moz-border-radius is an unknown vendor extension
1 Property -moz-transition is an unknown vendor extension
1 Property -moz-box-shadow is an unknown vendor extension
1 Property -o-transition is an unknown vendor extension
1 Property -moz-box-sizing is an unknown vendor extension
1 Property -webkit-transition is an unknown vendor extension
1 Property -moz-border-radius is an unknown vendor extension
1 Property -moz-user-select is an unknown vendor extension
1 Property -moz-box-shadow is an unknown vendor extension
1 Property -ms-user-select is an unknown vendor extension
1 Property -moz-transition is an unknown vendor extension
1 Property -webkit-user-select is an unknown vendor extension
1 Property -webkit-transition is an unknown vendor extension
1 Property -webkit-filter is an unknown vendor extension
1 Property -webkit-box-shadow is an unknown vendor extension
1 Property -webkit-filter is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -moz-border-radius is an unknown vendor extension
1 Property -webkit-box-shadow is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -webkit-box-shadow is an unknown vendor extension
1 Property -moz-border-radius is an unknown vendor extension
1 Property -o-transition is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -moz-transition is an unknown vendor extension
1 Property -moz-box-sizing is an unknown vendor extension
1 Property -webkit-transition is an unknown vendor extension
1 Property -webkit-box-sizing is an unknown vendor extension
1 Property -o-transform is an unknown vendor extension
1 Property -moz-box-sizing is an unknown vendor extension
1 Property -o-transform is an unknown vendor extension
1 Property -webkit-box-sizing is an unknown vendor extension
1 Property -o-transform is an unknown vendor extension
1 Property -moz-border-radius is an unknown vendor extension
1 Property -webkit-box-shadow is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -moz-border-radius-topleft is an unknown vendor extension
1 Property -webkit-box-sizing is an unknown vendor extension
1 Property -webkit-border-top-left-radius is an unknown vendor extension
1 Property -webkit-box-shadow is an unknown vendor extension
1 Property -moz-border-radius-topright is an unknown vendor extension
1 Property -moz-box-shadow is an unknown vendor extension
1 Property -webkit-border-top-right-radius is an unknown vendor extension
1 Property -moz-box-shadow is an unknown vendor extension
1 Property -moz-border-radius-bottomleft is an unknown vendor extension
1 Property -moz-transition is an unknown vendor extension
1 Property -webkit-border-bottom-left-radius is an unknown vendor extension
1 Property -o-transition is an unknown vendor extension
1 Property -moz-border-radius-bottomright is an unknown vendor extension
1 Property -webkit-transform is an unknown vendor extension
1 Property -webkit-border-bottom-right-radius is an unknown vendor extension
1 Property -moz-box-shadow is an unknown vendor extension
1 Property -moz-box-shadow is an unknown vendor extension
1 Property -webkit-transition is an unknown vendor extension
1 Property -webkit-border-radius is an unknown vendor extension
1 Property -webkit-transform is an unknown vendor extension
1 Property -moz-border-radius is an unknown vendor extension
1 Property -webkit-transform is an unknown vendor extension
1 Property -o-transition is an unknown vendor extension
1 Property -webkit-background-clip is an unknown vendor extension
1 Property -webkit-box-shadow is an unknown vendor extension

URI : https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css

2 Property -ms-flex-wrap is an unknown vendor extension
2 Property -ms-flex-direction is an unknown vendor extension
2 Property -ms-flex-direction is an unknown vendor extension
3 Property -ms-flex is an unknown vendor extension
3 Property -ms-flex-align is an unknown vendor extension
3 Property -ms-flex-line-pack is an unknown vendor extension
3 Property -ms-flex is an unknown vendor extension
3 Property -ms-flex is an unknown vendor extension
3 Property -ms-flex-align is an unknown vendor extension
5 Property -ms-flex is an unknown vendor extension

↑ Top

Valid CSS information

@font-face {
font-family : "'Material Icons'";
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}
.material-icons {
font-family : 'Material Icons';
font-weight : normal;
font-style : normal;
font-size : 24px;
line-height : 1;
letter-spacing : normal;
text-transform : none;
display : inline-block;
white-space : nowrap;
direction : ltr;
}
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] {
position : absolute;
z-index : 1000;
min-width : 160px;
padding : 5px 0;
margin : 2px 0 0;
font-size : 14px;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : 1px solid #ccc;
}
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item {
font-size : 14px;
padding : 1px 3px;
border : 0;
}
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item a {
text-decoration : none;
display : block;
height : 100%;
line-height : 1.8em;
padding : 0 1.54em 0 0.615em;
color : #4f4f4f;
}
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover {
background-color : #e4e4e4;
}
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active a, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover a {
color : #333;
}
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item .emojioneemoji {
font-size : inherit;
height : 2ex;
width : 2.1ex;
min-height : 20px;
min-width : 20px;
display : inline-block;
margin : 0 5px 0.2ex 0;
line-height : normal;
vertical-align : middle;
max-width : 100%;
top : 0;
}
.emojionearea, .emojionearea * {
box-sizing : border-box;
}
.emojionearea, .emojionearea.form-control {
display : block;
position : relative !important ;
width : 100%;
height : auto;
padding : 0;
font-size : 14px;
background-color : #fff;
border : 1px solid #ccc;
box-shadow : ;
}
.emojionearea.focused {
border-color : #66afe9;
outline : 0;
box-shadow : ;
}
.emojionearea .emojionearea-editor {
display : block;
height : auto;
min-height : 8em;
max-height : 15em;
overflow : auto;
padding : 6px 24px 6px 12px;
line-height : 1.4285715;
font-size : inherit;
color : #555;
background-color : transparent;
border : 0;
cursor : text;
margin-right : 1px;
box-shadow : none;
}
.emojionearea .emojionearea-editor:empty:before {
content : attr(placeholder);
display : block;
color : #bbb;
}
.emojionearea .emojionearea-editor:focus {
border : 0;
outline : 0;
box-shadow : none;
}
.emojionearea .emojionearea-editor .emojioneemoji, .emojionearea .emojionearea-editor [class*="emojione-"] {
font-size : inherit;
height : 2ex;
width : 2.1ex;
min-height : 20px;
min-width : 20px;
display : inline-block;
margin : -0.2ex 0.15em 0.2ex;
line-height : normal;
vertical-align : middle;
max-width : 100%;
top : 0;
}
.emojionearea.emojionearea-inline {
height : 34px;
}
.emojionearea.emojionearea-inline > .emojionearea-editor {
height : 32px;
min-height : 20px;
overflow : hidden;
white-space : nowrap;
position : absolute;
top : 0;
left : 12px;
right : 24px;
padding : 6px 0;
}
.emojionearea.emojionearea-inline > .emojionearea-button {
top : 4px;
}
.emojionearea .emojionearea-button {
z-index : 5;
position : absolute;
right : 3px;
top : 3px;
width : 24px;
height : 24px;
opacity : 0.6;
cursor : pointer;
}
.emojionearea .emojionearea-button:hover {
opacity : 1.0;
}
.emojionearea .emojionearea-button > div {
display : block;
width : 24px;
height : 24px;
position : absolute;
}
.emojionearea .emojionearea-button > div.emojionearea-button-open {
background-position : 0% -24px;
opacity : 1.0;
}
.emojionearea .emojionearea-button > div.emojionearea-button-close {
background-position : 0% 0%;
opacity : 0.0;
}
.emojionearea .emojionearea-button.active > div.emojionearea-button-open {
opacity : 0.0;
}
.emojionearea .emojionearea-button.active > div.emojionearea-button-close {
opacity : 1.0;
}
.emojionearea .emojionearea-picker {
background : #fff;
position : absolute;
height : 236px;
width : 284px;
top : -15px;
right : -15px;
z-index : 90;
opacity : 0.0;
user-select : none;
}
.emojionearea .emojionearea-picker.hidden {
display : none;
}
.emojionearea .emojionearea-picker .emojionearea-wrapper {
position : relative;
height : 236px;
width : 284px;
}
.emojionearea .emojionearea-picker .emojionearea-wrapper:after {
content : "";
display : block;
position : absolute;
background-repeat : no-repeat;
z-index : 91;
}
.emojionearea .emojionearea-picker .emojionearea-filters {
width : 100%;
position : absolute;
background : #f5f7f9;
padding : 0 0 0 7px;
height : 40px;
z-index : 95;
}
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
display : block;
float : left;
height : 40px;
width : 32px;
padding : 7px 1px 0;
cursor : pointer;
}
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
background : #fff;
}
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i {
width : 24px;
height : 24px;
top : 0;
}
.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img {
width : 24px;
height : 24px;
margin : 0 3px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area {
height : 196px;
overflow : auto;
overflow-x : hidden;
width : 100%;
position : absolute;
padding : 0 0 5px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
z-index : 1;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones {
position : absolute;
top : 6px;
right : 10px;
height : 22px;
z-index : 2;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone {
display : inline-block;
padding : 0;
border : 0;
vertical-align : middle;
outline : 0;
background : 0% 0%;
cursor : pointer;
position : relative;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-0:after {
background-color : #ffcf3e;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-1:after {
background-color : #fae3c5;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-2:after {
background-color : #e2cfa5;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-3:after {
background-color : #daa478;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-4:after {
background-color : #a78058;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-5:after {
background-color : #5e4d43;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone {
width : 20px;
height : 20px;
margin : 0;
background-color : transparent;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
content : "";
position : absolute;
display : block;
top : 4px;
left : 4px;
width : 12px;
height : 12px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after {
top : 0;
left : 0;
width : 20px;
height : 20px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone {
width : 16px;
height : 16px;
margin : 0 2px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after {
content : "";
position : absolute;
display : block;
background-color : transparent;
border : 2px solid #fff;
width : 8px;
height : 8px;
top : 2px;
left : 2px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area h1:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area h1:before {
content : " ";
clear : both;
display : block;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area h1 {
display : block;
font-family : Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size : 13px;
font-weight : 400;
color : #b2b2b2;
background : #fff;
line-height : 20px;
margin : 0;
padding : 7px 0 5px 6px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category {
padding : 0 0 0 7px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*="emojione-"] {
box-sizing : content-box;
margin : 0;
width : 24px;
height : 24px;
top : 0;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
box-sizing : content-box;
width : 24px;
height : 24px;
float : left;
display : block;
margin : 1px;
padding : 3px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
background-color : #e4e4e4;
cursor : pointer;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
float : left;
display : block;
width : 24px;
height : 24px;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
opacity : 0.0;
}
.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
top : 0;
}
.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-scroll-area {
bottom : 0;
}
.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
bottom : 0;
}
.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-scroll-area {
top : 0;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
margin-top : -246px;
right : -14px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
width : 19px;
height : 10px;
background-position : -2px -49px;
bottom : -10px;
right : 20px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
background-position : -2px -80px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right {
margin-right : -294px;
top : -8px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
width : 10px;
height : 19px;
background-position : 0% -60px;
top : 13px;
left : -10px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
background-position : right -60px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
margin-top : 10px;
right : -14px;
top : 47px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
width : 19px;
height : 10px;
background-position : -2px -100px;
top : -10px;
right : 20px;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
background-position : -2px -90px;
}
.emojionearea .emojionearea-button.active + .emojionearea-picker {
opacity : 1.0;
}
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-top {
margin-top : -229px;
}
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
margin-right : -277px;
}
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom {
margin-top : -7px;
}
.emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
background-image : url(data:image/png;base64,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) !important ;
}
.cc-window {
opacity : 1.0;
}
.cc-window.cc-invisible {
opacity : 0.0;
}
.cc-grower {
max-height : 0;
overflow : hidden;
}
.cc-link, .cc-revoke:hover {
text-decoration : underline;
}
.cc-revoke, .cc-window {
position : fixed;
overflow : hidden;
box-sizing : border-box;
font-family : Helvetica, Calibri, Arial, sans-serif;
font-size : 16px;
line-height : 1.5em;
z-index : 9999;
}
.cc-window.cc-static {
position : static;
}
.cc-window.cc-floating {
padding : 2em;
max-width : 24em;
}
.cc-window.cc-banner {
padding : 1em 1.8em;
width : 100%;
}
.cc-revoke {
padding : 0.5em;
}
.cc-header {
font-size : 18px;
font-weight : 700;
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
cursor : pointer;
}
.cc-link {
opacity : 0.8;
display : inline-block;
padding : 0.2em;
}
.cc-link:hover {
opacity : 1.0;
}
.cc-link:active, .cc-link:visited {
color : inherit;
}
.cc-btn {
display : block;
padding : 0.4em 0.8em;
font-size : 0.9em;
font-weight : 700;
border-width : 2px;
border-style : solid;
text-align : center;
white-space : nowrap;
}
.cc-banner .cc-btn:last-child {
min-width : 140px;
}
.cc-highlight .cc-btn:first-child {
background-color : transparent;
border-color : transparent;
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
background-color : transparent;
text-decoration : underline;
}
.cc-close {
display : block;
position : absolute;
top : 0.5em;
right : 0.5em;
font-size : 1.6em;
opacity : 0.9;
line-height : 0.75;
}
.cc-close:focus, .cc-close:hover {
opacity : 1.0;
}
.cc-revoke.cc-top {
top : 0;
left : 3em;
}
.cc-revoke.cc-bottom {
bottom : 0;
left : 3em;
}
.cc-revoke.cc-left {
left : 3em;
}
.cc-revoke.cc-right {
right : 3em;
}
.cc-top {
top : 1em;
}
.cc-left {
left : 1em;
}
.cc-right {
right : 1em;
}
.cc-bottom {
bottom : 1em;
}
.cc-floating > .cc-link {
margin-bottom : 1em;
}
.cc-floating .cc-message {
display : block;
margin-bottom : 1em;
}
.cc-banner.cc-top {
left : 0;
right : 0;
top : 0;
}
.cc-banner.cc-bottom {
left : 0;
right : 0;
bottom : 0;
}
.cc-btn + .cc-btn {
margin-left : 0.5em;
}
@media print {
.cc-revoke, .cc-window {
display : none;
}
}
@media screen and (max-width : 900px) {
.cc-btn {
white-space : normal;
}
}
@media screen and (max-width : 414px) {
.cc-floating.cc-theme-classic {
padding : 1.2em;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align : center;
display : inline;
}
.cc-theme-classic .cc-btn:last-child {
min-width : 140px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display : inline-block;
}
.cc-theme-edgeless.cc-window {
padding : 0;
}
.cc-floating.cc-theme-edgeless .cc-message {
margin : 2em 2em 1.5em;
}
.cc-banner.cc-theme-edgeless .cc-btn {
margin : 0;
padding : 0.8em 1.8em;
height : 100%;
}
.cc-banner.cc-theme-edgeless .cc-message {
margin-left : 1em;
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
margin-left : 0;
}
}

↑ Top