.demo-layout{flex-direction:column;--top-padding:5rem;--bottom-padding:5rem;padding-top:var(--top-padding);padding-bottom:var(--bottom-padding);align-items:center;background-color:var(--dairy-cream-200);}.demo-layout .demo-layout.previous-color-same .demo-content{--top-padding:2rem;}.demo-layout .demo-layout.next-color-same .demo-content{--bottom-padding:2rem;}.demo-layout .demo-content{display:flex;flex-direction:column;align-items:center;gap:3rem;}.demo-layout .demo-content.container-image-align-left{justify-content:center;}.demo-layout .demo-content.container-image-align-right{justify-content:center;}.demo-card-container{cursor:pointer;}.demo-card-container:not(.is-active):hover{box-shadow:0 .5rem .5rem rgba(0,0,0,0.1);transition:all .15s ease;}.demo-layout .demo-card-container{background-color:var(--dairy-cream-25);border:2px solid var(--dairy-cream-25);border-radius:.75rem;}.demo-layout .demo-card-container.is-active{background-color:var(--primary-25);border-color:var(--primary-400);}.demo-layout .demo-card-container.mobile-card{width:20.6rem;height:100%;}.demo-layout .demo-container{display:grid;}.demo-layout .demo{grid-column:1;grid-row:1;visibility:hidden;height:fit-content;min-width:calc(85vh * (1440 / 3020));max-width:calc(85vh * (1440 / 3020));border:var(--harvest-midnight-300) solid .25rem;z-index:0;}.demo-layout .demo.is-active{visibility:visible;z-index:2;}.sl-embed-container{overflow:hidden;}.demo-layout .demo,.sl-embed,.sl-demo,.sl-embed-container{border-radius:2.3rem !important;}.demo-layout .demo-mobile{display:none;}.demo-layout .demo-selector-container{display:none;}.demo-layout .nav-button{display:none;}.demo-layout .nav-mobile-button{display:flex;min-width:18.75rem;margin:-0.5rem 0 -0.5rem 0;}.demo-layout .demo-section-header{display:flex;justify-content:center;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);}.demo-layout .demo-selection-container{display:flex;flex-direction:column;gap:3rem;}@media (min-width:64rem){.demo-layout .demo-content{gap:6rem;}.demo-layout .demo-content.container-image-align-right{flex-direction:row;}.demo-layout .demo-content.container-image-align-left{flex-direction:row-reverse;}.demo-layout .demo-layout.next-color-same .demo-content{--top-padding:3rem;}.demo-layout .demo-layout.next-color-same .demo-content{--bottom-padding:3rem;}.demo-layout .demo-selector-container{display:flex;flex-direction:column;gap:1.5rem;}.demo-layout .nav-button{display:flex;min-width:18.75rem;}.demo-layout .nav-mobile-button{display:none;}.demo-layout .demo-section-header{justify-content:left;font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);letter-spacing:-0.02em;}}
.demo-card-content{display:flex;gap:16px;padding:16px 24px;}
.logo-carousel-layout{background-color:var(--harvest-midnight-50);}.logo-carousel-layout.is-evergreen-background{background-color:var(--evergreen-50);}.logo-carousel-layout .layout-content{max-width:100rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}.logo-carousel-wrapper{display:flex;justify-content:center;flex-direction:column;width:100%;height:10.25rem;}@media (min-width:80rem){.logo-carousel-wrapper{flex-direction:row;height:7.5rem;}}.logo-carousel-text-container{flex:1;flex-shrink:0;margin-top:2rem;text-align:center;margin-right:1.5rem;}@media (min-width:80rem){.logo-carousel-text-container{width:13rem;margin-top:0;align-content:center;}}.logos-container{flex:1 1 75%;min-width:19rem;padding-top:1.5rem;overflow:hidden;display:flex;flex-direction:row;}@media (min-width:80rem){.logo-carousel-text-container .onside-text{display:flex;text-align:center;justify-self:center;}}.logos-container-inner{display:flex;animation:logo-carousel 30s linear infinite;gap:4rem;padding-right:4rem;}.logo-carousel-logos{height:4rem;object-fit:contain;}@keyframes logo-carousel{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.video-carousel{flex-direction:column;}.video-carousel .video-carousel-content{width:100%;display:flex;align-items:center;flex-direction:column;text-align:center;overflow:hidden;justify-content:center;padding:3rem 2rem;}.video-carousel-headings{display:flex;flex-direction:column;align-items:center;width:100%;max-width:62.5rem;gap:1.25rem;}.video-carousel-headings .video-carousel-heading{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);font-weight:var(--font-weight-semi-bold);max-width:43rem;}.video-carousel-subheading{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);}.video-items-container{--margin-sides:-5rem;width:100%;position:relative;justify-self:center;padding-top:2rem;}.video-items-container.video-carousel-portrait{max-width:95rem;overflow:hidden;}.video-items-container.video-single::before{content:"";position:absolute;height:30.25rem;width:9rem;right:-8rem;bottom:58%;z-index:0;display:none;}.video-carousel-buttons{margin-top:1.5rem;}.video-carousel-button{padding:0.9rem 1.25rem !important;font-size:var(--font-size-text-lg) !important;line-height:var(--line-height-text-lg) !important;}.video-description{margin-top:2rem;max-width:20rem;font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);}.video-carousel-items{display:flex;align-items:center;position:relative;transition:transform 0.65s cubic-bezier(0.4,0,0.2,1);will-change:transform;width:max-content;min-width:100%;}.video-container{display:block;position:relative;filter:opacity(55%);opacity:0;pointer-events:none;transition:width 0.65s cubic-bezier(0.4,0,0.2,1),height 0.65s cubic-bezier(0.4,0,0.2,1),filter 0.65s,opacity 0.65s;}.video-container.video-carousel-portrait{opacity:1;}.video-container.selected wistia-player{width:20rem;}.video-container wistia-player{height:fit-content;width:17rem;}.video-container.video-carousel-portrait wistia-player{height:20rem;width:fit-content;}.video-container.selected.video-carousel-portrait wistia-player{height:25rem;width:fit-content;}.video-container.previous.video-carousel-portrait,.video-container.double-previous.video-carousel-portrait,.video-container.next.video-carousel-portrait,.video-container.double-next.video-carousel-portrait{margin-right:1rem;margin-left:1rem;}.video-container.selected,.video-container.previous,.video-container.next{opacity:1;}.video-container.selected{filter:none;}.video-container.previous,.video-container.double-previous{margin-right:var(--margin-sides);z-index:-1;}.video-container.next,.video-container.double-next{margin-left:var(--margin-sides);z-index:-1;}.video-container .video,.video-container .video-iframe{width:var(--next-video-width);aspect-ratio:16 / 9;border:none;border-radius:0.5rem;object-fit:cover;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);transform:scale(0.85);}.video-container.selected .video,.video-container.selected .video-iframe{aspect-ratio:16 / 9;transform:scale(1.05);}.video-carousel-content-divider{border-bottom:1px solid var(--border-default-weak);width:90%;height:0.25rem;align-self:center;}@media (min-width:40rem){.video-carousel .video-carousel-content{padding:5.625rem 2rem;}.video-carousel-headings .video-carousel-heading{font-size:var(--font-size-display-lg);line-height:var(--line-height-display-lg);}.video-carousel-buttons{margin-top:2rem;}.video-container.selected wistia-player{width:32.5rem;}.video-container wistia-player{width:24rem;}.video-container.video-carousel-portrait wistia-player{height:25rem;}.video-container.selected.video-carousel-portrait wistia-player{height:30rem;}}@media (min-width:59.25rem){.video-carousel-headings .video-carousel-heading{max-width:36rem;}.video-items-container{padding-top:4rem;}.video-items-container.video-single::before{bottom:60%;height:34.25rem;width:10rem;display:block;}.video-carousel-buttons{margin-top:3.5rem;}.video-description{max-width:30rem;}}@media (min-width:80rem){.video-carousel-headings .video-carousel-heading{max-width:45rem;}.video-items-container.video-single::before{bottom:65%;}.video-container.selected wistia-player{width:45rem;}.video-container wistia-player{width:35rem;}.video-container.video-carousel-portrait wistia-player{height:30rem;}.video-container.selected.video-carousel-portrait wistia-player{height:35rem;}}