.interactive-demo{display:flex;gap:60px;justify-content:center;min-height:640px;position:relative}.interactive-demo.schedule-active .wp-block-bt-blocks-bt-demo-slide:last-child{opacity:1;pointer-events:auto}.interactive-demo.schedule-active .wp-block-bt-blocks-bt-demo-slide:last-child .demo-ui-element,.interactive-demo.schedule-active .wp-block-bt-blocks-bt-demo-slide:last-child .demo-ui-element *{opacity:1}.interactive-demo.schedule-active .wp-block-bt-blocks-bt-demo-slide.active .demo-ui-element:not(.transitioning){opacity:0}.interactive-demo .wp-block-bt-blocks-bt-demo-slide{pointer-events:none;position:absolute}.interactive-demo .wp-block-bt-blocks-bt-demo-slide:last-child{opacity:1;pointer-events:none;transform:translateX(0);z-index:3}.interactive-demo .wp-block-bt-blocks-bt-demo-slide:last-child .demo-ui-element div.wp-block-bt-blocks-bt-phosphor-icon{left:20px;right:unset}.interactive-demo .wp-block-bt-blocks-bt-demo-slide:last-child .demo-ui-element div.wp-block-bt-blocks-bt-phosphor-icon+p{padding-top:44px}.interactive-demo .wp-block-bt-blocks-bt-demo-slide:last-child .bt-ui-background-container{opacity:0;pointer-events:none}.interactive-demo .wp-block-bt-blocks-bt-demo-slide .demo-ui-element{opacity:0;transition:opacity 0s,top .3s,left .3s,width .3s,height .3s,transform .1s;z-index:1}.interactive-demo .wp-block-bt-blocks-bt-demo-slide .demo-ui-element *{opacity:0;transition:opacity .3s,transform .3s,scale .3s,filter .3s}.interactive-demo .wp-block-bt-blocks-bt-demo-slide .demo-ui-element.transitioning *{opacity:0!important}.interactive-demo .wp-block-bt-blocks-bt-demo-slide .demo-ui-element.transition-instant *{opacity:0!important;transition:opacity 0s,transform .3s,scale .3s,filter .3s}.interactive-demo .wp-block-bt-blocks-bt-demo-slide .bt-ui-background-container{opacity:0;transition:opacity .3s}.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active{pointer-events:auto}.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active .demo-ui-element{transition:opacity 0s,top .3s,left .3s,width .3s,height .3s,transform .1s,border-radius .3s;z-index:2}.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active .bt-ui-background-container,.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active .demo-ui-element,.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active .demo-ui-element *{opacity:1}.wp-block-bt-blocks-bt-demo-slide .bt-ui-background{transform:translateX(50px);transition:opacity .5s,transform .5s}.wp-block-bt-blocks-bt-demo-slide:has(~.active) .bt-ui-background{transform:translateX(-50px)}.wp-block-bt-blocks-bt-demo-slide.active .bt-ui-background{transform:translateX(0)}.bt-ui-container-demo{--transparent:transparent;display:grid;position:relative}.bt-ui-container-demo .demo-ui-element{--shadow-quarter:rgba(var(--shadow),0.25);--shadow-half:rgba(var(--shadow),0.5);background:#fff;border:2px solid var(--color);border-radius:10px;box-shadow:1.5px 1.5px 12px 0 var(--shadow-quarter);height:var(--height);left:var(--left);overflow:hidden;padding:0;position:absolute;top:var(--top);transition:width .3s,height .3s,top .3s,left .3s,opacity .3s,z-index .3s,box-shadow .5s,transform .1s,scale .2s,border .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--width)}.bt-ui-container-demo .demo-ui-element .wp-block-group{padding:0}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper{position:relative}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper>*{padding:0 20px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html{display:none}@media screen and (min-width:1025px){.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html{display:flex;padding:0;position:absolute;right:8px;top:8px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html .demo-slide-element{align-items:center;background:none;cursor:pointer;display:flex;gap:8px;height:auto;letter-spacing:0}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html .demo-slide-element:not(:has(h4)){padding:4px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html .demo-slide-element:has(h4){padding:10px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html .demo-slide-element:has(h4):hover{transform:scale(1.03)}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html .demo-slide-element:hover{box-shadow:none}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html span{color:var(--bt-grey-70);font-size:14px;font-weight:300;line-height:20px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html h4{color:var(--bt-navy);margin:0}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html+.wp-block-bt-blocks-bt-phosphor-icon{display:none}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html:has(h4){display:none}}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-phosphor-icon{cursor:pointer;display:flex;padding:0;position:absolute;right:12px;top:12px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-phosphor-icon+p{line-height:20px;margin-bottom:16px;padding-top:36px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-phosphor-icon+p+p{border-bottom:1px solid var(--bt-grey-15);margin-bottom:10px;padding-bottom:12px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-phosphor-icon~.wp-block-group{padding-bottom:16px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper .wp-block-bt-blocks-bt-phosphor-icon~.wp-block-group .bt-button a{line-height:16px}.bt-ui-container-demo .demo-ui-element .wp-block-group.interactive-demo-wrapper p{margin:0}.bt-ui-container-demo .demo-ui-element.transitioning{z-index:1}@media screen and (min-width:1025px){.bt-ui-container-demo .demo-ui-element.minimized{border-bottom-left-radius:0;border-bottom-right-radius:0;cursor:pointer;height:58px;left:calc(100% - 230px);top:calc(100% - 58px);width:210px}.bt-ui-container-demo .demo-ui-element.minimized .interactive-demo-wrapper>:not(.wp-block-bt-blocks-bt-custom-html:has(h4)){display:none!important}.bt-ui-container-demo .demo-ui-element.minimized .interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html:has(h4){align-items:center;display:flex;height:54px;justify-content:center;padding:0;position:static;right:unset;top:unset;width:100%}}@media screen and (max-width:1300px){.entry-content>.wp-block-group:has(.interactive-demo){padding-left:30px;padding-right:30px}}@media screen and (max-width:1150px)and (min-width:1025px){.entry-content>.wp-block-group .interactive-demo{margin-left:-5%!important;margin-right:-5%!important;scale:.9}}@media(max-width:1024px){.wp-block-bt-blocks-bt-demo-slide .bt-ui-background{transform:translateX(25px)}.wp-block-bt-blocks-bt-demo-slide:has(~.active) .bt-ui-background{transform:translateX(-25px)}.wp-block-group.interactive-demo{--demo-height:calc(58.5vw + 244.9px);min-height:var(--demo-height);transition:min-height .3s}.demo-ui-element.ui-default{--height:auto!important;--width:max(60%,600px)!important;--left:calc(50% - max(60%, 600px)/2)!important;--top:95%!important}.demo-slide-schedule{display:none}}.interactive-demo:has(.active)+.wp-block-group .demo-progress-bar{opacity:1}.demo-progress-bar{--percentage:3%;--percentage-inv:calc(100% - var(--percentage));align-items:center;display:flex;gap:24px;opacity:0;transition:opacity .5s}.demo-progress-bar p{margin:0}.demo-progress-bar .bar-wrapper{background:#f0f3f5;border-bottom:2px solid #e5e7eb;border-radius:20px;box-shadow:inset 0 4px 4px -4px rgba(10,11,13,.12);display:grid;grid-template-columns:var(--percentage) var(--percentage-inv);height:20px;margin-top:3px;transition:grid-template-columns .5s;width:100%}.demo-progress-bar[style*="100%"] .bar-filled{border-bottom-right-radius:20px;border-top-right-radius:20px}.demo-progress-bar[style*="100%"] .bar-unfilled{opacity:0}.demo-progress-bar .bar-filled{background:var(--bt-teal);border-bottom:2px solid var(--bt-teal);border-bottom-left-radius:20px;border-top:2px solid var(--bt-teal);border-top-left-radius:20px;box-shadow:0 2px 2px -1px rgba(0,0,0,.08);height:20px;position:relative;transition:border-radius .5s}.demo-progress-bar .bar-filled:before{background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 55.89%,rgba(0,0,0,.05));border-radius:inherit;bottom:-2px;content:"";left:-2px;position:absolute;right:0;top:-2px}.demo-progress-bar .bar-filled-inner{background:var(--bt-teal);border:none;border-radius:inherit;height:14px;left:3px;position:absolute;right:3px;top:1px;z-index:1}.demo-progress-bar .bar-unfilled{border-bottom:2px solid rgba(0,0,0,.05);border-bottom-right-radius:20px;border-right:2px solid rgba(0,0,0,.05);border-top:2px solid rgba(0,0,0,.05);border-top-right-radius:20px;box-shadow:0 2px 2px -1px rgba(0,0,0,.08);height:20px;margin:auto;position:relative;transition:opacity .3s;width:100%}@media(max-width:700px){.wp-block-group.interactive-demo{--demo-height:max(610px,calc(58.5vw + 284.9px))}.interactive-demo .demo-ui-element.ui-default{--height:auto!important;--width:100%!important;--left:0!important;--top:98.5%!important}.interactive-demo .bt-ui-background-container{background:var(--bt-grey-10a);border:solid var(--bt-grey-25);border-top-left-radius:10px;border-top-right-radius:10px;border-width:2px 2px 0;padding:10px 10px 0}.interactive-demo .demo-ui-element.ui-default{background:var(--bt-grey-10a);border-top-width:2px;border:2px solid var(--bt-grey-25);border-top:0 solid var(--bt-grey-25);border-top-left-radius:0;border-top-right-radius:0;box-shadow:none;padding:0 10px 12px;transition:opacity .5s,transform .5s!important}.interactive-demo .demo-ui-element.ui-default .interactive-demo-wrapper{background:#fff;border:1px solid var(--bt-grey-25);border-bottom-left-radius:8px;border-bottom-right-radius:8px;transform:translate(25px);transition:opacity .5s,transform .5s}.interactive-demo .demo-ui-element.ui-default.transitioning.slide-next .interactive-demo-wrapper{transform:translate(0);transition:opacity .5s,transform .5s}.interactive-demo .wp-block-bt-blocks-bt-demo-slide:last-child .interactive-demo-wrapper{transform:translate(0)}.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active .interactive-demo-wrapper{opacity:1!important;transform:translate(0)}.interactive-demo .wp-block-bt-blocks-bt-demo-slide.active .interactive-demo-wrapper *{opacity:1!important}.interactive-demo .wp-block-bt-blocks-bt-demo-slide:has(~.wp-block-bt-blocks-bt-demo-slide.active) .interactive-demo-wrapper{transform:translate(-25px)}}@media screen and (min-width:1025px){.wp-block-bt-blocks-bt-demo-slide:has(.interactive-demo-wrapper .wp-block-bt-blocks-bt-custom-html).active:before{border-bottom:2px solid var(--bt-grey-25);content:"";height:100%;left:10px;pointer-events:none;position:absolute;right:10px;top:0;z-index:111111}}.interactive-demo-wrapper .row-btns .demo-slide-schedule{position:absolute;right:110px}.interactive-demo-wrapper .row-btns .demo-slide-prev{filter:none}.interactive-demo-wrapper .row-btns .demo-slide-prev .wp-block-button__link{align-items:center;background:#fff;border:2px solid hsla(0,0%,100%,.1);border-radius:10px;color:transparent;display:flex;gap:10px;height:34px;justify-content:center;padding:10px 12px;position:relative;width:40px}.interactive-demo-wrapper .row-btns .demo-slide-prev .wp-block-button__link:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M14.78 6.22a.75.75 0 0 1 0 1.06L10.06 12l4.72 4.72a.75.75 0 1 1-1.06 1.06l-5.25-5.25a.75.75 0 0 1 0-1.06l5.25-5.25a.75.75 0 0 1 1.06 0Z%27 fill=%27%237B8493%27/%3E%3C/svg%3E");opacity:1;position:absolute}