/* Hearo main styles — edit this file. No Sass. Sync: npm run css:sync */ /* Signal Threads: one understandable summary with expandable immutable facts. */ .signal-thread-history{margin-top:.55rem;max-width:34rem;color:#52605e} .signal-thread-history>summary{align-items:center;color:#32795e;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;list-style:none;width:fit-content} .signal-thread-history>summary::-webkit-details-marker{display:none} .signal-thread-history>summary::before{content:"\f054";font-family:"Font Awesome 7 Free";font-size:.65rem;font-weight:900;transition:transform 120ms ease} .signal-thread-history[open]>summary::before{transform:rotate(90deg)} .signal-thread-status{border-radius:999px;font-size:.62rem;letter-spacing:.02em;padding:.12rem .42rem;text-transform:uppercase} .signal-thread-status--open{background:#dcfce7;color:#166534} .signal-thread-status--closed{background:#e2e8f0;color:#475569} .signal-thread-history ol{list-style:none;margin:.65rem 0 0 .18rem;padding:0} .signal-thread-history ol li{align-items:flex-start;border-left:1px solid #cbd5e1;display:flex;gap:.55rem;min-height:2.4rem;padding:0 0 .65rem .72rem;position:relative} .signal-thread-history ol li:last-child{border-left-color:transparent;padding-bottom:0} .signal-thread-marker{background:#64748b;border:2px solid #fff;border-radius:50%;height:.68rem;left:-.39rem;position:absolute;top:.12rem;width:.68rem} .signal-thread-marker--start{background:#16a34a} .signal-thread-marker--end{background:#475569} .signal-thread-marker--action{background:#2563eb} .signal-thread-member-copy{display:flex;flex-direction:column;line-height:1.25} .signal-thread-member-copy strong{color:#334155;font-size:.76rem;font-weight:600} .signal-thread-member-detail{color:#52605e;font-size:.74rem;line-height:1.35;margin-top:.16rem;max-width:30rem;white-space:pre-wrap} .signal-thread-member-copy time{color:#94a3b8;font-size:.67rem;margin-top:.12rem} /* Cursor pagination keeps network/DB work bounded; content visibility keeps an hours-long DOM cheap once support staff scroll deeply into history. */ .activity_feed_card.activity-list>li[data-signal-type]{content-visibility:auto;contain-intrinsic-size:auto 112px} .activity-pagination{box-sizing:border-box;min-height:42px;padding:13px 18px;color:#788681;font-size:11px;letter-spacing:.01em;text-align:center;list-style:none} .activity-pagination[data-state="idle"]{min-height:1px;padding:0} .activity-pagination[data-state="loading"]::before{display:inline-block;width:11px;height:11px;margin-right:7px;vertical-align:-1px;border:2px solid #cbd8d3;border-top-color:#3db883;border-radius:50%;content:"";animation:activity-pagination-spin .7s linear infinite} .activity-pagination[data-state="error"]{color:#a63d36;cursor:pointer} @keyframes activity-pagination-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.activity-pagination[data-state="loading"]::before{animation:none}} /* Consecutive matching readings deliberately use .signal-thread-history above. They remain client-side/display-only; sharing the component keeps one UX. */ /* Web Awesome contextual menus (location cards and signed-in profile). */ .hearo-context-dropdown::part(menu){min-width:190px;max-height:min(70vh,32rem);overflow:auto;padding:6px;background:#fff;border:1px solid #e1e7e5;border-radius:10px;box-shadow:0 12px 32px rgba(25,45,40,.18)} .profile-context-dropdown::part(menu){min-width:220px} .hearo-context-menu ul{margin:0;padding:0;list-style:none} .hearo-context-menu li{margin:0} .hearo-context-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;padding:8px 10px;border-radius:6px;color:#333;text-decoration:none;cursor:pointer} .hearo-context-menu a:hover,.hearo-context-menu a:focus-visible{background:#edf8f3;color:#243b34;outline:none} .hearo-context-menu a>i{flex:0 0 auto;font-size:1.1em} .hearo-context-menu .location-card-menu__heading{margin:5px 5px 2px;padding:9px 5px 4px;color:#7a8984;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-top:1px solid #edf0ef} .hearo-context-menu .location-card-menu__heading:first-child{margin-top:0;padding-top:4px;border-top:0} .hearo-context-menu a.is-copied{color:#237454;background:#edf8f3} .hearo-context-menu form{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0} .context-menu-trigger{appearance:none;-webkit-appearance:none;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer} .context-menu-trigger:focus-visible{outline:3px solid rgba(96,184,134,.45);outline-offset:3px;border-radius:50%} .card header .user>.hearo-context-dropdown{flex:0 0 auto;margin-right:20px} .site_header .user{gap:14px} .site_header .user>.profile-context-dropdown{flex:0 0 auto;margin-left:0} .site_header .profile-context-dropdown .context-menu-trigger{display:grid;place-items:center;flex:0 0 auto;width:50px;height:50px;aspect-ratio:1;overflow:hidden;border-radius:50%} .site_header .profile-context-dropdown .context-menu-trigger img,.site_header .profile-context-dropdown .context-menu-trigger .name_circle{display:block;width:100%!important;max-width:none;height:100%!important;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center} /* Web Awesome loads asynchronously. Keep the server-rendered dropdown at the final trigger size and withhold its menu until the component can portal it; otherwise the raw menu briefly becomes part of the header layout. */ .site_header wa-dropdown.profile-context-dropdown:not(:defined){display:inline-grid;place-items:center;flex:0 0 50px;width:50px;height:50px;overflow:hidden;border-radius:50%;background:#edf2f0} .site_header wa-dropdown.profile-context-dropdown:not(:defined)>.profile-context-menu{display:none!important} .profile-context-menu .profile-preference-label{display:inline-flex;align-items:center;gap:8px} .profile-context-menu .profile-preference-label i{width:16px;text-align:center} /* Plain CSS toggle switch — replaces legacy widget switch in the profile menu. */ .hearo-toggle{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer;margin:0} .hearo-toggle input{position:absolute;opacity:0;width:0;height:0;margin:0} .hearo-toggle .hearo-toggle-track{display:inline-block;width:38px;height:22px;border-radius:22px;background:#c7cfcc;transition:background .15s ease;position:relative} .hearo-toggle .hearo-toggle-track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,42,37,.3);transition:transform .15s ease} .hearo-toggle input:checked+.hearo-toggle-track{background:#3db883} .hearo-toggle input:checked+.hearo-toggle-track::after{transform:translateX(16px)} .hearo-toggle input:focus-visible+.hearo-toggle-track{outline:2px solid rgba(96,184,134,.55);outline-offset:2px} .hearo-context-menu .context-menu-danger{color:#b42318} .hearo-context-menu .context-menu-danger:hover,.hearo-context-menu .context-menu-danger:focus-visible{background:#fff0ee;color:#912018} @media(max-width:600px){.site_header .user{gap:10px}} /* Activity card operational header */ .cards .card_wrapper{padding-top:22px;container-type:inline-size} /* The legacy bundle below gives cards a fixed 60vh height. Make the wrapper the single height owner and let the card fill it via flex. The rows control writes --activity-card-row-height on the dashboard so 1-4 complete card rows share the available desktop workspace. */ #dashboard-app.cards{grid-auto-rows:auto!important} .cards .card_wrapper{display:flex;flex-direction:column;height:var(--activity-card-row-height,max(480px,calc(var(--app-viewport-height,100vh) - 256px)))} .cards .card_wrapper>.card{flex:1 1 auto;width:100%;height:auto;min-height:0;overflow:hidden} /* Short desktop viewports need the Activity workspace more than they need the brand shell. The site header and primary nav remain in the document so they scroll away normally; once they have left, the operational toolbar stays at the top and each first-row card fits almost the entire remaining viewport. */ @media(min-width:769px) and (max-height:1100px){ #activity-search-pill.activity_search_pill{position:sticky;top:0;z-index:80;margin-top:0;border-radius:0 0 12px 12px;box-shadow:0 8px 22px rgba(24,52,43,.12)} #dashboard-app.cards .card_wrapper{height:var(--activity-card-row-height,max(560px,calc(var(--app-viewport-height,100dvh) - 96px)))} } .card .location-card-header{display:block;flex:0 0 auto;min-height:0;margin:-3px 0 0;padding:2px 16px 12px;color:#253239;border-bottom:1px solid #edf0ef} .location-card-header__top{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:12px} .location-card-header__identity{display:flex;align-items:center;min-width:0;gap:11px} .location-card-header__identity>.hearo-context-dropdown{flex:0 0 auto;margin:0} .location-card-header__identity .location_figure{width:46px;height:46px;min-width:46px;padding:0;border:0;border-radius:50%} .location-card-header__identity .location_figure img,.location-card-header__identity .location_figure .name_circle{width:100%;height:100%;border-radius:50%;object-fit:cover} .location-card-header__title{min-width:0} .location-card-header__name{overflow:hidden;color:#293532;font-size:16px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} .location-card-header__avatars{display:flex;flex:0 0 auto;flex-direction:row-reverse;justify-content:flex-start;padding-right:2px} .location-card-person{--person-size:46px;position:relative;display:inline-grid;place-items:center;flex:0 0 var(--person-size);width:var(--person-size);height:var(--person-size);margin-left:clamp(-10px,-2.2cqw,-8px);overflow:hidden;color:#fff;font-size:11px;font-weight:700;border:2px solid #fff;border-radius:50%;background:#718e83;box-shadow:0 2px 5px rgba(25,46,38,.18);cursor:pointer;transition:transform .15s ease} .location-card-person:hover,.location-card-person:focus-visible{z-index:2;color:#fff;text-decoration:none;transform:translateY(-1px)} .location-card-person img{position:absolute;inset:0;display:block;width:100%!important;max-width:none;height:100%!important;object-fit:cover;object-position:center} .location-card-person--more{position:relative;z-index:1;margin-left:0;color:#60706a;background:#edf2f0} .location-card-header__no-residents{color:#899691;font-size:11px;white-space:nowrap} .location-card-roster-dropdown{position:relative;z-index:1} .location-card-roster-menu,.location-card-call-menu{min-width:210px;max-height:280px;overflow-y:auto} .location-card-roster-menu__heading{padding:10px 12px 6px;color:#7a8984;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .location-card-header__meta{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:12px;margin-top:11px} .location-card-health-dropdown{flex:1 1 auto;min-width:0} .location-card-health-dropdown::part(menu){width:min(330px,calc(100vw - 24px));padding:0;overflow:hidden} .location-card-health{display:flex;align-items:center;min-width:0;min-height:34px;gap:7px;overflow:hidden;padding:6px 8px;color:#64736e;font:inherit;font-size:12.5px;line-height:1;border:0;border-radius:6px;background:transparent;cursor:pointer;white-space:nowrap} .location-card-health:hover,.location-card-health:focus-visible{color:#34463f;background:#f0f6f3} .location-card-health>i{flex:0 0 auto;font-size:14px}.location-card-health strong{flex:0 0 auto;color:#43534d;font-size:12.5px;font-weight:700} .location-card-health__time{overflow:hidden;color:#7c8985;text-overflow:ellipsis}.location-card-health__issues{flex:0 0 auto;padding:4px 7px;color:#a92f3b;font-size:11px;font-weight:800;border-radius:10px;background:#fcebed} .location-card-health__chevron{flex:0 0 auto;color:#87928e;font-size:9px!important} .location-card-health--ok>i{color:#3aa174}.location-card-health--warning>i{color:#b7791f}.location-card-health--danger>i{color:#c2414b}.location-card-health--unknown>i{color:#98a19e} .location-card-header__actions{display:flex;align-items:center;flex:0 0 auto;gap:2px} .location-card-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;gap:6px;padding:7px 8px;color:#53645e;font:inherit;font-size:12.5px;font-weight:700;line-height:1;border:1px solid #dce5e1;border-radius:6px;background:#fff;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease} .location-card-action:hover,.location-card-action:focus-visible{color:#237454;border-color:#a9cebe;background:#edf7f2} .location-card-action--timeline{color:#2f7f5d}.location-card-action:disabled{color:#a0aaa6;border-color:#e7ecea;background:#f7f8f8;cursor:not-allowed} .location-card-action__chevron{font-size:9px;opacity:.7} .location-card-header__actions>wa-dropdown{display:inline-flex} .location-card-health-menu{color:#34423d;background:#fff} .location-card-health-menu__heading{padding:13px 14px 10px;font-size:12px;font-weight:800;border-bottom:1px solid #edf0ef} .location-card-health-menu__hub{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8faf9} .location-card-health-menu__hub>i{width:20px;font-size:17px;text-align:center}.location-card-health-menu__hub>div{min-width:0}.location-card-health-menu__hub strong,.location-card-health-menu__hub span{display:block}.location-card-health-menu__hub strong{font-size:13px}.location-card-health-menu__hub span{margin-top:3px;color:#76837e;font-size:11px} .location-card-health-menu__hub--ok>i{color:#3aa174}.location-card-health-menu__hub--warning>i{color:#b7791f}.location-card-health-menu__hub--danger>i{color:#c2414b}.location-card-health-menu__hub--unknown>i{color:#98a19e} .location-card-health-menu__section-label{padding:11px 14px 6px;color:#7c8984;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .location-card-health-menu__issues{max-height:240px;margin:0;padding:0 8px 8px;overflow-y:auto;list-style:none} .location-card-health-issue{display:flex;align-items:flex-start;gap:10px;padding:9px 7px;border-top:1px solid #f0f2f1}.location-card-health-issue:first-child{border-top:0}.location-card-health-issue>i{width:18px;margin-top:2px;font-size:13px;text-align:center}.location-card-health-issue>div{min-width:0}.location-card-health-issue strong,.location-card-health-issue span{display:block}.location-card-health-issue strong{font-size:12px}.location-card-health-issue span{margin-top:3px;color:#6d7975;font-size:11px;line-height:1.35;white-space:normal} .location-card-health-issue--danger>i{color:#c2414b}.location-card-health-issue--warning>i{color:#b7791f} .location-card-health-menu__clear{padding:14px;color:#39785c;font-size:12px}.location-card-health-menu__clear i{margin-right:6px;color:#3aa174} .location-card-health-menu__actions{padding:10px 12px;border-top:1px solid #edf0ef}.location-card-health-menu__check{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid #d8e5df;border-radius:8px;color:#277352;background:#f5fbf8;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.location-card-health-menu__check:hover{border-color:#9bcab5;background:#ebf8f2}.location-card-health-menu__check:disabled{cursor:wait;opacity:.68} .location-card-health-menu__screenshots{padding:10px 12px;border-top:1px solid #edf0ef}.location-card-health-menu__screenshots>div:first-child{margin-bottom:7px;color:#66746f;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.location-card-health-menu__screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:360px;overflow-y:auto}.location-card-health-menu__screenshot{min-width:0}.location-card-health-menu__screenshot strong{display:block;margin-bottom:4px;overflow:hidden;color:#40504a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.location-card-health-menu__screenshot img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border:1px solid #dce4e1;border-radius:7px;background:#111}.location-card-health-menu__screenshot>span{display:block;margin-top:4px;color:#85908c;font-size:9px} @media(max-width:1100px){.location-card-health__time{display:none}} /* Activity card system layout The 550px card has enough room for a real information hierarchy. These scoped rules replace the old narrow-card stacking without changing feeds on the location detail page. */ #dashboard-app .card .location-card-header{padding:8px 18px 14px} #dashboard-app .location-card-header__top{min-height:52px} #dashboard-app .location-card-header__identity{gap:12px} #dashboard-app .location-card-header__name{font-size:17px;letter-spacing:-.01em} #dashboard-app .location-card-header__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:10px} #dashboard-app .location-card-health-dropdown{display:block;min-width:0} #dashboard-app .location-card-health{width:fit-content;max-width:100%;min-height:38px;gap:8px;padding:7px 10px;border:1px solid #e0e8e4;border-radius:9px;background:#f7faf9} #dashboard-app .location-card-health:hover,#dashboard-app .location-card-health:focus-visible{border-color:#b8d5c8;background:#eef7f3} #dashboard-app .location-card-health__copy{display:flex;align-items:center;min-width:0;overflow:hidden;line-height:1} #dashboard-app .location-card-health__copy strong{min-height:0;overflow:hidden;font-size:12.5px;line-height:1.2;text-overflow:ellipsis} #dashboard-app .location-card-health__time{display:inline-flex;align-items:center;min-width:0;overflow:hidden;font-size:12.5px;line-height:1.2;text-overflow:ellipsis} #dashboard-app .location-card-health__time::before{content:"\00b7";flex:0 0 auto;padding:0 6px;color:#a1ada8;font-weight:800} #dashboard-app .location-card-header__actions{gap:6px} #dashboard-app .location-card-action{min-height:38px;padding:8px 11px;border-radius:9px} #dashboard-app .activity_feed_card li.activity-row>.color_overlay{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;column-gap:16px;margin-bottom:0;padding:16px 18px 18px 4px} #dashboard-app .activity_feed_card li.activity-row .icon{align-self:start;width:50px;height:50px;margin:2px 0 0} #dashboard-app .activity_feed_card li.activity-row .icon i{font-size:25px} #dashboard-app .activity_feed_card li.activity-row .detail{display:block;min-width:0;width:auto} #dashboard-app .activity_feed_card li.activity-row .detail>h3{margin:0;color:#3e4a47;font-size:15px;line-height:1.35} #dashboard-app .activity_feed_card li.activity-row .detail>time{display:block;margin-top:2px;color:#8a9692;line-height:1.35} #dashboard-app .activity_feed_card li.activity-row .detail:has(>.snapshot-strip){display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:12px;align-items:start} #dashboard-app .activity_feed_card li.activity-row .detail:has(>.snapshot-strip)>h3, #dashboard-app .activity_feed_card li.activity-row .detail:has(>.snapshot-strip)>time{grid-column:1/-1} #dashboard-app .activity_feed_card li.activity-row .detail:has(>.snapshot-strip)>.snapshot-strip{grid-column:1;grid-row:3;width:80px;margin-top:10px} #dashboard-app .activity_feed_card li.activity-row .detail:has(>.snapshot-strip)>.signal-thread-history{grid-column:2;grid-row:3;align-self:start;margin:10px 0 0} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history{box-sizing:border-box;width:100%;max-width:100%;margin-top:10px} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history:not([open]){padding:0;border:0;background:transparent} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history>summary{box-sizing:border-box;min-height:40px;width:100%;max-width:100%;gap:8px;padding:9px 12px;color:#2f795d;border:1px solid #dce7e2;border-radius:10px;background:#fbfdfc;transition:border-color .15s ease,background .15s ease} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history>summary:hover{border-color:#abd0bf;background:#f1f8f5} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history[open]{overflow:hidden;padding:0 16px 16px;border-color:#dce7e2;border-radius:10px;background:#fff} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history[open]>summary{width:auto;max-width:none;margin:0 -16px 10px;padding:9px 12px;border:0;border-radius:0;background:#f7fbf9} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history[open]>summary:hover{background:#f1f8f5} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history[open]>ol{margin-top:0} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history>summary::before{content:"";order:3;width:7px;height:7px;flex:0 0 7px;margin:0 2px 0 auto;border:solid currentColor;border-width:0 1.5px 1.5px 0;font:inherit;transform:rotate(-45deg);transition:transform .12s ease} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history[open]>summary::before{transform:rotate(45deg)} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history>summary::after{display:none} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history>summary>span:first-child{display:inline-flex;align-items:center;white-space:nowrap} #dashboard-app .activity_feed_card li.activity-row .signal-thread-history>summary>span:first-child::before{display:none} #dashboard-app .activity_feed_card li.activity-row .signal-thread-status{flex:0 0 auto} #dashboard-app .activity_feed_card li.activity-row:not(:last-child)::after{right:18px;bottom:0;left:70px} /* Activity feed loading skeleton. It mirrors the real two-column rows so the card keeps its visual rhythm while recent signals hydrate. */ #dashboard-app .activity-loading{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 20px} #dashboard-app .activity-loading__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} #dashboard-app .activity-skeleton{display:block} #dashboard-app .activity-skeleton__row{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;column-gap:16px;padding:16px 0 18px;border-bottom:1px solid #edf1ef} #dashboard-app .activity-skeleton__content,#dashboard-app .activity-skeleton__evidence{display:flex;min-width:0} #dashboard-app .activity-skeleton__content{flex-direction:column;padding-top:2px} #dashboard-app .activity-skeleton__evidence{align-items:center;gap:12px;margin-top:13px} #dashboard-app .activity-skeleton__block{display:block;overflow:hidden;border-radius:999px;background:#e9efec;background-image:linear-gradient(100deg,#e9efec 20%,#f6f9f7 42%,#e9efec 64%);background-size:220% 100%;animation:activity-skeleton-shimmer 1.45s ease-in-out infinite} #dashboard-app .activity-skeleton__icon{width:50px;height:50px;border-radius:50%} #dashboard-app .activity-skeleton__title{width:82%;height:14px} #dashboard-app .activity-skeleton__meta{width:34%;height:10px;margin-top:8px} #dashboard-app .activity-skeleton__media{flex:0 0 64px;width:64px;height:64px;border-radius:8px} #dashboard-app .activity-skeleton__action{width:168px;max-width:60%;height:38px;border-radius:10px} #dashboard-app .activity-skeleton__row:nth-child(2) .activity-skeleton__title{width:64%} #dashboard-app .activity-skeleton__row:nth-child(2) .activity-skeleton__action{width:142px} #dashboard-app .activity-skeleton__row:nth-child(3) .activity-skeleton__title{width:73%} #dashboard-app .activity-skeleton__row:nth-child(3) .activity-skeleton__meta{width:29%} #dashboard-app .activity-skeleton__row:nth-child(4) .activity-skeleton__title{width:88%} #dashboard-app .activity-skeleton__row:nth-child(5) .activity-skeleton__title{width:58%} #dashboard-app .activity-skeleton__row:nth-child(5) .activity-skeleton__action{width:154px} #dashboard-app .activity-skeleton__row:nth-child(6) .activity-skeleton__title{width:76%} #dashboard-app .activity-skeleton__row:nth-child(3n+2) .activity-skeleton__block{animation-delay:-.28s} #dashboard-app .activity-skeleton__row:nth-child(3n) .activity-skeleton__block{animation-delay:-.56s} @keyframes activity-skeleton-shimmer{0%{background-position:120% 0}100%{background-position:-120% 0}} @media(prefers-reduced-motion:reduce){#dashboard-app .activity-skeleton__block{animation:none;background-image:none}} /* Activity feed empty states share the same visual language as the skeleton, but stay quiet enough that active neighboring cards remain the focus. */ #dashboard-app .activity-empty{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;padding:64px 40px 40px;color:#71807a;text-align:center} #dashboard-app .activity-empty__visual{position:relative;display:grid;width:64px;height:64px;place-items:center;margin-bottom:17px;color:#388766;border:1px solid #dce9e3;border-radius:50%;background:#f2f8f5} #dashboard-app .activity-empty__visual::before,#dashboard-app .activity-empty__visual::after{content:"";position:absolute;border:1px solid #dce9e3;border-radius:50%;inset:-7px;opacity:.65} #dashboard-app .activity-empty__visual::after{inset:-14px;opacity:.32} #dashboard-app .activity-empty__visual i{font-size:24px} #dashboard-app .activity-empty__title{display:block;margin:0;color:#394943;font-size:16px;font-weight:800;line-height:1.3} #dashboard-app .activity-empty__copy{display:block;max-width:300px;margin-top:7px;color:#7b8984;font-size:12.5px;line-height:1.55} :root{--card-columns: 3}/*! normalize.css v1.1.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"hearo";src:url("fonts/hearo.eot");src:url("fonts/hearo.eot?#iefix") format("embedded-opentype"),url("fonts/hearo.woff") format("woff"),url("fonts/hearo.ttf") format("truetype"),url("fonts/hearo.svg#hearo") format("svg");font-weight:normal;font-style:normal}[data-icon]:before{font-family:"hearo" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^=icon-]:before,[class*=" icon-"]:before{font-family:"hearo" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bathroom:before{content:"a"}.icon-bed-sleeping:before{content:"c"}.icon-bedroom:before{content:"d"}.icon-door-closed:before{content:"f"}.icon-door-opened:before{content:"g"}.icon-laundry-room:before{content:"i"}.icon-living-room:before{content:"j"}.icon-med-closet-closed:before{content:"k"}.icon-med-closet-opened:before{content:"l"}.icon-medication-time:before{content:"m"}.icon-window-closed:before{content:"o"}.icon-oven:before{content:"p"}.icon-motion-detected:before{content:"q"}.icon-button-push:before{content:"r"}.icon-check-mark:before{content:"t"}.icon-kitchen:before{content:"h"}.icon-compress-screen:before{content:"u"}.icon-expand-screen:before{content:"v"}.icon-handoff:before{content:"w"}.icon-time-card:before{content:"x"}.icon-home-location:before{content:"y"}.icon-light-bulb:before{content:"z"}.icon-power-button:before{content:"A"}.icon-minimize-window:before{content:"B"}.icon-left-chevron:before{content:"D"}.icon-scale:before{content:"E"}.icon-search:before{content:"F"}.icon-cancel:before{content:"s"}.icon-blood-pressure:before{content:"G"}.icon-camera-off:before{content:"H"}.icon-camera-on:before{content:"I"}.icon-camera-flip:before{content:"J"}.icon-mic-on:before{content:"K"}.icon-mic-off:before{content:"L"}.icon-window-opened:before{content:"n"}.icon-bed-empty:before{content:"b"}.icon-carbon-monoxide-detected:before{content:"M"}.icon-smoke-detected:before{content:"N"}.icon-smoke-detector:before{content:"O"}.icon-console:before{content:"C"}.icon-wifi:before{content:"P"}.icon-volume-up:before{content:"Q"}.icon-chair-empty:before{content:"R"}.icon-chair-occupied:before{content:"S"}.icon-lock-open:before{content:"T"}.icon-lock:before{content:"U"}.icon-messages-solid:before{content:"V"}.icon-charging:before{content:"W"}.icon-unplugged:before{content:"X"}.icon-battery-low:before{content:"Y"}.icon-note:before{content:"Z"}.icon-close-with-note:before{content:"0"}.icon-memo-light:before{content:"1"}.icon-call:before{content:"e"}.icon-call-light:before{content:"2"}.icon-eye-slash:before{content:"3"}.icon-eye:before{content:"4"}.icon-arrows-rotate-solid:before{content:"5"}.icon-bell-solid:before{content:"6"}.activity_feed_card::-webkit-scrollbar{width:.25em}.activity_feed_card::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}*{box-sizing:border-box}html{background:#f4f4f4}html.impersonating{border:5px solid orange}body{font-family:"Lato",sans-serif;font-size:88%;line-height:normal;font-weight:400;color:#254151;min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[v-cloak]{display:none !important}img{max-width:100%}a,a:visited,a:active,a:hover{text-decoration:none;outline:none !important;border:none;color:#000}a.button,a.button:visited,a.button:active,a.button:hover{color:hsla(0,0%,100%,.87)}.container{max-width:1200px;margin:0 auto;padding:0 30px;position:relative}.container.wide{max-width:1600px}.site_wrapper{display:flex;justify-content:flex-end}.site_wrapper .preferences_panel{transition:.25s transform;transform:translateX(-100%)}.site_wrapper .site_body{width:100%;transition:.25s width}.pad{padding:0 35px}body.side_bar_enabled .preferences_panel{transform:translateX(0)}body.side_bar_enabled .site_body{width:calc(100% - 360px)}#hearo_ring{width:50px;height:50px}.form_label{font-weight:normal;font-size:13px;color:#7d00ea;margin:0 0 .5em 0}.monitor_device_screen{cursor:pointer}.e-table tr.e-row.high-priority{background-color:rgba(255,0,0,.25)}/*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes wobble{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media(print),(prefers-reduced-motion){.animated{-webkit-animation:unset !important;animation:unset !important;-webkit-transition:none !important;transition:none !important}}.hide{display:none}.swal-button{background-color:#7b9a9f}.swal-button:not([disabled]):hover{background-color:#7b9a9f}.swal-button:active{background-color:#7b9a9f}.swal-button--danger{background-color:#e64942 !important}.swal-button--danger:not([disabled]):hover{background-color:#d43f38 !important}.swal-button--danger:active{background-color:#c23530 !important}.swal-button--warning{background-color:#ffc107 !important;color:#212529 !important}.swal-button--warning:not([disabled]):hover{background-color:#e0a800 !important;color:#212529 !important}.swal-button--warning:active{background-color:#d39e00 !important;color:#212529 !important}.fancybox-content{background-color:inherit}.slide-enter-active{-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}.slide-leave-active{-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-moz-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);-webkit-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);-o-transition-timing-function:cubic-bezier(0, 1, 0.5, 1);transition-timing-function:cubic-bezier(0, 1, 0.5, 1)}.slide-enter-to,.slide-leave{max-height:100px;overflow:hidden}.slide-enter,.slide-leave-to{overflow:hidden;max-height:0}.site_header .top{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);padding:15px 35px;font-size:14px;color:#9b9b9b;letter-spacing:0;display:flex;justify-content:space-between;align-items:center}.site_header .title,.site_header .logo,.site_header .user{flex:1}.site_header .title{display:flex}.site_header .title a{display:flex}.site_header .title h1{font-size:14px;color:#9b9b9b;letter-spacing:0;font-weight:normal}.site_header .logo{display:flex;align-items:center;justify-content:center}.site_header .logo a{display:flex}.site_header .logo img{width:160px}.site_header .user{display:flex;align-items:center;justify-content:flex-end}.site_header .user figure{margin-left:50px}.site_header .user figure img{width:50px;height:50px;border-radius:50%;object-fit:cover}@media(max-width: 600px){.site_header .top{padding:15px}.site_header .title h1{display:none}.site_header .user .name{display:none}}.cards{padding:15px;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 500px));justify-content:center;grid-gap:15px;min-height:calc(100vh - 83px - 35px)}@media(max-width: 1600px){.cards{grid-auto-rows:60vh}}.card_wrapper{position:relative;padding-top:30px}.card_wrapper .failed_devices{display:flex;padding:0 15px;background:rgba(222,51,68,.3);color:#2a2a2a;position:absolute;width:80%;height:30px;align-items:center;top:0;left:50%;transform:translate(-50%, 100%);text-decoration:none;border-top-left-radius:10px;border-top-right-radius:10px;transition:transform 250ms ease-in-out}.card_wrapper .failed_devices.visible{transform:translate(-50%, 0)}.card_wrapper .failed_devices P{margin:0 0 0 5px}.card{background:#fff;border-radius:10px;padding:15px 0;color:#9b9b9b;display:flex;flex-direction:column;transition:all .25s;border:2px solid rgba(0,0,0,0);height:60vh;position:relative}.card.sortable-chosen{border:3px solid #3db883;background:#fafffc}.card .drag-handle{position:absolute;top:.15em;right:.15em;color:#aaa;font-size:.75em;cursor:grab}.card header,.card .user_links,.card .activity_feed_card{padding:0 15px}.card.handoff_available{border:2px solid #3cb883}.card.handoff_available .handoff_accept{display:block;text-align:center}.card.has_emergency{box-shadow:red 0 0 7px 4px}.card.has_emergency header .contacts i.call_location{color:red}.card header{display:flex;align-items:center;margin-bottom:5px;min-height:50px}.card header .user{display:flex;align-items:center;margin-right:auto;position:relative}.card header .user figure{margin-right:20px}.card header .user figure img{width:50px;height:50px;border-radius:50%;object-fit:cover}.card header .user .status_indicator{position:absolute;width:10px;height:10px;top:-7px;left:-5px;border-radius:50%}.card header .user .status_indicator.primary_on{background:#60b886}.card header .name{font-weight:900;font-size:14px;color:#9b9b9b;letter-spacing:0;line-height:1.25em}.card header .contacts{display:flex;align-items:center}.card header .contacts .individuals{display:flex;margin-right:20px;flex-direction:row-reverse;justify-content:flex-end}.card header .contacts .individuals figure:nth-child(1) .name_circle{background:#1a8eff}.card header .contacts .individuals figure:nth-child(1){z-index:10}.card header .contacts .individuals figure:nth-child(2) .name_circle{background:#ca40ff}.card header .contacts .individuals figure:nth-child(2){z-index:9;transform:translateX(12px)}.card header .contacts .individuals figure:nth-child(3) .name_circle{background:#7d00ea}.card header .contacts .individuals figure:nth-child(3){z-index:8;transform:translateX(24px)}.card header .contacts .individuals figure:nth-child(4) .name_circle{background:#1a8eff}.card header .contacts .individuals figure:nth-child(4){z-index:7;transform:translateX(36px)}.card header .contacts .individuals figure:nth-child(5) .name_circle{background:#ca40ff}.card header .contacts .individuals figure:nth-child(5){z-index:6;transform:translateX(48px)}.card header .contacts .individuals figure:nth-child(6) .name_circle{background:#7d00ea}.card header .contacts .individuals figure:nth-child(6){z-index:5;transform:translateX(60px)}.card header .contacts i{color:#e1e1e1;transition:color .25s;cursor:pointer;font-size:30px}.card header .contacts i:hover{color:#60b886}.card header .contacts i.call_location_tokbox{margin-left:15px}.card .details .home_code{font-size:11px;color:#5e5e5e;line-height:22px}.card .details.mobile{display:none}.card .user_links{padding-left:85px;padding-bottom:18px;margin-top:2px;margin-bottom:13px;border-bottom:1px solid #ececec;list-style:none}.card .user_links li{display:inline}.card .user_links li span:after{content:","}.card .user_links li:last-child span:after{display:none}.card .sensor_filter{margin-top:2px;margin-bottom:13px;border-bottom:2px solid #e0e0e0}.card .sensor_filter .control{padding-left:85px;padding-right:65px}@media(max-width: 600px){.card .sensor_filter .control{padding:0 15px}}.card .sensor_filter .e-multi-select-wrapper .e-delim-values{color:#5e5e5e}.card .sensor_filter .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left){border:0 !important}.card .sensor_filter .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,.card .sensor_filter .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after{display:none}.card .handoff_accept{display:none;padding:0 20px;margin-bottom:10px}@media(max-width: 600px){.card .user_links{padding-left:15px;padding-right:15px}.card .details{display:none}.card .details.mobile{display:block;padding:15px}}.card .shift-status-banner{text-align:center;top:-15px;position:relative;font-weight:bold;background:#3cb883;color:#fff;padding:10px;border-radius:8px 8px 0px 0}.card.off_shift .shift-status-banner{background:#9b9b9b}.card.has_emergency .shift-status-banner{background:red !important;box-shadow:red 0 0 7px 4px}.activity_feed_card{padding:0;list-style:none;margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.activity_feed_card li .color_overlay{display:flex;align-items:center;margin-bottom:15px;padding:4px;border-radius:7px;position:relative}.activity_feed_card li.emergency{margin-left:-0.5em;margin-right:-0.5em}.activity_feed_card li.emergency .color_overlay{background-color:rgba(208,2,27,.13);padding:.5em .75em}.activity_feed_card li.emergency .detail{flex-grow:2}.activity_feed_card li.emergency .detail h3{font-weight:400}.activity_feed_card li.emergency.pendingupdate{background-color:#2a2a2a;opacity:.35}.activity_feed_card li.emergency i{color:red}.activity_feed_card li.emergency .action{flex-grow:1;text-align:right}.activity_feed_card li.emergency .action .buttons{display:inline-flex;align-items:center}.activity_feed_card li.emergency .action .buttons a{color:#fff;margin:0 10px;width:40px;cursor:pointer;display:inline-block;line-height:0}.activity_feed_card li.emergency .action .buttons a i{color:#fff;margin-top:-50%;margin-left:12px;transform:translateY(15%)}.activity_feed_card li .fa-video{top:0px}.activity_feed_card li:last-child{margin-bottom:0}.activity_feed_card li .detail{width:100%}.activity_feed_card li .detail .google-event-images{display:flex}.activity_feed_card li .detail .google-event-image{max-width:50%;background-color:#ebebeb;border-radius:10px;display:flex;justify-content:center}.activity_feed_card li .detail .google-event-image img{border-radius:10px;display:none;width:100%;cursor:pointer}.activity_feed_card li .detail .google-event-image i{margin:1.5em}.activity_feed_card li .detail .google-event-image.loaded img{display:inherit}.activity_feed_card li .detail .google-event-image.loaded i{display:none}.activity_feed_card li .icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-align:center;margin-right:20px;background:#ececec;flex-shrink:0}.activity_feed_card li .icon i.fa-weight{color:#5b8def}.activity_feed_card li .icon i.fa-heartbeat{color:#e74c3c}.activity_feed_card li .icon i.fa-heart{color:#e74c3c}.activity_feed_card li .icon i.fa-bed{color:#7c6bc4}.activity_feed_card li .icon i.fa-walking{color:#7c6bc4}.activity_feed_card li .icon i.fa-moon{color:#34495e}.activity_feed_card li .icon i.fa-running{color:#3eb883}.activity_feed_card li .icon i.fa-thermometer-half{color:#e67e22}.activity_feed_card li i{font-size:27px;display:inline-block;position:relative;top:3px;height:auto;background-repeat:no-repeat;background-position:center}.activity_feed_card li i.fa{top:0}.activity_feed_card li .open-notes-trigger{display:flex;align-items:center}.activity_feed_card li .open-notes-trigger :hover{cursor:pointer}.activity_feed_card li .open-notes-trigger i{font-size:20px;top:-8px}.activity_feed_card li .feeling__icons{position:relative}.activity_feed_card li .feeling__icons .icon__previous{position:absolute;width:30px;height:30px;bottom:-14px;left:-7px;box-shadow:2px 1px 2px rgba(0,0,0,.7)}.activity_feed_card li .feeling__icons i{top:0 !important;height:100%;width:70%;background-size:contain}.activity_feed_card li .feeling__icons i.angry{background-image:url(/images/icons/feelings/angry.svg)}.activity_feed_card li .feeling__icons i.very_sad{background-image:url(/images/icons/feelings/very_sad.svg)}.activity_feed_card li .feeling__icons i.sad{background-image:url(/images/icons/feelings/sad.svg)}.activity_feed_card li .feeling__icons i.okay{background-image:url(/images/icons/feelings/okay.svg)}.activity_feed_card li .feeling__icons i.happy{background-image:url(/images/icons/feelings/happy.svg)}.activity_feed_card li .feeling__icons i.very_happy{background-image:url(/images/icons/feelings/very_happy.svg)}.activity_feed_card li .feeling__icons i.sick{background-image:url(/images/icons/feelings/sick.svg)}.activity_feed_card li .feeling__icons i.worried{background-image:url(/images/icons/feelings/worried.svg)}.activity_feed_card li .feeling__icons i.shy{background-image:url(/images/icons/feelings/shy.svg)}.activity_feed_card li .feeling__icons i.silly{background-image:url(/images/icons/feelings/silly.svg)}.activity_feed_card li h3{font-weight:300;margin:0;font-size:16px;color:#2a2a2a;letter-spacing:0}.activity_feed_card li h5{margin:.25em 0}.activity_feed_card li time{font-size:11px;color:#9b9b9b;letter-spacing:0}.activity_feed_card li .success,.activity_feed_card li .confirmed{color:#529500;font-weight:500}.activity_feed_card li .danger{color:#d0021b;font-weight:500}.activity_feed_card li .reminder{color:#ca40ff;font-weight:500}.activity_feed_card li .icon-scale,.activity_feed_card li .icon-blood-pressure{color:#1a8eff}.activity_feed_card .add_log_note{min-width:60px;justify-content:center;align-items:center;text-align:center}.activity_feed_card .add_log_note span{font-size:.8em;color:#9b9b9b}.activity_feed_card .add_log_note>i{color:#9b9b9b;display:block}.activity_feed_card .log-notes{padding:20px;border-radius:4px;padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.activity_feed_card .log-notes.open{border:1px solid rgba(0,0,0,.24);margin-bottom:20px}.activity_feed_card .log-notes ul{list-style-type:none;padding-left:0px}.activity_feed_card .log-notes ul li.log-note{margin-bottom:20px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.24);padding:20px 0}.activity_feed_card .log-notes ul li.log-note:last-child{border-bottom:0px}.activity_feed_card .log-notes ul li.log-note .note__individuals{display:flex;margin-right:20px;flex-direction:row-reverse;justify-content:flex-end}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(1) .name_circle{background:#1a8eff}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(1){z-index:10}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(2) .name_circle{background:#ca40ff}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(2){z-index:9;transform:translateX(12px)}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(3) .name_circle{background:#7d00ea}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(3){z-index:8;transform:translateX(24px)}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(4) .name_circle{background:#1a8eff}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(4){z-index:7;transform:translateX(36px)}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(5) .name_circle{background:#ca40ff}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(5){z-index:6;transform:translateX(48px)}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(6) .name_circle{background:#7d00ea}.activity_feed_card .log-notes ul li.log-note .note__individuals figure:nth-child(6){z-index:5;transform:translateX(60px)}.activity_feed_card .log-notes ul li.log-note .note__content .note__top{display:flex;margin-bottom:10px}.activity_feed_card .log-notes ul li.log-note .note__content .note__tag{background-color:#e3f3ea;width:auto;display:inline-block;padding:4px 8px;border-radius:3px;color:#000;text-transform:capitalize;margin:0 2px;font-size:11px;letter-spacing:0}.activity_feed_card .log-notes ul li.log-note .note__content .note__date{margin-top:5px;font-size:11px;color:#9b9b9b;letter-spacing:0}.add-note-container{display:flex;width:110px}.arrow-down{width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-top:7px solid rgba(0,0,0,.54);align-self:center;transition:all 200ms ease-in}.arrow-down:hover{cursor:pointer}.arrow-down.open{transform:rotate(180deg)}.content_card.note-card{padding-top:30px;padding-bottom:10px}.content_card.note-card .dismiss-note{position:relative;height:50px}.content_card.note-card .dismiss-note .dismiss-button{position:absolute;right:0;color:red;font-size:.8em;bottom:0;background:rgba(0,0,0,0)}.activity_feed_card li.emergency .action .buttons a.dismiss_emergency,.activity_feed_card li.emergency .action .buttons a.answer_call_button,#global_notifications_list #emergencylist ul li.emergency a.dismiss_emergency,#global_notifications_list #emergencylist ul li.emergency a.answer_call_button{height:50px;width:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}.activity_feed_card li.emergency .action .buttons a.dismiss_emergency>i,.activity_feed_card li.emergency .action .buttons a.answer_call_button>i,#global_notifications_list #emergencylist ul li.emergency a.dismiss_emergency>i,#global_notifications_list #emergencylist ul li.emergency a.answer_call_button>i{color:#fff;display:flex;justify-self:center;align-self:center;text-align:center;font-size:22px;margin-top:0;margin-left:0;transform:unset;position:relative;top:0}.activity_feed_card li.emergency .action .buttons a.dismiss_emergency,#global_notifications_list #emergencylist ul li.emergency a.dismiss_emergency{background-color:#d0021c;left:2px}.activity_feed_card li.emergency .action .buttons a.answer_call_button,#global_notifications_list #emergencylist ul li.emergency a.answer_call_button{background-color:#529500}.preferences_panel{width:360px;height:calc(100vh - 83px);background:#fff;padding:28px 33px;position:absolute;left:0;display:block !important}.preferences_panel:before{position:absolute;top:-1px;left:0;width:100%;height:1px;content:"";box-shadow:0 2px 4px 0 rgba(0,0,0,.28)}.preferences_panel .switch{display:flex;justify-content:space-between;align-items:center}.preferences_panel .control{margin-bottom:1em}.auth_area{min-height:calc(100vh - 83px - 35px);padding:1em 0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#9b9b9b;letter-spacing:0}.auth_area h1,.auth_area h2,.auth_area h3{font-size:22px;color:#000;letter-spacing:0;margin:0}.auth_area .auth_area_content{position:relative;width:336px;background:#fff;padding:20px;border-radius:10px}.auth_area .auth_area_content.wide{width:1200px}.auth_area .with_logo{padding-top:20px}.auth_area .form_group{margin-bottom:13px}.auth_area .form_group.flex{display:flex;justify-content:space-between}.auth_area .form_group.flex .column{width:48%}.auth_area .form_group.flex .column.full{width:100%}.auth_area footer{margin-top:60px}.auth_area footer .links{text-align:center;margin-top:40px}.auth_area footer .links p:first-of-type{margin-top:0}.auth_area footer .links p:last-of-type{margin-bottom:0}.auth_area .validation-summary-errors{color:#d0021b;margin-bottom:20px}.auth_area .field-validation-error{color:#d0021b;font-size:14px}.login_area{padding:0;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);position:relative;background:#fff}.login_area p{color:#000}.login_area .login_area_content{background:rgba(0,0,0,0)}.login_area .login_logo{width:200px;height:42px;background-size:contain;margin:-108px auto 0 auto}@media(max-width: 600px){.login_area .login_logo{margin:0 auto}}.login_area .login_logo svg{width:200px;height:42px}.login_area .login_area_text_content{text-align:center;margin:0 -50px}@media(max-width: 600px){.login_area .login_area_text_content{margin:0}}.login_area .login_area_text_content .title{font-size:30px;font-weight:100;color:#000}.login_area .links a{color:#000;border-bottom:1px solid rgba(0,0,0,0);transition:border 250ms ease-in-out}.login_area .links a:hover,.login_area .links a:focus{border-bottom-color:#fff}.identity{background:#2a2a2a}.identity body{min-height:auto}.identity .e-float-input input,.identity .e-float-input textarea,.identity .e-float-input.e-control-wrapper input,.identity .e-float-input.e-control-wrapper textarea{border-bottom-color:#e1e1e1;color:#1f1f1f}.identity .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]){border-color:#1f1f1f}.identity label.e-float-text,.identity .e-float-input:not(.e-error) input:not(:focus):valid~label.e-float-text.e-label-bottom,.identity .e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid~label.e-float-text.e-label-bottom{color:#1f1f1f}.button,.e-btn,.e-css.e-btn{background:#566c6a !important;color:#fff !important;color:hsla(0,0%,100%,.87);font-size:14px;text-align:center;line-height:36px;border-radius:10px;display:inline-block;text-transform:capitalize;padding:0 18px}.button:hover,.button:focus,.e-btn:hover,.e-btn:focus,.e-css.e-btn:hover,.e-css.e-btn:focus{background:#566c6a !important;color:#fff !important}.button.delete,.e-btn.delete,.e-css.e-btn.delete{background:rgba(0,0,0,0) !important;color:red !important}.button.dark-disabled,.e-btn.dark-disabled,.e-css.e-btn.dark-disabled{background:#1f1f1f;color:#e1e1e1}.button.dark-disabled:hover,.button.dark-disabled:focus,.e-btn.dark-disabled:hover,.e-btn.dark-disabled:focus,.e-css.e-btn.dark-disabled:hover,.e-css.e-btn.dark-disabled:focus{background:#566c6a;color:#000}.button.full,.e-btn.full,.e-css.e-btn.full{width:100%}.button:focus,.e-btn:focus,.e-css.e-btn:focus{outline:0}.button.smaller,.e-btn.smaller,.e-css.e-btn.smaller{font-size:13px}.button.warning,.e-btn.warning,.e-css.e-btn.warning{background:#de3344 !important}button{border:0}.site_nav{background:#e3f3ea;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;height:35px;position:relative}.site_nav a{color:#000;margin:0 10px;padding:9px 0;position:relative}.site_nav a.mobile-nav__icon{display:none}.site_nav a.current:after{content:"";display:block;height:3px;background:#000;position:absolute;bottom:0;left:0;width:100%}@media(max-width: 768px){.site_nav a:not(.mobile-nav__icon){display:none}.site_nav a.mobile-nav__icon{position:absolute;right:0;top:0;display:block}.site_nav.mobile{display:block;position:relative;height:auto;min-height:35px}.site_nav.mobile a{display:block;max-width:150px;margin:0 auto;text-align:center}}.whats-new-badge{font-size:14px;color:#fff;position:relative;z-index:1;border-radius:50%;background:#0378d5;display:inline-flex;width:1em;height:1em;cursor:pointer;padding:0px;position:relative;vertical-align:middle}.whats-new-badge:after,.whats-new-badge:before{content:"";position:absolute;background:#008fff;border-radius:50%;width:1.75em;height:1.75em;animation-name:animation;animation-duration:3s;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:forwards;left:50%;top:50%;margin-top:-0.875em;margin-left:-0.875em;opacity:.5;z-index:-1}.whats-new-badge:after{animation-delay:1.5s}@keyframes animation{from{transform:scale(0.1);opacity:.7}to{transform:scale(1.5);opacity:0}}.admin_header{padding:17px 35px;display:flex;justify-content:space-between}.admin_header h1{font-size:24px;color:#9b9b9b;font-weight:normal;width:300px;flex:1}.admin_header .empty{flex:1}.audit-search{padding-left:10px}.admin_header_controls{background:#fff;padding:7px 8px;border-radius:10px;display:flex;align-items:center}.admin_header_controls .add a{display:flex;align-items:center;font-size:12px;color:#9b9b9b;margin-right:16px}.admin_header_controls .add a span{margin-left:8px}.admin_header_controls i{color:#9b9b9b;cursor:pointer;font-size:20px;margin-right:14px}.admin_header_controls i:hover,.admin_header_controls i.current{color:#7d00ea}.admin_header_controls .lists{margin-right:4px}.admin_header_controls .search{min-width:178px}.profile_image_circle{width:50px;height:50px;display:flex;cursor:pointer}.profile_image_circle.has_image{background:none}.profile_image_circle img{object-fit:cover;border-radius:50%;width:50px;height:50px;pointer-events:none}.profile_image_circle.disabled{display:none}.e-rowcell{overflow:visible !important}.e-rowcell>div{display:flex !important;align-items:center;min-width:fit-content;overflow:visible}.e-rowcell>div>.profile_image_circle{position:relative;flex-shrink:0}.e-rowcell>div>.profile_image_circle img{max-width:none}.e-rowcell>div>.profile_image_circle:not(:first-child){margin-left:-15px}.e-rowcell>div>.profile_image_circle:nth-child(2){z-index:1}.name_circle{width:50px;height:50px;font-size:14px;color:#fff;letter-spacing:0;text-align:center;background:#7d00ea;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}:root{--card-columns: 3}.eaglespeak{border-radius:10px;box-shadow:0 0 6px 0 rgba(0,0,0,.41);z-index:500;background:#232323;transition:all .25s;overflow:hidden;display:none;width:100%}.eaglespeak .call_wrapper{position:relative}.eaglespeak .call_wrapper iframe{position:absolute;top:0;left:0}.eaglespeak .call_wrapper.icelink iframe{z-index:10110}.eaglespeak #emergencylist_videooverlay{display:none;position:fixed;top:5vh;left:5vw}.eaglespeak #emergencylist_videooverlay ul{display:flex}.eaglespeak #emergencylist_videooverlay ul li.emergency,.eaglespeak #emergencylist_videooverlay ul li.call{background-color:rgba(35,35,35,.9);border-radius:10px;padding:56px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-right:1em}.eaglespeak #emergencylist_videooverlay ul li.emergency:last-child,.eaglespeak #emergencylist_videooverlay ul li.call:last-child{margin-right:0}.eaglespeak #emergencylist_videooverlay ul li.emergency h1,.eaglespeak #emergencylist_videooverlay ul li.call h1{font-size:28px;color:#d0021b;letter-spacing:0}.eaglespeak #emergencylist_videooverlay ul li.emergency .action,.eaglespeak #emergencylist_videooverlay ul li.call .action{margin-top:2em;display:flex;flex-direction:column}.eaglespeak #emergencylist_videooverlay ul li.emergency .action a.call_location,.eaglespeak #emergencylist_videooverlay ul li.call .action a.call_location{color:#fff;padding:10px 20px;border-radius:18px;background-color:#d0021b;cursor:pointer}.eaglespeak #emergencylist_videooverlay ul li.emergency .action a.call_location i,.eaglespeak #emergencylist_videooverlay ul li.call .action a.call_location i{color:#fff;margin-top:-50%;margin-left:12px;transform:translateY(15%)}.eaglespeak #emergencylist_videooverlay ul li.emergency .action a.dismiss,.eaglespeak #emergencylist_videooverlay ul li.call .action a.dismiss{font-size:14px;color:#e1e1e1;letter-spacing:0;text-align:center;margin-top:1em;cursor:pointer}.eaglespeak #emergencylist_videooverlay ul li.emergency .location .details,.eaglespeak #emergencylist_videooverlay ul li.call .location .details{font-size:16px;color:#e1e1e1;letter-spacing:0;text-align:center}.eaglespeak #emergencylist_videooverlay ul li.emergency .location .details .home_code,.eaglespeak #emergencylist_videooverlay ul li.call .location .details .home_code{margin-top:.45em;font-size:11px;color:#9b9b9b;line-height:22px}.eaglespeak #emergencylist_videooverlay ul li.emergency .location>figure img,.eaglespeak #emergencylist_videooverlay ul li.call .location>figure img{width:139px;height:139px;border-radius:50%;object-fit:cover}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts,.eaglespeak #emergencylist_videooverlay ul li.call .contacts{margin-top:2em}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .names,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .names{margin-top:1.25em;font-size:14px;color:#e1e1e1;text-align:center}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .names span::after,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .names span::after{content:", "}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .names span:last-child::after,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .names span:last-child::after{content:""}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;justify-content:space-around;width:255px}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals .profile_image_circle,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals .profile_image_circle{width:85px;height:85px;display:flex}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals .profile_image_circle img,.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals .profile_image_circle div,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals .profile_image_circle img,.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals .profile_image_circle div{width:85px;height:85px}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals figure:nth-child(1),.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals figure:nth-child(1){z-index:10}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals figure:nth-child(2),.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals figure:nth-child(2){z-index:9}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals figure:nth-child(3),.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals figure:nth-child(3){z-index:8}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals.three figure:nth-child(1),.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals.three figure:nth-child(1){z-index:10;transform:translateX(-17px)}.eaglespeak #emergencylist_videooverlay ul li.emergency .contacts .individuals.three figure:nth-child(3),.eaglespeak #emergencylist_videooverlay ul li.call .contacts .individuals.three figure:nth-child(3){z-index:8;transform:translateX(17px)}.eaglespeak.fullscreen{position:fixed;top:5px;right:9px;z-index:10100}.eaglespeak.fullscreen #emergencylist_videooverlay{display:block}.eaglespeak.fullscreen .es_controls{position:fixed;z-index:10120}.eaglespeak iframe,.eaglespeak .call_frame{position:relative;min-width:300px;border:0;outline:none;border-radius:10px;min-height:250px;transition:all .25s;overflow:hidden;width:100%}.eaglespeak iframe #call_subscriber,.eaglespeak .call_frame #call_subscriber{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#000}.eaglespeak iframe #call_publisher,.eaglespeak .call_frame #call_publisher{position:absolute;width:120px;height:80px;top:10px;right:10px;z-index:100}.eaglespeak .es_controls{position:relative;bottom:0;width:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#1f1f1f}.eaglespeak .es_controls .color_overlay{padding:8px;display:flex;justify-content:center;transition:all .25s;align-items:center}.eaglespeak .es_controls a,.eaglespeak .es_controls button{appearance:none;cursor:pointer;border:none;background:none;padding:0;margin:0 10px;width:40px}.eaglespeak .es_controls a img,.eaglespeak .es_controls button img{object-fit:cover}.eaglespeak .user{display:flex;align-items:center;margin-right:auto}.eaglespeak .user figure{margin-right:20px}.eaglespeak .user figure img{width:50px;height:50px;border-radius:50%;object-fit:cover}.eaglespeak .user .address{color:#e1e1e1;font-weight:400;margin-right:10px}.eaglespeak .user .details .home_code{font-size:11px;color:#e1e1e1;font-weight:300;line-height:22px}.eaglespeak .user .name{font-weight:900;font-size:14px;color:#9b9b9b;letter-spacing:0;line-height:1.25em}.eaglespeak #exit_fullscreen_button{display:none}.eaglespeak .answer_call_button{display:none}.eaglespeak .user{display:none}.eaglespeak #deny_call_button,.eaglespeak #answer_call_button{display:none}.eaglespeak #turn_on_transcription_button{background-color:#303030;color:#fff;width:40px;height:40px;display:flex;align-items:center;font-size:22px;border-radius:21px;justify-content:center}.eaglespeak #turn_on_transcription_button i{display:flex}.eaglespeak #turn_on_transcription_button.active{background-color:#009c2f}.eaglespeak #end_call_button{display:block}.eaglespeak.unanswered iframe,.eaglespeak.unanswered .call_frame{height:0;width:0;min-height:0;display:block}.eaglespeak.unanswered .user{display:flex}.eaglespeak.unanswered .es_controls{position:relative}.eaglespeak.unanswered .es_controls a{margin:0 5px}.eaglespeak.unanswered #deny_call_button,.eaglespeak.unanswered #answer_call_button{display:block}.eaglespeak.unanswered #end_call_button{display:none}.eaglespeak.unanswered .fullscreen_toggle{display:none}.eaglespeak.fullscreen{transition:all .25s;width:100%;height:100vh;top:0;right:0;border-radius:0}.eaglespeak.fullscreen .call_wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.eaglespeak.fullscreen iframe,.eaglespeak.fullscreen .call_frame{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.eaglespeak.fullscreen #call_publisher{width:360px;height:240px}.eaglespeak.fullscreen .es_controls{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.eaglespeak.fullscreen #fullscreen_button{display:none}.eaglespeak.fullscreen #exit_fullscreen_button{display:block}.call-countdown{background-color:#e3f3ea;padding:10px}.call-countdown.alert{background-color:#de3344}.call-countdown.alert p{color:#fff}.call-countdown p{color:#000}.sensor_list{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));grid-gap:16px}.sensor_list a.troubleshoot__link{z-index:99;display:inline-block;padding:2px 6px;font-size:11px;color:#de3344;border-radius:3px;text-decoration:none}.sensor_list a.troubleshoot__link:hover{color:#5c5c5c}.sensor-link{background:#fff;border-radius:10px;border:1px solid #e8e8e8;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;display:flex;flex-direction:column}.sensor-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#60b886}.sensor__image-area{background:#f4f4f4;display:flex;align-items:center;justify-content:center;height:150px;padding:20px}.sensor__image-area img{max-width:100%;max-height:100%;object-fit:contain}.sensor__placeholder-icon{font-size:48px;color:#ccc}.sensor__info{padding:14px 16px;display:flex;flex-direction:column;flex:1}.sensor__info h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px 0;line-height:1.3}.sensor__info h5{font-size:12px;font-weight:400;color:#576d6b;margin:0 0 10px 0}.sensor__info h6{font-size:12px;font-weight:500;color:#254151;margin:2px 0}.sensor__values{margin-top:auto}.sensor__values .sensor-values__time-since{font-size:11px;font-family:monospace;color:#9b9b9b;margin:8px 0 0 0;padding:0}.sensor__values .sensor-values__time-since span{color:#576d6b;font-weight:600}.location_context_menu,.context_menu{position:absolute;top:60px;background:#fff;border:1px solid #ececec;min-width:150px;padding:3px;z-index:100;display:none}.location_context_menu ul,.context_menu ul{margin:0;padding:0;list-style:none}.location_context_menu a,.context_menu a{display:flex;align-items:center;justify-content:space-between;color:#333;padding:10px}.location_context_menu a i,.context_menu a i{font-size:1.25em}.location_context_menu a:hover,.context_menu a:hover{background:#ececec;color:#333}.location_context_menu.shift_left,.context_menu.shift_left{transform:translateX(-100%)}.modal_page{display:none;width:500px;padding:20px}.location-note{background-color:#fff}.location-note .media-type-toggle{display:flex;list-style-type:none;padding-left:0px}.location-note .media-type-toggle li{margin-right:10px}.location-note__image{margin:20px 0}.location_notes ul{margin:0;padding:0;list-style:none}.location_notes ul li{margin-bottom:1.5em}.location_notes ul .note_content{padding:15px 15px 0 15px}.location-note{padding-top:40px;padding-bottom:40px;border-bottom:1px solid #d3d3d3}.location-note:first-child{padding-top:0px}.location-note h3{margin-top:0px}.location-note button:disabled{opacity:.7}.home-image{display:inline-block;position:relative}.home-image .delete{height:23px;width:23px;position:absolute;top:6px;left:6px;background-color:#de3344;color:#fff;border-radius:50%;text-align:center;font-weight:bold;font-size:15px;padding-top:1px}.home-image .delete:hover{cursor:pointer}.user_multi_dropdown{display:flex}.user_multi_dropdown img{width:25px;height:25px;object-fit:cover}.content_card{background:#fff;padding:50px;border-radius:10px;position:relative;font-size:16px;color:#9b9b9b;letter-spacing:0}.content_card h1,.content_card h2,.content_card h3,.content_card h4{color:#000}.content_card h1{font-weight:normal;font-size:22px;margin:0 0 1em 0}.drop_area{background:#f2f2f2;border-radius:10px}.profile_image_uploader{display:flex;justify-content:center}.profile_image_uploader .profile_image_circle{width:170px;height:170px}.profile_image_uploader .profile_image_circle img{width:170px;height:170px;border:2px dashed rgba(0,0,0,0)}.profile_image_uploader .img_drop{width:170px;height:170px;border-radius:50%;background:#2a2a2a;border:2px dashed rgba(225,225,225,.8);display:flex;align-items:center;justify-content:center;cursor:pointer}.profile_image_uploader .img_drop:after{content:"Upload Image"}.profile_image_uploader .e-upload{display:none}.profile_image_uploader .spinner{display:none;position:absolute;top:50%;line-height:0}.profile_image_uploader .spinner i{font-size:12em}.profile_image_uploader .spinner img{pointer-events:none;width:65px}.profile_image_uploader.e-upload-drag-hover{outline:0}.profile_image_uploader.e-upload-drag-hover .img_drop{border-color:#7b9a9f}.profile_image_uploader.e-upload-drag-hover .profile_image_circle img{border-color:#7b9a9f}.profile_image_uploader.upload_in_progress .spinner{display:block}.profile_image_uploader.upload_in_progress .img_drop:after{display:none}#global_notifications_list{position:fixed;top:5px;right:9px;z-index:1000}#global_notifications_list.fullscreen{right:unset;left:9px}#global_notifications_list.fullscreen #emergencylist,#global_notifications_list.fullscreen #incoming_call_list{position:relative;z-index:500}#global_notifications_list #emergencylist ul,#global_notifications_list #incoming_call_list ul{padding:0;margin-top:.5em}#global_notifications_list #emergencylist ul li.emergency,#global_notifications_list #emergencylist ul li.call,#global_notifications_list #incoming_call_list ul li.emergency,#global_notifications_list #incoming_call_list ul li.call{border-radius:10px;background-color:#1f1f1f;margin-bottom:.5em;bottom:0;width:100%;list-style-type:none}#global_notifications_list #emergencylist ul li.emergency .color_overlay,#global_notifications_list #emergencylist ul li.call .color_overlay,#global_notifications_list #incoming_call_list ul li.emergency .color_overlay,#global_notifications_list #incoming_call_list ul li.call .color_overlay{padding:8px;display:flex;justify-content:center;transition:all .25s;align-items:center;background-color:rgba(208,2,27,.13);position:relative}#global_notifications_list #emergencylist ul li.emergency.pendingupdate,#global_notifications_list #emergencylist ul li.call.pendingupdate,#global_notifications_list #incoming_call_list ul li.emergency.pendingupdate,#global_notifications_list #incoming_call_list ul li.call.pendingupdate{background-color:#2a2a2a;opacity:.35}#global_notifications_list #emergencylist ul li.emergency a,#global_notifications_list #emergencylist ul li.emergency button,#global_notifications_list #emergencylist ul li.call a,#global_notifications_list #emergencylist ul li.call button,#global_notifications_list #incoming_call_list ul li.emergency a,#global_notifications_list #incoming_call_list ul li.emergency button,#global_notifications_list #incoming_call_list ul li.call a,#global_notifications_list #incoming_call_list ul li.call button{margin:0 10px;width:40px;background-color:rgba(0,0,0,0);padding:0}#global_notifications_list #emergencylist ul li.emergency a img,#global_notifications_list #emergencylist ul li.emergency button img,#global_notifications_list #emergencylist ul li.call a img,#global_notifications_list #emergencylist ul li.call button img,#global_notifications_list #incoming_call_list ul li.emergency a img,#global_notifications_list #incoming_call_list ul li.emergency button img,#global_notifications_list #incoming_call_list ul li.call a img,#global_notifications_list #incoming_call_list ul li.call button img{object-fit:cover}#global_notifications_list #emergencylist ul li.emergency .answer_call_button,#global_notifications_list #emergencylist ul li.emergency .deny_call_button,#global_notifications_list #emergencylist ul li.call .answer_call_button,#global_notifications_list #emergencylist ul li.call .deny_call_button,#global_notifications_list #incoming_call_list ul li.emergency .answer_call_button,#global_notifications_list #incoming_call_list ul li.emergency .deny_call_button,#global_notifications_list #incoming_call_list ul li.call .answer_call_button,#global_notifications_list #incoming_call_list ul li.call .deny_call_button{cursor:pointer}#global_notifications_list #emergencylist ul li.emergency .location,#global_notifications_list #emergencylist ul li.call .location,#global_notifications_list #incoming_call_list ul li.emergency .location,#global_notifications_list #incoming_call_list ul li.call .location{display:flex;align-items:center;margin-right:auto}#global_notifications_list #emergencylist ul li.emergency .location figure,#global_notifications_list #emergencylist ul li.call .location figure,#global_notifications_list #incoming_call_list ul li.emergency .location figure,#global_notifications_list #incoming_call_list ul li.call .location figure{margin-right:20px}#global_notifications_list #emergencylist ul li.emergency .location figure img,#global_notifications_list #emergencylist ul li.call .location figure img,#global_notifications_list #incoming_call_list ul li.emergency .location figure img,#global_notifications_list #incoming_call_list ul li.call .location figure img{width:50px;height:50px;border-radius:50%;object-fit:cover}#global_notifications_list #emergencylist ul li.emergency .location .address,#global_notifications_list #emergencylist ul li.call .location .address,#global_notifications_list #incoming_call_list ul li.emergency .location .address,#global_notifications_list #incoming_call_list ul li.call .location .address{margin-right:10px}#global_notifications_list #emergencylist ul li.emergency .location .details,#global_notifications_list #emergencylist ul li.call .location .details,#global_notifications_list #incoming_call_list ul li.emergency .location .details,#global_notifications_list #incoming_call_list ul li.call .location .details{color:#e1e1e1;font-weight:400;text-align:left}#global_notifications_list #emergencylist ul li.emergency .location .details .supplemental,#global_notifications_list #emergencylist ul li.call .location .details .supplemental,#global_notifications_list #incoming_call_list ul li.emergency .location .details .supplemental,#global_notifications_list #incoming_call_list ul li.call .location .details .supplemental{color:#fff;font-size:11px;line-height:22px;font-weight:bold}#global_notifications_list #emergencylist ul li.emergency .location .name,#global_notifications_list #emergencylist ul li.call .location .name,#global_notifications_list #incoming_call_list ul li.emergency .location .name,#global_notifications_list #incoming_call_list ul li.call .location .name{font-weight:900;font-size:14px;color:#9b9b9b;letter-spacing:0;line-height:1.25em}#global_notifications_list #emergencylist ul li.call .color_overlay,#global_notifications_list #incoming_call_list ul li.call .color_overlay{background-color:rgba(0,0,0,0)}#device_screen_viewer{position:fixed;top:25px;left:9px;z-index:1000;width:450px}#device_screen_viewer .content{background-color:#fff !important}#device_screen_viewer img.close{position:absolute;right:-10px;top:-10px;width:20px;cursor:pointer}#device_screen_viewer .timer{float:right;cursor:pointer}#device_screen_viewer #device_viewer_image{margin:auto;display:block;max-width:100%}#device_screen_viewer .device-status-message{background-color:#e3f3ea;padding:10px}#device_screen_viewer .device-status-message.alert{background-color:#de3344}#device_screen_viewer .device-status-message.alert p{color:#fff}#device_screen_viewer .device-status-message p{color:#000}.inline_checkbox{display:flex}.inline_checkbox .checkbox{margin-right:1em}.inline_checkbox .checkbox:last-child{margin-right:0}.checkbox{display:flex;align-items:center}.checkbox label{cursor:pointer;margin:0 0 0 10px;font-size:13px}.checkbox label::selection{background:rgba(0,0,0,0)}.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;width:18px;height:18px;border:1px solid gray;border-radius:4px;cursor:pointer}.checkbox input[type=checkbox]:focus{outline:none}.checkbox input[type=checkbox]:checked{border:1px solid #7b9a9f;background:#7b9a9f}.checkbox input[type=checkbox]:checked:before{content:"✓";position:relative;left:2px;top:-1px;color:#fff}.search_control{position:relative}.search_control i{color:rgba(0,0,0,.42);position:absolute;right:0;top:6px;font-size:13px;margin:0;pointer-events:none}.search_control i:hover,.search_control i:focus{color:rgba(0,0,0,.42)}.search_control .e-input-group.e-control-wrapper input.e-input{padding-right:20px}.reminder_edit .schedule_type_selector,.reminder_edit .media_link_type_selector{margin-top:-10px}.reminder_edit .schedule_type_selector ul,.reminder_edit .media_link_type_selector ul{list-style:none}.reminder_edit .schedule_type_selector ul li,.reminder_edit .media_link_type_selector ul li{margin-bottom:10px}.reminder_edit .media_upload-title{font-size:16px;color:#9b9b9b;letter-spacing:0;margin-top:10px;margin-bottom:10px;line-height:normal;font-weight:400}.reminder_edit .media-link{gap:20px;justify-content:auto}.reminder_edit .media_link_type_selector ul{padding-left:0}.reminder_edit .mediaType{width:100%}.reminder_edit .scheduletype label{margin-right:10px}.reminder_edit .youtube_video-wrapper{position:relative;padding-bottom:56.25%;margin-bottom:10px;margin-top:10px}.reminder_edit .youtube_video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.reminder_edit .media_upload-button{margin-top:15px;margin-bottom:15px}.reminder_edit .media_upload-button:hover{cursor:pointer}.reminder_edit .clear-upload:hover{cursor:pointer}.video_temp{height:75px;width:122px;border:1px solid gray;justify-content:center;align-items:center;display:flex}.update-media:hover{cursor:pointer}.dot-flashing{position:relative;width:5px;height:5px;border-radius:50%;background-color:#259761;color:#259761;animation:dotFlashing 1s infinite linear alternate;animation-delay:.25s;display:inline-block;left:5px;top:1px}.dot-flashing::before,.dot-flashing::after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-7px;width:5px;height:5px;border-radius:50%;background-color:#259761;color:#259761;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:7px;width:5px;height:5px;border-radius:50%;background-color:#259761;color:#259761;animation:dotFlashing 1s infinite alternate;animation-delay:.5s}@keyframes dotFlashing{0%{background-color:#259761}50%,100%{background-color:#e3f3e9}}.encoding-progress{background-color:#e3f3e9}.encoding-progress .encoding-progress__indicator{background-color:#259761;-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.cron_editor h1{margin-bottom:2em !important;font-weight:bold}.cron_editor h1 span{font-style:italic;display:block}.cron_editor select{margin:0 10px}.cron_editor select[disabled],.cron_editor input[disabled]{opacity:.1}.cron_editor .weekly-options .row:nth-child(1){display:grid !important;grid-template-columns:repeat(5, 110px);grid-gap:15px 10px;margin-bottom:2em !important}.cron_editor .label,.cron_editor label{cursor:pointer;margin-left:5px}.cron_editor label input[type=checkbox]{margin-right:5px;position:relative;top:1px}.cron_editor select[disabled]+span,.cron_editor input[disabled]+span{opacity:.1}.cron_editor .fa-clock{margin:0 5px 0 10px;font-size:1.25em}.cron_editor .well{display:flex;align-items:center}.cron_editor .well.well-column{flex-direction:column;align-items:flex-start}.cron_editor .well.well-column .row{display:flex;align-items:center}.cron_editor .button.save{margin-top:1em}#trouble_ticket_action{position:fixed;z-index:2147483003;bottom:30px;right:12px;width:60px;height:60px;border-radius:50%;background:#3db883;cursor:pointer;background-image:initial;background-color:#259761;padding:.85em}.note-delete{color:red;font-size:.8em}.note-delete :hover{cursor:pointer}.two-column{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.two-column .column{display:flex;flex-direction:column;flex-basis:100%;flex:1}.two-column .column .admin_header{padding-bottom:0;justify-content:flex-start;align-items:center}.two-column .column .admin_header h1{width:auto;flex:none}.two-column .column .cards{display:block}.two-column .column .add{padding-left:35px}.two-column .column .add a{margin-bottom:0}.notes-card{padding:15px;overflow:scroll}.notes-card .date{font-size:.8em}.note-image{width:80%;margin:10px auto}.hard-refresh{margin-left:10px}.hard-refresh :hover{cursor:pointer}.color-block{display:inline-block;height:15px;width:15px;margin:0 5px;border:1px solid #000}.health-service{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;margin-bottom:8px}.health-service--connected{background:rgba(62,184,131,.08)}.health-service__name{font-weight:600}.health-service__devices{color:#576d6b;font-size:.85em;flex:1}.service-option{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px}.service-option__info p{margin:4px 0 0;color:#576d6b;font-size:.85em}wa-button[variant=brand]{--wa-color-brand-600: var(--color-brand, #3EB883);--wa-color-brand-500: #6B8B92}wa-badge[variant=success]{--wa-color-success-600: var(--color-success, #3EB883);--wa-color-success-100: rgba(62, 184, 131, 0.1)}.whats-new__modal{padding:0px}.whats-new__modal .fancybox-close-small{right:0;top:0;position:fixed;color:#fff}.whats-new{background-color:#f4f4f4;padding-top:120px}.whats-new__heading{padding:15px 20px;background-color:#3db883;color:#fff;width:100%;z-index:10;position:fixed;max-width:600px;margin-top:-130px}.whats-new__heading h2{font-size:15px;margin:15px 0 12px}.whats-new__heading .search-bar{float:right;padding:6px;border:none;margin-top:8px;margin-right:16px;font-size:17px;color:#fff}.whats-new__heading .search-bar::placeholder{color:#fff}.search-form{flex-grow:1;padding:12px;display:flex;flex-direction:row;margin:0;position:relative}.search-form .search-background{background-color:rgba(32,32,32,.1882352941);position:absolute;top:0;bottom:0;right:0;left:0;border-radius:5px}.search-form .search-bar{flex-grow:1;background-color:rgba(0,0,0,0);border:none;outline:none;color:currentColor;padding:0;margin:0;z-index:1;font-size:.8em}.search-form button{background-color:rgba(0,0,0,0);border:none;outline:none;color:currentColor;padding:0;margin:0;z-index:1;opacity:.47}.subscription-banner{transform:translateY(0px);height:auto;opacity:1;margin:10px 22.5px 0;transition:50ms linear all,250ms cubic-bezier(0.175, 0.885, 0.32, 1.275) transform,250ms linear opacity;background:#fff;color:gray;padding:15px;display:flex;flex-direction:column;flex-shrink:0;font-size:14px}.subscription-banner p{display:flex;align-items:center;color:inherit;margin:0}.subscription-banner p i{color:#5c5c5c;margin-right:10px}.subscription-banner svg{max-width:18px;position:absolute;right:10px}.whats-new__articles .no-results{margin-left:20px;background-color:#ffbac1;padding:10px;width:92%;display:block;font-size:14px;margin-right:20px;border-radius:5px}.article{margin-top:11.25px;padding:22px;margin:11.25px 22.5px;font-size:15px;color:#9b9b9b;background-color:#fff;border-bottom:1px solid #f3f3f3;box-shadow:0 0 8px rgba(0,0,0,.4);border-radius:7.2px}.article iframe{max-width:100%;height:100%}.sensor-log-notes__filters .card{height:auto;display:grid;margin-bottom:1.5em;padding:1em 2em;grid-template-columns:repeat(5, 1fr)}.sensor-log-notes__filters .card select{max-width:200px}.sensor-log-notes__filters .card a.e-btn{max-width:200px;margin-top:1em;grid-row:2;grid-column:1}.loading-notes{height:100%;width:100%;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.6);display:grid;align-content:center;justify-content:center}.loading-notes .loader{border:16px solid #f3f3f3;border-top:16px solid #259761;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sensor-log-note__modal{width:500px;padding:20px;background-color:#fff;border-radius:5px}.sensor-log-note__modal h3,.sensor-log-note__modal h2{margin-top:5px}.sensor-log-note__modal p{margin:0}.log-dates{display:flex}.log-note{margin-bottom:20px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.24);padding:20px 0}.log-note:last-child{border-bottom:0px}.log-note .note__individuals{display:flex;margin-right:20px;flex-direction:row-reverse;justify-content:flex-end}.log-note .note__individuals figure:nth-child(1) .name_circle{background:#1a8eff}.log-note .note__individuals figure:nth-child(1){z-index:10}.log-note .note__individuals figure:nth-child(2) .name_circle{background:#ca40ff}.log-note .note__individuals figure:nth-child(2){z-index:9;transform:translateX(12px)}.log-note .note__individuals figure:nth-child(3) .name_circle{background:#7d00ea}.log-note .note__individuals figure:nth-child(3){z-index:8;transform:translateX(24px)}.log-note .note__individuals figure:nth-child(4) .name_circle{background:#1a8eff}.log-note .note__individuals figure:nth-child(4){z-index:7;transform:translateX(36px)}.log-note .note__individuals figure:nth-child(5) .name_circle{background:#ca40ff}.log-note .note__individuals figure:nth-child(5){z-index:6;transform:translateX(48px)}.log-note .note__individuals figure:nth-child(6) .name_circle{background:#7d00ea}.log-note .note__individuals figure:nth-child(6){z-index:5;transform:translateX(60px)}.log-note .note__content .note__top{display:flex;margin-bottom:10px}.log-note .note__content .note__tag{background-color:#e3f3ea;width:auto;display:inline-block;padding:4px 8px;border-radius:3px;color:#000;text-transform:capitalize;margin:0 2px;font-size:11px;letter-spacing:0}.log-note .note__content .note__date{margin-top:5px;font-size:11px;color:#9b9b9b;letter-spacing:0}.note__tags{padding-left:0}.reports__filters .card{height:auto;display:grid;margin-bottom:1.5em;padding:1em 2em;grid-template-columns:repeat(2, 1fr)}.reports__filters .card select{max-width:200px}.reports__filters .card a.e-btn{max-width:200px;margin-top:1em;grid-row:2;grid-column:1}.sensor-edit__value{font-weight:400}.e-float-input>.level-slider{-webkit-appearance:none;width:100%;height:3px;border-radius:5px !important;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;min-height:0 !important;margin-top:10px;margin-bottom:10px;overflow:visible !important}.e-float-input>.level-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#04aa6d;cursor:pointer}.e-float-input>.level-slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#04aa6d;cursor:pointer}a.emergency-support-note{background-color:#e3f3ea !important;width:25px !important;height:25px !important;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#000;font-weight:bold;position:absolute;top:-8px;left:-16px;font-size:18px;font-style:normal;border:1px solid #000;font-family:ui-serif;z-index:1}.color_overlay>a.emergency-support-note{top:0;left:0}.balena-device-info{margin:20px 0;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.balena-device-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.balena-device-info__header h3{margin:0;font-size:1.2em;font-weight:600}.balena-device-info__status{margin-bottom:20px}.balena-device-info__services{margin-bottom:20px}.balena-device-info__services h4{margin-bottom:10px;font-size:1.1em}.balena-device-info__actions{margin-bottom:20px}.balena-device-info__actions h4{margin-bottom:10px;font-size:1.1em}.balena-device-info__loading,.balena-device-info__error{padding:10px;margin:10px 0;border-radius:4px}.balena-device-info__loading{background-color:#e3f2fd;color:#1976d2}.balena-device-info__error{background-color:#ffebee;color:#c62828}.balena-device-info__error .error-message{margin:0}.balena-device-info--no-sync{background-color:#fff3cd;border-color:#ffc107}.balena-device-info__sync-prompt p{margin-bottom:10px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:15px;margin-bottom:20px}.status-item{display:flex;flex-direction:column;gap:5px}.status-item label{font-weight:600;font-size:.9em;color:#666}.status-item span{font-size:1em}.status-item .monospace{font-family:"Courier New",monospace;font-size:.9em}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:600;text-transform:uppercase}.status-badge.status-online{background-color:#4caf50;color:#fff}.status-badge.status-offline{background-color:#f44336;color:#fff}.status-badge.status-operational{background-color:#4caf50;color:#fff}.status-badge.status-idle{background-color:#ff9800;color:#fff}.status-badge.status-running{background-color:#4caf50;color:#fff}.status-badge.status-exited{background-color:#f44336;color:#fff}.services-table{width:100%;border-collapse:collapse;margin-top:10px}.services-table thead{background-color:#f5f5f5}.services-table th,.services-table td{padding:10px;text-align:left;border-bottom:1px solid #e0e0e0}.services-table th{font-weight:600;font-size:.9em;color:#666}.services-table tbody tr:hover{background-color:#f9f9f9}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.action-buttons button{min-width:150px}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.warning-message{margin-top:10px;padding:10px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;font-size:.9em}.hearo-admin{max-width:1200px;margin:0 auto;padding:32px 24px;--wa-color-brand-600: #597980;--wa-color-success-600: #3EB883}.hearo-admin__header{margin-bottom:32px}.hearo-admin__header h1{font-size:28px;font-weight:700;margin:0 0 4px;color:#1a1a1a}.hearo-admin__header p{margin:0;color:#666;font-size:14px}.hearo-admin__header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hearo-admin__header-actions{display:flex;gap:8px;align-items:center}.hearo-admin__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px}.hearo-admin__tile{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.hearo-admin__tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);text-decoration:none;color:inherit}.hearo-admin__tile--disabled{opacity:.6;cursor:default;pointer-events:none}.hearo-admin__tile-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hearo-admin__tile-body{flex:1;min-width:0}.hearo-admin__tile-body h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.hearo-admin__tile-body p{margin:0;font-size:13px;color:#666}.hearo-admin__tile-status{flex-shrink:0}.hearo-admin__card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);padding:24px}.hearo-admin__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hearo-admin__card-header h2{margin:0;font-size:20px;font-weight:600}.hearo-admin__card-actions{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.hearo-admin__details-table{width:100%;border-collapse:collapse}.hearo-admin__details-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;font-size:14px;vertical-align:middle}.hearo-admin__details-table tr:last-child td{border-bottom:none}.hearo-admin__details-table td:first-child{width:200px;color:#555}.hearo-admin__details-table code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:13px}.hearo-admin__table-wrapper{overflow-x:auto}.hearo-admin__table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);overflow:hidden}.hearo-admin__table thead th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;background:#fafafa;border-bottom:2px solid #eee}.hearo-admin__table tbody tr:nth-child(even){background:#fafafa}.hearo-admin__table tbody tr:hover{background:#f0f4f5}.hearo-admin__table tbody td{padding:12px 16px;font-size:14px;vertical-align:middle;border-bottom:1px solid #f0f0f0}.hearo-admin__table tbody tr:last-child td{border-bottom:none}.hearo-admin__table-actions{white-space:nowrap;display:flex;gap:8px;align-items:center}.hearo-admin__sensor-thumb{width:48px;height:48px;object-fit:contain;border-radius:6px;background:#f5f5f5}.hearo-admin__sensor-thumb-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:6px;color:#ccc;font-size:20px}.hearo-admin__form{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);padding:24px}.hearo-admin__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hearo-admin__form-field{display:flex;flex-direction:column;gap:6px}.hearo-admin__form-field label{font-size:13px;font-weight:600;color:#444}.hearo-admin__form-field--full{grid-column:1/-1}.hearo-admin__textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.hearo-admin__textarea:focus{outline:none;border-color:#597980;box-shadow:0 0 0 3px rgba(89,121,128,.15)}.hearo-admin__image-preview{width:120px;height:80px;object-fit:contain;border-radius:6px;background:#f5f5f5;margin-top:8px}.hearo-admin__form-actions{display:flex;gap:12px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.hearo-admin__attributes{margin-top:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);padding:24px}.hearo-admin__attr-row{cursor:default}.hearo-admin__attr-row code{background:#f0f4f5;padding:2px 8px;border-radius:4px;font-size:13px;color:#2a4a4f}.hearo-admin__attr-values{background:#f9fafb !important}.hearo-admin__attr-values:hover{background:#f9fafb !important}.hearo-admin__attr-values td{padding:8px 16px !important}.hearo-admin__attr-values-inner{padding:8px 0}.hearo-admin__attr-values-inner table{border-collapse:collapse;width:100%}.hearo-admin__attr-values-inner table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:1px solid #e5e5e5}.hearo-admin__attr-values-inner table td{border-bottom:1px solid #f0f0f0}.hearo-admin__attr-values-inner table tr:last-child td{border-bottom:none}.hearo-admin__attr-values-inner table code{background:#eef2f3;padding:1px 6px;border-radius:3px;font-size:12px}.hearo-admin__inline-form{background:#f5f7f8;border:1px solid #e0e5e7;border-radius:8px;padding:16px;margin:12px 0}.hearo-admin__empty{text-align:center;padding:60px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.hearo-admin__empty p{margin:16px 0;color:#666;font-size:15px}@media(max-width: 768px){.hearo-admin{padding:20px 16px}.hearo-admin__header-row{flex-direction:column}.hearo-admin__grid{grid-template-columns:1fr}.hearo-admin__form-grid{grid-template-columns:1fr}.hearo-admin__details-table td:first-child{width:auto}}.location-info{display:flex;align-items:center;padding:17px 35px 0}@media(max-width: 1400px){.location-info .form_group{text-align:right}.location-info .form_group a{margin-bottom:1em}}.location-info .location-info__buttons{display:flex}.location-info .location-info__buttons a{margin-right:10px}.location-info .location-info__image{width:80px;height:80px;border-radius:50%;overflow:hidden;display:inline-block;margin-right:20px}@media(max-width: 768px){.location-info .location-info__image{margin:0 auto;display:block}}.location-info .location-info__image img{width:100%;height:100%}.location-info .location-info__name{margin-bottom:0px;margin-top:0;font-size:35px;color:#9b9b9b;font-weight:400;display:inline-block}@media(max-width: 768px){.location-info .location-info__name{text-align:center}}.location-info .location-info__name>div{font-weight:400;font-size:.65em}.location-info .location-info__call{margin-left:1em}@media(max-width: 768px){.location-info .location-info__call{text-align:center}}.location-info .location-info__call i{font-size:35px;color:#9b9b9b}.location-info .location-info__call:hover{cursor:pointer}.location-info .location-info__call .location-info__call{margin-left:15px;align-self:flex-start;padding-top:30px}@media(max-width: 768px){.location-info .location-info__call .location-info__call{text-align:center}}.location-info .location-info__call .location-info__call i{color:#60b886}.button-group{margin-left:auto}.location-devices{background-color:#fff;border-radius:10px;padding:10px 25px;margin:10px 0;display:inline-flex;gap:50px;align-items:flex-start}@media(max-width: 768px){.location-devices{display:block}}.device{padding:0;display:flex;align-items:center}@media(max-width: 768px){.device{display:block;text-align:center}}.device .device__image{max-width:75px;margin-right:20px}.device .device__image img{width:100%}.device .device__content{min-width:115px}.device .device__content p{margin:.3em 0}.device .device__content p.device__application{margin:0;font-size:14px}.device .device__content p.device__online{margin-top:20px}.device .device__content p.device__online span{color:#60b886}.device .device__content p.device__offline{margin-top:20px}.device .device__content p.device__offline span{color:#de3344}.device .device__content .actions{margin-top:20px}.device .device__content .actions button{width:100%;border-radius:10px}.device__name{font-size:.5em}.individuals{display:flex;flex-wrap:wrap}.individual{min-width:400px;background-color:#fff;padding:25px;border-radius:10px;margin-left:10px;margin-right:10px}@media(max-width: 768px){.individual{min-width:0px}}.individual:first-child{margin-left:0px}.individual .individual__image{width:90px;height:90px;border-radius:50%;overflow:hidden;display:flex;margin:0 auto;background-size:cover;background-position:center}.individual .individual__image img{align-self:center;width:100%;height:auto}.individual .individual__contact{display:flex;align-items:center;width:100%;justify-content:flex-start;margin-bottom:1em}.individual .individual__contact .individual__contact__image{width:60px;height:60px;border-radius:50%;background-size:cover;margin-right:1em}.individual .individual__contact .individual__name{font-size:30px;color:#9b9b9b;font-weight:400;text-align:center;display:inline-block}.individual .individual__contact .location-info__call{display:inline-block;margin-left:10px}.individual .individual__contact .location-info__call i{font-size:30px}@media(max-width: 768px){.individual .individual__contact .location-info__call{display:block;text-align:center}}h1{font-size:22px !important;color:#000 !important;font-weight:700 !important}.location_individuals{padding:20px;border-radius:10px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:2em}.individual__devices{display:flex;flex-direction:column;gap:16px}.device__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.device__actions .device__action-btn::part(base){background:#6baf8d;color:#fff;border:none;border-radius:20px;font-size:12px;transition:filter .15s ease}.device__actions .device__action-btn::part(base):hover{background:#5a9e7c;color:#fff}.device__actions .device__action-btn--remove::part(base){background:#9eaeb3}.device__actions .device__action-btn--remove::part(base):hover{background:#8a9a9e}.individual wa-details+wa-details{margin-top:8px}.dashboard-btn::part(base){background:#6baf8d;color:#fff;border:none;border-radius:20px;transition:filter .15s ease}.dashboard-btn::part(base):hover{background:#5a9e7c;color:#fff}.dashboard-btn--muted::part(base){background:#9eaeb3}.dashboard-btn--muted::part(base):hover{background:#8a9a9e}.dashboard-btn-native{background:#6baf8d !important;color:#fff !important;border:none;border-radius:20px;padding:4px 14px;font-size:13px;cursor:pointer;transition:filter .15s ease}.dashboard-btn-native:hover{background:#5a9e7c !important}.dashboard-btn-native--muted{background:#9eaeb3 !important}.dashboard-btn-native--muted:hover{background:#8a9a9e !important}.device__application{max-width:150px;text-overflow:ellipsis;overflow:hidden}.individual .individual__contact .individual__name{font-weight:700;font-size:22px;color:#000;margin:0}.location-dashboard-one-column{margin-bottom:4em;padding:0 70px}.location-dashboard-one-column .admin_header{padding:0}.troubleshoot__button.button.smaller{margin-top:10px;font-size:11px;display:block;line-height:1.5em}.location-dashboard-two-column{display:flex;gap:20px;margin-top:2em;padding:0px 70px;margin-bottom:4em}.location-dashboard-two-column .admin_header{padding:0}.location-dashboard-two-column .cards{display:block;padding:0}.location-dashboard-logs .card_wrapper{padding-top:0}.location-dashboard-logs .card{height:60vh;max-height:60vh;display:flex;flex-direction:column;overflow:hidden}.location-dashboard-logs .activity_feed_card:not(.activity-list){overflow:visible;flex:0 0 auto;columns:unset}.location-dashboard-logs .activity_feed_card.activity-list{flex:1 1 auto;min-height:0;overflow-y:auto;columns:unset;display:block}.location-dashboard-logs .activity_feed_card.activity-list li{break-inside:avoid}.location-dashboard-two-column>div{flex:1}.individual{padding:0;border-radius:0;min-width:0;margin:0 !important}.individual .device .device__image{max-width:50px}.location-devices{padding:20px;display:grid;grid-template-columns:1fr 1fr;margin:0}.device .device__image{max-width:100px}.device .device__content{min-width:0;flex:1}.device{align-items:flex-start}.device{position:relative}.actions{position:absolute;top:-5px;left:-10px;margin-top:0 !important}.actions .action{cursor:pointer;background:#de3344;color:#fff;padding:8px;display:flex;align-items:center;border-radius:6px;gap:3px;flex-direction:column}.actions .action span{display:none}.actions .action i{color:#fff;font-size:1.5em}.cards{min-height:0}.map_link{margin-left:10px}.map_link i{font-size:35px;color:#9b9b9b}.map_link:hover i{color:#60b886}.notes-card{overflow:auto}@media(max-width: 1400px){.location-dashboard-two-column,.two-column{display:block}}.strapi-iframe .fancybox-button{color:#fff !important}.sensor-values-updated{position:relative;display:none;font-size:14px;color:red;margin-right:5px}.sensor-values-updated i{color:#de3344}.sensor-values-updated .sensor_values-updated__tooltip{visibility:hidden;width:300px;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:5px;font-size:12px;font-weight:400;font-family:"Lato","sans-serif";position:absolute;z-index:1;line-height:1.5em}.sensor-values-updated:hover .sensor_values-updated__tooltip{visibility:visible}.location-dashboard__disclaimer{font-weight:800;margin:-10px 0 10px 0}.last-reported{font-size:12px;font-weight:400;font-family:monospace;margin:0;margin-top:5px;color:#60b886}.last-reported.alert{color:#de3344}.location-info__name-block{display:flex;align-items:center}.delete-note-modal{max-width:500px;padding:20px;background-color:#fff}.delete-note-modal footer{margin-top:1em}.log-checklist{margin:10px 0;padding:10px;background:hsla(0,0%,100%,.5);border-radius:8px;border:1px solid rgba(0,0,0,.05)}.log-checklist ul{list-style:none;padding:0;margin:0}.checklist-item{display:flex;align-items:center;margin-bottom:6px;font-size:.9em}.checklist-item label{display:flex;align-items:center;cursor:pointer;flex:1;margin-bottom:0}.checklist-item input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.checklist-item.checked .item-text{text-decoration:line-through;color:#888}.checked-by{font-size:.8em;color:#999;font-style:italic}.checklist-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.complete-badge{color:#60b886;font-weight:600;font-size:.9em}.btn-reset{background:none;border:1px solid #ccc;border-radius:4px;padding:3px 10px;font-size:.85em;color:#666;cursor:pointer}.btn-reset:hover{border-color:#999;color:#333}.checklist-complete{opacity:.8}.identity .site_header{display:none}.companies_companies table.entry-details th{text-align:left}.companies_edit td.medscheduleoffset span{max-width:50%}.reminder_reminder i.info_icon{color:#2383fd;font-size:1.25em;position:relative;top:-17px;left:-1px;transform:scaleX(-1);cursor:pointer}.reminder_reminders table.entry-details{width:100%}.reminder_reminders table.entry-details tr td.individual{font-weight:bold;width:12em;display:block}.reminder_reminders table.entry-details tr td.message{font-style:italic;text-align:left;width:100%;white-space:normal}.reminder_reminders table.entry-details tr:not(:first-child) td{padding-top:1em}.home_exportlogs #default_dialog{width:500px;background-color:rgba(0,0,0,0);padding:0;display:none}.home_exportlogs #default_dialog #email_message{display:none}.home_exportlogs #default_dialog .content{margin-top:44px;padding:20px;background-color:#2a2a2a}.home_exportlogs #default_dialog .fancybox-close-small{color:#ccc;padding:7px}.home_sendnotification #default_dialog{width:500px;background-color:rgba(0,0,0,0);padding:0;display:none}.home_sendnotification #default_dialog #notification_status_message{display:none}.home_sendnotification #default_dialog .content{margin-top:44px;padding:20px;background-color:#2a2a2a}.home_sendnotification #default_dialog .fancybox-close-small{color:#ccc;padding:7px}.home_cronselector option{outline-width:0;border:0;background-color:#fff}.home_cronselector{max-width:1120px}.home_cronselector select{background-color:#f4f4f4;width:100%;color:inherit;outline-width:0;border:0;display:block}.home_cronselector select.e-control{font-size:13px;padding-bottom:.6em}.home_cronselector select.e-control~label{top:-13px !important;transform:translate3d(0, -6px, 0) scale(0.92)}.home_cronselector .form_group{margin-bottom:13px}.home_cronselector .nav{padding-left:0;margin-bottom:0;list-style:none}.home_cronselector .nav:after{clear:both;display:table;content:" "}.home_cronselector .nav-tabs{border-bottom:1px solid #ddd}.home_cronselector .nav-tabs>li{float:left;margin-bottom:-1px}.home_cronselector .nav>li{position:relative;display:block}.home_cronselector .nav-tabs li a{cursor:pointer}.home_cronselector .nav-tabs>li.active>a,.home_cronselector .nav-tabs>li.active>a:focus,.home_cronselector .nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:rgba(0,0,0,0)}.home_cronselector .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid rgba(0,0,0,0);border-radius:4px 4px 0 0}.home_cronselector .nav>li>a{position:relative;display:block;padding:10px 15px}.home_cronselector .tab-pane{display:none}.home_cronselector .tab-pane.active{display:block}.home_cronselector .tab-pane .well .row{margin:1em 0}.home_cronselector .tab-pane .well .row:first-child{columns:3}.home_cronselector .well{margin:2em 0}.home_cronselector .well select{border:1px solid #969696;padding:.25em}.ruleseditor_index option{outline-width:0;border:0;background-color:#fff}.ruleseditor_index select{background-color:#f4f4f4;width:100%;color:inherit;outline-width:0;border:0;display:block}.ruleseditor_index select.e-control{font-size:13px;padding-bottom:.6em}.ruleseditor_index select.e-control~label{top:-13px !important;transform:translate3d(0, -6px, 0) scale(0.92)}.ruleseditor_index .form_group{margin-bottom:13px}.ruleseditor_index li{list-style:none}.ruleseditor_index .rule-entry-wrapper{background-color:#f4f4f4;border-radius:9px;padding:1em;text-align:left;margin-bottom:1.5em;position:relative}.ruleseditor_index .rule-entry-wrapper h1{position:absolute;top:0;right:0;padding:0;margin:0;font-size:13px;padding:.25em .65em;border-radius:0 9px 0 0}.ruleseditor_index button.e-dropdown{background-color:#f4f4f4;color:#000;text-align:center;display:block;margin-top:2em}.ruleseditor_index .ruleHeader{display:flex;align-items:flex-end}.ruleseditor_index .ruleHeader button{margin-left:3em}.ruleseditor_index .ruleName{flex-grow:1}.ruleseditor_index .ruleName input{font-size:24px !important}.ruleseditor_index .button:not(.save){background-color:#dbdbdb;color:#000}.ruleseditor_index .e-add-image,.ruleseditor_index .e-add-image2{background:url(/images/add_button.svg);background-repeat:no-repeat;margin-right:.4em;width:32px !important;height:32px}.ruleseditor_index .e-delete-image{background:url(/images/end_call.svg);background-repeat:no-repeat;margin-right:.4em;width:32px;height:32px;background-size:contain;transform:translateY(2px)}.ruleseditor_index table{margin-top:2em;color:#9b9b9b}.ruleseditor_index table td:first-child{padding-right:2em}.ruleseditor_index table td:last-child{padding-left:2em}.ruleseditor_index table tr th{font-size:1.25em;padding-bottom:.5em}.ruleseditor_index .admin_header .empty{text-align:right}.ruleseditor_index .pad .ruleCard{background-color:#fff;padding:1em 2em 0 2em;border-radius:9px;margin-bottom:2em}.ruleseditor_index .pad .ruleCard .ruleFooter{display:flex;justify-content:center;padding-top:1em;padding-bottom:.25em}.ruleseditor_index .pad .ruleCard .ruleFooter .button{line-height:2em;cursor:pointer}.ruleseditor_index .time_wrapper{display:flex;align-items:flex-start}.ruleseditor_index .time_wrapper h3{flex-grow:1;margin-left:2em}.ruleseditor_index .close-dialog{float:right;margin-top:2em}.ruleseditor_index .edit-button{white-space:nowrap}.ruleseditor_index .nav{padding-left:0;margin-bottom:0;list-style:none}.ruleseditor_index .nav:after{clear:both;display:table;content:" "}.ruleseditor_index .nav-tabs{border-bottom:1px solid #ddd}.ruleseditor_index .nav-tabs>li{float:left;margin-bottom:-1px}.ruleseditor_index .nav>li{position:relative;display:block}.ruleseditor_index .nav-tabs li a{cursor:pointer}.ruleseditor_index .nav-tabs>li.active>a,.ruleseditor_index .nav-tabs>li.active>a:focus,.ruleseditor_index .nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:rgba(0,0,0,0)}.ruleseditor_index .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid rgba(0,0,0,0);border-radius:4px 4px 0 0}.ruleseditor_index .nav>li>a{position:relative;display:block;padding:10px 15px}.ruleseditor_index #dialog-container{display:block;height:100%;margin:0;overflow:hidden;width:100%}.ruleseditor_index .tab-pane{display:none}.ruleseditor_index .tab-pane.active{display:block}.ruleseditor_index .tab-pane .well .row{margin:1em 0}.ruleseditor_index .tab-pane .well .row:first-child{columns:3}.ruleseditor_index .well{margin:1em 0}.ruleseditor_index .well select{border:1px solid #969696;padding:.25em}.error-layout{display:flex;justify-content:center}.error-layout .error-layout-content{margin-top:150px;text-align:center}.error-layout h2{margin:25px 0;font-weight:900}.error-layout p{font-weight:bold;font-size:16px}.error-layout img{max-width:60vw;margin:0 auto}.small{font-size:.8em}.activity-filter-chips{display:flex;gap:4px;flex-wrap:wrap;padding:6px 12px}.activity-filter-chips .activity-chip{padding:2px 8px;font-size:.72rem;border:1px solid #ccc;border-radius:12px;background:rgba(0,0,0,0);color:#666;cursor:pointer;line-height:1.4}.activity-filter-chips .activity-chip.active{background:#576d6b;border-color:#576d6b;color:#fff}.activity-filter-chips .activity-chip:hover:not(.active){background:#f0f0f0}li.activity-bulk{opacity:.55}.card .activity_feed_card:not(.activity-list){overflow:visible;flex:0 0 auto}.card .activity_feed_card.activity-list{flex:1 1 auto;min-height:0;overflow-y:auto}.activity_feed_card li.emergency .icon i{color:#dc2626;--fa-primary-color: #dc2626;--fa-secondary-color: #fecaca;--fa-secondary-opacity: 0.7}.activity_feed_card li.activity-bulk .icon i{color:#94a3b8;--fa-primary-color: #94a3b8;--fa-secondary-color: #cbd5e1}.activity_feed_card li[data-signal-type="sensor.motion"] .icon i{color:#2563eb;--fa-primary-color: #2563eb;--fa-secondary-color: #bfdbfe}.activity_feed_card li[data-signal-type="sensor.power_w"] .icon i{color:#f59e0b;--fa-primary-color: #f59e0b;--fa-secondary-color: #fef3c7}.activity_feed_card li[data-signal-type^="dispenser."] .icon i,.activity_feed_card li[data-signal-type="sensor.switch"][data-signal-variant=med] .icon i{color:#10b981;--fa-primary-color: #10b981;--fa-secondary-color: #d1fae5}.activity_feed_card li[data-signal-type="device.connection_status"] .icon i{color:#64748b;--fa-primary-color: #64748b;--fa-secondary-color: #e2e8f0}.activity_feed_card li[data-signal-type="sensor.scene"] .icon i{color:#7c3aed;--fa-primary-color: #7c3aed;--fa-secondary-color: #ddd6fe}.activity_feed_card li[data-signal-type^="thermostat."] .icon i{color:#ea580c;--fa-primary-color: #ea580c;--fa-secondary-color: #fed7aa}.activity_feed_card li[data-signal-type="sensor.color"] .icon i{--fa-primary-color: #64748b;--fa-secondary-color: #e2e8f0}.signal-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin:0 2px;background:var(--swatch-color, #888);border:1px solid color-mix(in oklab, var(--swatch-color, #888) 70%, #000 30%);box-shadow:0 1px 2px rgba(0,0,0,.12);background-image:linear-gradient(135deg, color-mix(in oklab, var(--swatch-color, #888) 90%, #fff 10%), var(--swatch-color, #888))}.signal-brightness{display:inline-block;width:36px;height:8px;border-radius:4px;vertical-align:1px;margin:0 4px;background:linear-gradient(to right, var(--bar-color, #f59e0b) 0%, var(--bar-color, #f59e0b) var(--brightness, 0%), color-mix(in oklab, var(--bar-color, #f59e0b) 18%, transparent) var(--brightness, 0%), color-mix(in oklab, var(--bar-color, #f59e0b) 18%, transparent) 100%);border:1px solid color-mix(in oklab, var(--bar-color, #f59e0b) 35%, transparent)} .activity-view-toolbar { width: min(1690px, calc(100% - 2 * var(--hearo-page-gutter))); margin: 8px auto 0; } .activity-view-toolbar__manage { background: #fff; border: 1px solid #dde7e3; border-radius: 12px; box-shadow: 0 8px 24px rgba(34, 65, 57, .08); display: flex; align-items: center; gap: 14px; padding: 10px 12px; } .activity-view-toolbar[hidden], .activity-view-toolbar__browse[hidden], .activity-view-toolbar__manage[hidden], .activity-view-focus-banner[hidden], .activity-view-card-tools[hidden] { display: none !important; } /* The dashboard cards use display:flex later in this stylesheet, so they need an explicit hidden rule instead of relying on the browser's weaker default. */ #dashboard-app > .card_wrapper[hidden] { display: none !important; } .activity-view-toolbar__browse { display: flex; align-items: center; gap: 4px; min-width: 0; margin-left: auto; } .activity-view-toolbar__browse .activity_search_pill__divider { align-self: stretch; margin: 4px 7px 4px 4px; } .activity-view-toolbar__picker { display: flex; align-items: center; gap: 4px; min-width: 0; } .activity-view-toolbar__picker > i { align-items: center; color: #3db883; display: inline-flex; flex: 0 0 18px; justify-content: center; width: 18px; } .activity-view-toolbar__picker wa-select { height: var(--hearo-control-height-small); min-width: 11rem; width: 11rem; } .activity-view-toolbar__picker wa-select::part(combobox) { height: var(--hearo-control-height-small); min-height: var(--hearo-control-height-small); padding-inline: .6rem; } .activity-view-toolbar__summary { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .activity-view-toolbar__browse wa-button { flex: 0 0 var(--hearo-control-height-small); height: var(--hearo-control-height-small); width: var(--hearo-control-height-small); } .activity-view-toolbar__browse wa-button::part(base) { height: var(--hearo-control-height-small); min-height: var(--hearo-control-height-small); min-width: var(--hearo-control-height-small); padding: 0; width: var(--hearo-control-height-small); } .activity-view-toolbar__browse wa-button i { margin: 0; } .activity-view-toolbar__browse + .activity_search_pill__divider { margin: 4px 6px; } .activity_rows_selector { align-items: center; gap: 0; padding-right: 0; position: relative; } .activity_rows_selector__current { align-items: center; display: inline-flex; justify-content: center; left: .5rem; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; z-index: 2; } .activity_rows_selector[data-row-count="1"] .activity_rows_selector__current i:nth-child(n + 2), .activity_rows_selector[data-row-count="2"] .activity_rows_selector__current i:nth-child(n + 3), .activity_rows_selector[data-row-count="3"] .activity_rows_selector__current i:nth-child(n + 4) { display: none; } .activity_rows_selector wa-select { height: var(--hearo-control-height-small); width: 3.25rem; } .activity_rows_selector wa-select::part(combobox) { height: var(--hearo-control-height-small); min-height: var(--hearo-control-height-small); padding-inline: .2rem; } .activity_rows_selector wa-select::part(display-input) { color: transparent; } .activity-view-toolbar__manage { align-items: end; flex-wrap: wrap; border-color: #99d9bd; box-shadow: 0 10px 28px rgba(35, 143, 98, .13); } .activity-view-toolbar__intro { flex: 1 1 290px; align-self: center; } .activity-view-toolbar__eyebrow { color: #1f4939; font-size: 15px; font-weight: 800; } .activity-view-toolbar__help { color: #6e7c76; font-size: 12px; line-height: 1.45; margin-top: 2px; } .activity-view-toolbar__manage > wa-input { flex: 0 1 230px; } .activity-view-toolbar__actions { display: flex; align-items: center; gap: 7px; margin-left: auto; } .activity-view-toolbar__dirty { color: #a76115; font-size: 11px; font-weight: 700; white-space: nowrap; } .activity-view-dialog-error { color: #b42318; font-size: 12px; margin-top: 8px; } .activity-view-focus-banner { max-width: 860px; margin: 10px auto 0; padding: 10px 14px; background: #effaf5; border: 1px solid #7bcba8; border-radius: 9px; color: #25493b; display: flex; align-items: center; gap: 10px; box-shadow: 0 5px 16px rgba(38, 113, 82, .1); } .activity-view-focus-banner > span { flex: 1; } .activity-view-focus-banner button { border: 0; background: transparent; color: #16754f; cursor: pointer; font-weight: 700; } .activity-view-empty { margin: 35px auto; width: min(460px, calc(100% - 30px)); padding: 30px; border: 1px dashed #a9b9b2; border-radius: 14px; color: #617169; text-align: center; } .activity-view-empty > i { display: block; color: #8a9b94; font-size: 28px; margin-bottom: 10px; } .activity-view-empty strong, .activity-view-empty span { display: block; margin-bottom: 7px; } .activity-view-empty wa-button { margin-top: 8px; } .card .drag-handle { appearance: none; background: transparent; border: 0; color: #fff; cursor: grab; display: none; position: absolute; right: 6px; top: 4px; width: 34px; height: 28px; padding: 0; z-index: 8; } .activity-view-card-tools { display: flex; align-items: center; gap: 5px; position: absolute; right: 12px; top: 50px; z-index: 8; } .activity-view-card-tools button { appearance: none; background: #f4f8f6; border: 1px solid #cbd9d3; border-radius: 7px; color: #41564e; cursor: pointer; min-height: 30px; padding: 5px 8px; } .activity-view-card-tools button:hover { background: #e9f6f0; border-color: #65bd96; } .activity-view-card-tools button:disabled { cursor: default; opacity: .62; } .activity-view-visibility { display: inline-flex; align-items: center; gap: 5px; min-width: 78px; justify-content: center; } html.activity-view-managing #dashboard-app.cards { grid-auto-rows: auto !important; align-items: start; padding-top: 14px !important; } html.activity-view-managing .cards .card_wrapper { height: 150px !important; min-height: 150px; padding-top: 22px; user-select: none; -webkit-user-select: none; } html.activity-view-managing .cards .card_wrapper > .card { height: 128px !important; min-height: 128px; overflow: hidden; padding-bottom: 8px; cursor: default; } html.activity-view-managing .card .drag-handle { display: inline-flex; align-items: center; justify-content: center; } html.activity-view-managing .card .drag-handle:active { cursor: grabbing; } html.activity-view-managing .card .location-card-header { margin-bottom: 0 !important; padding-right: 155px; } html.activity-view-managing .card .location-card-header__meta, html.activity-view-managing .card > .user_links, html.activity-view-managing .card > .handoff_accept, html.activity-view-managing .card > .activity_feed_card, html.activity-view-managing .card > .activity-loading, html.activity-view-managing .card > .activity-empty { display: none !important; } html.activity-view-managing .activity-view-card--hidden > .card { background: #f5f7f6; border: 2px dashed #aab8b2; opacity: .67; } html.activity-view-managing .activity-view-card--hidden .activity-view-visibility { background: #fff2f0; border-color: #d6aaa3; color: #8f3d31; } html.activity-view-dragging, html.activity-view-dragging * { cursor: grabbing !important; user-select: none !important; -webkit-user-select: none !important; } .activity-view-sort-ghost > .card { background: #e7f7ef !important; border: 2px dashed #35aa78 !important; box-shadow: inset 0 0 0 3px rgba(53, 170, 120, .08); opacity: .48; } .activity-view-sort-chosen > .card, .activity-view-sort-drag > .card { border-color: #31aa76 !important; box-shadow: 0 18px 40px rgba(32, 98, 70, .26); transform: scale(1.018) rotate(.15deg); } .activity-view-card--focused > .card { animation: activity-view-focus-pulse .9s ease-in-out 3; } @keyframes activity-view-focus-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(222, 51, 68, 0); } 50% { box-shadow: 0 0 0 5px rgba(222, 51, 68, .34), 0 10px 26px rgba(39, 70, 59, .15); } } @media (max-width: 768px) { .activity-view-toolbar { width: 100%; margin: 0; } .activity-view-toolbar__browse { grid-column: 1 / -1; flex: 1 1 100%; margin-left: 0; } .activity-view-toolbar__browse .activity_search_pill__divider { display: none; } .activity-view-toolbar__picker { flex: 1 1 auto; } .activity-view-toolbar__picker wa-select { flex: 1; min-width: 0; } .activity-view-toolbar__summary { display: none; } .activity-view-toolbar__manage { align-items: stretch; } .activity-view-toolbar__manage > wa-input, .activity-view-toolbar__actions { flex: 1 1 100%; } .activity-view-toolbar__actions { flex-wrap: wrap; } html.activity-view-managing .card .location-card-header { padding-right: 105px; } .activity-view-move { display: none; } .activity-view-card-tools { top: 47px; } } .notification-location-link { appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; font: inherit; padding: 0; text-align: left; } .notification-location-link:hover { text-decoration: underline; } /* Identity invitation and account setup */ .onboarding-card { max-width: 440px; } .onboarding-eyebrow { margin: 0 0 8px !important; color: #2a8f6c !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; } .onboarding-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 20px; border-radius: 18px; font-size: 24px; } .onboarding-icon--success { background: #def6eb; color: #23845f; } .onboarding-icon--error { background: #fde9eb; color: #b92d3c; } .onboarding-security-note { display: flex; gap: 12px; align-items: flex-start; margin: 20px 0; padding: 14px 16px; border: 1px solid #d9e8e2; border-radius: 12px; background: #f3f8f6; color: #3d554d; font-size: 14px; line-height: 1.5; text-align: left; } .onboarding-security-note > i { margin-top: 3px; color: #2c9f77; font-size: 17px; } .onboarding-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0; color: #7c8c87; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; } .onboarding-divider::before, .onboarding-divider::after { content: ""; height: 1px; flex: 1; background: #dbe5e1; } .onboarding-links { margin-top: 22px; } .button--quiet { margin-top: 10px; background: #edf3f0 !important; color: #29483e !important; } .account-setup-card { width: min(760px, calc(100vw - 32px)) !important; max-width: 760px !important; text-align: left; } .account-setup-card > .onboarding-icon { margin-left: 0; } .account-setup-identity { display: flex; gap: 12px; align-items: center; margin: 22px 0; padding: 14px 16px; border-radius: 12px; background: #f3f8f6; color: #314d44; } .account-setup-identity > i { color: #2a8f6c; font-size: 18px; } .account-setup-identity span { color: #71817c; font-size: 13px; } .account-setup-options { display: grid; gap: 14px; } .account-setup-option { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px; border: 1px solid #dfe7e4; border-radius: 14px; background: #fff; } .account-setup-option--recommended { border-color: #9fd1be; box-shadow: 0 4px 16px rgba(42, 143, 108, .09); } .account-setup-option__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #edf6f2; color: #278465; font-size: 20px; } .account-setup-option__heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; } .account-setup-option__heading h2 { margin: 0; font-size: 18px; } .account-setup-option__body p { margin: 7px 0 14px; color: #65736f; font-size: 14px; line-height: 1.45; } .account-setup-option__body .button { margin: 0; } .account-setup-status { flex: none; padding: 4px 8px; border-radius: 999px; background: #eef2f1; color: #60716b; font-size: 11px; font-weight: 800; text-transform: uppercase; } .account-setup-status--ready { background: #def6eb; color: #237b5c; } .account-setup-finish { margin-top: 22px; } .account-setup-blocked { display: flex; gap: 10px; justify-content: center; align-items: center; margin-top: 22px; padding: 14px; border-radius: 10px; background: #eef1f0; color: #65716e; font-weight: 700; } .account-setup-footnote { margin: 16px 0 0; color: #74817d; font-size: 12px; line-height: 1.45; text-align: center; } .account-setup-back { display: inline-block; margin-bottom: 18px; color: #3b6d5d; font-weight: 700; } .recovery-codes-card { max-width: 560px; margin: 0 auto; } .recovery-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 18px 0; padding: 16px; border: 1px dashed #a9b9b4; border-radius: 12px; background: #f8faf9; } .recovery-code-grid code { color: #243d35; font-size: 15px; text-align: center; } @media (max-width: 560px) { .account-setup-option { grid-template-columns: 1fr; } .account-setup-option__heading { align-items: flex-start; } .recovery-code-grid { grid-template-columns: 1fr; } } /* V2 emergency notification ------------------------------------------------ */ #global_notifications_list { top: 14px; right: 14px; } #global_notifications_list #emergencylist { width: min(430px, calc(100vw - 28px)); } #global_notifications_list #emergencylist .emergency-stack__summary { display: flex; box-sizing: border-box; width: calc(100% - 8px); align-items: center; justify-content: space-between; gap: 8px; margin: 0 8px 4px 0; padding: 6px 7px 6px 11px; border: 1px solid #e8a9b1; border-radius: 12px; background: rgba(255, 244, 245, .96); box-shadow: 0 3px 10px rgba(113, 25, 39, .1); color: #9f2236; backdrop-filter: blur(14px); } #global_notifications_list #emergencylist .emergency-stack__count { display: inline-flex; min-width: 0; align-items: center; gap: 7px; font-size: 13px; font-weight: 850; white-space: nowrap; } #global_notifications_list #emergencylist .emergency-stack__controls { display: flex; flex: 0 0 auto; align-items: center; gap: 5px; } #global_notifications_list #emergencylist .emergency-stack__control { display: inline-flex; box-sizing: border-box; min-height: 36px; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 8px 10px; border: 1px solid #df9da7; border-radius: 9px; background: rgba(255, 255, 255, .74); color: #9a2639; font: inherit; font-size: 13px; font-weight: 820; line-height: 1; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; } #global_notifications_list #emergencylist .emergency-stack__control:hover, #global_notifications_list #emergencylist .emergency-stack__control:focus-visible { border-color: #bd5364; outline: none; background: #fff; color: #7d182b; } #global_notifications_list #emergencylist .emergency-stack__control--toggle { width: 36px; padding: 0; } #global_notifications_list #emergencylist .emergency-stack__dismiss-dropdown { display: block; } #global_notifications_list #emergencylist .emergency-stack__dismiss-dropdown::part(menu) { width: min(300px, calc(100vw - 32px)); padding: 7px; border-color: #e2bdc3; border-radius: 14px; background: #fffafa; box-shadow: 0 14px 34px rgba(83, 23, 34, .2); } #global_notifications_list #emergencylist .emergency-stack__dismiss-menu { min-width: 266px; } #global_notifications_list #emergencylist .emergency-stack__dismiss-menu .location-card-roster-menu__heading { font-size: 12px; } #global_notifications_list #emergencylist .emergency-stack__location-dismiss { display: flex; box-sizing: border-box; width: 100%; min-height: 42px; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: #4e3036; font: inherit; font-size: 14px; font-weight: 760; text-align: left; cursor: pointer; } #global_notifications_list #emergencylist .emergency-stack__location-dismiss:hover, #global_notifications_list #emergencylist .emergency-stack__location-dismiss:focus-visible { outline: none; background: #f9e7ea; color: #711f2e; } #global_notifications_list #emergencylist .emergency-stack__location-dismiss small { flex: 0 0 auto; padding: 3px 6px; border-radius: 999px; background: #f7dce1; color: #9b2c3e; font-size: 12px; font-weight: 850; white-space: nowrap; } #global_notifications_list #emergencylist.is-minimized .emergency-stack__summary { width: auto; margin-bottom: 0; margin-right: 0; padding-left: 12px; } #global_notifications_list #emergencylist.is-minimized { width: max-content; max-width: calc(100vw - 116px); margin-right: 94px; } #global_notifications_list #emergencylist.is-minimized .emergency-stack__dismiss-dropdown { display: none; } #global_notifications_list #emergencylist.is-minimized .emergency-stack__controls { gap: 0; } #global_notifications_list #emergencylist.is-minimized .emergency-stack__active-word { display: none; } #global_notifications_list:has(#emergencylist.is-minimized) { pointer-events: none; } #global_notifications_list:has(#emergencylist.is-minimized) > * { pointer-events: auto; } #global_notifications_list #emergencylist.is-minimized > ul { display: none; } #global_notifications_list #emergencylist > ul { display: flex; max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); flex-direction: column; gap: 10px; margin: 0; padding: 6px 8px 18px 6px; overflow-x: visible; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: rgba(151, 63, 77, .42) transparent; scrollbar-gutter: stable; scrollbar-width: thin; } #global_notifications_list #emergencylist:has(.emergency-stack__summary) > ul { max-height: calc(100vh - 78px); max-height: calc(100dvh - 78px); } #global_notifications_list #emergencylist > ul::-webkit-scrollbar { width: 6px; } #global_notifications_list #emergencylist > ul::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(151, 63, 77, .42); } #global_notifications_list #emergencylist ul li.emergency.emergency-toast { position: relative; display: flex; box-sizing: border-box; width: 100%; min-width: 0; flex: 0 0 auto; margin: 0; overflow: clip; border: 1px solid #e9a7b0; border-radius: 18px; background: linear-gradient(145deg, #fff8f8 0%, #fff1f3 100%); box-shadow: 0 6px 18px rgba(96, 21, 35, .14), 0 1px 3px rgba(96, 21, 35, .09); color: #44262c; isolation: isolate; animation: emergency-toast-enter .28s cubic-bezier(.2, .8, .2, 1) both; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast::after { position: absolute; z-index: -1; top: -90px; right: -70px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(213, 54, 76, .15), rgba(213, 54, 76, 0) 68%); content: ""; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast.pendingupdate { background: #f9e9eb; opacity: .62; pointer-events: none; } .emergency-toast__accent { flex: 0 0 7px; background: linear-gradient(180deg, #e43850 0%, #aa1830 100%); box-shadow: 2px 0 12px rgba(179, 29, 53, .18); } .emergency-toast__content { min-width: 0; flex: 1; padding: 17px 18px 0; } .emergency-toast__header { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 13px; } .emergency-toast__avatar { display: grid; width: 52px; height: 52px; margin: 0; overflow: hidden; place-items: center; border: 3px solid rgba(255, 255, 255, .92); border-radius: 15px; background: #f7dfe3; box-shadow: 0 0 0 1px #db8c98, 0 5px 14px rgba(108, 26, 40, .12); color: #9e2a3d; font-size: 16px; font-weight: 850; } .emergency-toast__avatar img { width: 100%; height: 100%; object-fit: cover; } .emergency-toast__identity { min-width: 0; flex: 1; } .emergency-toast__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; } .emergency-toast__meta time { flex: 0 0 auto; color: #8f6870; font-size: 12px; font-weight: 750; } .emergency-toast__badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #bc2039; box-shadow: 0 4px 10px rgba(156, 25, 47, .16); color: #fff; font-size: 12px; font-weight: 850; letter-spacing: .055em; line-height: 1; text-transform: uppercase; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__location { display: block; width: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0; background: transparent; color: #4b2029; font: inherit; font-size: 16px; font-weight: 850; line-height: 1.3; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__location:hover { color: #991d32; text-decoration: underline; text-underline-offset: 2px; } .emergency-toast__subject { display: block; margin-top: 3px; overflow: hidden; color: #8b646c; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .emergency-toast__alert { display: flex; align-items: flex-start; gap: 12px; margin-top: 16px; padding: 14px; border: 1px solid #e9aeb6; border-left: 4px solid #c82740; border-radius: 13px; background: rgba(255, 255, 255, .72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); } .emergency-toast__alert-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #c82740; box-shadow: 0 6px 14px rgba(164, 27, 49, .2); color: #fff; } .emergency-toast__alert strong, .emergency-toast__alert p { display: block; } .emergency-toast__alert strong { color: #6f1d2b; font-size: 14px; font-weight: 850; line-height: 1.35; } .emergency-toast__alert p { margin: 3px 0 0; color: #77545b; font-size: 13px; line-height: 1.45; } .emergency-toast__actions { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(92px, .82fr) minmax(92px, .82fr); gap: 9px; margin: 16px -18px 0; padding: 13px 18px 15px; border-top: 1px solid rgba(192, 62, 82, .16); background: rgba(255, 255, 255, .48); } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action { display: inline-flex; box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px; align-items: center; justify-content: center; gap: 7px; margin: 0 !important; padding: 9px 12px !important; border: 1px solid #d9aab1; border-radius: 11px; background: rgba(255, 255, 255, .82); color: #6f3540; font: inherit; font-size: 13px; font-weight: 850; line-height: 1; white-space: nowrap; cursor: pointer; box-shadow: 0 2px 5px rgba(91, 29, 40, .05); transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action:hover { transform: translateY(-1px); } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action--notes:hover { border-color: #bd7782; background: #fff; color: #852337; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action--dismiss { border-color: #cf7c88; background: #fff7f8; color: #a32137; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action--dismiss:hover { border-color: #b6364a; background: #fbe4e7; box-shadow: 0 5px 12px rgba(150, 31, 50, .12); } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action--call { width: 100%; border-color: #216f55; background: #216f55; color: #fff; box-shadow: 0 6px 14px rgba(27, 101, 76, .22); } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action--call:hover { border-color: #175a44; background: #175a44; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action[disabled] { border-color: #dac7ca; background: #eadfe1; box-shadow: none; color: #977c82; cursor: not-allowed; transform: none; } #global_notifications_list #emergencylist .emergency-toast__call-dropdown { display: block; width: 100%; min-width: 0; } #global_notifications_list #emergencylist .emergency-toast__call-dropdown::part(menu) { width: min(260px, calc(100vw - 32px)); padding: 7px; border-color: #e2bdc3; border-radius: 14px; background: #fffafa; box-shadow: 0 18px 42px rgba(83, 23, 34, .22); } #global_notifications_list #emergencylist .emergency-toast__call-chevron { font-size: 11px; opacity: .75; } #global_notifications_list #emergencylist .emergency-toast__call-menu { min-width: 226px; } #global_notifications_list #emergencylist .emergency-toast__call-menu .location-card-roster-menu__heading { font-size: 12px; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast .emergency-toast__call-menu a { width: auto; min-height: 42px; margin: 0 !important; padding: 9px 10px !important; background: transparent; } #global_notifications_list #emergencylist .emergency-toast__call-menu a:hover, #global_notifications_list #emergencylist .emergency-toast__call-menu a:focus-visible { background: #f9e7ea; color: #711f2e; } @keyframes emergency-toast-enter { from { opacity: 0; transform: translateX(28px) scale(.985); } to { opacity: 1; transform: translateX(0) scale(1); } } @media (prefers-reduced-motion: reduce) { #global_notifications_list #emergencylist ul li.emergency.emergency-toast { animation: none; } } wa-dropdown.emergency-toast__call-dropdown:not(:defined) > .emergency-toast__call-menu { display: none !important; } /* Emergency support notes dialog ------------------------------------------ */ wa-dialog.emergency-support-dialog { --width: min(720px, calc(100vw - 28px)); --spacing: 1.25rem; } .emergency-support-dialog::part(panel) { border: 1px solid #dce7e3; border-radius: 18px; box-shadow: 0 24px 70px rgba(18, 49, 40, .24); } .emergency-support-dialog::part(title) { color: #203f37; font-size: 20px; font-weight: 800; } .emergency-support-dialog__intro { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; padding: 14px 16px; border-radius: 13px; background: linear-gradient(120deg, #eaf7f2, #f7fbf9); } .emergency-support-dialog__icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: #fff; box-shadow: 0 2px 7px rgba(27, 77, 62, .08); color: #1f8062; } .emergency-support-dialog__intro strong, .emergency-support-dialog__intro div > span { display: block; } .emergency-support-dialog__intro strong { color: #25473e; font-size: 15px; } .emergency-support-dialog__intro div > span { margin-top: 4px; color: #70847e; font-size: 13px; line-height: 1.4; } .emergency-support-dialog__loading { padding: 42px 20px; color: #748680; text-align: center; } .emergency-support-dialog__label { display: block; margin: 0 0 7px; color: #4e6861; font-size: 13px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } .emergency-support-dialog__current { max-height: 190px; margin-bottom: 17px; padding: 14px 16px; overflow: auto; border: 1px solid #e2ebe8; border-radius: 12px; background: #f8faf9; color: #465b55; font-size: 14px; line-height: 1.55; } .emergency-support-dialog__current:empty::before { content: "No support note yet."; color: #899792; } .emergency-support-dialog__textarea { display: block; box-sizing: border-box; width: 100%; min-height: 190px; padding: 13px 14px; resize: vertical; border: 1px solid #d5e1dd; border-radius: 11px; outline: none; background: #fff; color: #263d37; font: 13px/1.5 inherit; } .emergency-support-dialog__textarea:focus { border-color: #3eb883; box-shadow: 0 0 0 3px rgba(62, 184, 131, .14); } .emergency-support-dialog__status { min-height: 18px; margin-top: 10px; color: #33785f; font-size: 13px; } .emergency-support-dialog__status.is-error { color: #b23f35; } /* Deny-call message dialog ----------------------------------------------- */ wa-dialog.deny-call-message-dialog { --width: min(610px, calc(100vw - 28px)); --spacing: 1.25rem; } .deny-call-message-dialog::part(panel) { border: 1px solid #eadcdf; border-radius: 18px; box-shadow: 0 24px 70px rgba(63, 25, 34, .24); } .deny-call-message-dialog::part(title) { color: #492f35; font-size: 20px; font-weight: 800; } .deny-call-message-dialog__intro { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; padding: 14px 16px; border-radius: 13px; background: linear-gradient(120deg, #fff0f2, #fff9fa); } .deny-call-message-dialog__icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: #fff; box-shadow: 0 2px 7px rgba(95, 33, 45, .08); color: #b22f48; } .deny-call-message-dialog__intro strong, .deny-call-message-dialog__intro div > span { display: block; } .deny-call-message-dialog__intro strong { color: #55343b; font-size: 15px; } .deny-call-message-dialog__intro div > span { margin-top: 4px; color: #846f74; font-size: 13px; line-height: 1.4; } .deny-call-message-dialog__label { display: block; margin: 0 0 7px; color: #604b50; font-size: 13px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } #deny-call-message-preset { display: block; width: 100%; } .deny-call-message-dialog__separator { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: #96878a; font-size: 12px; text-transform: uppercase; } .deny-call-message-dialog__separator::before, .deny-call-message-dialog__separator::after { height: 1px; flex: 1; background: #eee4e6; content: ""; } .deny-call-message-dialog__textarea { display: block; box-sizing: border-box; width: 100%; min-height: 112px; padding: 13px 14px; resize: vertical; border: 1px solid #dfd2d5; border-radius: 11px; outline: none; background: #fff; color: #3f3034; font: 14px/1.5 inherit; } .deny-call-message-dialog__textarea:focus { border-color: #ca5b70; box-shadow: 0 0 0 3px rgba(202, 91, 112, .14); } .deny-call-message-dialog__meta { display: flex; justify-content: space-between; gap: 16px; margin-top: 7px; color: #918287; font-size: 12px; } .deny-call-message-dialog__status { min-height: 20px; margin-top: 12px; color: #33785f; font-size: 13px; } .deny-call-message-dialog__status.is-error { color: #b23f35; } /* Support action reason dialog ------------------------------------------ */ wa-dialog.support-reason-dialog { --width: min(650px, calc(100vw - 28px)); --spacing: 1.25rem; } .support-reason-dialog::part(panel) { border: 1px solid #dce7e3; border-radius: 18px; box-shadow: 0 24px 70px rgba(18, 49, 40, .24); } .support-reason-dialog::part(title) { color: #203f37; font-size: 20px; font-weight: 800; } .support-reason-dialog__intro { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; padding: 14px 16px; border-radius: 13px; background: linear-gradient(120deg, #eaf7f2, #f7fbf9); } .support-reason-dialog__icon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 11px; background: #fff; box-shadow: 0 2px 7px rgba(27, 77, 62, .08); color: #1f8062; } .support-reason-dialog__intro strong, .support-reason-dialog__intro div > span { display: block; } .support-reason-dialog__intro strong { color: #25473e; font-size: 15px; } .support-reason-dialog__intro div > span { margin-top: 4px; color: #70847e; font-size: 13px; line-height: 1.4; } .support-reason-dialog__label { display: block; margin: 0 0 8px; color: #4e6861; font-size: 13px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } .support-reason-dialog__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .support-reason-option { display: flex; min-width: 0; min-height: 46px; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #dce7e3; border-radius: 11px; outline: none; background: #fff; color: #38544c; font: 700 13px/1.25 inherit; text-align: left; cursor: pointer; transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, transform .14s ease; } .support-reason-option i { width: 20px; flex: 0 0 20px; color: #2c9b75; font-size: 15px; text-align: center; } .support-reason-option:hover { border-color: #9fcfbe; background: #f5fbf8; transform: translateY(-1px); } .support-reason-option:focus-visible { border-color: #3eb883; box-shadow: 0 0 0 3px rgba(62, 184, 131, .16); } .support-reason-option.is-selected { border-color: #38ad80; background: #eaf8f2; box-shadow: inset 0 0 0 1px #38ad80; color: #185e47; } .support-reason-dialog__separator { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: #8c9b96; font-size: 12px; text-transform: uppercase; } .support-reason-dialog__separator::before, .support-reason-dialog__separator::after { height: 1px; flex: 1; background: #e2ebe8; content: ""; } .support-reason-dialog__textarea { display: block; box-sizing: border-box; width: 100%; min-height: 96px; padding: 13px 14px; resize: vertical; border: 1px solid #d5e1dd; border-radius: 11px; outline: none; background: #fff; color: #263d37; font: 14px/1.5 inherit; } .support-reason-dialog__textarea:focus { border-color: #3eb883; box-shadow: 0 0 0 3px rgba(62, 184, 131, .14); } .support-reason-dialog__meta { display: flex; justify-content: space-between; gap: 16px; margin-top: 7px; color: #82938d; font-size: 12px; } .support-reason-dialog__status { min-height: 20px; margin-top: 10px; color: #b23f35; font-size: 13px; } @media (max-width: 520px) { #global_notifications_list { top: 10px; right: 10px; } #global_notifications_list #emergencylist { width: calc(100vw - 20px); } #global_notifications_list #emergencylist .emergency-stack__control--dismiss span { display: none; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast { width: 100%; } .emergency-toast__content { padding: 15px 15px 0; } .emergency-toast__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; } #global_notifications_list #emergencylist ul li.emergency.emergency-toast button.emergency-toast__action--notes { grid-column: 1 / -1; } wa-dialog.emergency-support-dialog { --spacing: .9rem; } wa-dialog.deny-call-message-dialog { --spacing: .9rem; } wa-dialog.support-reason-dialog { --spacing: .9rem; } .support-reason-dialog__options { grid-template-columns: 1fr; } .deny-call-message-dialog__meta { display: block; } .support-reason-dialog__meta { display: block; } .deny-call-message-dialog__meta > span:last-child { display: block; margin-top: 3px; text-align: right; } .support-reason-dialog__meta > span:last-child { display: block; margin-top: 3px; text-align: right; } } /* Hearo One feelings are custom artwork; they intentionally bypass FA. */ .activity_feed_card li.feeling .icon.feeling__icons { position: relative; background: transparent; } .activity_feed_card li.feeling .feeling-icon__image { display: block; width: 50px; height: 50px; object-fit: contain; } .activity_feed_card li.feeling .feeling-icon__image--previous { position: absolute; bottom: -7px; left: -7px; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); } /* Hub management — fleet status, location, and resident context. */ .fh-page { --fh-slate: #576d6b; --fh-steel: #75959b; --fh-line: #e4ebea; --fh-mint: #3eb883; --c-bad: #e74c3c; --c-unreach: #b0392b; --c-warn: #e8a32b; --c-attn: #d4a017; --c-ok: #2e8b57; --c-na: #b8c0c2; width: min(1880px, 95vw); margin: 0 auto; padding: 22px 0 72px; } .fh-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 4px 2px 18px; } .fh-hero .fh-accent { width: 6px; align-self: stretch; border-radius: 4px; background: linear-gradient(180deg, var(--fh-mint), var(--fh-slate)); } .fh-hero h1 { margin: 0; color: #233130; font-size: 30px; line-height: 1; letter-spacing: -.5px; } .fh-hero .fh-asof { margin-top: 6px; color: #8d9a99; font-size: 13px; white-space: nowrap; } .fh-card { border: 1px solid var(--fh-line); border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(30, 55, 55, .05), 0 8px 22px rgba(30, 55, 55, .05); } .fh-top { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 320px; gap: 16px; margin-bottom: 16px; } .fh-stat { position: relative; overflow: hidden; padding: 16px 18px; } .fh-stat::before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background: var(--c, var(--fh-steel)); content: ""; } .fh-stat .fh-stat-top { display: flex; align-items: center; gap: 8px; color: #71807f; font-size: 12.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } .fh-stat .fh-stat-top i { color: var(--c, var(--fh-steel)); font-size: 14px; } .fh-stat .fh-stat-num { margin-top: 8px; color: #263534; font-size: 40px; font-weight: 800; line-height: 1.05; } .fh-stat.is-hot { background: linear-gradient(180deg, #fff, #fff8f5); } .fh-stat.is-hot .fh-stat-num { color: var(--c); } .fh-stat--slate { --c: var(--fh-slate); } .fh-stat--unreach { --c: var(--c-unreach); } .fh-stat--down { --c: var(--c-bad); } .fh-stat--degraded { --c: var(--c-warn); } .fh-stat--ok { --c: var(--c-ok); } .fh-chart-card { display: flex; flex-direction: column; padding: 14px 16px; } .fh-chart-card .fh-chart-title { margin-bottom: 4px; color: var(--fh-slate); font-size: 12.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } .fh-chart-wrap { display: flex; flex: 1; align-items: center; justify-content: center; min-height: 150px; } .fh-ribbon { display: flex; overflow: hidden; height: 12px; margin: 0 2px 20px; border-radius: 7px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03); } .fh-ribbon-seg { min-width: 4px; transition: flex-grow .3s ease; } .fh-table-card { overflow: hidden; } .fh-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 15px 20px; border-bottom: 1px solid var(--fh-line); } .fh-card-head .fh-head-title { display: flex; align-items: center; gap: 9px; color: var(--fh-slate); font-size: 16px; font-weight: 800; } .fh-card-head .fh-head-title i { color: var(--fh-steel); } .fh-card-head .fh-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-left: auto; } .fh-card-head .fh-controls .grow { width: 320px; max-width: 40vw; } .fh-muted { color: #929f9e; } .fh-table-scroll { overflow-x: auto; } .fh-table { width: 100%; border-collapse: collapse; font-size: 14px; } .fh-table th, .fh-table td { padding: 13px 16px; border-bottom: 1px solid #edf2f1; text-align: left; vertical-align: middle; } .fh-table thead th { position: sticky; z-index: 1; top: 0; background: #f2f6f5; color: var(--fh-slate); font-size: 11px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; user-select: none; } .fh-table th[data-sort] { cursor: pointer; } .fh-table th[data-sort]:hover { color: var(--fh-mint); } .fh-table th .fh-arrow { font-size: 9px; opacity: .7; } .fh-row { cursor: pointer; transition: background .12s ease; } .fh-row:hover { background: #f3faf7; } .fh-row td:first-child { border-left: 4px solid transparent; } .fh-row.sev-bad td:first-child { border-left-color: var(--c-bad); } .fh-row.sev-warn td:first-child { border-left-color: var(--c-warn); } .fh-row.sev-ok td:first-child { border-left-color: var(--c-ok); } .fh-row.sev-na td:first-child { border-left-color: var(--c-na); } .fh-group-row td { padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid var(--fh-line); background: #eaf1ef; color: var(--fh-slate); } .fh-group-label { display: flex; align-items: center; gap: 9px; } .fh-group-label strong { color: #334745; font-size: 13px; font-weight: 800; } .fh-group-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--group-color, var(--fh-steel)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--group-color, var(--fh-steel)) 14%, transparent); } .fh-location { display: grid; grid-template-columns: 52px minmax(170px, 1fr); align-items: center; gap: 11px; min-width: 280px; } .fh-location-thumb, .fh-location-placeholder { display: grid; width: 52px; height: 52px; overflow: hidden; place-items: center; border: 1px solid #dfe8e6; border-radius: 13px; background: #edf4f2; color: var(--fh-steel); } .fh-location-thumb img { width: 100%; height: 100%; object-fit: cover; } .fh-location-title { display: block; overflow: hidden; color: #253735; font-size: 14px; font-weight: 760; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .fh-location-title:hover { color: #248461; text-decoration: underline; } .fh-location-address { overflow: hidden; margin-top: 1px; color: #72817f; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } .fh-people { display: flex; align-items: center; gap: 8px; min-height: 25px; margin-top: 7px; } .fh-facepile { display: flex; padding-left: 4px; } .fh-person-avatar { display: block; width: 25px; height: 25px; overflow: hidden; margin-left: -5px; border: 2px solid #fff; border-radius: 50%; background: #e8eeee; box-shadow: 0 1px 3px rgba(34, 55, 52, .15); } .fh-person-avatar:hover { z-index: 1; transform: translateY(-1px); } .fh-person-avatar img { width: 100%; height: 100%; object-fit: cover; } .fh-person-overflow { display: grid; min-width: 25px; padding: 0 5px; place-items: center; border: 2px solid #fff; border-radius: 999px; background: #dce9e5; color: #48645e; font-size: 10px; font-weight: 800; } .fh-people-copy { overflow: hidden; color: #647572; font-size: 11px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .fh-no-people { color: #9aa5a4; font-size: 11px; } .fh-hub { color: #4a5658; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; white-space: nowrap; } .fh-hub-name, .fh-hub-id { display: flex; align-items: center; gap: 2px; } .fh-hub-id { margin-top: 2px; color: #929f9e; font-size: 12px; } .fh-copy { margin-left: 2px; padding: 2px 4px; border: 0; border-radius: 6px; background: none; color: #aab6b4; font-size: 12px; vertical-align: middle; cursor: pointer; } .fh-copy:hover { background: #e9f3ef; color: #2e8b6a; } .fh-copy.copied { color: var(--fh-mint); } .fh-subs { display: inline-flex; align-items: center; gap: 13px; font-size: 16px; } .fh-brand { display: inline-block; width: 1.1em; height: 1.1em; background-color: currentcolor; -webkit-mask: var(--brand) no-repeat center / contain; mask: var(--brand) no-repeat center / contain; } .fh-sub.sub-ok { color: var(--c-ok); } .fh-sub.sub-warn { color: var(--c-warn); } .fh-sub.sub-bad { color: var(--c-bad); } .fh-sub.sub-na { color: #d6dbdd; } .fh-reason { display: flex; align-items: baseline; gap: 7px; color: #4d5b59; line-height: 1.45; } .fh-reason i { position: relative; top: 1px; color: var(--c-warn); font-size: 12px; } .fh-ok-line { display: inline-flex; align-items: center; gap: 6px; color: var(--c-ok); font-weight: 600; } .fh-empty { padding: 32px 20px; } .fh-chev { color: #c4cbcd; } .fh-console-btn { --wa-form-control-padding-block: 4px; } .fh-console-col { white-space: nowrap; } .fh-row[data-id=""] { cursor: default; } .fh-balena-state { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .fh-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; } .fh-dot.on { background: var(--c-ok); } .fh-dot.off { background: #cdd2d8; } .fh-rel { margin-top: 2px; color: #4a5658; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; } @media (max-width: 1500px) { .fh-top { grid-template-columns: repeat(3, 1fr); } .fh-chart-card { grid-column: span 3; } } @media (max-width: 760px) { .fh-page { width: min(100% - 24px, 1880px); } .fh-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .fh-chart-card { grid-column: span 2; } .fh-card-head .fh-controls, .fh-card-head .fh-controls .grow { width: 100%; max-width: none; } } /* * Universal Tools workspace frame * * Every destination exposed from Views/Home/Tools.cshtml uses this class on * its outer page element. Keep the viewport gutter here—not in individual * tools—so new operational pages inherit the same breathing room. */ .site_wrapper .site_body > .tools-page-frame { box-sizing: border-box; padding: var(--hearo-space-6, 1.5rem) var(--hearo-page-gutter, 2.25rem) var(--hearo-space-10, 2.5rem); } .site_wrapper .site_body > .tools-page-frame > .admin_header { padding: 0 0 var(--hearo-space-4, 1rem); } @media (max-width: 700px) { .site_wrapper .site_body > .tools-page-frame { padding-top: var(--hearo-space-5, 1.25rem); padding-bottom: var(--hearo-space-8, 2rem); } } /* Interactive checklist emitted by a rules-engine Dashboard Log action. */ .log-checklist { margin: 10px 0 2px; padding: 10px; background: rgba(255, 255, 255, .62); border: 1px solid rgba(0, 0, 0, .08); border-radius: 8px; } .log-checklist ul { list-style: none; margin: 0; padding: 0; } .checklist-item { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: .9em; } .checklist-item label { display: flex; flex: 1; align-items: center; gap: 8px; margin: 0; cursor: pointer; } .checklist-item.checked .item-text { color: #768184; text-decoration: line-through; } .checked-by { color: #829296; font-size: .8em; font-style: italic; } .checklist-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; } .complete-badge { color: #23865f; font-size: .85em; font-weight: 700; } .btn-reset { padding: 3px 10px; border: 1px solid #bdc8ca; border-radius: 4px; background: transparent; color: #576568; cursor: pointer; font-size: .85em; } .btn-reset:hover { border-color: #829296; color: #263336; } /* Print-ready Device & Signal Catalog */ .device-signal-catalog { --dsc-ink: #19342a; --dsc-muted: #687871; --dsc-line: #dbe5e0; --dsc-green: #2d9b6d; --dsc-green-soft: #eaf7f1; --dsc-amber: #bc7a13; --dsc-amber-soft: #fff5df; --dsc-red: #ad4039; --dsc-red-soft: #ffefed; max-width: 1440px; margin: 0 auto; color: var(--dsc-ink); } .dsc-shell-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 18px; } .dsc-shell-header h1 { margin: 3px 0 7px; font-size: clamp(1.75rem, 3vw, 2.45rem); } .dsc-shell-header p { max-width: 820px; margin: 0; color: var(--dsc-muted); line-height: 1.5; } .dsc-header-links { display: flex; flex-direction: column; gap: 7px; text-align: right; white-space: nowrap; } .dsc-header-links a { color: #277d5a; } .dsc-eyebrow { color: #27815e; font-size: .73rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; } .dsc-toolbar { position: sticky; z-index: 10; top: 8px; display: grid; grid-template-columns: minmax(160px, .75fr) minmax(230px, 1.4fr) auto; gap: 10px; align-items: end; margin-bottom: 16px; padding: 11px; border: 1px solid var(--dsc-line); border-radius: 12px; background: rgba(255, 255, 255, .96); box-shadow: 0 5px 22px rgba(25, 52, 42, .08); backdrop-filter: blur(8px); } .dsc-toolbar label { display: grid; gap: 4px; margin: 0; } .dsc-toolbar label > span { color: var(--dsc-muted); font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .dsc-toolbar select { min-width: 0; height: 39px; padding: 0 34px 0 10px; border: 1px solid #cbd8d2; border-radius: 8px; background: white; color: var(--dsc-ink); } .dsc-toolbar-actions { display: flex; gap: 7px; } .dsc-button { min-height: 39px; padding: 8px 13px; border: 1px solid #247a57; border-radius: 8px; background: #2c8e67; color: white; cursor: pointer; font-weight: 650; white-space: nowrap; } .dsc-button--quiet { border-color: #c8d6d0; background: white; color: #3e554c; } .dsc-button:disabled { opacity: .42; cursor: default; } .dsc-stage { min-width: 0; } .dsc-slide { display: none; grid-template-rows: auto minmax(0, 1fr) auto; gap: 18px; aspect-ratio: 16 / 9; min-height: 620px; overflow: hidden; padding: 26px; border: 1px solid var(--dsc-line); border-radius: 15px; background: radial-gradient(circle at 100% 0, rgba(62, 184, 131, .08), transparent 34%), #fff; box-shadow: 0 8px 30px rgba(27, 58, 46, .08); } .dsc-slide.is-active { display: grid; } .dsc-slide-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } .dsc-slide-head h2 { margin: 4px 0 5px; color: var(--dsc-ink); font-size: clamp(1.45rem, 2.5vw, 2.15rem); line-height: 1.12; } .dsc-slide-head h2 code { color: #176946; font-size: .9em; } .dsc-slide-head p { max-width: 900px; margin: 0; color: var(--dsc-muted); line-height: 1.42; } .dsc-slide-head-right { display: flex; align-items: center; gap: 10px; } .dsc-page-number { color: #839089; font-size: .75rem; font-variant-numeric: tabular-nums; white-space: nowrap; } .dsc-slide footer { padding-top: 9px; border-top: 1px solid var(--dsc-line); color: #7b8983; font-size: .7rem; } .dsc-cover { display: grid; align-content: center; gap: 24px; } .dsc-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .dsc-metric { padding: 14px 15px; border-top: 4px solid #94aaa0; background: #f7faf8; } .dsc-metric--good { border-color: var(--dsc-green); background: var(--dsc-green-soft); } .dsc-metric--warn { border-color: var(--dsc-amber); background: var(--dsc-amber-soft); } .dsc-metric strong, .dsc-metric span { display: block; } .dsc-metric strong { font-size: 2rem; line-height: 1; } .dsc-metric span { margin-top: 7px; color: var(--dsc-muted); font-size: .78rem; } .dsc-pipeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; } .dsc-pipeline > div { position: relative; min-height: 120px; padding: 14px; border-top: 3px solid var(--dsc-green); background: var(--dsc-green-soft); } .dsc-pipeline > div:not(:last-child)::after { position: absolute; z-index: 1; top: 42%; right: -9px; content: "→"; color: #6f8179; font-size: 1.15rem; } .dsc-pipeline strong, .dsc-pipeline span { display: block; } .dsc-pipeline span { margin-top: 7px; color: var(--dsc-muted); font-size: .76rem; line-height: 1.4; } .dsc-callout { display: flex; flex-wrap: wrap; gap: 6px; padding: 11px 13px; border-left: 4px solid var(--dsc-amber); background: var(--dsc-amber-soft); color: #654708; } .dsc-callout--danger { border-color: var(--dsc-red); background: var(--dsc-red-soft); color: #7e2c27; } .dsc-guide-grid, .dsc-bridge-examples { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-content: center; } .dsc-guide-grid section, .dsc-bridge-examples section { min-height: 240px; padding: 17px; border-top: 4px solid var(--dsc-green); background: #f6faf8; } .dsc-guide-grid h3, .dsc-bridge-examples h3 { margin: 9px 0 7px; font-size: 1.05rem; } .dsc-guide-grid p, .dsc-bridge-examples small { color: var(--dsc-muted); font-size: .8rem; line-height: 1.45; } .dsc-guide-number { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--dsc-green); color: white; font-weight: 700; } .dsc-guide-grid code { display: block; margin-top: 15px; color: #176946; overflow-wrap: anywhere; } .dsc-bridge-examples section { min-height: 260px; } .dsc-bridge-examples section > div { display: grid; gap: 2px; margin-top: 10px; } .dsc-bridge-examples span { color: var(--dsc-muted); font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .dsc-bridge-examples code { color: #176946; overflow-wrap: anywhere; white-space: normal; } .dsc-bridge-examples small { display: block; margin-top: 12px; } .dsc-attention-dashboard { display: grid; align-content: center; gap: 18px; } .dsc-attention-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; } .dsc-attention-metric { min-height: 125px; padding: 13px 14px; border-top: 4px solid #9aaba3; background: #f6f9f8; } .dsc-attention-metric--danger { border-color: var(--dsc-red); background: var(--dsc-red-soft); } .dsc-attention-metric--high { border-color: #d25a38; background: #fff0e9; } .dsc-attention-metric--medium { border-color: var(--dsc-amber); background: var(--dsc-amber-soft); } .dsc-attention-metric strong, .dsc-attention-metric span, .dsc-attention-metric small { display: block; } .dsc-attention-metric strong { font-size: 1.85rem; line-height: 1; } .dsc-attention-metric span { margin-top: 6px; font-weight: 700; } .dsc-attention-metric small { margin-top: 7px; color: var(--dsc-muted); font-size: .7rem; line-height: 1.35; } .dsc-attention-next { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 15px; border: 1px solid #e2aaa5; border-radius: 10px; background: #fff8f7; } .dsc-attention-next-label { padding: 6px 9px; border-radius: 999px; background: var(--dsc-red); color: white; font-size: .66rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .dsc-attention-next h3 { margin: 0; font-size: 1rem; } .dsc-attention-next p { margin: 4px 0 0; color: var(--dsc-muted); font-size: .76rem; line-height: 1.4; } .dsc-review-order { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; } .dsc-review-order > div { display: grid; grid-template-columns: 26px 1fr; gap: 8px; align-items: center; min-height: 55px; padding: 9px; background: #f4f8f6; } .dsc-review-order strong { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #dfece6; color: #287654; } .dsc-review-order span { color: #52655d; font-size: .7rem; line-height: 1.3; } .dsc-collision-groups { display: grid; align-content: center; gap: 14px; } .dsc-collision-group { display: grid; gap: 12px; } .dsc-collision-key span, .dsc-collision-key code { display: block; } .dsc-collision-key span { color: var(--dsc-muted); font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .dsc-collision-key code { margin-top: 4px; color: #8d332d; font-size: 1rem; } .dsc-collision-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .dsc-collision-products article { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 13px; align-items: center; min-height: 145px; padding: 13px; border: 1px solid #e0e7e3; border-top: 4px solid var(--dsc-red); background: white; } .dsc-collision-products img { width: 105px; height: 105px; padding: 6px; border: 1px solid var(--dsc-line); background: #f7f9f8; object-fit: contain; grid-row: 1 / span 2; } .dsc-collision-products h3 { margin: 0; font-size: 1rem; } .dsc-collision-products p { margin: 5px 0 0; color: var(--dsc-muted); font-size: .74rem; } .dsc-collision-products article > code { color: #8f3d36; font-size: .68rem; overflow-wrap: anywhere; } .dsc-priority-table-wrap { max-height: 450px; overflow: auto; border: 1px solid var(--dsc-line); border-radius: 10px; } .dsc-priority-table { width: 100%; border-collapse: collapse; } .dsc-priority-table th { position: sticky; z-index: 1; top: 0; padding: 8px 10px; background: #eff5f2; color: #607069; font-size: .62rem; letter-spacing: .04em; text-align: left; text-transform: uppercase; } .dsc-priority-table td { padding: 8px 10px; border-top: 1px solid var(--dsc-line); color: #455850; font-size: .7rem; vertical-align: middle; } .dsc-priority-table td:first-child { width: 44px; color: #2b805b; } .dsc-priority-table td strong, .dsc-priority-table td small { display: block; } .dsc-priority-table td small { margin-top: 3px; color: var(--dsc-muted); font-size: .62rem; } .dsc-status { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 999px; background: #eef2f0; color: #53665e; font-size: .7rem; font-weight: 700; white-space: nowrap; } .dsc-status--good { background: var(--dsc-green-soft); color: #20734f; } .dsc-status--warn { background: var(--dsc-amber-soft); color: #855708; } .dsc-status--danger { background: var(--dsc-red-soft); color: #91362f; } .dsc-status--quiet { background: #eef1f0; color: #6e7a75; } .dsc-device-layout { display: grid; grid-template-columns: minmax(190px, .68fr) minmax(0, 2.32fr); gap: 22px; min-height: 0; } .dsc-device-identity { display: grid; align-content: start; gap: 12px; min-width: 0; } .dsc-device-identity img, .dsc-image-fallback { width: 100%; height: 205px; border: 1px solid var(--dsc-line); background: #f6f8f7; } .dsc-device-identity img { padding: 10px; object-fit: contain; } .dsc-image-fallback { display: grid; place-items: center; align-content: center; gap: 8px; color: #8a9791; } .dsc-image-fallback i { font-size: 2rem; } .dsc-device-identity dl, .dsc-signal-layout dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 5px 9px; margin: 0; font-size: .73rem; } .dsc-device-identity dt, .dsc-signal-layout dt { color: var(--dsc-muted); } .dsc-device-identity dd, .dsc-signal-layout dd { min-width: 0; margin: 0; overflow-wrap: anywhere; } .dsc-device-contract { min-width: 0; } .dsc-device-contract h3, .dsc-signal-layout h3 { margin: 0 0 8px; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; } .dsc-contract-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-bottom: 18px; } .dsc-contract-path > div { position: relative; min-height: 75px; padding: 9px; border-top: 3px solid #89bba5; background: #f6faf8; } .dsc-contract-path > div:not(:last-child)::after { position: absolute; top: 28px; right: -8px; content: "→"; color: #798a82; } .dsc-contract-path span, .dsc-contract-path strong, .dsc-contract-path small { display: block; } .dsc-contract-path span { color: var(--dsc-muted); font-size: .63rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .dsc-contract-path strong { margin-top: 5px; font-size: .78rem; overflow-wrap: anywhere; } .dsc-contract-path small { margin-top: 3px; color: var(--dsc-muted); font-size: .65rem; overflow-wrap: anywhere; } .dsc-feature-list { border-top: 1px solid var(--dsc-line); } .dsc-feature-row { display: grid; grid-template-columns: minmax(140px, .95fr) minmax(200px, 1.25fr) minmax(120px, .65fr); gap: 12px; align-items: center; padding: 9px 4px; border-bottom: 1px solid var(--dsc-line); font-size: .73rem; } .dsc-feature-row strong, .dsc-feature-row small, .dsc-feature-row code { display: block; } .dsc-feature-row small { margin-top: 3px; color: var(--dsc-muted); } .dsc-feature-row code { margin: 2px 0; color: #176946; overflow-wrap: anywhere; } .dsc-signal-layout { display: grid; grid-template-columns: minmax(220px, .72fr) minmax(0, 2.28fr); gap: 20px; min-height: 0; } .dsc-signal-layout aside { min-width: 0; } .dsc-signal-layout pre { max-height: 215px; margin: 0 0 13px; padding: 12px; overflow: auto; border-radius: 8px; background: #173127; color: #dcf6e9; font: .68rem/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; } .dsc-variant-table-wrap { max-height: 430px; overflow: auto; border: 1px solid var(--dsc-line); border-radius: 9px; } .dsc-variant-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .dsc-variant-table th { position: sticky; z-index: 1; top: 0; padding: 8px 9px; background: #eff5f2; color: #607069; font-size: .62rem; letter-spacing: .04em; text-align: left; text-transform: uppercase; } .dsc-variant-table th:nth-child(1) { width: 16%; } .dsc-variant-table th:nth-child(2) { width: 23%; } .dsc-variant-table th:nth-child(3) { width: 25%; } .dsc-variant-table th:nth-child(4) { width: 36%; } .dsc-variant-table td { padding: 8px 9px; border-top: 1px solid var(--dsc-line); color: #455850; font-size: .66rem; line-height: 1.35; vertical-align: top; overflow-wrap: anywhere; } .dsc-variant-table td > span, .dsc-variant-table td > small { display: block; margin-top: 3px; } .dsc-variant-table td > code { color: #176946; font-weight: 700; } .dsc-variant-table small { color: var(--dsc-muted); } @media (max-width: 980px) { .dsc-toolbar { position: static; grid-template-columns: 1fr 1.35fr; } .dsc-toolbar-actions { grid-column: 1 / -1; } .dsc-slide { aspect-ratio: auto; min-height: 700px; } .dsc-device-layout, .dsc-signal-layout { grid-template-columns: 1fr; } .dsc-device-identity { grid-template-columns: 180px 1fr; } .dsc-device-identity img, .dsc-image-fallback { height: 160px; } } @media (max-width: 700px) { .dsc-shell-header, .dsc-slide-head { flex-direction: column; } .dsc-header-links { text-align: left; } .dsc-toolbar { grid-template-columns: 1fr; } .dsc-toolbar-actions { grid-column: auto; flex-wrap: wrap; } .dsc-metrics, .dsc-pipeline, .dsc-guide-grid, .dsc-bridge-examples, .dsc-attention-metrics, .dsc-review-order, .dsc-contract-path { grid-template-columns: 1fr 1fr; } .dsc-device-identity { grid-template-columns: 1fr; } } @media print { @page { size: landscape; margin: 0.25in; } body { background: white !important; } .site_header, .site_nav, .top_navigation, .navbar, .footer, .dsc-shell-header, .dsc-toolbar { display: none !important; } .site_wrapper, .site_body, .device-signal-catalog, .dsc-stage { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .dsc-slide, .dsc-slide.is-active { display: grid !important; width: 100% !important; height: 8in !important; min-height: 0 !important; margin: 0 !important; gap: .09in !important; padding: .16in !important; break-after: page; page-break-after: always; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .dsc-slide:last-child { break-after: auto; page-break-after: auto; } .dsc-slide-head h2 { font-size: 20pt; } .dsc-slide-head p { font-size: 7.5pt; line-height: 1.25; } .dsc-slide footer { padding-top: 4px; font-size: 6pt; } .dsc-device-layout { grid-template-columns: minmax(1.5in, .66fr) minmax(0, 2.34fr) !important; gap: .16in !important; } .dsc-device-identity { grid-template-columns: 1fr !important; } .dsc-signal-layout { grid-template-columns: minmax(1.55in, .58fr) minmax(0, 2.42fr) !important; gap: .14in !important; } .dsc-signal-layout pre { max-height: 1.25in; margin-bottom: 7px; padding: 7px; font-size: 5.5pt; line-height: 1.25; } .dsc-signal-layout dl { gap: 2px 6px; font-size: 6pt; } .dsc-variant-table-wrap { max-height: none; overflow: visible; } .dsc-variant-table th { position: static; padding: 3px 4px; font-size: 5pt; } .dsc-variant-table td { padding: 3px 4px; font-size: 5.25pt; line-height: 1.18; } .dsc-variant-table td > span, .dsc-variant-table td > small { margin-top: 1px; } .dsc-variant-table td > small { display: none; } .dsc-priority-table-wrap { max-height: none; overflow: visible; } .dsc-priority-table th { position: static; padding: 4px 6px; font-size: 5.5pt; } .dsc-priority-table td { padding: 4px 6px; font-size: 6pt; } .dsc-priority-table td small { font-size: 5pt; } .dsc-device-identity img, .dsc-image-fallback { height: 1.65in; } }