@charset "UTF-8";

.a-top .a-inner{position:relative}

#clck_ntv,
#clck_ntv2{width:100%}


#clck_ntv [class$="-container"]{overflow: visible!important;}

#clck_ntv [class$="-item"]{background-color: rgba(0,0,0,0);border: 1px dashed #d5d5dc;}

.darkmode #clck_ntv [class$="-item"]{border: 1px dashed #35343f;}
.darkmode #clck_ntv [class$="-item"],
.darkmode #clck_ntv [class$="-caption"]{color: #fff;}

#clck_ntv [class$="-item"]:hover{border-color: rgba(0,0,0,0);background-color: #fff;box-shadow: 0px 5px 25px rgba(0,0,0,0.1);}

.darkmode #clck_ntv [class$="-item"]:hover{background-color: #202033;box-shadow: 0 5px 10px rgba(204,204,223,.3);}


@media screen and (max-width:1023.98px){
#clck_ntv [class$="-row"],
#clck_ntv2 [class$="-row"]{grid-template-columns:1fr 1fr;grid-gap:16px;display:grid}
}

@media screen and (max-width:639.98px){
#clck_ntv [class$="-row"],
#clck_ntv2 [class$="-row"]{grid-template-columns:auto}
}




.exo-native-widget{width: 100%!important;overflow: visible!important;}
.exo-native-widget-header{display: none!important;}
.exo-native-widget-outer-container{display: grid!important;margin: 0!important;grid-template-columns: auto;grid-gap: 20px;}
.exo-native-widget-item-container{position: relative;overflow: hidden;background-color: rgba(0,0,0,0)!important;border-radius: 10px;padding: 0!important;border: 1px dashed #d5d5dc;overflow: visible!important;transition: all .15s;}
.exo-native-widget-item-container::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-shadow: 0px 5px 25px rgba(0,0,0,0.1);border-radius: 10px;opacity: 0;transition: opacity .15s;pointer-events: none;}
.exo-native-widget-item{display: flex;align-items: center;overflow: hidden;flex-direction: row!important;padding: 16px 20px!important;}
.exo-native-widget-item-image-wrapper{width: 80px!important;height: 80px!important;flex: none!important;margin-right: 20px;}
.exo-native-widget-item-image{background-size: cover!important;border-radius: 0;overflow: hidden;}
.exo-native-widget-item-content{padding: 0!important;color: #333!important;width: auto!important;flex: auto!important;max-width: none!important;max-height: 100px!important;overflow: hidden!important;}
.exo-native-widget-item-title{display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.exo-native-widget-item-title{color: #333!important;}

.exo-native-widget-item-container:hover .exo-native-widget-item-title,
.exo-native-widget-item-title:hover{color: #333!important;}
.exo-native-widget-item-container:hover{background-color: #fff!important;border-color: #fff!important;}
.exo-native-widget-item-container:hover::after{opacity: 1;}

.a-top .exo-native-widget-outer-container{grid-template-columns: repeat(3, 1fr);}
.a-top .exo-native-widget-item-container:nth-child(n + 4){display: none;}

.darkmode .a-top .exo-native-widget-item-container{border: 1px dashed #35343f;}
.darkmode .a-top .exo-native-widget-item-container::after{box-shadow: 0 5px 10px rgba(204,204,223,.3);}
.darkmode .a-top .exo-native-widget-item-content,
.darkmode .a-top .exo-native-widget-item-title{color: #fff!important;}

.darkmode .a-top .exo-native-widget-item-container:hover{background-color: #202033!important;border-color: #202033!important;}

@media screen and (max-width:1023.98px){ 
    .a-top [class$="__stand"],
    .a-top .exo-native-widget-outer-container{grid-template-columns: 1fr 1fr;grid-gap: 16px;}
    .a-top .exo-native-widget-item-container:nth-child(n + 3){display: none;}   
}

@media screen and (max-width:639.98px){
    .a-top [class$="__stand"],
    .a-top .exo-native-widget-outer-container{grid-template-columns: auto;grid-gap: 0 0;}
    .a-top .exo-native-widget-item-container:nth-child(n + 2){display: none;}    
}




.a-top [class$="__stand"]{display: grid!important;margin: 0!important;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;justify-content: initial!important;}
.a-top [class$="__bn-container"]{position: relative;overflow: hidden;background-color: rgba(0,0,0,0)!important;border-radius: 10px;padding: 0!important;border: 1px dashed #d5d5dc;overflow: visible!important;transition: all .15s;}
.a-top [class$="__bn"]{display: flex;align-items: center;overflow: visible!important;flex-direction: row!important;padding: 16px 20px!important;max-width: none!important;}
.a-top [class$="__img-container"]{width: 80px!important;height: 80px!important;flex: none!important;margin-right: 20px;position: relative;overflow: hidden;}
.a-top [class$="__img"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.a-top [class$="__title"]{padding: 0!important;color: #333!important;width: auto!important;flex: auto!important;max-width: none!important;max-height: 80px!important;overflow: hidden!important;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: left!important;font-weight: normal!important;min-height: 0!important;}
.a-top [class$="__cancel-btn"]{display: none!important;}
.a-top [class$="__link"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-shadow: 0px 5px 25px rgba(0,0,0,0.1);border-radius: 10px;opacity: 0;transition: opacity .15s;}

.a-top [class$="__bn-container"]:hover{background-color: #fff!important;border-color: #fff!important;}
.a-top [class$="__bn-container"]:hover [class$="__link"]{opacity: 1;}

.darkmode .a-top [class$="__bn-container"]{border: 1px dashed #35343f;}
.darkmode .a-top [class$="__link"]{box-shadow: 0 5px 10px rgba(204,204,223,.3);}
.darkmode .a-top [class$="__title"]{color: #fff!important;}

.darkmode .a-top [class$="__bn-container"]:hover{background-color: #202033!important;border-color: #202033!important;}

@media screen and (max-width:1023.98px){ 
    .a-top [class$="__stand"]{grid-template-columns: 1fr 1fr;grid-gap: 16px;}
    .a-top [class$="__bn-container"]:nth-child(n + 3){display: none;}   
}

@media screen and (max-width:639.98px){
    .a-top [class$="__stand"]{grid-template-columns: auto;grid-gap: 0 0;}
    .a-top [class$="__bn-container"]:nth-child(n + 2){display: none;}    
}