.pandastudio-iframe-modal-dialog-fade-enter-active,.pandastudio-iframe-modal-dialog-fade-leave-active{transition:opacity .25s;.dialog{transition:transform .25s}}.pandastudio-iframe-modal-dialog-fade-enter-from,.pandastudio-iframe-modal-dialog-fade-leave-to{opacity:0;.dialog{transform:scale(.9)}}@keyframes pandastudio-iframe-modal-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.pandastudio-iframe-modal-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--gray-opacity-5,rgba(0,30,60,.5)) 46%,transparent 92%);display:flex;justify-content:center;align-items:center;z-index:99999;.dialog-content{line-height:0;border-radius:8px;overflow:hidden;box-shadow:0 0 1px var(--gray-opacity-3,rgba(0,30,60,.3)),0 1em 1.5em var(--gray-opacity-3,rgba(0,30,60,.3));background-color:rgba(0,0,0,.2);&:before{content:"";display:block;position:absolute;left:calc(50% - 15px);top:calc(50% - 50px);width:30px;height:30px;z-index:-1;border-radius:50%;border:3px solid #fff;border-bottom-color:transparent;animation:pandastudio-iframe-modal-loading .75s linear infinite}iframe{width:100%;height:100%;border:none;width:100vw;height:100vh;max-width:min(1366px,90vw);max-height:min(800px,calc(90vh - 46px));&[data-size=mobile]{max-width:min(428px,90vw);max-height:min(800px,calc(90vh - 46px))}transition:.15s}}.dialog-functions-wrapper{display:flex;justify-content:center;align-items:center;margin-top:.5em;.dialog-functions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);padding:.5em;display:flex;justify-content:center;align-items:center;-moz-column-gap:.25em;column-gap:.25em;border-radius:9em;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2),inset 0 0 0 1px rgba(0,0,0,.4),0 5px 12px rgba(0,0,0,.4)}}.dialog-button{cursor:pointer;color:hsla(0,0%,100%,.5);width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:.25s;&.active,&:hover{color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),inset 5px 5px 10px hsla(0,0%,100%,.3),0 0 0 1px rgba(0,0,0,.2)}&.active{background-color:var(--primary-color,#1f8bff)}&.close:hover{background-color:var(--error-color,#f56c6c)}}[data-tooltip]{position:relative;&:before{content:attr(data-tooltip);position:absolute;display:block;top:0;left:50%;transform:translateX(-50%) translateY(-120%);white-space:nowrap;color:#fff;background-color:var(--gray-0,#001e3c);padding:5px 7px;font-size:13px;border-radius:4px;opacity:0;visibility:hidden;transition:.25s}&:hover:before{visibility:visible;opacity:1}}}nv-block-pandastudio-iframe-modal{display:block;padding:.4em 0;.pandastudio-iframe-modal{&[data-align=left]{text-align:left}&[data-align=center]{text-align:center}&[data-align=right]{text-align:right}.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;text-shadow:none;line-height:1.6;cursor:pointer;--border-color:var(--gray-3,#8492a6);--background-color:var(--gray-9,#f2f7fc);--shadow-color:var(--gray-opacity-2);padding:7px 1em 8px;background-color:var(--background-color);color:var(--border-color,#d3dce6);text-shadow:0 1px var(--white-default,#fff);border-radius:.375em;box-shadow:0 -2px 1px var(--gray-opacity-2,rgba(0,30,60,.2)) inset,0 -3px 0 var(--border-color) inset,0 0 0 1px var(--border-color) inset,0 2px var(--white-default,#fff) inset,0 .5em 1em var(--white-opacity-6,hsla(0,0%,100%,.6)) inset,0 1px 3px var(--gray-opacity-1,rgba(0,30,60,.1)),0 3px 4px var(--shadow-color);&.style-primary{--border-color:var(--primary-color,#1f8bff);--background-color:var(--primary-opacity-1,rgba(0,125,255,.1));--shadow-color:var(--primary-opacity-3,rgba(0,125,255,.3))}&.style-success{--border-color:var(--success-color,#67c23a);--background-color:rgba(103,194,58,.1);--shadow-color:rgba(103,194,58,.3)}&.style-warning{--border-color:var(--warning-color,#e6a23c);--background-color:rgba(230,162,60,.1);--shadow-color:rgba(230,162,60,.3)}&.style-error{--border-color:var(--error-color,#f56c6c);--background-color:hsla(0,87%,69%,.1);--shadow-color:hsla(0,87%,69%,.3)}transition:box-shadow .15s,transform .15s;&:hover{transform:translateY(5px);padding:9px 1em 6px;box-shadow:0 -2px 1px transparent inset,0 -3px 0 transparent inset,0 0 0 1px var(--border-color) inset,0 2px 3px var(--gray-opacity-1,rgba(0,30,60,.1)) inset,0 .5em 1em var(--gray-opacity-1,rgba(0,30,60,.1)) inset,0 1px 3px var(--gray-opacity-1,rgba(0,30,60,.1)),0 3px 4px transparent}}}}