|
Server : Apache/2.4.43 (Win64) OpenSSL/1.1.1g PHP/7.4.6 System : Windows NT USER-PC 6.1 build 7601 (Windows 7 Professional Edition Service Pack 1) AMD64 User : User ( 0) PHP Version : 7.4.6 Disable Function : NONE Directory : C:/Program Files/Avast Software/Avast/gui_resources/1.0.663/ |
/* {"name":"Spawn","version":"1.2.2559","created":"2021-09-06T05:44:14.951Z"} */
.avs {
--page-padding: 4rem;
--page-scrollbar-width: var(--scrollbar-width);
--page-background: transparent;
--page-header-align: start;
--page-header-margin: 0;
--scrollbar-width: 15px;
--scrollbar-bg: var(--ds-on-background-extra-light);
--scrollbar-bg-hover: var(--ds-on-background-light);
--scrollbar-radius: 3px;
--scrollbar-border-width: 1px;
--navbar-width: 12.8rem;
--navbar-width-visible: 12.8rem;
--navbar-hover: var(--ds-on-surface-extra-light);
--navbar-active: var(--ds-main);
--navbar-bg: var(--ds-surface);
--navbar-color: var(--ds-on-surface);
--navbar-border: var(--app-border);
--titlebar-height: 4.2rem;
--titlebar-user-height: 2.4rem;
--titlebar-bg: var(--ds-surface);
--titlebar-color: var(--ds-on-surface);
--titlebar-close-color: var(--color-critical);
--shadow-stack: 0 0 10px 2px rgba(0,0,0,0.3);
--header-height: 11rem;
--header-height-medium: 11rem;
--header-height-large: 13rem;
--header-height-tabs: 14rem;
--header-title-position: 5.5rem;
--header-margin-top: 0;
--header-buttons-margin-top: 4.3rem;
--breadcrumbs-vis: block;
--back-button-top: 3rem;
--back-btn-vis: none;
--back-button-height: 8rem;
--description-height: 6.5rem;
--cta-height: 7rem;
}
.avs .nui_menu {
position: absolute;
top: var(--titlebar-height);
width: var(--navbar-width-visible);
bottom: 0;
left: 0;
z-index: 1004;
transition: left 0.2s;
}
.avs .nui_main {
position: absolute;
top: var(--titlebar-height);
left: var(--navbar-width-visible);
right: 0;
bottom: 0;
}
.avs .nui_main.-toaster {
position: relative;
padding: 10px 0 15px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.avs .nui_main.-toaster.-full {
position: absolute;
top: var(--titlebar-height);
left: 0;
right: 0;
bottom: 0;
}
.avs .nui_main.-toaster-icon {
top: auto;
padding-top: 0;
}
.avs .nui_main.-disabled {
z-index: 999999999999999;
left: 0;
background-image: var(--app-bg);
background-attachment: fixed;
}
.avs .nui_main.-disabled:before {
content: '';
position: fixed;
top: var(--titlebar-height);
right: 0;
bottom: 0;
left: 0;
background-image: var(--app-bg-pseudo);
background-attachment: fixed;
opacity: 0.5;
}
.avs .nui_standalone .nui_main,
.avs .nui_main.-standalone {
left: 0;
}
.avs .nui_titlebar {
position: absolute;
height: var(--titlebar-height);
top: 0;
right: 0;
left: 0;
z-index: 9999;
}
.avs .nui_titlebar.-toaster {
border: 0;
display: block;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 9999;
background-color: transparent;
}
.avs .nui_help {
position: absolute;
right: 0;
top: var(--titlebar-height);
width: 400px;
bottom: 0;
z-index: 10000;
}
.avs .nui_header {
position: absolute;
left: 0;
right: 0;
top: 0;
height: var(--header-height);
z-index: 3;
padding: 15px var(--page-padding) 0;
text-align: left;
}
.avs .nui_header__wizzard {
position: absolute;
top: 5px;
right: 0;
z-index: 3;
}
.avs .nui_header__buttons {
margin-bottom: 25px;
position: absolute;
right: var(--page-padding);
bottom: 0;
}
.avs .nui_header__border {
width: 1px;
background-color: rgba(255,255,255,0.3);
display: inline-block;
height: 15px;
vertical-align: middle;
margin: 0 4px;
}
.avs .nui_header__left {
position: relative;
margin-top: var(--header-margin-top);
}
.avs .nui_header__left .h1 {
display: inline-block;
vertical-align: middle;
}
.avs .nui_header__left .nui_header__buttons {
bottom: auto;
top: var(--header-buttons-margin-top);
right: 0;
margin-bottom: 0;
}
.avs .nui_header__border {
width: 1px;
background-color: rgba(255,255,255,0.3);
display: inline-block;
height: 15px;
vertical-align: middle;
}
.avs .nui_footer {
position: absolute;
left: 0;
right: var(--page-scrollbar-width);
bottom: 0;
height: 60px;
z-index: 2;
padding: 5px var(--page-padding) 0;
background-color: inherit;
text-align: left;
}
.avs .nui_crumbs {
display: var(--breadcrumbs-vis);
margin-bottom: 11px;
}
.avs .nui_page {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
background: var(--page-background);
}
.avs .nui_page__scroll {
position: absolute;
top: var(--header-height);
right: 0;
bottom: 0;
left: 0;
padding: 15px calc(var(--page-padding) - var(--page-scrollbar-width)) 15px var(--page-padding);
overflow: scroll;
overflow-x: hidden;
}
.avs .nui_page__scroll.-actions {
bottom: var(--action-bar-height);
}
.avs .nui_page__scroll.-gradient {
-webkit-mask-image: linear-gradient(transparent, #000 15px, #000 95%, transparent), linear-gradient(#000, #000);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center left, center right;
-webkit-mask-size: 100%, var(--page-scrollbar-width) 100%;
padding-bottom: 20px;
}
.avs .nui_page__scroll.-toaster {
top: 0;
}
.avs .nui_page__scroll.-full {
top: 0;
}
.avs .nui_page__no-scroll {
position: absolute;
top: var(--header-height);
right: 0;
bottom: 0;
left: 0;
padding: 15px var(--page-padding);
z-index: 2;
}
.avs .nui_page__flex {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
position: absolute;
top: var(--header-height);
right: 0;
bottom: 0;
left: 0;
padding: 0 var(--page-padding);
}
.avs .nui_page__step .nui_page__flex {
bottom: var(--action-bar-height);
padding-bottom: 0;
}
.avs .nui_page__center {
text-align: center;
}
.avs .nui_modal.-full .modal {
top: var(--page-padding);
right: var(--page-padding);
bottom: var(--page-padding);
left: var(--page-padding);
}
.avs .nui_actions {
padding: 18px var(--page-padding) 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: var(--action-bar-height);
text-align: center;
background-color: inherit;
border-top: solid 1px $color-border;
z-index: 2;
}
.avs .nui_loader {
text-align: center;
padding: 0;
position: absolute;
padding-top: var(--header-height);
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
z-index: 2;
}
.avs .nui_loader.-no-scroll {
padding-top: 0;
top: 0;
}
.avs .nui_loader__container {
width: 42vw;
height: 42vw;
max-width: 500px;
max-height: 500px;
transform: translateY(-15%);
}
.avs .nui_loader.-banner {
bottom: 128px;
}
.avs .nui_loader.-banner .nui_loader__container {
width: 38vw;
height: 38vw;
max-width: 400px;
max-height: 400px;
}
.avs .nui_loader__banner {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 128px;
}
.avs .nui_loader__file {
position: absolute;
bottom: 33%;
left: 30px;
right: 30px;
text-align: center;
}
.avs .nui_loader__button {
position: absolute;
bottom: 5%;
left: 0;
right: 0;
}
.avs .nui_loader__button h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 10px;
padding-right: 10px;
}
.avs .nui_overlay {
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 10013;
}
.avs .nui_overlay.-full {
left: 0;
}
.avs .nui_overlay.-ipm {
left: var(--navbar-width-visible);
z-index: 105;
animation-delay: 0.5s;
}
.avs .nui_overlay.-main {
width: auto;
left: var(--navbar-width-visible);
}
.avs .nui_overlay__inner {
top: 0;
right: 0;
bottom: 0;
left: var(--navbar-width-visible);
position: absolute;
}
.avs .nui_overlay__button {
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.avs .nui_disabled {
text-align: center;
padding-right: 260px;
}
.avs .nui_disabled__arrow {
transform: rotate(90deg);
font-size: 60px;
margin: 15px 0 25px;
}
.avs .nui_disabled__title {
max-width: 300px;
margin: 0 auto;
}
.avs .nui_no-events {
pointer-events: none;
}
.avs .nui_no-events a,
.avs .nui_no-events button,
.avs .nui_no-events input,
.avs .nui_no-events textarea,
.avs .nui_no-events label {
pointer-events: auto;
}
.avs .nui_ipm {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.avs .nui_ipm iframe {
width: 100%;
height: 100%;
}
.avs .nui_banner {
height: 128px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.avs .nui_main.-dialog {
left: 0;
}
.avs .nui_main.-dialog .nui_header {
height: auto;
position: static;
text-align: center;
padding: 15px;
border-radius: 3px;
font-size: $font-size-larger;
}
.avs .nui_main.-dialog .nui_page__scroll {
top: 0;
padding-left: 30px;
padding-right: calc(($padding-dialog - var(--page-scrollbar-width)));
padding-top: 30px;
}
.avs .nui_main.-dialog .nui_actions {
text-align: center;
}
.avs .nui_fixed-header {
position: fixed;
left: calc(var(--navbar-width) + var(--page-padding));
right: var(--page-padding);
top: calc(var(--titlebar-height) + var(--header-height));
border-bottom: solid 1px rgba(255,255,255,0.3);
z-index: 2;
}
.avs[dir=rtl] .nui_menu {
left: auto;
right: 0;
}
.avs[dir=rtl] .nui_main {
left: 0;
right: var(--navbar-width-visible);
}
.avs[dir=rtl] .nui_main.-detection,
.avs[dir=rtl] .nui_main.-toaster {
left: 0;
right: 0;
}
.avs[dir=rtl] .nui_notifications {
left: 0;
right: var(--navbar-width-visible);
}
.avs[dir=rtl] .nui_help {
left: 0;
right: auto;
}
.avs[dir=rtl] .nui_header {
right: 0;
left: 0;
padding-right: var(--page-padding);
padding-left: var(--page-padding);
text-align: right;
}
.avs[dir=rtl] .nui_header__wizzard {
left: 0;
right: auto;
}
.avs[dir=rtl] .nui_header__buttons {
left: var(--page-padding);
right: auto;
}
.avs[dir=rtl] .nui_header__left {
position: relative;
}
.avs[dir=rtl] .nui_header__left .h1 {
margin-right: -0.04em;
}
.avs[dir=rtl] .nui_header__left .nui_header__buttons {
left: 0;
right: auto;
}
.avs[dir=rtl] .nui_page__scroll {
padding-right: var(--page-padding);
padding-left: calc(var(--page-padding) - var(--page-scrollbar-width));
}
.avs[dir=rtl] .nui_overlay {
left: 0;
}
.avs[dir=rtl] .nui_overlay.-full {
right: 0;
}
.avs[dir=rtl] .nui_overlay.-ipm {
left: 0;
right: var(--navbar-width);
}
.avs[dir=rtl] .nui_overlay.-main {
right: var(--navbar-width);
left: 0;
}
.avs[dir=rtl] .nui_overlay__inner {
left: 0;
right: var(--navbar-width);
}
.avs[dir=rtl] .nui_overlay__button {
left: 0;
right: auto;
}
.avs[dir=rtl] .nui_page__scroll.-scroll-vertical + .nui_banner {
left: var(--page-scrollbar-width);
right: auto;
}
.avs[dir=rtl] .nui_main.-dialog {
right: 0;
}
.avs[dir=rtl] .nui_main.-dialog .nui_page__scroll {
padding-right: var(--page-padding);
padding-left: calc(var(--page-padding) - var(--page-scrollbar-width));
}
.avs[dir=rtl] .nui_info__header {
right: 30px;
left: auto;
}
.avs[dir=rtl] .nui_info__overlay {
right: calc(var(--navbar-width) + 1px);
left: 0;
}
.avs[dir=rtl] .nui_fixed-header {
right: calc(var(--navbar-width) + var(--page-padding));
left: var(--page-padding);
}
.avs .nui_titlebar {
background-color: var(--titlebar-bg);
border-bottom: solid 1px var(--app-border);
-webkit-app-region: drag;
}
.avs .nui_titlebar .nui_controls {
position: absolute;
right: 0;
display: flex;
}
.avs .nui_titlebar .nui_controls__item {
min-width: calc(var(--titlebar-height) - 1px);
height: calc(var(--titlebar-height) - 1px);
line-height: calc(var(--titlebar-height) - 1px);
position: relative;
border: 0;
padding: 0 1.2rem;
font-size: 1.5rem;
text-align: center;
color: var(--ds-on-surface-secondary);
cursor: pointer;
white-space: nowrap;
-webkit-app-region: no-drag;
}
.avs .nui_titlebar .nui_controls__item > * {
cursor: pointer;
}
.avs .nui_titlebar .nui_controls__item:focus,
.avs .nui_titlebar .nui_controls__item:hover {
background-color: var(--ds-on-surface-extra-light);
color: var(--ds-on-surface);
}
.avs .nui_titlebar .nui_controls__item:focus kin-icon,
.avs .nui_titlebar .nui_controls__item:hover kin-icon {
transform: scale(1.3);
transition: transform 0.1s;
}
.avs .nui_titlebar .nui_controls__item.-close {
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAEDC/z+9MuOX3AAAAW0lEQVR4Ad3TQQrAIAxE0cbo3P/IpS1uPsLfNyuTB6LoXFqj6zSuHq+uzDrozHq8k8+pSe8FfQ/hUDRQaWUzOpVOpUPpUDoUDhWmwuVocjHqf95XPrLEQEIkdQOxvQVVCjCURwAAAABJRU5ErkJggg==");
-webkit-mask-size: 1.2rem;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
background: var(--ds-on-surface) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAEDC/z+9MuOX3AAAAW0lEQVR4Ad3TQQrAIAxE0cbo3P/IpS1uPsLfNyuTB6LoXFqj6zSuHq+uzDrozHq8k8+pSe8FfQ/hUDRQaWUzOpVOpUPpUDoUDhWmwuVocjHqf95XPrLEQEIkdQOxvQVVCjCURwAAAABJRU5ErkJggg==") center/0 no-repeat;
opacity: 0.75;
}
.avs .nui_titlebar .nui_controls__item.-close:focus,
.avs .nui_titlebar .nui_controls__item.-close:hover {
background-color: var(--ds-critical);
background-size: 1.5rem;
-webkit-mask-image: none;
opacity: 1;
}
.avs .nui_titlebar .nui_controls__item.-close,
.avs .nui_titlebar .nui_controls__item.-minimize {
cursor: default;
}
.avs .nui_titlebar .nui_controls__label {
font-size: var(--font-size-small);
}
.avs .nui_titlebar .nui_controls__badge {
position: relative;
margin: -1.2rem 0 0 -1rem;
}
.avs .nui_titlebar .nui_logo {
width: auto;
height: calc(var(--titlebar-height) - 1px);
line-height: calc(var(--titlebar-height) - 1px);
float: left;
display: flex;
text-decoration: none;
text-align: left;
padding-left: 1.5rem;
padding-right: 1.5rem;
color: var(--on-surface);
white-space: nowrap;
}
.avs .nui_titlebar .nui_logo__label {
margin-left: 5px;
}
.avs .nui_titlebar .nui_logo__beta {
background-color: var(--color-avast);
color: #fff;
border-radius: 10px;
padding: 3px 7px 1px;
margin: 0px 5px;
font-size: 0.7em;
}
.avs .nui_account {
margin: 10px 10px 0 0;
float: right;
}
.avs .nui_account__item {
line-height: var(--titlebar-user-height);
font-size: var(--ds-body-2-font-size);
color: var(--ds-on-background-secondary);
text-decoration: none;
border: 0;
background: rgba(255,255,255,0.5);
padding: 0 calc(var(--titlebar-user-height) / 2);
border-radius: calc(var(--titlebar-user-height) / 2);
text-align: center;
cursor: pointer;
vertical-align: middle;
}
.avs .nui_account__item:hover {
background-color: var(--ds-on-background-light);
color: #fff;
}
.avs .nui_account__notifications {
height: var(--titlebar-user-height);
width: var(--titlebar-user-height);
padding: 0;
}
.avs .nui_account__notifications__icon {
font-size: 1.2em;
}
.avs .nui_help {
background: #fff;
box-shadow: var(--shadow-stack);
}
.platform--darwin .avs .nui_titlebar {
text-align: center;
}
.platform--darwin .avs .nui_titlebar .nui_logo {
cursor: default;
position: absolute;
left: var(--navbar-width);
right: 0;
justify-content: center;
}
.platform--darwin .avs .nui_titlebar .nui_logo * {
cursor: default;
}
.platform--darwin .avs .nui_titlebar .nui_logo:hover {
background-color: transparent;
}
.platform--darwin .avs .nui_titlebar.-toaster,
.platform--darwin .avs .nui_titlebar.-dialog {
padding-left: 0;
}
.platform--darwin .avs .nui_titlebar.-toaster .nui_logo,
.platform--darwin .avs .nui_titlebar.-dialog .nui_logo {
left: 0;
}
.platform--darwin .avs .nui_standalone .nui_titlebar .nui_logo {
left: 0;
}
.platform--darwin .avs .nui_controls__item.-win {
display: none;
}
.avs .tabbed .nui_titlebar .nui_controls__item:focus {
box-shadow: inset inset 0 0 0 1px var(--app-bg-simple), inset 0 0 0 2px var(--color-focus);
}
.avs[dir=rtl] .nui_titlebar {
padding-right: 0;
}
.avs[dir=rtl] .nui_titlebar .nui_controls {
right: auto;
left: 0;
}
.avs[dir=rtl] .nui_titlebar .nui_controls__item {
float: right;
}
.avs[dir=rtl] .nui_titlebar .nui_controls__badge {
margin: -1.2rem -1rem 0 0;
}
.avs[dir=rtl] .nui_titlebar .nui_drop__holder {
float: right;
}
.avs[dir=rtl] .nui_titlebar .nui_logo {
float: right;
}
.avs[dir=rtl] .nui_titlebar .nui_logo__label {
margin-right: 5px;
margin-left: 0;
}
.platform--darwin .avs[dir=rtl] .nui_titlebar {
padding-right: var(--navbar-width);
padding-left: 0;
}
.platform--darwin .avs[dir=rtl] .nui_titlebar .nui_logo {
right: var(--navbar-width);
left: 0;
}
.platform--darwin .avs[dir=rtl] .nui_titlebar.-dialog {
padding-left: auto;
padding-right: 0;
}
.platform--darwin .avs[dir=rtl] .nui_titlebar.-dialog .nui_logo {
left: auto;
right: 0;
}
.platform--darwin .avs[dir=rtl] .nui_standalone .nui_titlebar .nui_logo {
left: auto;
right: 0;
}
.avs .nui_menu {
background-color: var(--navbar-bg);
display: flex;
flex-flow: column nowrap;
align-items: stretch;
justify-content: space-between;
border-right: solid 1px var(--navbar-border);
transition: left 0.2s linear;
}
.avs .nui_menu.-smartscreen {
left: calc(var(--navbar-width-visible) * -1);
visibility: hidden;
}
.avs .nui_menu:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--navbar-bg);
z-index: 4;
pointer-events: none;
}
.avs .nui_menu__parentals,
.avs .nui_menu__title {
display: none;
}
.avs .nui_menu__tooltip {
width: 20rem;
}
.avs .nui_menu__skip {
position: fixed;
height: calc(var(--titlebar-height) - 1rem);
margin: 0.5rem;
padding: 0 1.5rem;
top: 0;
overflow: hidden;
font-size: var(--ds-body-2-font-size);
transform: scale(0.0001);
transition: transform 0.2s;
border-radius: var(--button-radius);
}
.avs .nui_menu__skip:focus {
transform: scale(1);
z-index: 999999;
background-color: var(--ds-accent);
color: var(--ds-on-accent);
}
.avs .nui_menu__icon {
margin: 0 auto 10px;
display: block;
opacity: 0.5;
transition: transform 0.1s, opacity 0.1s;
}
.avs .nui_menu__item {
border: 0;
height: 11rem;
max-height: 17vh;
border-bottom: 1px solid var(--navbar-border);
display: block;
width: calc(var(--navbar-width-visible) - 1px);
padding: 0 0.5rem;
background: transparent;
line-height: 1.1;
position: relative;
z-index: 5;
text-align: center;
text-decoration: none;
color: var(--navbar-color);
font-size: 1.3rem;
cursor: pointer;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.avs .nui_menu__item:hover {
background-color: var(--navbar-hover);
}
.avs .nui_menu__item:hover .nui_menu__icon {
transform: scale(1.3);
opacity: 1;
}
.avs .nui_menu__item.-red.-is-current,
.avs .nui_menu__item.-service_unreachable.-is-current,
.avs .nui_menu__item.-red.-is-focused,
.avs .nui_menu__item.-service_unreachable.-is-focused {
background-color: var(--ds-critical);
color: var(--ds-on-critical);
}
.avs .nui_menu__item.-yellow.-is-current,
.avs .nui_menu__item.-yellow.-is-focused {
background-color: var(--ds-attention);
color: var(--ds-on-attention);
}
.avs .nui_menu__item.-debug {
height: 5rem;
min-height: 0;
}
.avs .nui_menu__item.-debug .nui_menu__icon {
display: none;
}
.avs .nui_menu__item.-upgrade,
.avs .nui_menu__item.-upgrade:hover {
background-color: var(--navbar-bg);
border: 0;
padding: 0;
cursor: default;
min-height: 60px;
height: 60px;
}
.avs .nui_menu__item.-small {
border: 0;
min-height: 5rem;
height: auto;
display: flex;
flex-flow: row;
padding-left: 0.5rem;
padding-right: 0.5rem;
justify-content: center;
align-items: center;
text-align: start;
}
.avs .nui_menu__item.-small .nui_menu__icon {
position: static;
margin: 0 5px 0 0;
flex-shrink: 0;
opacity: 1;
}
.avs .nui_menu__item.-is-current,
.avs .nui_menu__item.-is-focused {
background-color: var(--ds-on-background-extra-light);
}
.avs .nui_menu__item.-is-current .nui_menu__icon,
.avs .nui_menu__item.-is-focused .nui_menu__icon {
opacity: 1;
}
.avs .nui_menu__item.-dashboard .nui_menu__icon,
.avs .nui_menu__item.-smartscan .nui_menu__icon {
opacity: 1;
}
.avs .nui_menu #menu-computer-submenu {
height: auto !important;
}
.avs .nui_menu__item.-yellow .nui_menu__progress,
.avs .nui_menu__item.-red .nui_menu__progress,
.avs .nui_menu__item.-service_unreachable .nui_menu__progress {
background-color: var(--ds-on-main-light);
}
.avs .nui_menu__expiration,
.avs .nui_menu__locked,
.avs .nui_menu__new {
position: absolute;
right: 0.8rem;
top: 0.8rem;
}
.avs .nui_menu__new {
right: auto;
left: 0.8rem;
}
.avs .nui_menu__expiration .kin_dropdown.-tooltip {
max-width: 34rem;
min-width: 25rem;
}
.avs .nui_submenu {
position: fixed;
top: var(--titlebar-height);
right: 8.6rem;
bottom: 0;
left: calc(var(--navbar-width-visible) - 1px);
overflow: auto;
border-left: solid 1px var(--navbar-border);
border-right: solid 1px var(--navbar-border);
background-color: var(--ds-surface);
}
.avs .nui_submenu__holder {
display: flex;
flex-flow: row;
flex-wrap: wrap;
align-content: flex-start;
padding: 9.8rem calc(var(--page-padding) - 1.2rem) 0;
min-height: 100%;
}
.avs .nui_submenu__title {
top: 6.4rem;
top: 5rem;
margin: 0 1.2rem;
position: absolute;
z-index: 2;
}
.avs .nui_submenu__title span {
display: none;
font-weight: normal;
}
.avs .nui_submenu__subtitle {
width: 100%;
padding: 2.4rem 1.2rem 0.2rem;
display: flex;
flex-direction: column-reverse;
z-index: 2;
}
.avs .nui_submenu__item {
text-decoration: none;
display: inline-flex;
flex-flow: column;
align-items: center;
align-content: flex-start;
padding: 4rem 1rem 1rem;
height: 15.2rem;
width: 15.2rem;
cursor: pointer;
position: relative;
background-color: var(--ds-on-background-extra-light);
color: var(--ds-on-background);
position: relative;
border-radius: var(--cube-radius);
box-shadow: var(--ds-shadow-tile);
}
.avs .nui_submenu__item__wrap {
position: relative;
margin: 1.2rem;
}
.avs .nui_submenu__item__wrap.-standalone {
margin: 0.6rem;
}
.avs .nui_submenu__item.-standalone {
background-color: transparent;
box-shadow: none;
width: auto;
max-width: 23rem;
height: 8rem;
text-align: start;
display: inline-flex;
flex-flow: column;
align-items: flex-start;
justify-content: center;
padding: 1.6rem 1.2rem 1.6rem 7.2rem;
}
.avs .nui_submenu__item.-standalone .nui_menu__icon {
position: absolute;
top: 50%;
left: 1.2rem;
margin: 0;
font-size: 4.8rem;
transform: translateY(-50%);
}
.avs .nui_submenu__item.-standalone .nui_submenu__label {
position: static;
height: auto;
}
.avs .nui_submenu__item.-standalone .nui_submenu__link {
display: block;
color: var(--ds-on-background-secondary);
text-transform: lowercase;
}
.avs .nui_submenu__item.-standalone .nui_submenu__link:first-letter {
text-transform: uppercase;
}
.avs .nui_submenu__item:hover,
.avs .nui_submenu__item:focus {
background-color: var(--ds-on-surface-extra-light);
box-shadow: var(--ds-shadow-tile-hover);
transform: scale(1.03);
}
.avs .nui_submenu__item:hover::before,
.avs .nui_submenu__item:focus::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--cube-radius);
background-color: var(--ds-on-surface-extra-light);
}
.avs .nui_submenu__item .nui_menu__icon {
position: static;
opacity: 1;
}
.avs .nui_submenu__item .nui_menu__icon.-locked {
color: var(--ds-on-background-disabled);
}
.avs .nui_submenu__item .nui_menu__subicon {
position: absolute;
left: 9rem;
top: 2.5rem;
color: var(--ds-premium);
}
.avs .nui_submenu__caption {
display: none;
font-size: var(--font-size-small);
}
.avs .nui_submenu__label {
display: block;
font-weight: 700;
margin-bottom: 0;
height: 2.5rem;
overflow: visible;
line-height: 1.2;
}
.avs.tabbed .nui_menu__item:focus,
.avs.tabbed .nui_submenu__item:focus {
box-shadow: inset 0 0 0 1px var(--app-bg-simple), inset 0 0 0 2px var(--color-focus);
}
.avs [slot="page-content"] .nui_submenu__holder {
top: calc(var(--header-height) * -1);
bottom: 0;
position: absolute;
height: auto;
}
.avs[dir=rtl] .nui_menu {
border-left: solid 1px var(--navbar-border);
border-right: 0;
transition: right 0.2s linear;
}
.avs[dir=rtl] .nui_menu.-smartscreen {
right: calc(var(--navbar-width-visible) * -1);
left: auto;
}
.avs[dir=rtl] .nui_menu__item.-small .nui_menu__icon {
margin: 0 0 0 5px;
}
.avs[dir=rtl] .nui_menu__progress {
right: 0;
left: auto;
}
.avs[dir=rtl] .nui_menu__spinner {
left: 5px;
right: auto;
}
.avs[dir=rtl] .nui_menu__expiration,
.avs[dir=rtl] .nui_menu__locked,
.avs[dir=rtl] .nui_menu__new {
left: 0.8rem;
right: auto;
}
.avs[dir=rtl] .nui_menu__new {
left: auto;
right: 0.8rem;
}
.avs[dir=rtl] .nui_submenu {
right: calc(var(--navbar-width-visible) - 1px);
left: 8.6rem;
}
.avs[dir=rtl] .nui_submenu::before {
right: var(--navbar-width-visible);
left: 8.6rem;
}
.avs[dir=rtl] .nui_submenu__item.-standalone {
padding: 1.6rem 7.2rem 1.6rem 1.2rem;
}
.avs[dir=rtl] .nui_submenu__item.-standalone .nui_menu__icon {
position: absolute;
right: 1.2rem;
left: auto;
}
.avs[dir=rtl] .nui_submenu__item.-standalone .nui_menu__subicon {
left: inherit;
right: 3.5rem;
}
.avs .nui_main.-smartscreen {
left: 0;
right: 0;
}
.avs .nui_icon-page {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.avs .nui_icon-page__icon {
font-size: 100px;
position: relative;
}
.avs .nui_icon-page__content {
padding: 3vh 0;
}
.avs .nui_upsell-page {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.avs .nui_upsell-page__icon {
font-size: 221px;
margin-bottom: 5vh;
}
.avs .nui_upsell-page__content h3 {
margin: 35px 0 10px;
}
.avs .nui_upsell-page__cta {
margin: 25px 0 10px;
}
.avs .nui_upsell-page__product-icon {
font-size: 160px;
}
.avs .nui_offline-icon {
font-size: 472px;
margin: -160px auto -80px;
}
.avs .kin_sticky {
position: sticky;
top: 0;
background: var(--table-header-bg);
background-attachment: fixed;
z-index: 1;
}
.avs .kin_sticky:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--table-header-bg-pseudo);
background-attachment: fixed;
opacity: 0.5;
pointer-events: none;
}
.avs [slot='controls'] {
padding: 0 1rem;
}
.avs [slot='controls']:empty {
padding: 0;
}
.avs [slot='controls'] > * {
margin: 0 0.2rem;
}
.avs .kin_back-btn {
display: var(--back-btn-vis);
}
.avs .kin_back-btn.-static {
position: fixed;
top: 6.4rem;
}
.avs .kin_more-btn {
position: absolute;
right: 0;
top: 0;
}
.avs .kin_description__text {
width: 70%;
margin: 0 var(--page-header-margin);
}
.avs .kin_description__text.-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.avs:not([lang^="en"]) .kin_description__text br,
.avs:not([lang^="en"]) .kin_description__text br:after {
display: inline;
content: ' ';
}
.avs [slot='cta'] {
position: relative;
margin-top: 2.3rem;
margin-bottom: 0.2rem;
z-index: 3;
}
.avs [slot='cta']:empty {
margin-top: 0;
}
.avs [slot='cta'] kin-button,
.avs [slot='cta'] .btn {
margin-right: 1rem;
flex-shrink: 0;
}
.avs [slot='cta'] kin-button:last-of-type,
.avs [slot='cta'] .btn:last-of-type {
margin-right: 0;
}
.avs [slot='cta'] .h2,
.avs [slot='cta'] .h3,
.avs [slot='cta'] .kin_cta__text {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
}
.avs .kin_cta__links {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
max-width: 40%;
text-align: end;
}
.avs .kin_cta__links > .a,
.avs .kin_cta__links > .btn {
margin-left: 1rem;
}
.avs .kin_view__icon {
font-size: 20rem;
width: 100%;
margin: 8vh auto;
text-align: center;
color: var(--ds-accent);
position: relative;
}
.avs .kin_page-content {
display: flex;
flex-direction: column;
}
.avs .kin_page-content.-result {
justify-content: space-between;
align-items: center;
height: 100%;
text-align: center;
padding: 29vh var(--page-padding) 4rem;
}
.avs .kin_page-content.-center {
justify-content: space-between;
align-items: center;
height: 100%;
text-align: center;
padding: 0 var(--page-padding) 4rem;
overflow: hidden;
overflow-y: auto;
}
.avs .kin_page-content.-scan {
height: 100%;
text-align: center;
width: 90%;
padding: 29vh var(--page-padding) 4rem;
margin: 0 auto;
}
.avs .kin_page-content.-scan-with-header {
height: 100%;
text-align: center;
width: 90%;
padding: 0 var(--page-padding) 4rem;
margin: 0 auto;
}
.avs .kin_upsell {
top: var(--header-height);
bottom: 0;
left: 0;
right: 0;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.avs .kin_upsell__icon {
font-size: 18rem;
margin-bottom: 2rem;
}
.avs .kin_upsell__cta {
margin-top: 1rem;
}
.avs .kin_scan {
margin-top: -29vh;
}
.avs .kin_scan__icon {
margin-bottom: 2.5rem;
}
.avs .kin_scan__icon.-ok {
border-color: var(--color-ok);
}
.avs .kin_scan__icon.-error {
border-color: var(--color-critical);
}
.avs .kin_scan__result {
margin-bottom: 8rem;
}
.avs .kin_scan__progress {
margin-top: 29vh;
margin-bottom: 1rem;
}
.avs .kin_scan__subtitle {
margin-top: 2rem;
text-align: center;
}
.avs .kin_scan__actions {
background: 0;
border: 0;
box-shadow: none;
position: absolute;
left: 0;
right: 0;
bottom: 4rem;
text-align: center;
}
.avs .kin_scan__list {
padding-top: 2rem;
}
.avs [slot='table-header'] {
color: var(--color-text-secondary);
font-size: var(--font-size-small);
position: sticky;
top: 0;
background: var(--table-header-bg);
background-attachment: fixed;
z-index: 2;
padding-top: 2.5rem;
}
.avs [slot='table-header'].-empty {
display: none;
}
.avs [slot='table-header']:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--table-header-bg-pseudo);
background-attachment: fixed;
opacity: 0.5;
pointer-events: none;
}
.avs [slot='table-header'],
.avs .kin_table__row {
display: grid;
}
.avs [slot='table-header']::after,
.avs .kin_table__row::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: solid 1px var(--table-border);
z-index: 1;
}
.avs [slot='table-header'] > div,
.avs .kin_table__row > div,
.avs [slot='table-header'] > button,
.avs .kin_table__row > button {
padding: 0.8rem 0.5rem;
justify-self: stretch;
align-self: center;
height: 100%;
text-align: start;
}
.avs [slot='table-header'] > div.kin_table__actions,
.avs .kin_table__row > div.kin_table__actions,
.avs [slot='table-header'] > button.kin_table__actions,
.avs .kin_table__row > button.kin_table__actions,
.avs [slot='table-header'] > div.kin_table__end,
.avs .kin_table__row > div.kin_table__end,
.avs [slot='table-header'] > button.kin_table__end,
.avs .kin_table__row > button.kin_table__end {
justify-content: flex-end;
text-align: end;
padding-top: 0;
padding-bottom: 0;
}
.avs [slot='table-header'] > div.kin_table__actions .btn,
.avs .kin_table__row > div.kin_table__actions .btn,
.avs [slot='table-header'] > button.kin_table__actions .btn,
.avs .kin_table__row > button.kin_table__actions .btn,
.avs [slot='table-header'] > div.kin_table__actions .kin_button,
.avs .kin_table__row > div.kin_table__actions .kin_button,
.avs [slot='table-header'] > button.kin_table__actions .kin_button,
.avs .kin_table__row > button.kin_table__actions .kin_button {
opacity: 0.01;
}
.avs [slot='table-header'] > div.kin_table__icon,
.avs .kin_table__row > div.kin_table__icon,
.avs [slot='table-header'] > button.kin_table__icon,
.avs .kin_table__row > button.kin_table__icon {
font-size: 2.4rem;
position: relative;
justify-content: center;
align-items: center;
padding: 0;
overflow: visible;
}
.avs [slot='table-header'] > div.kin_table__icon__badge,
.avs .kin_table__row > div.kin_table__icon__badge,
.avs [slot='table-header'] > button.kin_table__icon__badge,
.avs .kin_table__row > button.kin_table__icon__badge {
position: absolute;
top: 50%;
right: 50%;
margin: 1rem 0 0 1rem;
}
.avs [slot='table-header'] > div:enabled:hover,
.avs .kin_table__row > div:enabled:hover,
.avs [slot='table-header'] > button:enabled:hover,
.avs .kin_table__row > button:enabled:hover {
cursor: pointer;
background-color: var(--table-hover);
}
.avs [slot='table-header']:hover > div.kin_table__actions .btn,
.avs .kin_table__row:hover > div.kin_table__actions .btn,
.avs [slot='table-header']:hover > div.kin_table__actions .kin_button,
.avs .kin_table__row:hover > div.kin_table__actions .kin_button,
.avs [slot='table-header'] > div.kin_table__actions *:focus,
.avs .kin_table__row > div.kin_table__actions *:focus {
opacity: 1;
}
.avs [slot='table-header'] > input[type='checkbox'],
.avs .kin_table__row > input[type='checkbox'] {
margin: auto 1rem;
}
.avs [slot='table-header'] > input[type='checkbox']:disabled ~ .kin_table__actions > *,
.avs .kin_table__row > input[type='checkbox']:disabled ~ .kin_table__actions > *,
.avs [slot='table-header'] > input[type='checkbox']:checked ~ .kin_table__actions > *,
.avs .kin_table__row > input[type='checkbox']:checked ~ .kin_table__actions > * {
visibility: hidden;
}
.avs [slot='table-header'] > input[type='checkbox'] {
margin-top: 0.8rem;
}
.avs [slot='table-action-row'] {
overflow: hidden;
}
.avs .kin_table__row {
position: relative;
}
.avs .kin_table__row > div {
background-color: transparent;
transition: background-color 0.2s linear;
display: flex;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
word-break: break-word;
overflow: hidden;
}
.avs .kin_table__row.-clickable:hover,
.avs .kin_table__row.-hoverable:hover {
background-color: var(--table-hover);
}
.avs .kin_table__row.-clickable {
cursor: pointer;
}
.avs .kin_table__row.-disabled {
background-color: transparent;
color: var(--ds-on-background-disabled);
}
.avs .kin_table__row.-selected {
background-color: var(--table-selected);
}
.avs .kin_table__row > input[type='checkbox']:checked ~ div.kin_table__actions > * {
opacity: 0;
pointer-events: none;
}
.avs .kin_table__row.-details {
border-bottom: solid 1px var(--table-border);
margin: 0;
padding: 0;
}
.avs .kin_table__row.-details:hover > div {
background-color: transparent;
}
.avs .kin_table__row.-details:after {
display: none;
}
.avs .kin_table__row.-details > div {
font-size: var(--font-size-small);
padding-top: 0.6rem;
padding-bottom: 0.6rem;
border-bottom: 0;
}
.avs .kin_table__row.-title {
display: block;
padding-top: 2.5rem;
padding-bottom: 1rem;
}
.avs .kin_table__row.-title:after {
display: none;
}
.avs .kin_table__row.-button {
width: calc(100% + (var(--table-checkbox-size) * 2));
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
cursor: pointer;
}
.avs .kin_table__row.-button kin-icon {
width: 5%;
margin-right: 1rem;
}
.avs .kin_table__row.-button:hover {
background-color: var(--table-hover);
}
.avs .kin_table__row .kin_table__show-on-hover {
opacity: 0.01;
transition: 0.1s opacity;
}
.avs .kin_table__row:focus .kin_table__show-on-hover,
.avs .kin_table__row:hover .kin_table__show-on-hover {
opacity: 1;
}
.avs *:focus .kin_table__show-on-hover {
opacity: 1;
}
.avs .kin_heading {
position: sticky;
top: 0;
}
.avs .kin_actions {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: var(--action-bar-height);
padding: 1rem var(--page-padding);
background-color: var(--action-bar-background);
border-top: solid 1px var(--action-bar-border);
font-size: var(--action-bar-font);
}
.avs [slot="table-empty"] {
font-size: var(--font-size);
color: var(--color-text-secondary);
}
.avs .kin_table__empty__icon.-standalone {
font-size: 44rem;
margin: 12vh 0 6vh;
}
.avs [slot="view-actions"] {
height: 100%;
}
.avs .kin_actions,
.avs [slot="view-actions"] {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
}
.avs .kin_actions .kin_actions__left,
.avs [slot="view-actions"] .kin_actions__left,
.avs .kin_actions .kin_actions__right,
.avs [slot="view-actions"] .kin_actions__right {
width: 25%;
position: absolute;
}
.avs .kin_actions .kin_actions__left,
.avs [slot="view-actions"] .kin_actions__left {
left: var(--page-padding);
text-align: start;
}
.avs .kin_actions .kin_actions__right,
.avs [slot="view-actions"] .kin_actions__right {
text-align: end;
right: var(--page-padding);
}
.avs .kin_actions .kin_actions__texts,
.avs [slot="view-actions"] .kin_actions__texts {
margin: 0 1.5rem;
text-align: end;
}
.avs .kin_actions .kin_actions__texts div:first-child,
.avs [slot="view-actions"] .kin_actions__texts div:first-child {
font-weight: bold;
}
.avs .kin_actions .kin_actions__texts div:last-child,
.avs [slot="view-actions"] .kin_actions__texts div:last-child {
font-size: var(--font-size-small);
color: var(--color-text-secondary);
}
.avs .kin_actions .kin_actions__progress,
.avs [slot="view-actions"] .kin_actions__progress {
position: absolute;
top: 1px;
right: 0;
left: 0;
margin: 0;
height: 0.4rem;
}
.avs .kin_actions .kin_actions__progress > div:before,
.avs [slot="view-actions"] .kin_actions__progress > div:before {
display: none;
}
.avs .nui_standalone,
.avs .nui_main.-standalone,
.avs .nui_main.-smartscreen {
--navbar-width: 0rem;
--navbar-width-visible: 0rem;
}
.avs .nui_standalone {
--back-btn-vis: none;
}
.avs .nui_smartscan {
--page-padding: 6rem;
--table-checkbox-size: 3.2rem;
}
.avs [slot='view-actions'] .btn,
.avs [slot='view-actions'] kin-button {
margin: 0 0.3rem;
min-width: 12rem;
}
.avs [slot='view-actions'] .btn[icononly],
.avs [slot='view-actions'] kin-button[icononly],
.avs [slot='view-actions'] .btn.-icon-only,
.avs [slot='view-actions'] kin-button.-icon-only {
min-width: 0;
}
.avs [slot='table-actions'] {
position: fixed;
border-top: 1px solid var(--ds-on-background-light);
justify-content: flex-end;
z-index: 2;
}
.avs [slot='table-actions'].-center {
justify-content: center;
}
.avs kin-icon {
overflow: hidden;
display: inline-block;
vertical-align: middle;
line-height: 0.5;
}
.avs[dir=rtl] [slot='cta'] .btn {
margin-right: 0;
margin-left: 1rem;
}
.avs[dir=rtl] [slot='cta'] .btn:last-of-type {
margin-left: 0;
}
.avs[dir=rtl] [slot='cta'] .h2,
.avs[dir=rtl] [slot='cta'] .h3,
.avs[dir=rtl] [slot='cta'] .kin_cta__text {
margin-left: 1rem;
margin-right: 0;
}
.avs[dir=rtl] .kin_cta__links {
right: auto;
left: 0;
}
.avs[dir=rtl] .kin_cta__links > .a,
.avs[dir=rtl] .kin_cta__links > .btn {
margin-right: 1rem;
margin-left: 0;
}
.avs[dir=rtl] .kin_actions__left {
right: var(--page-padding);
left: auto;
}
.avs[dir=rtl] .kin_actions__right {
left: var(--page-padding);
right: auto;
}
.avs[dir=rtl] .kin_actions .kin_actions__progress,
.avs[dir=rtl] [slot='view-actions'] .kin_actions__progress {
transform: scaleX(-1);
}
.avs[dir=rtl] .kin_table__row > div[dir='ltr'] {
justify-content: flex-end;
}
.avs[dir=rtl] .kin_table__row.-button kin-icon {
margin-left: 1rem;
margin-right: 0;
}