body#top.companion{background:#4e4e4e;background-image:url(/content/assets/companion-watch-band.png);background-position:center calc(50% - 5px);background-repeat:no-repeat;background-size:auto !important;padding:0px;margin:0px}body#top.companion p,body#top.companion h1,body#top.companion h2,body#top.companion h3,body#top.companion h4,body#top.companion h5{color:#fff;font-weight:400}body#top.companion .md-button,body#top.companion md-icon{color:#333}body#top.companion .mobile-viewport{display:none;background:#fff;border:solid 3px #555;width:640px;height:920px;z-index:9999;border-radius:30px;overflow:hidden;background-image:url("/content/companion_assets/background_mobile.jpg")}body#top.companion .mobile-viewport .mobile-viewport-container{position:absolute;top:0px;left:0px;transition:.25s}body#top.companion .mobile-viewport .mobile-viewport-container.need-pairing{left:0px}body#top.companion .mobile-viewport .mobile-viewport-container.paired{left:-640px}body#top.companion .mobile-viewport .mobile-screen{color:#333;position:absolute;width:640px;height:920px}body#top.companion .mobile-viewport .mobile-screen h2,body#top.companion .mobile-viewport .mobile-screen h3,body#top.companion .mobile-viewport .mobile-screen h4,body#top.companion .mobile-viewport .mobile-screen h5,body#top.companion .mobile-viewport .mobile-screen p{color:#333;text-align:center}body#top.companion .mobile-viewport .mobile-screen h3{margin:15px 0 10px}body#top.companion .mobile-viewport .mobile-screen md-input-container{text-align:center}body#top.companion .mobile-viewport .mobile-screen md-input-container.md-input-has-value label,body#top.companion .mobile-viewport .mobile-screen md-input-container.md-input-focused label{transform:translateY(0px)}body#top.companion .mobile-viewport .mobile-screen md-input-container label{width:100%}body#top.companion .mobile-viewport .mobile-screen md-input-container input{padding:5px 10px;height:50px;line-height:25px;text-align:center}body#top.companion .mobile-viewport .mobile-screen md-input-container:last-child label{font-size:35px;width:100%}body#top.companion .mobile-viewport .mobile-screen md-input-container:last-child input{font-size:35px}body#top.companion .mobile-viewport .mobile-screen md-input-container:last-child.md-input-has-value label,body#top.companion .mobile-viewport .mobile-screen md-input-container:last-child.md-input-focused label{font-size:25px}body#top.companion .mobile-viewport .mobile-screen#pairing-screen{top:0px;left:0px}body#top.companion .mobile-viewport .mobile-screen#pairing-screen .logo{margin:30px 0px}body#top.companion .mobile-viewport .mobile-screen#pairing-screen .logo .nexus-logo{display:grid;place-items:center;height:80px}body#top.companion .mobile-viewport .mobile-screen#pairing-screen .logo svg{width:100%;height:100%}body#top.companion .mobile-viewport .mobile-screen#pairing-screen .pair-error{color:#dc4c3f;text-align:center;margin-bottom:20px}body#top.companion .mobile-viewport .mobile-screen#pairing-screen .offline-error{color:#dc4c3f;text-align:center;margin-bottom:20px}body#top.companion .mobile-viewport .mobile-screen#pairing-screen .offline-error h2{color:inherit}body#top.companion .mobile-viewport .mobile-screen#paired-screen{top:0px;left:640px}body#top.companion .mobile-viewport .mobile-screen#paired-screen .companion-item{width:150px;height:150px;margin:5px;text-align:center;border:dashed 2px #fcfcfc;display:flex;flex-direction:column;justify-content:center;align-items:center}body#top.companion .mobile-viewport .mobile-screen#paired-screen .companion-item label{font-size:20px}body#top.companion .mobile-viewport .mobile-screen#paired-screen .companion-item .far{display:block}body#top.companion .centered,body#top.companion .viewport .grid .grid-item#home .placeholder,body#top.companion .viewport,body#top.companion nav.primary{top:50%;left:50%;transform:translate(-50%, -50%);position:absolute}body#top.companion nav.primary{display:block;position:absolute;width:612px;height:640px;z-index:99}body#top.companion nav.primary button{position:absolute;pointer-events:auto;width:75px;height:75px;color:#fff}body#top.companion nav.primary button md-icon{color:#c59c7b;width:75px;height:75px;font-size:60px}body#top.companion nav.primary button i{position:absolute;top:calc(50% + 12px);left:calc(50% + 8px);transform:translate(-50%, -50%)}body#top.companion nav.primary button:nth-child(1){left:50%;top:0px;transform:translateX(-50%)}body#top.companion nav.primary button:nth-child(2){right:0px;top:50%;transform:translateY(-50%)}body#top.companion nav.primary button:nth-child(3){left:50%;bottom:0px;transform:translateX(-50%)}body#top.companion nav.primary button:nth-child(4){left:0%;top:50%;transform:translateY(-50%)}body#top.companion nav.secondary{position:absolute;display:block;bottom:auto;right:auto;top:0px;left:50%;transform:translateX(-50%)}body#top.companion nav.secondary button.md-icon-button{pointer-events:auto;background-color:#fff;border-radius:0 0 5px 5px;box-shadow:rgba(0,0,0,.75) 0 0 10px}body#top.companion nav.secondary button.md-icon-button:hover{background-color:#fff}body#top.companion .sim-nav{position:absolute;padding:50px 20px 0 20px;background:rgba(0,0,0,.75);top:0px;left:0px;height:100%;transition:.25s;transform:translateX(-100%)}body#top.companion .sim-nav.visible{transform:translateX(0)}body#top.companion .sim-nav .separator{border-bottom:solid 1px #fc0;margin:30px 0px}body#top.companion .sim-nav button.md-accent{color:#fff}body#top.companion .md-dialog-content>*{color:#333}body#top.companion .nav-toggle-button{position:fixed;top:10px;left:10px;z-index:999}body#top.companion .nav-toggle-button md-icon{color:#fff}body#top.companion .viewport{display:none;background:#000;border-radius:20px;position:fixed;width:312px;height:390px;color:#fff;overflow:hidden;font-family:"Work Sans"}body#top.companion .viewport .load-spinner{position:absolute;transition:.25s;top:-100px;left:50%;transform:translate(-50%, -50%);z-index:999}body#top.companion .viewport.reloading .load-spinner{top:50%}body#top.companion .viewport .header{position:fixed;top:0px;left:0px;width:100%;font-size:20px;padding:8px 15px;background:rgba(0,0,0,.8);z-index:99;--text-color: #fff}body#top.companion .viewport .header .app-name{opacity:.5}body#top.companion .viewport .grid{--text-color: #fff;transition:.25s;position:absolute}body#top.companion .viewport .grid .grid-item{width:312px;height:390px;position:absolute;padding:40px 0 10px 0;overflow-y:auto}body#top.companion .viewport .grid .grid-item::-webkit-scrollbar{height:10px;width:5px;border-radius:4px;background:rgba(0,0,0,0);transition:.5s}body#top.companion .viewport .grid .grid-item::-webkit-scrollbar:hover{background:rgba(0,0,0,.2)}body#top.companion .viewport .grid .grid-item::-webkit-scrollbar-thumb{background:rgba(255,255,255,0);border-radius:4px;transition:1s}body#top.companion .viewport .grid .grid-item:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:4px}body#top.companion .viewport .grid .grid-item#loading{top:-390px;left:-312px}body#top.companion .viewport .grid .grid-item#home{top:0px;left:0px}body#top.companion .viewport .grid .grid-item#home .placeholder{font-size:1.25rem;position:absolute;white-space:nowrap;margin:0px}body#top.companion .viewport .grid .grid-item#home .notification-list{display:grid;grid-template-columns:1fr;grid-gap:5px;place-items:start stretch}@keyframes blinker{from{opacity:1}to{opacity:0}}body#top.companion .viewport .grid .grid-item#timer{top:0px;left:-312px;padding:0px}body#top.companion .viewport .grid .grid-item#timer .laps{position:absolute;left:0px;top:50%;width:100%;display:flex;justify-content:space-around}body#top.companion .viewport .grid .grid-item#timer .laps .count:before{content:"lap count: "}body#top.companion .viewport .grid .grid-item#timer .laps .last:before{content:"last: "}body#top.companion .viewport .grid .grid-item#timer time{text-align:center;font-size:80px;display:block;margin:80px 0px;transition:.25s;color:#777}body#top.companion .viewport .grid .grid-item#timer time.state-start{color:#fff}body#top.companion .viewport .grid .grid-item#timer time.state-pause{color:#076dd2;animation-name:blinker;animation-duration:.75s;animation-iteration-count:infinite;animation-direction:alternate}body#top.companion .viewport .grid .grid-item#timer time.state-stop{color:#eb740c}body#top.companion .viewport .grid .grid-item#timer button.md-button{color:#fff;font-size:55px;width:67px;height:67px;padding:0px;transition:.5s}body#top.companion .viewport .grid .grid-item#timer button.md-button md-icon{color:inherit;font-size:inherit;min-width:55px;min-height:55px}body#top.companion .viewport .grid .grid-item#timer button.md-button[disabled]{opacity:.5}body#top.companion .viewport .grid .grid-item#timer button.md-button:nth-child(1){color:#eb740c;border-style:solid solid solid none;border-width:5px;border-color:currentColor;border-radius:0 100px 100px 0;margin-left:0px}body#top.companion .viewport .grid .grid-item#timer button.md-button:nth-child(2){font-size:90px;width:98px;height:98px}body#top.companion .viewport .grid .grid-item#timer button.md-button:nth-child(2) md-icon{min-width:90px;min-height:90px}body#top.companion .viewport .grid .grid-item#timer button.md-button:nth-child(3){color:#076dd2;border-style:solid none solid solid;border-width:5px;border-color:currentColor;border-radius:100px 0 0 100px;margin-right:0px}body#top.companion .viewport .grid .grid-item#call{top:0px;left:312px}body#top.companion .viewport .grid .grid-item#call .call-button{margin:5px 0;transition:.25s;font-size:25px;cursor:pointer}body#top.companion .viewport .grid .grid-item#call .call-button span,body#top.companion .viewport .grid .grid-item#call .call-button i{color:#fff}body#top.companion .viewport .grid .grid-item#call .call-button:last-child{margin-top:50px}body#top.companion .viewport .grid .grid-item#call .call-button:focus{outline:0;background-color:currentColor}body#top.companion .viewport .grid .grid-item#notification{top:390px;left:0px}body#top.companion .viewport .grid .grid-item#notification .body{background:none}body#top.companion .viewport .grid .grid-item#notification .head .time{place-self:center end;text-align:right}body#top.companion .viewport .grid .grid-item#answer{top:390px;left:312px}body#top.companion .viewport .grid .grid-item#directMessage{top:0;left:-312px}body#top.companion .viewport .grid .grid-item#directMessage p{font-size:25px;text-align:center}body#top.companion .viewport .call-button{margin:5px 0;transition:.25s;border-radius:10px;padding:10px 2px;border:solid 3px currentColor;font-size:25px;cursor:pointer;display:grid;grid-template-columns:auto 1fr}body#top.companion .viewport .call-button span{text-align:left}body#top.companion .viewport .call-button span,body#top.companion .viewport .call-button i{color:#fff;padding:0 5px}body#top.companion .viewport .call-button:focus{outline:0;background-color:currentColor}body#top.companion .viewport .notification{display:grid;grid-gap:5px;grid-template-rows:auto auto 1fr;place-items:start stretch}body#top.companion .viewport .notification .body{display:grid;grid-template-columns:1fr;border-left:5px solid currentColor;padding-left:5px;background-color:rgba(255,255,255,.1)}body#top.companion .viewport .notification .body .head{display:grid;grid-template-columns:auto 1fr auto;place-items:center start;color:#fff}body#top.companion .viewport .notification .body .head .time{place-self:center;opacity:.5}body#top.companion .viewport .notification .body .title{color:#fff;font-size:19pt;font-weight:400;display:block;font-family:"Work Sans"}body#top.companion .viewport .notification .body .message{color:#fff;font-family:"Work Sans";opacity:.6}body#top.companion .viewport .notification .reply{border-left:solid 5px currentColor;padding-left:5px}body#top.companion .viewport .notification .reply em{display:block;color:#fff;opacity:.6}body#top.companion .viewport .notification .reply .title{color:#fff}body#top.companion .viewport .notification .notification-icons.no-comment{opacity:.1}body#top.companion .viewport .notification .notification-icons .fal{font-size:20px;width:30px;text-align:center}body#top.companion .viewport .notification .notification-icons .comment-icon{position:relative;font-size:14px;padding-right:5px}body#top.companion .viewport .notification .notification-icons .comment-icon em{font-size:14px;font-weight:700;top:2px;left:0px;width:100%;text-align:center}body#top.companion .viewport .notification .notification-icons .comment-icon.has-important .fas{color:#f55454}body#top.companion .viewport .notification .comment-list{display:grid;grid-template-columns:1fr;grid-gap:5px}body#top.companion .viewport .notification .comment-list h4{padding-left:10px;padding-bottom:0;margin:5px 0 0 0}body#top.companion .viewport .notification .comment-list .comment-item{border-left:solid 5px currentColor;padding-left:5px}body#top.companion .viewport .notification .comment-list .comment-item .metas{color:#fff;opacity:.6;display:grid;grid-template-columns:1fr auto}body#top.companion .viewport .notification .comment-list .comment-item .metas .time{text-align:right}body#top.companion .viewport .notification .comment-list .comment-item .message-container .message{width:100%;color:#fff;padding:5px;border-radius:5px;background:rgba(255,255,255,.1)}body#top.companion .viewport .notification .comment-list .comment-item .message-container.is-important .message{background:#dd4e41;color:#fff}body#top.companion .viewport .inactive-screen{content:"";position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000;z-index:100;--text-color: #fff;opacity:0;pointer-events:none;transition:.25s}body#top.companion .viewport .inactive-screen.on{opacity:1;pointer-events:auto}body#top.companion .viewport .inactive-screen .off-screen-notification .logo{background:#fff;width:110px;height:110px;overflow:hidden;border-radius:50%;padding:5%;position:absolute;left:50%;top:200%;transform:translate(-50%, -50%);transition:.25s;z-index:5}body#top.companion .viewport .inactive-screen .off-screen-notification .logo svg{width:100%;height:100%}body#top.companion .viewport .inactive-screen .off-screen-notification .intro-body{position:absolute;left:50%;top:200%;transform:translate(-50%, -50%);transition:.25s;width:100%}body#top.companion .viewport .inactive-screen .off-screen-notification .intro-body .source{font-size:1rem;opacity:.75;text-align:center}body#top.companion .viewport .inactive-screen .off-screen-notification .intro-body .title{font-size:1.25rem;text-align:center}body#top.companion .viewport .inactive-screen .off-screen-notification .body{position:absolute;top:50%;left:200%;transform:translate(-50%, -50%);transition:.25s;width:80%;display:grid;grid-template-columns:1fr;gap:5px}body#top.companion .viewport .inactive-screen .off-screen-notification .body .source,body#top.companion .viewport .inactive-screen .off-screen-notification .body .md-button{background:rgba(255,255,255,.25);width:100%}body#top.companion .viewport .inactive-screen .off-screen-notification .body .source{border-radius:5px 5px 0 0;text-align:right;padding:5px 10px;font-size:.7rem}body#top.companion .viewport .inactive-screen .off-screen-notification .body .md-button{border-radius:0 0 5px 5px;margin:0px}body#top.companion .viewport .inactive-screen .off-screen-notification .body .body-content{padding:5px 10px;background:rgba(255,255,255,.05);font-size:.8rem}body#top.companion .viewport .inactive-screen .off-screen-notification.intro .logo{top:30%}body#top.companion .viewport .inactive-screen .off-screen-notification.intro .intro-body{top:55%}body#top.companion .viewport .inactive-screen .off-screen-notification.place-logo .logo{transition-delay:1s;transform-origin:left top;left:30%;top:40%;transform:translate(-50%, -50%) scale(0.5)}body#top.companion .viewport .inactive-screen .off-screen-notification.place-logo .intro-body{transition-delay:1s;opacity:0}body#top.companion .viewport .inactive-screen .off-screen-notification.add-body .body{transition-delay:1s;left:50%}body#top.companion .show-device-mobile .mobile-viewport{display:block}body#top.companion .show-device-watch .viewport{display:block}body#top.companion .toggles{position:absolute;top:10px;right:10px;--text-color:#fff}/*# sourceMappingURL=companion.min.css.map */