@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100;0,400;0,500;0,700;1,400&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{font-family:Roboto Condensed,system-ui}#app{min-height:100vh;position:relative;background:#020617;display:flex;align-items:center;justify-content:center;color:#fff}a{color:#4b5563}h2{margin-bottom:20px}.compare-result{background:#fff}.compare-result iframe{width:100%;height:600px}.right{width:calc(100% - 200px);display:flex;flex-direction:column}.right.toggled{width:100%}.box{padding:20px;border-radius:20px;background:#fff;box-shadow:0 0 4px #d7d7d775;border:1px solid #ffffff;color:#222}label{display:block;color:#374151;font-size:.875rem;line-height:1.25rem;font-weight:500}input[type=text],input[type=password],input[type=number]{border:1px solid #ccc;background:#fff;border-radius:12px;padding:8px 12px;width:100%;margin-bottom:10px;max-width:300px;display:block}button,.btn{max-width:300px;background:#0f172a;color:#fff;font-weight:700;cursor:pointer;width:100%;border-radius:12px;padding:10px 0;border:none;position:relative;min-height:35px;text-align:center}form button{margin-top:10px}main{width:100%;height:100vh;display:flex}.left{width:200px}.left-head{display:flex;align-items:center;justify-content:center;padding:20px 0}.logo{max-width:150px}.logo img{width:100%}.animate-slide-top.in.out-transition{animation:animate-slide-up .3s ease-out forwards}.animate-slide-top.in.visible{animation:animate-slide-down .3s ease-out forwards}@keyframes animate-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes animate-slide-up{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-200%)}}.dnd-input{display:none}.label-file-upload{height:100%;display:flex;align-items:center;justify-content:center;border-width:2px;border-radius:1rem;border-style:dashed;border-color:#cbd5e1;background-color:#f8fafc;cursor:pointer;padding:10px 0}.upload-button{cursor:pointer;padding:.25rem;font-size:1rem;border:none;background-color:transparent}.upload-button:hover{text-decoration-line:underline}.label-file-upload.drag-active{background-color:#fff}#drag-file-element{position:absolute;width:100%;height:100%;border-radius:1rem;top:0;right:0;bottom:0;left:0}.w-150{width:150px}.w-200{width:200px}.w-300{width:300px}.home-menu-icon path{fill:#000}.login{min-width:260px}.loader{width:48px;height:48px;border-radius:50%;display:block;position:absolute;left:50%;top:50%;margin-left:-24px;margin-top:-24px;animation:rotate 1s linear infinite}button .loader{width:24px;height:24px;margin-left:-12px;margin-top:-12px}.loader-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#eeeeee9c}.loader:before,.loader:after{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid #FFF;animation:prixClipFix 2s linear infinite}.loader:after{top:8px;right:8px;bottom:8px;left:8px;transform:rotate3d(90,90,0,180deg);border-color:#a406c1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.content{height:100%;overflow-y:auto;padding:1.25rem;background:#fafafa;color:#222;position:relative}.content>.boxed-element{flex-grow:1}.notifications{position:relative}.notifications-container{position:absolute;right:0;top:30px;z-index:2;border-radius:20px;padding:20px;box-shadow:0 2px 3px #0000002b;background-color:#fff;width:300px;max-height:400px;overflow:auto;display:none}.notification-item{padding:10px 0}.notification-item.unreaded{font-weight:700}.notification-item:not(:last-of-type){border-bottom:1px solid #ccc}.notification-item span{font-size:.8em;color:#ccc}.notifications-container.active{display:block}.notifications-button{position:relative;cursor:pointer}.notifications-button span{font-size:.7em;width:16px;height:16px;border-radius:50%;background:#8300ff;color:#fff;position:absolute;top:-5px;right:-5px;text-align:center}.read-all{cursor:pointer;margin-top:20px;font-size:.8em;text-decoration:underline}.sidemenu-title{font-size:.875rem;line-height:1.25rem;margin-top:1.25rem;margin-left:.75rem;color:#fff;font-weight:100}.sidemenu-group{padding:1rem .75rem}.sidemenu-group-title{display:flex;align-items:center;padding-bottom:10px;cursor:pointer}.sidemenu-group-title i:first-of-type{margin-right:15px}.sidemenu-group-title i:last-of-type{margin-left:auto;transition:all .2s}.sidemenu-group-title i.rotate{transform:rotate(180deg)}.sidemenu-group-links{padding-left:35px;max-height:0;overflow:hidden;transition:all .2s}.sidemenu-group-links.expand{max-height:13rem}.sidemenu-group-links a{display:block;color:#fff;text-decoration:none;font-size:.875rem;font-weight:400;padding-bottom:.75rem;padding-top:.75rem}header{background:#fff;display:flex;align-items:center;width:100%;color:#222;padding:15px 20px;border-bottom:1px solid rgb(228 228 231)}.header-user{margin-left:auto;display:flex;width:50%;align-items:center;justify-content:flex-end}.header-user button{max-width:max-content;padding:10px;display:flex;align-items:center;background:none;color:#0f172a;border:1px solid rgb(15 23 42);margin:0 0 0 20px}.header-user button svg{margin-right:10px}.header-user>div{margin:0 10px}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.avatar img{object-fit:contain;width:100%}.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.homemenu-group-title{display:flex;font-weight:700;margin-bottom:20px}.homemenu-group-title i{margin-right:10px}.homemenu-group-title path{fill:#222}.homemenu-links{padding-left:25px}.homemenu-links a{display:block;color:#222;margin-bottom:5px;text-decoration:none;font-size:.9em}.content-back{margin-bottom:20px;font-size:.9em;color:#ccc;cursor:pointer}.service{text-align:center}.service-name{font-size:1.2em;font-weight:700;margin-bottom:20px}.service-description{margin-bottom:30px}.dropzone-container{display:flex;align-items:center}.hidden-input{opacity:0;overflow:hidden;position:absolute;width:1px;height:1px}.file-label{align-items:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:1rem;cursor:pointer;display:flex;height:100%;justify-content:center;padding:10px 20px}.preview-container{display:flex}.preview-card{display:flex;margin-left:5px}.preview-img{width:50px;height:50px;border-radius:5px;border:1px solid #a2a2a2;background-color:#a2a2a2}.v-enter-active,.v-leave-active{transition:opacity .2s ease}.v-enter-from,.v-leave-to{opacity:0}.slide-right-move,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(200px);opacity:0}.slide-right-leave-active{position:absolute}.add>button{position:absolute;right:20px;top:10px}.input-error{border-color:#dc3545!important}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.required{color:#dc3545}.error{color:red;margin-top:10px}