@media screen and (max-width:800px){.card{width:46%!important}.hert-col{border-radius:20px!important}.card-bottom .el-icon{width:40%!important}.card-bottom div:nth-child(3),.card-bottom div:nth-child(4){display:none!important}.card--button{bottom:35%!important}}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translate(10%,50%) scale(.8);transform:translate(10%,50%) scale(.8)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.card{aspect-ratio:1/.7;background-color:#ffffff1a;border-radius:15px;-webkit-box-shadow:20px 20px 50px rgba(0,0,0,.5);box-shadow:20px 20px 50px #00000080;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;width:21.5%;z-index:999;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-name:slideTop;animation-name:slideTop;border:1px solid hsla(0,0%,100%,.5);border-bottom:none;border-right:none}.card .img-or-video{border-radius:10px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.card .img-or-video img,.card .img-or-video video{color:transparent;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card:hover .card-content{-webkit-box-shadow:0 0 15px var(--fc-background-webkit);box-shadow:0 0 15px var(--fc-background-webkit);opacity:1!important;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.card .card-content{background-color:var(--card-background-webkit);border-radius:1.3vw;height:80%;opacity:0;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);-webkit-transition:opacity .5s,-webkit-transform .5s!important;transition:opacity .5s,-webkit-transform .5s!important;transition:opacity .5s,transform .5s!important;transition:opacity .5s,transform .5s,-webkit-transform .5s!important;width:90%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.card .card--button,.card .card-content{display:-webkit-box;display:-ms-flexbox;display:flex}.card .card--button{bottom:15%;position:absolute;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card .col-card{font-weight:500;height:.9rem;position:relative;width:3rem}.card .labelDiv{-ms-flex-wrap:wrap;flex-wrap:wrap;height:70%;overflow:auto;text-shadow:2px 2px 8px var(--fc-background-webkit);width:90%}.card .labelDiv,.card .labelDiv span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card .labelDiv span{border:1px solid #ccc;border-radius:50%;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5);box-shadow:inset 0 0 10px #00000080;color:var(--font-background-webkit);font-size:.25rem;font-weight:500;padding:2%}.card .card-bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:10%;position:absolute;width:100%;-ms-flex-pack:distribute;background-color:var(--card-bottom-bg);font-size:100%;justify-content:space-around;white-space:nowrap}.card .card-bottom .el-icon{width:20%}.card .card-bottom div{display:-webkit-box;display:-ms-flexbox;display:flex;width:23%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fc-background-webkit);padding:5px}.card .card-bottom div:nth-child(4){gap:3px}.TheHomeBody{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:.3rem}.TheHomeBody,.TheHomeBody .col-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.2rem}.TheHomeBody .col-list{z-index:3;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TheHomeBody .homeContainerDad,.TheHomeBody .homeContainerDad .homeContainer{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.TheHomeBody .homeContainerDad .homeContainer{-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;gap:1.2vw;justify-content:center;z-index:3}@media screen and (max-width:800px){.TheHomeBody .card{width:46%!important}.TheHomeBody .hert-col{border-radius:20px!important}.TheHomeBody .card-bottom .el-icon{width:40%!important}.TheHomeBody .card-bottom div:nth-child(3),.TheHomeBody .card-bottom div:nth-child(4){display:none!important}.TheHomeBody .card--button{bottom:35%!important}}@keyframes slideTop{0%{opacity:0;-webkit-transform:translate(10%,50%) scale(.8);transform:translate(10%,50%) scale(.8)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.TheHomeBody .card{aspect-ratio:1/.7;background-color:#ffffff1a;border-radius:15px;-webkit-box-shadow:20px 20px 50px rgba(0,0,0,.5);box-shadow:20px 20px 50px #00000080;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;width:21.5%;z-index:999;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-name:slideTop;animation-name:slideTop;border:1px solid hsla(0,0%,100%,.5);border-bottom:none;border-right:none}.TheHomeBody .card .img-or-video{border-radius:10px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.TheHomeBody .card .img-or-video img,.TheHomeBody .card .img-or-video video{color:transparent;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.TheHomeBody .card:hover .card-content{-webkit-box-shadow:0 0 15px var(--fc-background-webkit);box-shadow:0 0 15px var(--fc-background-webkit);opacity:1!important;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.TheHomeBody .card .card-content{background-color:var(--card-background-webkit);border-radius:1.3vw;display:-webkit-box;display:-ms-flexbox;display:flex;height:80%;opacity:0;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);-webkit-transition:opacity .5s,-webkit-transform .5s!important;transition:opacity .5s,-webkit-transform .5s!important;transition:opacity .5s,transform .5s!important;transition:opacity .5s,transform .5s,-webkit-transform .5s!important;width:90%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.TheHomeBody .card .card--button{bottom:15%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TheHomeBody .card .col-card{font-weight:500;height:.9rem;position:relative;width:3rem}.TheHomeBody .card .labelDiv{-ms-flex-wrap:wrap;flex-wrap:wrap;height:70%;overflow:auto;text-shadow:2px 2px 8px var(--fc-background-webkit);width:90%}.TheHomeBody .card .labelDiv,.TheHomeBody .card .labelDiv span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.TheHomeBody .card .labelDiv span{border:1px solid #ccc;border-radius:50%;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5);box-shadow:inset 0 0 10px #00000080;color:var(--font-background-webkit);font-size:.25rem;font-weight:500;padding:2%}.TheHomeBody .card .card-bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:10%;position:absolute;width:100%;-ms-flex-pack:distribute;background-color:var(--card-bottom-bg);font-size:100%;justify-content:space-around;white-space:nowrap}.TheHomeBody .card .card-bottom .el-icon{width:20%}.TheHomeBody .card .card-bottom div{display:-webkit-box;display:-ms-flexbox;display:flex;width:23%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fc-background-webkit);padding:5px}.TheHomeBody .card .card-bottom div:nth-child(4){gap:3px}