.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 .video-carousel-content{width:100%;display:flex;align-items:center;flex-direction:column;text-align:center;overflow:hidden;justify-content:center;padding:5.625rem 2rem;}.video-carousel .video-carousel-content.no-padding{padding:0 2rem;}.video-carousel-headings{display:flex;flex-direction:column;align-items:center;width:100%;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-array-container{--video-width:100vw;--next-video-width:calc(var(--video-width) * 0.8);--margin-sides:1rem;max-width:var(--video-width);width:100%;position:relative;padding-top:2rem;}.video-array-container.video-single::before{content:"";position:absolute;height:30.25rem;width:9rem;background-image:url("/img/video-carousel-single.svg");background-repeat:no-repeat;background-size:contain;right:-8rem;bottom:58%;z-index:0;display:none;}@media (min-width:40rem){.video-array-container{--video-width:28rem;}}@media (min-width:48rem){.video-array-container{--video-width:31rem;--margin-sides:2rem;}.video-carousel-headings .video-carousel-heading{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);letter-spacing:-0.02em;}}@media (min-width:64rem){.video-carousel-headings .video-carousel-heading{max-width:36rem;}.video-array-container{--video-width:40rem;padding-top:4rem;}.video-array-container.video-single::before{bottom:60%;height:34.25rem;width:10rem;display:block;}}@media (min-width:80rem){.video-carousel-headings .video-carousel-heading{max-width:45rem;}.video-array-container{--video-width:49.5rem;}.video-array-container.video-single::before{bottom:65%;}}.video-array{display:flex;align-items:center;position:relative;}.video-array.offset-0{left:calc((100% - var(--video-width)) / 2);}.video-array.offset-1{left:calc((100% - var(--video-width)) / 2 - var(--next-video-width) - var(--margin-sides));}.video-array.offset-2{left:calc((100% - var(--video-width)) / 2 - var(--next-video-width) * 2);}.video-array.offset-3{left:calc((100% - var(--video-width)) / 2 - var(--next-video-width) * 3);}.video-array.offset-4{left:calc((100% - var(--video-width)) / 2 - var(--next-video-width) * 4);}.video-description{padding:1.5rem 0;max-width:31.25rem;}.video-container{display:none;position:relative;filter:brightness(.7);}.video-container.selected{filter:none;}.video-container.previous,.video-container.next,.video-container.selected{display:block;}.video-container.previous,.video-container.double-previous{margin-right:var(--margin-sides);}.video-container.next,.video-container.double-next{margin-left:var(--margin-sides);}.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;}.video-container.selected .video,.video-container.selected .video-iframe{width:var(--video-width);aspect-ratio:16 / 9;box-shadow:0 0.75rem 4rem -0.75rem rgba(255,255,255,0.2);}