@charset "utf-8";



.gw-dialog-overlay { position: fixed; inset: 0px; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: calc(40px * var(--gw-transform-scale, 1)) calc(20px * var(--gw-transform-scale, 1)); background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-sizing: border-box; }



.gw-dialog-overlay.is-visible { opacity: 1; pointer-events: auto; }



.gw-dialog-overlay--glass { background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(var(--backdrop-blur,calc(12px * var(--gw-transform-scale, 1)))); }



.gw-dialog { position: relative; display: flex; flex-direction: column; max-width: 95vw; max-height: 92vh; overflow: hidden; background: rgb(255, 255, 255); border-radius: calc(12px * var(--gw-transform-scale, 1)); box-shadow: 0 0 0 calc(1px * var(--gw-transform-scale, 1)) rgba(0,0,0,.08),0 calc(8px * var(--gw-transform-scale, 1)) calc(24px * var(--gw-transform-scale, 1)) rgba(0,0,0,.08),0 calc(24px * var(--gw-transform-scale, 1)) calc(48px * var(--gw-transform-scale, 1)) rgba(0,0,0,.12); opacity: 0; transform: scale(0.96); transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s; }



.gw-dialog.is-visible { opacity: 1; transform: scale(1); }



.gw-dialog-body { min-height: 0px; overflow: auto; background: rgb(255, 255, 255); }



.gw-dialog--no-header .gw-dialog-header { display: none; }



.gw-dialog--no-content-scroll { overflow: hidden; scrollbar-width: none; }



.gw-dialog--no-content-scroll::-webkit-scrollbar, .gw-dialog--no-content-scroll .gw-dialog-body::-webkit-scrollbar { display: none; width: 0px; height: 0px; }



.gw-dialog--no-content-scroll .gw-dialog-body { overflow: hidden; scrollbar-width: none; }



.gw-dialog-close { position: absolute; top: calc(14px * var(--gw-transform-scale, 1)); right: calc(14px * var(--gw-transform-scale, 1)); z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: calc(32px * var(--gw-transform-scale, 1)); height: calc(32px * var(--gw-transform-scale, 1)); border: 0px; border-radius: calc(999px * var(--gw-transform-scale, 1)); background: rgba(255, 255, 255, 0.88); color: rgb(138, 138, 138); cursor: pointer; box-shadow: 0 calc(8px * var(--gw-transform-scale, 1)) calc(24px * var(--gw-transform-scale, 1)) rgba(15,23,42,.12); transition: background 0.18s, color 0.18s, transform 0.18s; }



.gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(17, 24, 39); transform: scale(1.04); }



.gw-dialog--popup-content { max-height: min(82vh,calc(760px * var(--gw-transform-scale, 1))); overflow: visible; }



.gw-dialog--popup-content .gw-dialog-close { top: calc(-12px * var(--gw-transform-scale, 1)); right: calc(-12px * var(--gw-transform-scale, 1)); width: calc(34px * var(--gw-transform-scale, 1)); height: calc(34px * var(--gw-transform-scale, 1)); border: calc(1px * var(--gw-transform-scale, 1)) solid rgba(226,232,240,.96); border-radius: calc(999px * var(--gw-transform-scale, 1)); background: rgba(255, 255, 255, 0.96); color: rgb(71, 85, 105); box-shadow: 0 calc(12px * var(--gw-transform-scale, 1)) calc(30px * var(--gw-transform-scale, 1)) rgba(15,23,42,.18); }



.gw-dialog--popup-content .gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(15, 23, 42); transform: scale(1.04); }



.gw-dialog--popup-content .gw-dialog-body { overflow: auto; background: rgb(255, 255, 255); border-radius: inherit; scrollbar-width: none; }



.gw-dialog--popup-content .gw-dialog-body::-webkit-scrollbar { width: 0px; height: 0px; }



.gw-dialog--open-form.gw-dialog--no-header { overflow: visible; }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-close { top: calc(-12px * var(--gw-transform-scale, 1)); right: calc(-12px * var(--gw-transform-scale, 1)); width: calc(34px * var(--gw-transform-scale, 1)); height: calc(34px * var(--gw-transform-scale, 1)); border: calc(1px * var(--gw-transform-scale, 1)) solid rgba(226,232,240,.96); border-radius: calc(999px * var(--gw-transform-scale, 1)); background: rgba(255, 255, 255, 0.96); color: rgb(71, 85, 105); box-shadow: 0 calc(12px * var(--gw-transform-scale, 1)) calc(30px * var(--gw-transform-scale, 1)) rgba(15,23,42,.18); }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(15, 23, 42); transform: scale(1.04); }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-body { border-radius: inherit; }



