.add_to_collection div#collections{
display:none;
}
.add_to_collection.opened div#collections{
display:block;
}
div#collections > ul>li {
list-style: none;
}div#collections > ul{padding-left:0 !important;}
div#collections>ul>li {
cursor: pointer;
padding: 8px 15px;
margin-left: 0;
display:flex;
align-items: flex-start;
justify-content: space-between;
}
div#collections>ul>li.selected{
background:var(--primary);
color:var(--primarycolor);
}
div#collections>ul>li:hover{color:var(--primary);}
div#collections>ul>li:after{
content:"\e61a";
font-family:vicon;
}
div#collections>ul>li.selected:after{
content:"\e622";
}
div#collections {position:absolute;
left:0;bottom:100%;background:#fff;width:100%;border-radius:5px 5px 0 0;
color:#222;}
.block_media {
position: relative;
}
.course_wishlist {position: absolute;top: 0.5rem;right: 0.5rem;}
.course_wishlist>span,.course_wishlist_block>span{
margin:0 0.2rem;
font-size:1rem;
font-weight:900;
cursor:pointer;
color: #ffffff;
}
.course_wishlist .add_to_collection div#collections,.course_wishlist_block .add_to_collection div#collections{
min-width: 200px;
left: auto;
right: 0;
bottom: auto;
top: 100%;
max-height: 250px;
overflow-y: auto;
text-shadow: none;
}
.add_to_wishlist {
position:relative;
transition:all 0.5s;
z-index:1;
}
.added_in_wishlist:not(.button){
color: #ff7575 !important;
}
.add_to_wishlist:after {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
border-radius: 50%;
content: '';animation-timing-function: cubic-bezier(.21, .61, .35, 1);
}
.added_in_wishlist:after {
margin: -0.1875rem;
width: 0.375rem;
height: 0.375rem;
transition:all 0.5s;
opacity:0;
box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}
.added_in_wishlist:after{
will-change: opacity, box-shadow;
-webkit-animation-name: sparkles;
animation-name: sparkles;
content:'';
width: 10px;
height: 10px;
}
@keyframes sparkles {
0%, 20% {
opacity: 0;
}
25% {
opacity: 1;z-index:99;
box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
}
100%{opacity:0;}
}