.b-demo{overflow:visible;position:relative}.b-demo:has(.b-demo__embed-wrapper.is-scaled),.b-demo:has(.b-demo__page-overlay.is-visible){z-index:115}.b-demo.is-parallax{overflow-x:clip;overflow-y:visible}.b-demo .b-demo__page-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#eeeafbe6;display:none;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:opacity;z-index:115}.b-demo:has(.b-demo__embed-wrapper.is-resize-mode) .b-demo .b-demo__page-overlay,.b-demo:has(.b-demo__embed-wrapper.is-scaled) .b-demo .b-demo__page-overlay{display:block}.b-demo .b-demo__page-overlay.is-visible{display:block;opacity:1;pointer-events:auto}.b-demo__embed-wrapper{--wrapper-radius:6px;--drop-shadow-width:4px;--drop-shadow-color:var(--color-purple-0);aspect-ratio:10/15;border-radius:6px;border-radius:var(--wrapper-radius);box-shadow:0 4px 0 0 var(--color-purple-0);box-shadow:0 var(--drop-shadow-width) 0 0 var(--drop-shadow-color);overflow:hidden;position:relative;transform-origin:center center;transform-origin:var(--transform-origin-x,center) var(--transform-origin-y,center);transition:transform .6s cubic-bezier(.4,0,.2,1),transform-origin .1s ease-out,box-shadow .6s cubic-bezier(.4,0,.2,1);will-change:transform}.b-demo__embed-wrapper.is-scaled{box-shadow:0 20px 40px #00000026,0 var(--drop-shadow-width) 0 0 var(--drop-shadow-color);transform:scale(1.1);transform:scale(var(--safe-scale,1.1));z-index:116}.b-demo__embed-wrapper.is-resize-mode{position:fixed!important;transition:width .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),left .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1);z-index:116}.b-demo__embed-wrapper.is-resize-mode.is-resized{box-shadow:0 20px 40px #00000026,0 var(--drop-shadow-width) 0 0 var(--drop-shadow-color);left:2vw!important;top:calc(50vh - 72vw)!important;width:96vw!important}@media(min-width:450px){.b-demo__embed-wrapper.is-resize-mode.is-resized{top:calc(50vh - 54.72vw)!important}}@media(min-width:580px){.b-demo__embed-wrapper.is-resize-mode.is-resized{top:calc(50vh - 46.56vw)!important}}@media(min-width:751px){.b-demo__embed-wrapper.is-resize-mode.is-resized{top:calc(50vh - 26.99663vw)!important;top:calc(50vh - 96vw/var(--desktop-aspect-ratio, 1.778)/2)!important}}@media(min-width:1200px){.b-demo__embed-wrapper.is-resize-mode.is-resized{left:5vw!important;top:calc(50vh - 25.30934vw)!important;top:calc(50vh - 90vw/var(--desktop-aspect-ratio, 1.778)/2)!important;width:90vw!important}}.b-demo__embed-wrapper.is-animating,.b-demo__embed-wrapper.is-scaled{z-index:116!important}.b-demo__embed-wrapper.is-loading:after{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px;z-index:10}@media(min-width:450px){.b-demo__embed-wrapper{aspect-ratio:10/11.4}}@media(min-width:580px){.b-demo__embed-wrapper{aspect-ratio:10/9.7}}@media(min-width:751px){.b-demo__embed-wrapper{aspect-ratio:1.778;aspect-ratio:var(--desktop-aspect-ratio,1.778)}}@media(min-width:784px){.b-demo__embed-wrapper{--wrapper-radius:10px;--drop-shadow-width:6px}}@media(min-width:1023px){.b-demo__embed-wrapper{--wrapper-radius:18px;--drop-shadow-width:7px}}.b-demo__embed-wrapper .b-demo__iframe-container,.b-demo__embed-wrapper .b-demo__iframe-container iframe,.b-demo__embed-wrapper .b-demo__image,.b-demo__embed-wrapper>iframe{height:100%;left:0;position:absolute;top:0;width:100%}.b-demo__embed-wrapper .b-demo__iframe-container{background-color:#2a2a30;filter:blur(0);transition:filter .4s cubic-bezier(.25,.46,.45,.94)}.b-demo__embed-wrapper.is-resize-mode:not(.is-resized) .b-demo__iframe-container{filter:blur(.3rem);transition:filter .4s cubic-bezier(.25,.46,.45,.94)}.b-demo__embed-wrapper.is-resize-mode.is-resized .b-demo__iframe-container{filter:blur(0);transition:filter .5s cubic-bezier(.25,.46,.45,.94) .2s}.b-demo__embed-wrapper .b-demo__demo_layer{align-items:flex-start;background-color:rgba(0,0,0,.439);border-radius:var(--wrapper-radius);flex-direction:column;gap:2rem;height:100%;justify-content:flex-end;left:0;opacity:1;padding:2rem 4rem;position:absolute;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:100%}.b-demo__embed-wrapper .b-demo__demo_layer.is-hiding{opacity:0;transform:scale(.95)}.b-demo__embed-wrapper.is-resize-mode .b-demo__embed-wrapper .b-demo__demo_layer,.b-demo__embed-wrapper.is-scaled .b-demo__embed-wrapper .b-demo__demo_layer{opacity:.9!important;transform:scale(1)!important;transition:none!important}.b-demo__embed-wrapper .b-demo__demo_layer[style*="opacity: 0"]{opacity:0!important;pointer-events:none!important}.b-demo__embed-wrapper .b-demo__demo_layer-placeholder{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .6s ease-in-out .2s;width:100%;z-index:0}.is-placeholder .b-demo__embed-wrapper .b-demo__demo_layer-placeholder{transform:translateY(-100%)}.b-demo__embed-wrapper .b-demo__demo_layer-overlay{align-items:center;background-color:#2d2152b3;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background-color .3s cubic-bezier(.25,.46,.45,.94);width:100%}.b-demo__embed-wrapper.is-resize-mode .b-demo__demo_layer-overlay{background-color:#2d2152}.b-demo__embed-wrapper .b-demo__demo_layer-btn,.b-demo__embed-wrapper .b-demo__demo_layer-overlay{font-family:var(--font-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body-sm);line-height:var(--line-height-body-sm)}@media(min-width:767px){.b-demo__embed-wrapper .b-demo__demo_layer-btn,.b-demo__embed-wrapper .b-demo__demo_layer-overlay{font-family:var(--font-body);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-body-lg);line-height:var(--line-height-body-lg)}}.is-placeholder .b-demo__embed-wrapper .b-demo__demo_layer-btn,.is-placeholder .b-demo__embed-wrapper .b-demo__demo_layer-overlay{opacity:0}.b-demo__embed-wrapper .b-demo__demo_layer-btn{align-items:center;animation:breathing 4s ease-in-out infinite;border-radius:var(--border-radius);box-shadow:5px 5px 0 var(--color-neutral-3);display:flex;font-weight:var(--font-weight-semibold);gap:.7rem;padding:.7rem;transition:transform .2s ease-in-out,opacity .2s ease-in-out}@media(min-width:767px){.b-demo__embed-wrapper .b-demo__demo_layer-btn{border-radius:var(--border-radius-input);gap:1.2rem;padding:1rem}}.b-demo__embed-wrapper .b-demo__demo_layer-overlay .b-demo__demo_layer__capture-icon{height:auto;max-width:32px;min-width:24px;width:auto}@media(min-width:767px){.b-demo__embed-wrapper .b-demo__demo_layer-overlay .b-demo__demo_layer__capture-icon{max-width:40px;min-width:32px}}.b-demo__embed-wrapper .b-demo__demo_layer__capture-icon--custom{animation:breathing 4s ease-in-out infinite;cursor:pointer;height:auto;max-width:150px;min-width:64px;transition:transform .2s ease-in-out,opacity .2s ease-in-out}@media(min-width:1023px){.b-demo__embed-wrapper .b-demo__demo_layer__capture-icon--custom{max-width:200px}}@media(min-width:1480px){.b-demo__embed-wrapper .b-demo__demo_layer__capture-icon--custom{max-width:250px}}.b-demo__embed-wrapper .b-demo__demo_layer-video{height:auto;opacity:0;transform:translateY(2rem);transition:transform .2s ease-in-out,opacity .2s ease-in-out;width:150px}.b-demo__embed-wrapper .b-demo__demo_layer-video.is-visible{opacity:1;transform:translateY(0)}.is-placeholder .b-demo__embed-wrapper .b-demo__demo_layer-video{opacity:0;transform:translateY(2rem)}.b-demo__demo_layer__capture-icon{height:52px;width:52px}.is-placeholder .b-demo__embed-wrapper>iframe{animation:iframeSwipe .6s ease .2s}@keyframes breathing{0%{transform:scale(.95)}50%{transform:scale(1.15)}to{transform:scale(.95)}}@keyframes iframeSwipe{0%{transform:translateY(50%)}to{transform:translateY(0)}}.b-demo__loading-indicator{align-items:center;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;display:none;font-size:14px;gap:12px;left:50%;padding:16px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.b-demo__loading-indicator.is-visible{display:flex}.b-demo__loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#333;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}