.up-modal[hidden]{display:none}.up-modal{position:fixed;inset:0;z-index:999999}.up-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}.up-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(960px, 92vw);max-height:min(90vh, 860px);margin:auto;top:50%;transform:translateY(-50%) !important;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45)}.up-modal__frame{aspect-ratio:16/9;flex:0 0 auto;background:#000}.up-modal__frame,.up-modal__frame iframe{width:100%;height:100%;display:block;border:0}.up-content-wrap{background:#fff;color:#111;width:min(960px, 92vw);max-height:min(86vh, 720px);margin:auto;top:50%;transform:translateY(-50%);position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45)}.up-content__inner{overflow:auto;max-height:calc(min(86vh, 720px) - 48px);padding:16px}.up-modal__close{position:absolute;top:8px;right:10px;font-size:34px;line-height:1;color:#fff;background:0 0;border:0;cursor:pointer;z-index:10;text-shadow:0 2px 10px rgba(0,0,0,.6)}.up-anim{opacity:0;transform:none}.up-anim.up-from-left{transform:translateX(-24px)}.up-anim.up-from-right{transform:translateX(24px)}.up-anim.up-from-up{transform:translateY(-24px)}.up-anim.up-from-down{transform:translateY(24px)}.up-anim.up-in{opacity:1;transform:none}