.details-page{font-size:.2rem;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;color:var(--color-text);justify-content:space-between;overflow:hidden}.details-page,.details-page .preview-block{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details-page .preview-block{position:relative;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-evenly}.details-page .preview-block .col-md-2,.details-page .preview-block .col-md-4{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:9rem;width:25%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--frosted-bg);border-radius:30px;margin-top:.3rem;padding:0 .3rem .1rem}.details-page .preview-block .col-md-2 .software-card,.details-page .preview-block .col-md-4 .software-card{margin-top:.4rem}.details-page .preview-block .col-md-2:before,.details-page .preview-block .col-md-4:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);content:"";height:100%;position:absolute;width:100%;z-index:-1}.details-page .preview-block .col-md-2 .col-4-son-1,.details-page .preview-block .col-md-4 .col-4-son-1{font-weight:500;position:relative}.details-page .preview-block .col-md-2 .col-4-son-1,.details-page .preview-block .col-md-2 .col-4-son-1 .icon-all,.details-page .preview-block .col-md-4 .col-4-son-1,.details-page .preview-block .col-md-4 .col-4-son-1 .icon-all{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start}.details-page .preview-block .col-md-2 .col-4-son-1 .icon-all,.details-page .preview-block .col-md-4 .col-4-son-1 .icon-all{border-radius:20px;margin-top:.2rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico{color:var(--color-darkgray-text);padding:.4rem .6rem .3rem;white-space:nowrap;width:50%}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico span,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico span{text-shadow:0 0 20px var(--color-background-two)}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico:nth-child(7),.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico:nth-child(7){display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico-time,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico-time{padding:.2rem .6rem}.details-page .preview-block .col-md-2 .col-4-son-1 .haoHr,.details-page .preview-block .col-md-4 .col-4-son-1 .haoHr{background-color:var(--font-background-webkit);height:.01rem!important;margin:.2rem 0;width:100%}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.27rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico .color-bg,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico .color-bg{border-radius:50%;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.5),0 0 5px hsla(0,0%,100%,.5);box-shadow:inset 0 0 2px #00000080,0 0 5px #ffffff80;height:.3rem;margin-left:.2rem;width:.3rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;margin-bottom:.2rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:.2rem;margin-top:.35rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:11}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1{bottom:.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1 .user-nick-name,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1 .user-nick-name{color:var(--color-text);font-size:.3rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-cale-text);font-size:.24rem;text-shadow:none}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count{text-align:center}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .count,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .count{color:var(--color-text);margin-left:.12rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .fg,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .fg{margin:.2rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-2,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-2{color:var(--color-text);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.2rem;margin-top:.15rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details-page .preview-block .col-md-2 .col-4-son-1 span,.details-page .preview-block .col-md-4 .col-4-son-1 span{font-weight:500}.details-page .preview-block .col-md-2 .col-4-son-1 .span-left,.details-page .preview-block .col-md-4 .col-4-son-1 .span-left{margin-right:.7rem}.details-page .preview-block .col-md-2 .col-son-bottom-twoSon,.details-page .preview-block .col-md-4 .col-son-bottom-twoSon{display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem!important;width:95%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:30px;margin-top:.2rem;z-index:-1}.details-page .preview-block .col-md-2 .col-4-son-2,.details-page .preview-block .col-md-4 .col-4-son-2{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.3rem;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}@media (max-width:850px){.details-page .preview-block .col-md-2 .col-4-son-2 .col-verification,.details-page .preview-block .col-md-4 .col-4-son-2 .col-verification{left:50%!important;position:fixed!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}}.details-page .preview-block .col-md-2 .col-4-son-2 .col-verification,.details-page .preview-block .col-md-4 .col-4-son-2 .col-verification{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px dotted var(--color-cale-text);border-radius:.3rem;bottom:133%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.4rem;left:-75%;min-height:2rem;position:absolute;width:5rem;z-index:999}.details-page .preview-block .col-md-2 .col-4-son-2 .col-verification:after,.details-page .preview-block .col-md-4 .col-4-son-2 .col-verification:after{border-color:var(--color-cale-text) transparent transparent transparent;border-style:solid;border-width:.3rem;content:"";left:50%;margin-left:-.3rem;position:absolute;top:100.5%}.details-page .preview-block .col-md-2 .col-4-son-2 .star,.details-page .preview-block .col-md-4 .col-4-son-2 .star{display:-webkit-box;display:-ms-flexbox;display:flex;height:.9rem;width:.9rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;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;justify-content:center}.details-page .preview-block .col-md-2 .col-4-son-2 .col-4-son-3,.details-page .preview-block .col-md-4 .col-4-son-2 .col-4-son-3{border-radius:20px;-webkit-box-shadow:0 0 10px var(--color-cale-text);box-shadow:0 0 10px var(--color-cale-text);font-size:.25rem;font-weight:500;padding:.2rem;white-space:nowrap}.details-page .preview-block .col-md-2 .col-4-son-2 .col-4-son-3 .title,.details-page .preview-block .col-md-4 .col-4-son-2 .col-4-son-3 .title{color:var(--color-cale-text)}.details-page .preview-block .col-md-2 .col-4-son-2 .col-4-son-3 .col-4-1,.details-page .preview-block .col-md-4 .col-4-son-2 .col-4-son-3 .col-4-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details-page .preview-block .col-md-2 .col-4-son-2 .col-4-son-3 .col-4-1 img,.details-page .preview-block .col-md-4 .col-4-son-2 .col-4-son-3 .col-4-1 img{height:.35rem;width:.35rem}.details-page .preview-block .col-md-2 .col-4-son-2 .col-4-son-3 .col-4-1 div,.details-page .preview-block .col-md-4 .col-4-son-2 .col-4-son-3 .col-4-1 div{margin-left:3px}.details-page .preview-block .col-md-2 .col-4-son-2 .col-4-son-3 .col-4-1 a,.details-page .preview-block .col-md-4 .col-4-son-2 .col-4-son-3 .col-4-1 a{color:var(--color-text)}.details-page .preview-block .col-md-2 .DownButtom,.details-page .preview-block .col-md-4 .DownButtom{position:relative;width:2rem}.details-page .preview-block .col-md-2{font-size:.3rem;text-align:center}.details-page .the-body-there{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:90%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-weight:500}.details-page .the-body-there .contentSpen{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:1rem;padding-left:.1rem;width:100%}.details-page .the-body-there .contentSpen div{background-color:var(--color-border);border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.3rem;margin-right:15px;max-height:.8rem;padding:5px 12px;position:relative;text-shadow:0 0 10px var(--fc-background-webkit);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.2rem}.details-page .the-body-there .contentSpen div *{color:var(--color-text)}.details-page .the-body-there .contentSpen div:hover{background-color:var(--lable-card-bag)}.details-page .the-body-there .contentSpen div span{margin-left:4px}.details-page .bottom-module{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-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;font-weight:500}.details-page .bottom-module img{height:100%;width:100%}.details-page .bottom-module .title-span{width:90%}.details-page .bottom-module .col-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.2rem;justify-content:center;z-index:100}.details-page .bottom-module .empty{min-height:10rem}@media screen and (max-width:800px){.details-page .bottom-module{scrollbar-width:thin!important}.details-page .bottom-module .user-favorite{overflow-x:scroll;width:100vw!important}.details-page .bottom-module .user-favorite .user-favorite-col-1{height:5rem;min-height:5rem;min-width:5rem;width:5rem}}.details-page .bottom-module .user-favorite{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:90%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details-page .bottom-module .user-favorite .user-favorite-col-1{height:15vw;position:relative;width:15vw}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-user-name{color:var(--color-text);font-size:20px;left:50%;opacity:0;position:absolute;text-shadow:0 0 6px var(--color-text);top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:text-shadow .5s,top .5s,opacity .5s;transition:text-shadow .5s,top .5s,opacity .5s;white-space:nowrap}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .image-container{padding:20px!important}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .user-favorite-user-name{opacity:1;top:0!important}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .user-head-img{-webkit-box-shadow:0 0 30px var(--color-text);box-shadow:0 0 30px var(--color-text);height:2rem;width:2rem}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .col-favorite-bg{-webkit-transform:translate(-50%,-50%) rotate(80deg);-ms-transform:translate(-50%,-50%) rotate(80deg);transform:translate(-50%,-50%) rotate(80deg)}.details-page .bottom-module .user-favorite .user-favorite-col-1 .col-favorite-bg{border-radius:30px;-webkit-box-shadow:inset 0 0 15px var(--color-text);box-shadow:inset 0 0 15px var(--color-text);content:"";height:70%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:70%;z-index:-1}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-col-son-2{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-col-son-2 .image-container{height:50%;padding:.15rem;-webkit-transition:padding .5s;transition:padding .5s;width:50%}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-col-son-2 .image-container img{border-radius:.3rem;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:border-radius .5s;transition:border-radius .5s;width:100%}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-head-img{border-radius:50%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .5s,height .5s,-webkit-box-shadow .5s;transition:width .5s,height .5s,-webkit-box-shadow .5s;transition:width .5s,height .5s,box-shadow .5s;transition:width .5s,height .5s,box-shadow .5s,-webkit-box-shadow .5s}.details-page .title-span{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.3rem}.details-page .title-span span{font-weight:500;margin-left:4px}@-webkit-keyframes slideRight{0%{left:-60%}to{left:0}}.macbook{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;width:100%;-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}.macbook .apple-notch{-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards;-webkit-animation-delay:2s;animation-delay:2s;background-color:#000;border-bottom-left-radius:.4vw;border-bottom-right-radius:.4vw;height:4%;position:absolute;top:1%;width:13%;z-index:100}.macbook .apple-notch:after{aspect-ratio:1/1;background-color:#32cd32;border-radius:50%;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4%}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}.macbook .screen{background-color:#000;border:.2em solid silver;border-bottom:none;border-radius:3% 3% 0 0/5%;display:-webkit-box;display:-ms-flexbox;display:flex;height:30vw;min-height:5.5rem;position:relative;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.macbook .screen .bgLod{background-size:cover;border-radius:10px;height:93%;position:absolute;width:97%;z-index:3}.macbook .screen .img-or-video{border-radius:2% 2% 0 0/4%;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;padding:.35vw;position:absolute;top:0;width:100%;z-index:3}.macbook .base{background:-webkit-gradient(linear,left top,left bottom,from(#c6c2c2),color-stop(55%,#767676),color-stop(60%,#999),color-stop(90%,#222),to(rgba(0,0,0,.1)));background:linear-gradient(#c6c2c2,#767676 55%,#999 60%,#222 90%,#0000001a);border-radius:0 0 10% 10%/0 0 50% 50%;height:1.3vh;position:relative;width:130%}.macbook .base:before{content:"";height:55%;position:absolute;width:inherit}.macbook .base:after{background-color:#2d2d2d;border-radius:0 0 7% 7%/0 0 95% 95%;-webkit-box-shadow:inset -.5em -.1em .3em rgba(0,0,0,.2),inset .5em .1em .3em rgba(0,0,0,.2);box-shadow:inset -.5em -.1em .3em #0003,inset .5em .1em .3em #0003;content:"";height:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}@media screen and (max-width:800px){.card{-webkit-transform:translateZ(0)!important;-ms-transform:translateZ(0)!important;transform:translateZ(0)!important;width:46%!important}.hert-col{border-radius:20px!important}.card--center div:nth-child(3),.card--center div:nth-child(4){display:none!important}.card--button{bottom:35%!important}}@keyframes slideRight{0%{left:-60%}to{left: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;margin:0 2% 1vw;overflow:hidden;position:relative;width:27%;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:slideRight,gradient-animation-three;animation-name:slideRight,gradient-animation-three;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;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.card .card-content{background-color:var(--card-background-webkit);border-radius:40px;height:80%;opacity:0;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;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:.3rem;font-weight:500;height:40px;padding:10px}.card .card--center{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:20px;position:absolute;width:100%;-ms-flex-pack:distribute;background-color:var(--card-background-webkit);border-radius:100px;font-size:.21rem;justify-content:space-around;white-space:nowrap}.card .card--center div{color:var(--fc-background-webkit);padding:5px;width:22%}.TheBodyTwo,.card .card--center div{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}.TheBodyTwo{min-width:100vw}img:not([src]),img[src=""]{opacity:0}.col-md-3{min-width:8rem;width:45vw;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:40px;justify-content:center}.col-md-3,.col-md-3 .macbook{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.col-md-3 .macbook{font-size:12px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.col-md-3 .macbook .apple-notch{-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards;-webkit-animation-delay:2s;animation-delay:2s;background-color:#000;border-bottom-left-radius:.4vw;border-bottom-right-radius:.4vw;height:4%;position:absolute;top:1%;width:13%;z-index:100}.col-md-3 .macbook .apple-notch:after{aspect-ratio:1/1;background-color:#32cd32;border-radius:50%;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4%}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.col-md-3 .macbook .screen{background-color:#000;border:.2em solid silver;border-bottom:none;border-radius:3% 3% 0 0/5%;display:-webkit-box;display:-ms-flexbox;display:flex;height:30vw;min-height:5.5rem;position:relative;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.col-md-3 .macbook .screen .bgLod{background-size:cover;border-radius:10px;height:93%;position:absolute;width:97%;z-index:3}.col-md-3 .macbook .screen .img-or-video{border-radius:2% 2% 0 0/4%;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;padding:.35vw;position:absolute;top:0;width:100%;z-index:3}.col-md-3 .macbook .base{background:-webkit-gradient(linear,left top,left bottom,from(#c6c2c2),color-stop(55%,#767676),color-stop(60%,#999),color-stop(90%,#222),to(rgba(0,0,0,.1)));background:linear-gradient(#c6c2c2,#767676 55%,#999 60%,#222 90%,#0000001a);border-radius:0 0 10% 10%/0 0 50% 50%;height:1.3vh;position:relative;width:130%}.col-md-3 .macbook .base:before{content:"";height:55%;position:absolute;width:inherit}.col-md-3 .macbook .base:after{background-color:#2d2d2d;border-radius:0 0 7% 7%/0 0 95% 95%;-webkit-box-shadow:inset -.5em -.1em .3em rgba(0,0,0,.2),inset .5em .1em .3em rgba(0,0,0,.2);box-shadow:inset -.5em -.1em .3em #0003,inset .5em .1em .3em #0003;content:"";height:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}
