.dialog-container[data-v-dcf369f1]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto}.dialog-frame[data-v-dcf369f1]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;overflow:hidden;z-index:1;max-height:calc(100vh - 100px);width:100%;height:100%}@media (max-aspect-ratio: 16/9){.dialog-container.video-ratio .dialog-frame[data-v-dcf369f1]{width:100%;height:48.6486486486vw}}@media (min-aspect-ratio: 16/9.5){.dialog-container.video-ratio[data-v-dcf369f1]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dialog-container.video-ratio .dialog-frame[data-v-dcf369f1]{width:145.4545454545vh;height:100%}}@media only screen and (max-width: 1024px) and (max-aspect-ratio: 16/9){.dialog-container.video-ratio .dialog-frame[data-v-dcf369f1]{width:100%;height:52.9411764706vw}}@media only screen and (max-width: 1024px) and (min-aspect-ratio: 16/12){.dialog-container.video-ratio .dialog-frame[data-v-dcf369f1]{width:133.3333333333vh;height:100%}}.text-dialog[data-v-dcf369f1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-wrap:break-word;position:relative;background-color:var(--dialog-bg-color);font-size:16px;color:var(--dialog-text-color);max-height:inherit}.text-dialog .dialog-body[data-v-dcf369f1]{text-align:center;line-height:2em;overflow-y:auto}[data-v-dcf369f1] .dialog-title span{white-space:inherit}@media only screen and (min-width: 1025px){[data-v-dcf369f1] .dialog-title .line{max-width:10vw}}.nav-btn[data-v-dcf369f1]{position:absolute;top:50%;-webkit-transform:translate(10%,-50%);-ms-transform:translate(10%,-50%);transform:translate(10%,-50%);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:62px;aspect-ratio:1/1;border:2px solid white;background-color:#000000b3;border-radius:32px;z-index:2;cursor:pointer;color:#fff;left:0}.nav-btn svg[data-v-dcf369f1]{width:22px}.nav-btn path[data-v-dcf369f1]{-webkit-transition:all .2s;transition:all .2s}.nav-btn[data-v-dcf369f1]:active{color:#ffb72d}@media (hover: hover){.nav-btn[data-v-dcf369f1]:hover{color:#ffb72d}}.nav-btn.right[data-v-dcf369f1]{left:initial;right:0;-webkit-transform:translate(-10%,-50%) scaleX(-1);-ms-transform:translate(-10%,-50%) scaleX(-1);transform:translate(-10%,-50%) scaleX(-1)}.close-btn[data-v-dcf369f1]{position:absolute;cursor:pointer;right:0;top:-40px;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}.close-btn[data-v-dcf369f1]:hover{opacity:1}.text-dialog .close-btn[data-v-dcf369f1]{top:0}@media only screen and (max-width: 1024px){.nav-btn[data-v-dcf369f1]{width:52px}.nav-btn svg[data-v-dcf369f1]{width:16px}}@media only screen and (max-width: 600px){.nav-btn[data-v-dcf369f1]{width:40px;height:40px}}
