.features-dashboards-hero-subtitle{position:relative;z-index:2;display:inline-block;max-width:920px;font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--color-text)}.features-dashboards-hero-subtitle:last-of-type{margin:0}.features-dashboards-hero-subtitle .is-light{color:var(--color-text-light)}.features-dashboards-hero-subtitle .is-dark{color:var(--color-white-A50)}.features-dashboards-paragraph{margin:0 0 26px;font-size:var(--font-size-body-medium);font-weight:var(--font-weight-medium);line-height:1.5;color:inherit}.features-dashboards-paragraph:last-of-type{margin-bottom:0}.features-dashboards-paragraph .is-light{color:var(--color-mono-500)}.features-dashboards-paragraph .is-dark{color:var(--color-white-A50)}.features-dashboards-paragraph+[class*=button]{margin-top:24px}.features-dashboards-paragraph a{color:currentColor;text-decoration:underline}.features-dashboards-paragraph__external-link{vertical-align:middle}.features-dashboards-video{position:relative;z-index:3;display:flex;justify-content:center;max-width:260px;margin:0 auto;vertical-align:top;opacity:0;transform:translateY(64px);transition-property:opacity,transform;transition-duration:var(--duration-slow);will-change:transform}.features-dashboards-video.is-top-in,.features-dashboards-video.is-visible{opacity:1;transform:none}.features-dashboards-video.is-bottom-out{opacity:0;transform:none}.features-dashboards-video.is-ended{margin-bottom:24px}.features-dashboards-video.is-ended .features-dashboards-video__replay{opacity:1;visibility:visible}.features-dashboards-video__element{position:absolute;z-index:-1;top:1.5%;width:auto;max-width:100%;height:97.5%;border-radius:28px;box-shadow:var(--box-shadow-float)}.features-dashboards-video__bezel{max-width:260px}.features-dashboards-video__replay{--mask-color:var(--color-mono-400);position:absolute;bottom:-48px;display:flex;gap:8px;align-items:center;color:var(--color-mono-400);opacity:0;visibility:hidden;transition:all 500ms ease-in}.features-dashboards-status-tile{display:inline-flex;align-items:center;min-width:173px;max-width:100%;margin-bottom:24px;padding:10px}.features-dashboards-status-tile.is-active .features-dashboards-status-tile__icon{transform:scale(1.2)}.features-dashboards-status-tile__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform 300ms ease-in-out}.features-dashboards-status-tile__glyph{--mask-color:var(--color-yellow-500);--mask-size:24px;width:24px;height:24px;-webkit-mask-size:100%;mask-size:100%}.features-dashboards-status-tile__glyph.glyph-zone-carport{background-color:#f82a2a}.features-dashboards-status-tile__content{flex:1 1 auto;margin-left:10px}.features-dashboards-status-tile__caption{font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.features-dashboards-status-tile__title{font-size:var(--font-size-small);color:var(--color-mono-500)}.features-dashboards-tablet{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:928px;max-width:100%}.features-dashboards-tablet__bezel{position:absolute;max-width:100%;height:auto;pointer-events:none}.features-dashboards-tablet__media{position:relative;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:98%;height:98%;border-radius:5%;background-color:black;object-fit:cover;box-shadow:var(--box-shadow-float)}.features-dashboards-tablet__media-item{opacity:0;transition:var(--transition-normal)}.features-dashboards-tablet__media-item:nth-of-type(n+2){position:absolute}.features-dashboards-tablet__media-item.is-active{opacity:1}.features-dashboards-tablet__media-item .picture{max-width:100%;height:auto}.features-dashboards-phone{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%}.features-dashboards-phone__bezel{position:absolute;height:auto;pointer-events:none}.features-dashboards-phone__screen{position:relative;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;border-radius:5%;background-color:black;object-fit:cover;box-shadow:var(--box-shadow-float)}.features-dashboards-phone__screen-item{transition:opacity 500ms ease-out;will-change:opacity}.features-dashboards-phone__screen-item:nth-of-type(n+2){position:absolute;top:0;left:0}.features-dashboards-phone__screen-item:nth-of-type(n+2):not(.is-active){opacity:0}.features-dashboards-phone__screen-item.is-active{opacity:1}@keyframes animate-bars{0%{height:0}to{height:var(--height)}}.features-dashboards-header{position:relative;padding-top:80px;padding-bottom:48px;background-color:var(--color-body)}.features-dashboards-header__content{display:flex;flex-direction:column;align-items:center;margin:20px 0 40px}.features-dashboards-header__bottom{position:absolute;z-index:2;bottom:0;left:50%;width:132%;min-width:2572px;height:280px;border-radius:50%;background-color:var(--color-body);pointer-events:none;transform:translateX(-50%)}.features-dashboards-header__title{position:relative;z-index:2;margin:0 0 24px}.features-dashboards-header__button{display:flex;gap:8px;align-items:center;margin:28px 0 48px;font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-link);transition:color var(--duration-fast) var(--curve-fast-in)}.features-dashboards-header__button:hover{color:var(--color-link-hover);text-decoration:underline}.features-dashboards-header .features-flow-hero-subtitle{margin-bottom:24px}.features-dashboards-header .features-dashboards-phone,.features-dashboards-header .features-dashboards-tablet{opacity:0;transform:translate3d(0,64px,0);animation:animate-from-bottom 750ms ease 250ms 1 normal forwards}@keyframes animate-from-bottom{0%{opacity:0;transform:translate3d(0,64px,0)}to{opacity:1;transform:none}}.features-dashboards-widget-screenshots{position:relative;z-index:1;display:flex;justify-content:center;overflow:hidden;margin-top:-280px;background-color:var(--color-body)}.features-dashboards-widget-screenshots__inner{max-width:100vw}.features-dashboards-widget-screenshots__clip-path{display:flex;justify-content:center;width:100%;min-width:1920px;padding-top:288px;background-color:var(--color-body);clip-path:ellipse(200% 50% at 50% 50%)}.features-dashboards-widget-screenshots__content{display:flex;flex-direction:column;align-items:center}.features-dashboards-widget-screenshots__title{position:relative;z-index:2;margin:0 0 24px}.features-dashboards-widget-screenshots__image-container{display:flex;justify-content:center;margin-top:52px}.features-dashboards-widget-screenshots__image{margin-bottom:-64px}.features-dashboards-widget-screenshots__image-container-mobile-top{display:flex;align-items:center;justify-content:center}.features-dashboards-widget-screenshots__image-container-mobile-top .picture{margin:0 -138px}.features-dashboards-widget-screenshots__image-container-mobile-bottom{display:flex;align-items:center;justify-content:flex-start}.features-dashboards-widget-screenshots__image-container-mobile-bottom .picture{margin:0 0 0 -50px}.features-dashboards-widget-screenshots__rows{position:relative;display:flex;flex-direction:row;gap:32px;justify-content:center}.features-dashboards-widget-screenshots__rows:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(17,18,24),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgb(17,18,24));pointer-events:none}.features-dashboards-widget-screenshots__column{display:flex;flex-direction:column;gap:inherit}.features-dashboards-widget-screenshots__column:first-of-type{margin-top:96px}.features-dashboards-widget-screenshots__column:nth-of-type(2){margin-top:64px}.features-dashboards-widget-screenshots__column:nth-of-type(3){margin-top:32px}.features-dashboards-widget-screenshots__column:nth-of-type(4){margin-top:0px}.features-dashboards-widget-screenshots__column:nth-of-type(5){margin-top:32px}.features-dashboards-widget-screenshots__column:nth-of-type(6){margin-top:64px}.features-dashboards-widget-screenshots__column:nth-of-type(7){margin-top:96px}.features-dashboards-widget-screenshots__column-content{opacity:0;transform:translateY(32px)}.features-dashboards-widget-screenshots__column-content.animate-in{animation:appear 750ms ease-out forwards}@keyframes appear{0%{opacity:0}50%{transform:scale(1)}to{opacity:1;transform:scale(1)}}.features-dashboards-adding-widgets{position:relative;z-index:1;padding:80px 16px;background-color:var(--color-body)}.features-dashboards-adding-widgets__header{margin-bottom:48px}.features-dashboards-adding-widgets__title{position:relative;z-index:2;margin:0 0 16px}.features-dashboards-adding-widgets__row{display:flex;flex-wrap:wrap;gap:48px;align-items:center;justify-content:center;width:928px;max-width:100%;margin:0 auto 64px}.features-dashboards-adding-widgets__row:last-of-type{margin-bottom:0}.features-dashboards-adding-widgets__column--video{flex-shrink:0;flex-basis:auto}.features-dashboards-adding-widgets__column--lg-order-1{order:1}.features-dashboards-adding-widgets__label{display:inline-flex;align-items:center;margin-bottom:16px;padding:8px 16px;border-radius:16px;background-color:var(--color-blue-A10);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-blue-500)}.features-dashboards-adding-widgets__video-wrapper{position:relative;z-index:3;display:inline-flex;justify-content:center;max-width:260px;vertical-align:top;opacity:0;transform:translateY(64px);transition-property:opacity,transform;will-change:transform}.features-dashboards-adding-widgets__video-wrapper.is-visible{opacity:1;transform:none;transition-duration:var(--duration-slow)}.features-dashboards-adding-widgets__video-wrapper.is-ended{margin-bottom:64px}.features-dashboards-adding-widgets__video-wrapper.is-ended .features-dashboards-adding-widgets__video-replay{opacity:1;visibility:visible}.features-dashboards-adding-widgets__video-bezel{max-width:100%}.features-dashboards-adding-widgets__video{position:absolute;z-index:-1;top:1.5%;width:auto;max-width:100%;height:97.5%;border-radius:28px;box-shadow:var(--box-shadow-float)}.features-dashboards-adding-widgets__video-replay{--mask-color:var(--color-mono-400);position:absolute;bottom:-48px;display:flex;gap:8px;align-items:center;color:var(--color-mono-600);opacity:0;visibility:hidden;transition:all 500ms ease-in}.features-dashboards-use-cases{--border-radius:24px;--curve-height:56px;position:relative;overflow:hidden;padding:calc(60px + var(--curve-height)) 16px}.features-dashboards-use-cases:before{content:"";position:absolute;z-index:-10;top:-1px;right:0;bottom:calc(100% - var(--curve-height));left:0;background:var(--color-body);clip-path:url(#features-dashboards-adding-widgets-curve-mask)}.features-dashboards-use-cases__header{margin-bottom:48px}.features-dashboards-use-cases__screenshots{display:flex;flex-direction:column;align-items:center}.features-dashboards-use-cases__tabs{position:relative;display:none;align-items:center;justify-content:center;margin-bottom:48px;padding:4px;border-radius:var(--border-radius);background-color:var(--color-body)}.features-dashboards-use-cases__tabs.is-visible .features-dashboards-use-cases__tabs-button.is-active{color:var(--color-white)}.features-dashboards-use-cases__tabs-button{position:relative;padding:10px 32px;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);color:var(--color-mono-500);transition:all 300ms ease-out}.features-dashboards-use-cases__tabs-button:hover{color:var(--color-mono-700)}.features-dashboards-use-cases__tabs-active-bg{position:absolute;z-index:0;left:0;width:0;height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,#2686ff,#60c3ff);transition:all 300ms cubic-bezier(0.4,0,0.2,1)}.features-dashboards-use-cases__slider{width:100%;margin-top:24px;opacity:0;transform:translateY(64px);transition-duration:750ms;will-change:transform}.features-dashboards-use-cases__slider.is-visible{opacity:1;transform:none}.features-dashboards-use-cases__slider-dots-wrapper{position:absolute;z-index:10;left:50%;display:flex;justify-content:center;margin:24px 0;transform:translateX(-50%)}.features-dashboards-use-cases__slider-dots{display:grid;grid-template-columns:auto;grid-auto-flow:column;grid-gap:8px;list-style:none}.features-dashboards-use-cases__slider-dots span{display:block;overflow:hidden;width:8px;height:8px;border-radius:50%;background:var(--color-mono-100);list-style:none;text-indent:-10000px;cursor:pointer;transition:var(--duration-fast) var(--curve-fast-in);transition-property:background,transform}.features-dashboards-use-cases__slider-dots span:first-of-type:last-of-type{visibility:hidden;pointer-events:none}.features-dashboards-use-cases__slider-dots span:hover{background:var(--color-mono-200)}.features-dashboards-use-cases__slider-dots span:hover:active{transform:scale(0.8)}.features-dashboards-use-cases__slider-dots span.swiper-pagination-bullet-active{background:var(--color-blue)}.features-dashboards-use-cases__slides{--slide-spacing:16px;position:relative;display:grid;grid-auto-flow:column}.features-dashboards-use-cases__slide{display:inline-flex;flex-direction:column;align-items:center;width:260px}.features-dashboards-use-cases__slide-component{display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;height:100%;border-radius:32px;background:var(--color-component)}.features-dashboards-use-cases .features-dashboards-tablet{opacity:0;transform:translateY(64px);transition-duration:750ms;will-change:transform}.features-dashboards-use-cases .features-dashboards-tablet.is-visible,.features-dashboards-use-cases .features-dashboards-tablet.is-visible .features-dashboards-tablet__media-item.is-active{opacity:1;transform:none}.features-dashboards-use-cases .features-dashboards-tablet__media-item{opacity:0}.features-dashboards-customize{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:84px}.features-dashboards-customize.video-ended .features-dashboards-customize__video-replay{opacity:1;visibility:visible}.features-dashboards-customize__header{margin-bottom:48px}.features-dashboards-customize__screenshots{display:flex;flex-direction:column;align-items:center}.features-dashboards-customize__video{max-width:100%;height:auto;margin:-64px 0;opacity:0;transform:translateY(64px);transition-property:opacity,transform;will-change:transform}.features-dashboards-customize__video.is-visible{opacity:1;transform:none;transition-duration:var(--duration-slow)}.features-dashboards-customize__mobile-video-wrapper{margin:0 -16px}.features-dashboards-customize__mobile-video-wrapper .features-dashboards-customize__video{width:100%}.features-dashboards-customize__video-replay{--mask-color:var(--color-mono-400);position:absolute;bottom:-48px;display:flex;gap:8px;align-items:center;color:var(--color-mono-600);opacity:0;visibility:hidden;transition:all 500ms ease-in}.features-dashboards-kiosk-mode{--border-radius:24px;position:relative;display:flex;flex-direction:column;align-items:center}.features-dashboards-kiosk-mode.is-visible .features-dashboards-kiosk-mode__background .picture{transform:scale(1)}.features-dashboards-kiosk-mode__header{--color-text:white;position:absolute;top:48px;color:var(--color-text);text-shadow:0 4px 24px rgba(0,0,0,0.25)}.features-dashboards-kiosk-mode__background{overflow:hidden;width:100%;transition-property:border-radius;transition-duration:1.5s}.features-dashboards-kiosk-mode__background .picture{width:100%;max-width:100%;min-height:690px;object-fit:cover;transform:scale(1.1);transition-duration:1.5s}@media (min-width:576px){.features-dashboards-video{max-width:100%;margin:0}.features-dashboards-header__content{margin:0 auto 52px}.features-dashboards-widget-screenshots__clip-path{padding-top:320px}.features-dashboards-adding-widgets{padding:120px 16px}.features-dashboards-adding-widgets__header{margin-bottom:100px}.features-dashboards-adding-widgets__title{margin:0 0 24px}.features-dashboards-adding-widgets__video-wrapper{max-width:100%}.features-dashboards-use-cases__tabs{display:inline-flex}.features-dashboards-use-cases__slider{margin-top:0}.features-dashboards-customize__video{margin:0}.features-dashboards-kiosk-mode__header{top:120px}}@media (min-width:768px){.features-dashboards-video.is-ended{margin-bottom:0px}.features-dashboards-video__bezel{max-width:100%}.features-dashboards-header{padding-top:112px;padding-bottom:100px}.features-dashboards-header__bottom{height:280px}.features-dashboards-adding-widgets__video-wrapper.is-ended{margin-bottom:0px}.features-dashboards-use-cases__slider-dots-wrapper{margin:32px 0}.features-dashboards-use-cases__slides{--slide-spacing:32px}.features-dashboards-use-cases__slide-component{border-radius:48px}.features-dashboards-customize{margin-bottom:200px}.features-dashboards-kiosk-mode__background .picture{min-height:960px}}@media (min-width:992px){.features-dashboards-header{padding-top:224px}.features-dashboards-adding-widgets__row{flex-wrap:nowrap;gap:120px;margin-bottom:0}.features-dashboards-adding-widgets__column--lg-order-1{order:unset}.features-dashboards-use-cases{--curve-height:200px}}@media (min-width:1910px){.features-dashboards-kiosk-mode__background{width:auto}}@media (min-width:1920px){.features-dashboards-kiosk-mode.is-visible .features-dashboards-kiosk-mode__background{width:auto;border-radius:40px}}