.row-tools{gap:20px;display:flex}.col-tools-left{width:250px}.col-tools-right{flex:1}.col-tools-mobile{background-color:#f2f2f2;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:none}.col-tools-mobile>span{font-size:20px;font-weight:700}.col-tools-mobile .col-tools-mobile__button{cursor:pointer;border:1px solid #b3b3b3;border-radius:5px;padding:7px}.col-tools-mobile .col-tools-mobile__button:hover{background-color:var(--main__color);color:#fff;border:1px solid var(--main__color)}.col-tools-right .box-tools{background-color:#f2f2f2;border-radius:5px;padding:15px 20px}.col-tools-left-item a{color:#6c757d;border-radius:5px;width:100%;padding:10px 0;transition:all .2s;display:block}.col-tools-left-item .arrow-right{color:#6c757d;width:35px}.col-tools-left-item:hover .arrow-right{color:var(--main__color)}.col-tools-left-item:hover a,.col-tools-left-item a.active{color:var(--main__color);background-color:#f2f2f2;padding-left:10px}.col-tools-left-item a.active .arrow-right{color:var(--main__color)}.col-tools-drawer-item a{color:#6c757d;border-radius:5px;width:100%;padding:10px 0;transition:all .2s;display:block}.col-tools-drawer-item .arrow-right{color:#6c757d;width:35px}.col-tools-drawer-item:hover .arrow-right{color:var(--main__color)}.col-tools-drawer-item:hover a,.col-tools-drawer-item a.active{color:var(--main__color);background-color:#f2f2f2;padding-left:10px}.col-tools-drawer-item a.active .arrow-right{color:var(--main__color)}@media (max-width:991px){.row-tools{flex-direction:column}.col-tools-left{width:100%;display:none}.col-tools-mobile{display:flex}.col-tools-left ul{flex-wrap:wrap;gap:10px;display:flex}.col-tools-left-item a{background-color:#f2f2f2;border:1px solid #d9d9d9;padding:10px 20px 10px 10px}.col-tools-left-item:hover a{padding:10px 20px 10px 10px}.col-tools-left-item a.active{border:1px solid var(--main__color);padding:10px 20px 10px 10px}.tools-page .section{padding:10px 0 30px}}.sslinfo-check-item{gap:15px;display:flex}.sslinfo-check-item-left{border:1px solid #bbb6;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:110px;margin-top:5px;margin-bottom:7px;padding:15px;display:flex}.sslinfo-check-item-left__icon{justify-content:center;width:110px;display:flex}.sslinfo-check-item-left>p{text-align:center}.sslinfo-check-item-right{flex:1}.sslinfo-check-item-right>p{overflow-wrap:break-word;word-wrap:break-word}@media (max-width:500px){.sslinfo-check-item{flex-direction:column;gap:10px}.sslinfo-check-item-left{width:100%}.sslinfo-check-item-left__icon{width:100%;margin-top:10px;margin-bottom:10px}}.container-upload-drag{position:relative}.box-upload-drag{text-align:center;cursor:pointer;background:#fafafa;border:1px dashed #d9d9d9;border-radius:5px;width:100%;height:100%;padding-inline:15px}.container-upload-drag:hover .box-upload-drag{border:1px dashed var(--main__color)}.box-upload-drag .upload-drag-icon{color:var(--main__color);margin-top:10px;margin-bottom:0;font-size:55px}.box-upload-drag .upload-drag-title{margin-top:5px;margin-bottom:10px;font-weight:700}.box-upload-drag .upload-drag-description{margin-top:0}.input-upload-drag{opacity:0;cursor:pointer;border-radius:5px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.shrink-image-item{padding:7px 5px;background-color:#fff;border-radius:3px;flex-wrap:wrap;row-gap:3px;margin-inline:0;padding-top:9px;font-size:14px;display:flex}.shrink-image-item__name{-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;min-height:15px;margin-right:10px;display:-webkit-box;overflow:hidden}.shrink-image-item .col-item{padding-inline:6px}.box-result-ip .deplay-1{visibility:hidden;animation:1s both fade}.box-result-ip .deplay-2{visibility:hidden;animation:2s both fade}.box-result-ip .deplay-3{visibility:hidden;animation:3s both fade}.box-result-ip .deplay-4{visibility:hidden;animation:4s both fade}@keyframes fade{0%{visibility:hidden}99%{visibility:hidden}to{visibility:initial}}.loading-ip-checker:after{content:"...";margin-left:0;font-size:14px;line-height:1;animation:2s infinite fadedot;display:inline-block}@keyframes fadedot{0%{content:""}10%{content:"."}20%{content:".."}30%{content:"..."}40%{content:"...."}50%{content:"....."}60%{content:"......"}70%{content:"......."}80%{content:"........"}90%{content:"........."}to{content:".........."}}.box-tools__tabs-table>table td,.box-tools__tabs-table>table th{text-align:left;border:1px solid #ddd;padding:10px}