.gw-popup-dialog-content { box-sizing: border-box; width: 100%; max-height: calc(82vh - calc(56px * var(--gw-transform-scale, 1))); overflow: auto; background: rgb(255, 255, 255); }



.gw-popup-dialog-content.is-empty { padding: calc(28px * var(--gw-transform-scale, 1)); text-align: center; color: rgb(143, 143, 143); font-size: calc(13px * var(--gw-transform-scale, 1)); line-height: 1.8; }



.gw-popup-dialog-html { padding: 0px; }



.gw-popup-rich-content { padding: calc(24px * var(--gw-transform-scale, 1)) calc(26px * var(--gw-transform-scale, 1)); color: rgb(31, 41, 55); font-size: calc(14px * var(--gw-transform-scale, 1)); line-height: 1.8; white-space: normal; }



.gw-popup-rich-content h1, .gw-popup-rich-content h2, .gw-popup-rich-content h3 { margin: 0 0 calc(12px * var(--gw-transform-scale, 1)); color: rgb(13, 13, 13); font-weight: 650; line-height: 1.35; }



.gw-popup-rich-content h1 { font-size: calc(22px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content h2 { font-size: calc(18px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content h3 { font-size: calc(15px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content p { margin: 0 0 calc(10px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content ul { margin: 0 0 calc(12px * var(--gw-transform-scale, 1)); padding-left: calc(20px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content li { margin: calc(4px * var(--gw-transform-scale, 1)) 0; }



.gw-popup-rich-content a { color: rgb(74, 141, 232); text-decoration: underline; text-underline-offset: calc(3px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content code { border-radius: calc(5px * var(--gw-transform-scale, 1)); background: rgb(244, 244, 245); padding: calc(2px * var(--gw-transform-scale, 1)) calc(5px * var(--gw-transform-scale, 1)); color: rgb(13, 13, 13); font-size: calc(12px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content pre { margin: calc(14px * var(--gw-transform-scale, 1)) 0; padding: calc(14px * var(--gw-transform-scale, 1)) calc(16px * var(--gw-transform-scale, 1)); overflow: auto; border: calc(1px * var(--gw-transform-scale, 1)) solid #e5e7eb; border-radius: calc(10px * var(--gw-transform-scale, 1)); background: rgb(15, 23, 42); color: rgb(229, 231, 235); font-size: calc(12px * var(--gw-transform-scale, 1)); line-height: 1.7; }



.gw-popup-rich-content pre code { padding: 0px; background: transparent; color: inherit; font-size: inherit; }



.gw-popup-rich-content blockquote { margin: calc(14px * var(--gw-transform-scale, 1)) 0; padding: calc(10px * var(--gw-transform-scale, 1)) calc(14px * var(--gw-transform-scale, 1)); border-left: calc(3px * var(--gw-transform-scale, 1)) solid #9cc8ff; border-radius: 0 calc(8px * var(--gw-transform-scale, 1)) calc(8px * var(--gw-transform-scale, 1)) 0; background: rgb(247, 251, 255); color: rgb(71, 85, 105); }



.gw-popup-rich-content hr { margin: calc(18px * var(--gw-transform-scale, 1)) 0; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: calc(1px * var(--gw-transform-scale, 1)) solid #e5e7eb; }



.gw-popup-rich-content img { display: block; max-width: 100%; height: auto; margin: calc(14px * var(--gw-transform-scale, 1)) auto; border-radius: calc(10px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content ol { margin: 0 0 calc(12px * var(--gw-transform-scale, 1)); padding-left: calc(22px * var(--gw-transform-scale, 1)); }



.gw-popup-rich-content ol li { list-style: decimal; }



.gw-popup-rich-content ul li { list-style: disc; }



.gw-popup-markdown-table-wrap { margin: calc(14px * var(--gw-transform-scale, 1)) 0; overflow: auto; border: calc(1px * var(--gw-transform-scale, 1)) solid #e5e7eb; border-radius: calc(10px * var(--gw-transform-scale, 1)); }



.gw-popup-markdown-table-wrap table { width: 100%; border-collapse: collapse; font-size: calc(13px * var(--gw-transform-scale, 1)); }



.gw-popup-markdown-table-wrap th, .gw-popup-markdown-table-wrap td { padding: calc(10px * var(--gw-transform-scale, 1)) calc(12px * var(--gw-transform-scale, 1)); border-bottom: calc(1px * var(--gw-transform-scale, 1)) solid #eef0f3; text-align: left; }



.gw-popup-markdown-table-wrap th { background: rgb(248, 250, 252); color: rgb(15, 23, 42); font-weight: 650; }



.gw-popup-markdown-table-wrap tr:last-child td { border-bottom: 0px; }



.gw-popup-dialog-page { position: relative; height: min(72vh,calc(720px * var(--gw-transform-scale, 1))); min-height: calc(160px * var(--gw-transform-scale, 1)); overflow: hidden; background: rgb(247, 248, 250); transition: height 0.22s; }



.gw-popup-dialog-page iframe { display: block; width: 100%; height: 100%; border: 0px; background: rgb(255, 255, 255); opacity: 1; transition: opacity 0.22s; }



.gw-dialog-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(16px * var(--gw-transform-scale, 1)); height: 100%; min-height: calc(200px * var(--gw-transform-scale, 1)); color: rgb(153, 153, 153); font-size: calc(14px * var(--gw-transform-scale, 1)); }



.gw-dialog-loading--error { color: rgb(102, 112, 133); }



.gw-dialog-loading-spinner { width: calc(36px * var(--gw-transform-scale, 1)); height: calc(36px * var(--gw-transform-scale, 1)); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgb(22, 119, 255); border-radius: 50%; animation: 0.8s linear 0s infinite normal none running gw-dialog-spin; }



.gw-popup-page-loading { position: absolute; inset: 0px; z-index: 1; min-height: 0px; background: rgba(255, 255, 255, 0.96); opacity: 0; pointer-events: none; transition: opacity 0.18s; }



.gw-popup-page-loading .gw-preview-anime-wrap { margin-bottom: 0px; }



.gw-popup-page-loading .gw-preview-anime-text { color: rgb(102, 112, 133); font-size: calc(13px * var(--gw-transform-scale, 1)); font-weight: 500; letter-spacing: 0px; }



.gw-popup-dialog-page.is-loading iframe { opacity: 0; }



.gw-popup-dialog-page.is-loading .gw-popup-page-loading, .gw-popup-dialog-page.is-error .gw-popup-page-loading { opacity: 1; }



.gw-popup-dialog-page.is-error .gw-preview-anime-wrap, .gw-popup-dialog-page.is-error .gw-dialog-loading-spinner { display: none; }



.gw-preview-anime-wrap { display: flex; align-items: center; justify-content: center; gap: calc(8px * var(--gw-transform-scale, 1)); margin-bottom: calc(16px * var(--gw-transform-scale, 1)); }



.sk-folding-cube { position: relative; width: calc(40px * var(--gw-transform-scale, 1)); height: calc(40px * var(--gw-transform-scale, 1)); transform: rotateZ(45deg); }



.sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); }



.sk-folding-cube .sk-cube::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(94, 142, 247); animation: 2.4s linear 0s infinite normal both running sk-foldCubeAngle; transform-origin: 100% 100%; }



.sk-folding-cube .sk-cube2 { transform: scale(1.1) rotateZ(90deg); }



.sk-folding-cube .sk-cube2::before { animation-delay: 0.3s; }



.sk-folding-cube .sk-cube3 { transform: scale(1.1) rotateZ(180deg); }



.sk-folding-cube .sk-cube3::before { animation-delay: 0.6s; }



.sk-folding-cube .sk-cube4 { transform: scale(1.1) rotateZ(270deg); }



.sk-folding-cube .sk-cube4::before { animation-delay: 0.9s; }



.gw-preview-anime-text { color: rgb(144, 147, 153); font-size: calc(14px * var(--gw-transform-scale, 1)); }



@keyframes sk-foldCubeAngle { 

  0%, 10% { transform: perspective(calc(140px * var(--gw-transform-scale, 1))) rotateX(-180deg); opacity: 0; }

  25%, 75% { transform: perspective(calc(140px * var(--gw-transform-scale, 1))) rotateX(0); opacity: 1; }

  90%, 100% { transform: perspective(calc(140px * var(--gw-transform-scale, 1))) rotateY(180deg); opacity: 0; }

}



@keyframes gw-dialog-spin { 

  100% { transform: rotate(360deg); }

}