body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:#000;color:#fff;font:600 1rem/1.3 Consolas,Andale Mono,monospace}.monitor{background:#edf0ed;background:linear-gradient(167deg,#edf0ed,#bac19f);height:100vh;padding:80px}@media only screen and (max-width:850px){.monitor{padding:80px 0}}.screen{background-color:#000;border-color:#767879 #fff #d3d3d3 #868c72;border-style:solid;border-width:5px;box-shadow:inset 0 0 3px #000;height:100%;overflow:hidden;position:relative}.content{background-color:#00f;display:block;height:100%;padding:30px;width:100%}.monitor:before{background-image:url(/static/media/panasync-logoremake.1214830a2f96d2731d5f.png);background-repeat:no-repeat;background-size:100%;content:" ";display:block;height:50px;position:absolute;top:30px;width:240px}.line{display:block;font-size:12px}a{color:#fff;text-decoration:underline}.content{background:#121010;overflow:hidden;position:relative}.content:after{animation:flicker .15s infinite;background:#1210101a;opacity:0}.content:after,.content:before{bottom:0;content:" ";display:block;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:2}.content:before{background:linear-gradient(#12101000 50%,#00000040 0),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%}.screen>.content.on{animation:turn-on 2s linear;animation-fill-mode:forwards}.screen>.content:not(.on){animation:turn-off 2s linear;animation-fill-mode:forwards}.overlay{animation:overlay-anim 3s linear;animation-fill-mode:forwards;color:lime;font-size:60px;left:20px;pointer-events:none;position:absolute;top:20px;visibility:hidden;z-index:999}@keyframes overlay-anim{0%{visibility:hidden}20%{visibility:hidden}21%{visibility:visible}to{visibility:hidden}}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}@keyframes turn-on{0%{filter:brightness(30);opacity:1;transform:scaleY(.8) translateZ(0)}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{opacity:1;transform:scaleY(.8) translate3d(0,-100%,0)}9%{filter:brightness(30);opacity:0;transform:scale(1.3,.6) translate3d(0,100%,0)}11%{filter:contrast(0) brightness(0);opacity:0;transform:scale(1) translateZ(0)}to{filter:contrast(1) brightness(1.2) saturate(1.3);opacity:1;transform:scale(1) translateZ(0)}}@keyframes turn-off{0%{filter:brightness(1);opacity:1;transform:scaleY(1.3) translateZ(0)}60%{filter:brightness(10);transform:scale(1.3,.001) translateZ(0)}to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);filter:brightness(50);transform:scale(0,.0001) translateZ(0)}}@keyframes textShadow{0%{text-shadow:.43899px 0 1px #001eff80,-.43899px 0 1px #ff00504d,0 0 3px}5%{text-shadow:2.7929px 0 1px #001eff80,-2.7929px 0 1px #ff00504d,0 0 3px}10%{text-shadow:.02956px 0 1px #001eff80,-.02956px 0 1px #ff00504d,0 0 3px}15%{text-shadow:.40219px 0 1px #001eff80,-.40219px 0 1px #ff00504d,0 0 3px}20%{text-shadow:3.4794px 0 1px #001eff80,-3.4794px 0 1px #ff00504d,0 0 3px}25%{text-shadow:1.61256px 0 1px #001eff80,-1.61256px 0 1px #ff00504d,0 0 3px}30%{text-shadow:.70156px 0 1px #001eff80,-.70156px 0 1px #ff00504d,0 0 3px}35%{text-shadow:3.89691px 0 1px #001eff80,-3.89691px 0 1px #ff00504d,0 0 3px}40%{text-shadow:3.87091px 0 1px #001eff80,-3.87091px 0 1px #ff00504d,0 0 3px}45%{text-shadow:2.23106px 0 1px #001eff80,-2.23106px 0 1px #ff00504d,0 0 3px}50%{text-shadow:.08084px 0 1px #001eff80,-.08084px 0 1px #ff00504d,0 0 3px}55%{text-shadow:2.37585px 0 1px #001eff80,-2.37585px 0 1px #ff00504d,0 0 3px}60%{text-shadow:2.20219px 0 1px #001eff80,-2.20219px 0 1px #ff00504d,0 0 3px}65%{text-shadow:2.86388px 0 1px #001eff80,-2.86388px 0 1px #ff00504d,0 0 3px}70%{text-shadow:.48874px 0 1px #001eff80,-.48874px 0 1px #ff00504d,0 0 3px}75%{text-shadow:1.89485px 0 1px #001eff80,-1.89485px 0 1px #ff00504d,0 0 3px}80%{text-shadow:.0833px 0 1px #001eff80,-.0833px 0 1px #ff00504d,0 0 3px}85%{text-shadow:.0977px 0 1px #001eff80,-.0977px 0 1px #ff00504d,0 0 3px}90%{text-shadow:3.44334px 0 1px #001eff80,-3.44334px 0 1px #ff00504d,0 0 3px}95%{text-shadow:2.18418px 0 1px #001eff80,-2.18418px 0 1px #ff00504d,0 0 3px}to{text-shadow:2.62088px 0 1px #001eff80,-2.62088px 0 1px #ff00504d,0 0 3px}}.wrapper{background-color:teal;box-shadow:0 0 5px #0009;left:0;min-height:100%;right:0;top:0}.bar,.wrapper{bottom:0;position:absolute;width:100%}.bar{align-items:center;background-color:silver;border-top:3px solid #fff;color:#000;display:flex;height:30px;z-index:5000}.start-button{align-items:center;background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:2px;height:25px;margin-left:2px;padding:0 4px;position:relative;width:70px}.start-button.pressed{border-color:#000 #fff #fff #000}.task-buttons{display:flex;flex:1 1;gap:3px;margin-left:6px;overflow:hidden}.task-button{align-items:center;background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;cursor:pointer;display:inline-flex;font:inherit;font-size:11px;gap:4px;height:22px;max-width:160px;min-width:120px;overflow:hidden;padding:0 4px}.task-button img{height:16px;width:16px}.task-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-button.active{background:#e0e0e0;border-color:#000 #fff #fff #000;font-weight:700}.time{align-items:center;border-color:#6d6e6b #fff #fff #6d6e6b;border-style:solid;border-width:2px;display:flex;height:24px;margin-right:3px;padding-left:4px;position:relative;width:90px}.time>span{font-size:.8em;margin-left:4px}.start-menu{background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;bottom:30px;color:#000;display:flex;left:2px;position:absolute;width:180px;z-index:6000}.start-banner{background:linear-gradient(navy,#1084d0);color:#fff;font-weight:700;padding:8px 4px;transform:rotate(180deg);width:24px;writing-mode:vertical-rl}.start-menu>ul{flex:1 1;list-style:none;margin:0;padding:2px 0}.start-menu li{cursor:pointer;padding:6px 12px;position:relative}.start-menu li:hover:not(.menu-separator){background:navy;color:#fff}.start-submenu{background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;color:#000;left:100%;list-style:none;margin:0;min-width:160px;padding:2px 0;position:absolute;top:0}.start-submenu li{padding:6px 12px}.start-submenu li:hover{background:navy;color:#fff}.desktop{color:#fff;font-size:.8em;height:100%}.icons{list-style-type:none;padding:0}.icons>li{cursor:pointer;display:inline-block;margin:10px;text-align:center;vertical-align:top;width:74px}.icons>li>img{display:none;height:35px;margin-bottom:3px;margin-left:auto;margin-right:auto;width:37px}.desktop-icon.selected span{background:navy;color:#fff}.container{background-color:#bfbfbf;border-color:#dbdbdb #535353 #535353 #dbdbdb;border-style:solid;border-width:2px;color:#000;display:flex;flex-direction:column;font-size:13px;min-height:180px;min-width:280px;padding:2px;position:absolute}.container.maximized{height:calc(100% - 30px)!important;left:0!important;top:0!important;width:100%!important}.container ul.toolbar{list-style:none;margin:0;padding:2px 0;position:relative}.container ul.toolbar li{cursor:default;display:inline-block;padding:1px 8px}.menu-bar-item{position:relative}.menu-bar-item.open{background:navy;color:#fff}.menu-dropdown{background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;color:#000;left:0;list-style:none;margin:0;min-width:200px;padding:2px 0;position:absolute;top:100%;z-index:50}.menu-command{display:flex;justify-content:space-between;padding:3px 18px;white-space:nowrap}.menu-command:hover:not(.disabled){background:navy;color:#fff}.menu-command.disabled{color:grey}.menu-shortcut{color:inherit;margin-left:24px}.menu-separator{border-bottom:1px solid #fff;border-top:1px solid grey;height:0;margin:3px 2px;padding:0!important}.container .container-inner{background-color:#fff;border-color:grey #c7c7c7 #c7c7c7 grey;border-style:solid;border-width:2px;flex:1 1;height:auto;min-height:0;overflow:auto;padding:10px}.container .container-inner a{background:#000;color:cyan;padding:3px 6px}.container .statusbar{display:flex}.container .statusbar .left,.container .statusbar .right{border-color:#888 #dadada #dadada #888;border-style:solid;border-width:1px;display:inline-block;font-size:13px;padding:0 5px}.container .statusbar .left{width:33%}.container .statusbar .right{padding-right:18px;width:67%}.resize-handle{background-color:initial;background-image:linear-gradient(135deg,#0000 55%,#fff 0,#fff 62%,grey 0,grey 70%,#0000 0),linear-gradient(135deg,#0000 70%,#fff 0,#fff 77%,grey 0,grey 85%,#0000 0),linear-gradient(135deg,#0000 85%,#fff 0,#fff 92%,grey 0,grey);border:0;bottom:1px;cursor:nwse-resize;height:16px;padding:0;position:absolute;right:1px;width:16px;z-index:4}.title{background-color:grey;cursor:grab;padding:2px 4px 3px;position:relative}.title.active{background-color:navy}.title h1{align-items:center;color:#bcbcbc;display:flex;font-size:13px;font-weight:700;gap:4px;margin:0;padding-right:52px}.title.active h1{color:#fff}.title-icon{height:16px;width:16px}.title button{background-color:#bfbfbf;border-color:#a6a6a6 #444 #444 #a6a6a6;border-style:solid;border-width:2px;cursor:pointer;font-size:9px;height:15px;line-height:1;padding:0;position:absolute;top:2px;width:15px}.title button.minimize{right:34px}.title button.expand{right:18px}.title button.times{right:2px}.explorer-toolbar,.ie-buttons,.ie-toolbar,.wordpad-format{align-items:center;display:flex;flex-wrap:wrap;gap:4px;padding:3px 4px}.dialog-actions button,.explorer-toolbar button,.ie-address button,.ie-buttons button,.ie-home button,.wordpad-format button{background:silver;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;cursor:pointer;font:inherit;padding:2px 8px}.wordpad-format button{font-weight:700;min-width:24px}.explorer-path{background:#fff;border:2px inset #fff;flex:1 1;padding:2px 6px}.dialog-inner,.explorer-inner,.ie-inner,.inbox-inner{padding:4px!important}.explorer-icons{align-content:flex-start;display:flex;flex-wrap:wrap;gap:16px 12px;list-style:none;margin:0;padding:8px}.explorer-icons li{cursor:pointer;overflow:hidden;text-align:center;width:110px}.explorer-icons li span{display:block;line-height:1.2;margin-top:4px;overflow-wrap:anywhere;width:100%;word-break:break-word}.explorer-icons.small li{align-items:center;display:flex;gap:6px;overflow:hidden;text-align:left;width:160px}.explorer-icons.small li span{margin-top:0;text-align:left}.explorer-icons li.selected,.explorer-table tr.selected,.inbox-folders li.selected,.inbox-list tr.selected{background:navy;color:#fff}.explorer-empty{color:#444;padding:24px}.explorer-table,.inbox-list{border-collapse:collapse;width:100%}.explorer-table td,.explorer-table th,.inbox-list td,.inbox-list th{border-bottom:1px solid #ddd;padding:4px 8px;text-align:left}.explorer-row-name,.ie-address{align-items:center;display:flex;gap:6px}.ie-address{width:100%}.compose-inner textarea,.dialog-inner input,.ie-address input{border:2px inset #fff;flex:1 1;font:inherit;padding:2px 4px}.ie-home{background:#fff;padding:16px}.ie-home ul{margin:12px 0 0 18px}.ie-home li{margin:8px 0}.ie-frame-wrap{display:flex;flex-direction:column;height:100%}.ie-frame{background:#fff;border:0;flex:1 1;min-height:280px;width:100%}.ie-fallback{font-size:12px;margin-top:6px}.inbox-layout{display:flex;height:100%;min-height:300px}.inbox-folders{border-right:2px inset #fff;list-style:none;margin:0;padding:8px 0;width:140px}.inbox-folders li{cursor:pointer;padding:4px 10px}.inbox-main{display:flex;flex:1 1;flex-direction:column}.inbox-list tr.unread{font-weight:700}.inbox-preview{border-top:2px inset #fff;flex:1 1;overflow:auto;padding:8px}.inbox-preview pre{font:inherit;margin-top:8px;white-space:pre-wrap}.dialog-inner label,.dialog-inner p{display:block;margin-bottom:8px}.dialog-body{white-space:pre-wrap}.dialog-error{color:maroon}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.compose-inner label{align-items:center;display:flex;gap:8px}.compose-inner textarea{margin-top:8px;width:100%}.wordpad-page{min-height:100%;outline:none}.wordpad-page.read-only{cursor:default;-webkit-user-select:text;user-select:text}.wordpad-format button:disabled{color:grey;cursor:default}.wordpad-page p{margin-bottom:20px}.wordpad-page table{border-collapse:initial;border-spacing:2px;width:100%}.wordpad-page table td{padding:10px 15px;vertical-align:top}.safe-to-off{align-items:center;background:#000;color:silver;cursor:pointer;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;height:100%;justify-content:center}.safe-hint{color:grey;font-size:12px;margin-top:16px}@media only screen and (max-width:850px){.bar,.wrapper{width:100%}.container:not(.maximized){left:4%!important;width:92%!important}}