vaadin-connection-indicator .v-loading-indicator{position:fixed;inset:0;width:100%;height:100%;z-index:10000;pointer-events:all;cursor:progress;background:#11141c52;backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);opacity:1;visibility:visible;transition:opacity .12s ease .15s,visibility 0s}vaadin-connection-indicator .v-loading-indicator[style*="display: none"],vaadin-connection-indicator .v-loading-indicator[style*="display:none"]{display:block!important;pointer-events:none!important;opacity:0!important;visibility:hidden;transition:opacity .25s ease .15s,visibility 0s linear .4s}vaadin-connection-indicator[offline] .v-loading-indicator,vaadin-connection-indicator[reconnecting] .v-loading-indicator{display:none!important}vaadin-connection-indicator .vision-loading-brand{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:260px;padding:36px 44px 30px;background:color-mix(in srgb,var(--lumo-base-color) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--lumo-contrast-10pct);border-radius:20px;box-shadow:0 32px 80px #090e1859,0 4px 16px #090e181f,inset 0 3px 0 var(--vision-env-color, var(--lumo-error-color));opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .3s cubic-bezier(.2,.9,.3,1.15) .3s,transform .3s cubic-bezier(.2,.9,.3,1.15) .3s}vaadin-connection-indicator .v-loading-indicator[style*="display: none"] .vision-loading-brand,vaadin-connection-indicator .v-loading-indicator[style*="display:none"] .vision-loading-brand{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.96);transition:opacity .2s ease .15s,transform .2s ease .15s}vaadin-connection-indicator .vision-loading-brand .logo{width:168px;height:48px;background:#fff url(./vision-logo-ClmZoNTO.png) center / contain no-repeat;border-radius:8px}vaadin-connection-indicator .vision-loading-brand .title{font-family:var(--lumo-font-family, sans-serif);font-size:17px;font-weight:600;letter-spacing:.01em;color:var(--lumo-header-text-color);margin-top:-6px}vaadin-connection-indicator .vision-loading-brand .spinner{width:44px;height:44px;border-radius:50%;background:conic-gradient(from .25turn,transparent 0deg 40deg,var(--vision-env-color, var(--lumo-error-color)) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:vision-loading-spin .9s linear infinite}vaadin-connection-indicator .vision-loading-brand .msg{font-family:var(--lumo-font-family, sans-serif);font-size:13px;font-weight:500;color:var(--lumo-secondary-text-color);margin-top:-6px}vaadin-connection-indicator .vision-loading-brand .env{font-family:var(--lumo-font-family, sans-serif);font-size:12px;font-weight:700;letter-spacing:.09em;line-height:1.7;color:#fff;background:var(--vision-env-color, var(--lumo-error-color));border-radius:999px;padding:2px 16px;box-shadow:0 2px 8px #090e182e}.vision-hover-lift,.vision-hover-lift-sm{transition:transform .1s,box-shadow .1s}.vision-hover-lift:hover{transform:translateY(-4px)!important;box-shadow:var(--lumo-box-shadow-m)!important}.vision-hover-lift-sm:hover{transform:translateY(-2px)!important;box-shadow:var(--lumo-box-shadow-s)!important}@keyframes vision-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){vaadin-connection-indicator .v-loading-indicator,vaadin-connection-indicator .vision-loading-brand{transition-duration:1ms!important}vaadin-connection-indicator .vision-loading-brand{transform:translate(-50%,-50%)!important}vaadin-connection-indicator .vision-loading-brand .spinner{animation-duration:2s}}vaadin-connection-indicator .v-status-message{position:fixed;z-index:251;left:0;right:auto;top:0;opacity:0;width:100%;max-height:var(--status-height-collapsed, 8px);overflow:hidden;background-color:var(--status-bg-color-online, var(--lumo-primary-color, blue));color:var(--status-text-color-online, var(--lumo-primary-contrast-color, #fff));font-size:.75rem;font-weight:600;line-height:1;transition:all .5s;padding:0 .5em}vaadin-connection-indicator[offline] .v-status-message,vaadin-connection-indicator[reconnecting] .v-status-message{opacity:1;background-color:var(--status-bg-color-offline, var(--lumo-shade, #333));color:var(--status-text-color-offline, var(--lumo-primary-contrast-color, #fff));background-image:repeating-linear-gradient(45deg,#fff0,#fff0 10px,#ffffff1a 10px 20px)}vaadin-connection-indicator[offline] .v-status-message:hover,vaadin-connection-indicator[reconnecting] .v-status-message:hover,vaadin-connection-indicator[expanded] .v-status-message{max-height:var(--status-height, 1.75rem)}vaadin-connection-indicator[expanded] .v-status-message{opacity:1}vaadin-connection-indicator .v-status-message span{display:flex;align-items:center;justify-content:center;height:var(--status-height, 1.75rem)}vaadin-connection-indicator[reconnecting] .v-status-message span:before{content:"";width:1em;height:1em;border-top:2px solid var(--status-spinner-color, var(--lumo-primary-color, blue));border-left:2px solid var(--status-spinner-color, var(--lumo-primary-color, blue));border-right:2px solid transparent;border-bottom:2px solid transparent;border-radius:50%;box-sizing:border-box;animation:vision-loading-spin .4s linear infinite;margin:0 .5em}.vision-theme-toggle vaadin-icon{display:none}html:not([data-vision-theme-mode]) .vision-theme-toggle .vision-theme-icon-system,html[data-vision-theme-mode=system] .vision-theme-toggle .vision-theme-icon-system,html[data-vision-theme-mode=light] .vision-theme-toggle .vision-theme-icon-light,html[data-vision-theme-mode=dark] .vision-theme-toggle .vision-theme-icon-dark{display:inline-block}vaadin-grid::part(vision-datetime-cell){white-space:nowrap;font-variant-numeric:tabular-nums}vaadin-grid::part(vision-nowrap-cell){white-space:nowrap;overflow:hidden}