.yooblocks-demo-game{background-color:var(--ypb-background-color,var(--ypt-block-background-color,transparent));background-image:var(--ypb-background-image,var(--ypt-block-background-image,none));border-color:var(--ypb-border-color,var(--ypt-block-border-color,transparent));border-radius:var(--ypb-border-radius-top-left,var(--ypt-block-border-radius-top-left,0)) var(--ypb-border-radius-top-right,var(--ypt-block-border-radius-top-right,0)) var(--ypb-border-radius-bottom-right,var(--ypt-block-border-radius-bottom-right,0)) var(--ypb-border-radius-bottom-left,var(--ypt-block-border-radius-bottom-left,0));border-style:var(--ypb-border-style,var(--ypt-block-border-style,solid));border-width:var(--ypb-border-width,var(--ypt-block-border-width,0));box-shadow:var(--ypb-box-shadow,var(--ypt-block-box-shadow,none));color:var(--ypb-color,var(--ypt-block-color,inherit));margin:var(--ypb-margin-top,var(--ypt-block-margin-top,0)) var(--ypb-margin-right,var(--ypt-block-margin-right,0)) var(--ypb-margin-bottom,var(--ypt-block-margin-bottom,0)) var(--ypb-margin-left,var(--ypt-block-margin-left,0));padding:var(--ypb-padding-top,var(--ypt-block-padding-top,0)) var(--ypb-padding-right,var(--ypt-block-padding-right,0)) var(--ypb-padding-bottom,var(--ypt-block-padding-bottom,0)) var(--ypb-padding-left,var(--ypt-block-padding-left,0));width:100%}.yooblocks-demo-game,.yooblocks-demo-game *,.yooblocks-demo-game :after,.yooblocks-demo-game :before{box-sizing:border-box}.yoo-demo,body.no-scroll{overflow:hidden}.yoo-demo{background-color:var(--ypb-game-demo-container-background-color,var(--ypt-game-demo-container-background-color,var(--ypt-color-secondary,#1d2730)));border-color:var(--ypb-game-demo-container-border-color,var(--ypt-game-demo-container-border-color,var(--ypt-color-primary,#2563eb)));border-radius:var(--ypb-game-demo-container-border-radius,var(--ypt-game-demo-container-border-radius,0));border-style:var(--ypb-game-demo-container-border-style,var(--ypt-game-demo-container-border-style,solid));border-width:var(--ypb-game-demo-container-border-width,var(--ypt-game-demo-container-border-width,1px));position:relative;transition:all .3s ease;width:100%;z-index:10}.yoo-demo.open{border-radius:0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.yoo-demo-headers{align-items:center;background-color:var(--ypb-game-demo-header-background-color,var(--ypt-game-demo-header-background-color,var(--ypt-color-primary,#2563eb)));border-color:var(--ypb-game-demo-header-border-color,var(--ypt-game-demo-header-border-color,transparent));border-radius:var(--ypb-game-demo-header-border-radius,var(--ypt-game-demo-header-border-radius,0));border-style:var(--ypb-game-demo-header-border-style,var(--ypt-game-demo-header-border-style,solid));border-width:var(--ypb-game-demo-header-border-width,var(--ypt-game-demo-header-border-width,0));display:flex;justify-content:center;min-height:2.5rem;padding:.4rem 3rem;position:absolute;text-align:center;width:100%;z-index:10}.yoo-demo-headers_title{color:var(--ypb-game-demo-header-title-color,var(--ypt-game-demo-header-title-color,#fff));font-size:.875rem;font-weight:700;min-width:0;overflow-wrap:anywhere}.yoo-demo-headers_buttons{display:flex;position:absolute;right:1rem}.yoo-demo-headers_buttons button{align-items:center;background:none;border:none;color:var(--ypb-game-demo-screen-button-color,var(--ypt-game-demo-screen-button-color,#fff));cursor:pointer;display:none;justify-content:center;min-height:2rem;min-width:2rem;padding:.5rem}.yoo-demo-headers_buttons button.active{display:inline-flex}.yoo-demo-headers_buttons button:focus-visible,.yoo-demo-headers_buttons button:hover{color:var(--ypb-game-demo-screen-button-hover-color,var(--ypt-game-demo-screen-button-hover-color,var(--ypt-color-accent,#f59e0b)))}.yoo-demo-headers_buttons img{display:block;height:1rem;-o-object-fit:contain;object-fit:contain;width:1rem}.yoo-demo-box{align-items:center;aspect-ratio:6/4;background-image:var(--ypb-game-demo-frame-background-image,var(--ypt-game-demo-frame-background-image,none));background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding:3.25rem 1rem 1rem;position:relative;width:100%}.yoo-demo.open .yoo-demo-box{aspect-ratio:auto;height:100%}.yoo-demo:not(.has-header) .yoo-demo-box{padding-top:1rem}.yoo-demo-box iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.yoo-demo-box_play{align-items:center;backdrop-filter:blur(10px);background-color:var(--ypb-game-demo-play-button-background-color,var(--ypt-game-demo-play-button-background-color,#0f8815));border:none;box-shadow:0 1rem 1.4rem 0 rgba(0,0,0,.05);color:var(--ypb-game-demo-play-button-color,var(--ypt-game-demo-play-button-color,#fff));cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;max-width:100%;overflow-wrap:anywhere;padding:.75rem 2rem}.yoo-demo-box_play:focus-visible,.yoo-demo-box_play:hover{background-color:var(--ypb-game-demo-play-button-hover-background-color,var(--ypt-game-demo-play-button-hover-background-color,var(--ypt-color-accent,#f59e0b)))}.yoo-demo-box_play>i{flex:0 0 auto;font-size:1.75rem}.yoo-demo-box_play>img{flex:0 0 auto;height:1.75rem;-o-object-fit:contain;object-fit:contain;width:1.75rem}.yoo-demo-box_play-text{font-size:.75rem;font-weight:400;min-width:0}.yoo-demo-box_play-text span{display:block;font-size:1rem;font-weight:700}.yoo-demo-box_close-game{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;padding:0;position:absolute;right:.5rem;top:3rem;transition:all .3s ease;width:2.5rem;z-index:20}.yoo-demo:not(.has-header) .yoo-demo-box_close-game{top:.5rem}.yoo-demo-box_close-game:focus-visible,.yoo-demo-box_close-game:hover{background-color:var(--ypb-game-demo-play-button-hover-background-color,var(--ypt-game-demo-play-button-hover-background-color,var(--ypt-color-accent,#f59e0b)))}@media(max-width:782px){.yoo-demo-headers{padding-left:.75rem;padding-right:2.75rem}.yoo-demo-headers_buttons{right:.5rem}.yoo-demo-box{min-height:18rem;padding-left:.75rem;padding-right:.75rem}.yoo-demo-box_play{padding:.7rem 1.25rem}}@media(max-width:480px){.yoo-demo-box{aspect-ratio:auto;min-height:15rem}.yoo-demo-box_play{width:100%}}