#iceCookieContent *, #iceCookieContent *::after, #iceCookieContent *::before{
    box-sizing: border-box;
    user-select: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif, Helvetica, sans-serif;
    font-size:10pt;
}

#iceCookieWrap{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding:10px;
}
#iceCookieWrap.iceCookieWrap{
    position: fixed;
    z-index:10000;
    left:0; right:0; top:0;
    background:rgba(0,0,0, 0.8);
    box-shadow: 0px 0px 3px 0px #444;
    overflow: hidden;
}

#iceCookieContent{
    width:450px;
    max-width:100%;
    background: #fff;
    border:1px solid #000;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.6);
    padding:10px;
    border-radius: 8px;
}

#iceCookieTitle{
    margin-bottom:10px;
    font-weight: bold;
    font-size:1.2em;
    border-bottom:1px dotted #000;
}

#iceCookieText{
    text-align: justify;
}

#iceCookieState{
    padding:10px 0;
    display:none;
}

#iceCookieState span{
    font-weight: bold;
    font-style: italic;
}

#iceCookieBtnWrap{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    padding:5px 0px;
}

.iceCookieBtn{
    padding:5px 15px;
    margin:0 2px;
    border:none;
    cursor: pointer;
    border-radius: 5px;
    transition: all .5s ease;
}

.iceCookieBtn:hover{
    background: #a0a0a0;
}

#iceCookieBtnSet{
    margin-left:auto;
}

#iceCookieBtnNo{
    background:transparent;
    font-size:.9em;
    color:#666;
    cursor:pointer;
}
#iceCookieBtnNo:hover{
    background: transparent;
    color:#000;
    text-decoration: underline;
    
}

#iceCookieBtnAll{
    background: hsl(150, 100%, 40%);
    font-weight: bold;
}

#iceCookieBtnAll:hover{
    background: hsl(150, 100%, 50%);
    box-shadow: 0 0 3px 0px hsl(150, 100%, 50%);
}


#iceCookieValues{
    overflow: hidden;
    max-height:0;
    text-align: center;
    transition: all .5s ease;
}
#iceCookieValueList{
    border-top:1px dotted #000;
    padding-top:10px;
}

#iceCookieValueList .iceCookieVal{
    display:flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom:10px;
    padding:3px;
}

#iceCookieValueList .iceCookieVal span{
    font-weight: bold;
}
#iceCookieValueList .iceCookieVal p{
    flex:1 1 100%;
    padding:0;
    margin:0;
    text-align: justify;
    font-size:.8em;
}
#iceCookieValueList .iceCookieVal i{
    width:20px;
    height:20px;
    border:1px solid #000;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

#iceCookieValueList .iceCookieVal[data-state="on"] i::after{
    content: "\2713";
    display: flex;
    position: absolute;
    top:1px; left:1px; right:1px; bottom:1px;
    background: #208a3c;
    color:#fff;
    font-weight: bold;
    border-radius: inherit;
}

#iceCookieValueList .iceCookieVal[data-cookie="t"] i{
    cursor:no-drop;
}

#iceCookieValueList .iceCookieVal[data-cookie="t"] i::after{
    background:#999;
}

#iceCookieWrap.iceCookieValuesOn{
    bottom:0;
}
#iceCookieContent.iceCookieValuesOn #iceCookieValues{
    max-height:300px;
}
#iceCookieContent.iceCookieValuesOpen #iceCookieValues{
    max-height:300px;
}
#iceCookieContent.iceCookieValuesOpen #iceCookieSet{
    display:none;
}

#iceCookieContent.iceCookieValuesExist #iceCookieState{
    display:block;
}