/* 由 tools/extract-nai-official-snapshot.js 从 NovelAI 官方生图页离线副本生成，请勿手改。 * 所有选择器限定在 #view-nai-image 内；资源位于 ./media。 */ /* ---------- fonts (16) ---------- */ @font-face { font-family: Eczar; font-style: normal; font-weight: 400; src: url("media/eczar-latin-ext-var.woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 400; src: url("media/eczar-latin-var.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 500; src: url("media/eczar-latin-ext-var.woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 500; src: url("media/eczar-latin-var.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 600; src: url("media/eczar-latin-ext-var.woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 600; src: url("media/eczar-latin-var.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 700; src: url("media/eczar-latin-var.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: Eczar; font-style: normal; font-weight: 700; src: url("media/eczar-latin-ext-var.woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: url("media/source-sans-pro-latin-ext-400.woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: url("media/source-sans-pro-latin-400.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: url("media/source-sans-pro-latin-600.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: url("media/source-sans-pro-latin-ext-600.woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: url("media/source-sans-pro-latin-700.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: url("media/source-sans-pro-latin-ext-700.woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: url("media/source-sans-pro-latin-900.woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 900; src: url("media/source-sans-pro-latin-ext-900.woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* ---------- base (70) ---------- */ #view-nai-image *, #view-nai-image ::after, #view-nai-image ::before { box-sizing: inherit; margin: 0px; padding: 0px; } #view-nai-image { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; } #view-nai-image main { display: block; } #view-nai-image h1 { margin: 0.67em 0px; font-size: 2em; } #view-nai-image a { background-color: rgba(0, 0, 0, 0); } #view-nai-image abbr[title] { text-decoration: underline dotted; } #view-nai-image code, #view-nai-image kbd, #view-nai-image pre, #view-nai-image samp { font-family: monospace; font-size: 1em; } #view-nai-image sub, #view-nai-image sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } #view-nai-image sub { bottom: -0.25em; } #view-nai-image sup { top: -0.5em; } #view-nai-image button, #view-nai-image input, #view-nai-image optgroup, #view-nai-image select, #view-nai-image textarea { line-height: inherit; border: 1px solid; } #view-nai-image button { text-transform: none; overflow: visible; } #view-nai-image [type="button"], #view-nai-image [type="reset"], #view-nai-image [type="submit"], #view-nai-image button { appearance: button; padding: 1px 6px; } #view-nai-image input { overflow: visible; } #view-nai-image input, #view-nai-image textarea { padding: 1px; } #view-nai-image fieldset { border: 1px solid; margin: 0px 2px; } #view-nai-image legend { color: inherit; white-space: normal; max-width: 100%; display: table; } #view-nai-image progress { vertical-align: baseline; display: inline-block; } #view-nai-image select { text-transform: none; } #view-nai-image textarea { vertical-align: top; overflow: auto; } #view-nai-image [type="search"] { appearance: textfield; outline-offset: -2px; } #view-nai-image [type="color"] { background: inherit; } #view-nai-image ::-webkit-inner-spin-button { height: auto; } #view-nai-image ::-webkit-outer-spin-button { height: auto; } #view-nai-image ::-webkit-input-placeholder { color: inherit; opacity: 0.5; } #view-nai-image ::-webkit-file-upload-button { appearance: button; font: inherit; } #view-nai-image ::-webkit-search-decoration { appearance: button; font: inherit; } #view-nai-image hr { box-sizing: content-box; height: 0px; color: inherit; overflow: visible; } #view-nai-image dl, #view-nai-image ol, #view-nai-image ul { margin: 1em 0px; } #view-nai-image dl dl, #view-nai-image dl ol, #view-nai-image dl ul, #view-nai-image ol dl, #view-nai-image ol ol, #view-nai-image ol ul, #view-nai-image ul dl, #view-nai-image ul ol, #view-nai-image ul ul { margin: 0px; } #view-nai-image b, #view-nai-image strong { font-weight: bolder; } #view-nai-image audio, #view-nai-image video { display: inline-block; } #view-nai-image audio:not([controls]) { height: 0px; display: none; } #view-nai-image img { border: 0px; } #view-nai-image svg:not(:root) { overflow: hidden; } #view-nai-image table { text-indent: 0px; border-color: inherit; } #view-nai-image details { display: block; } #view-nai-image dialog { background-color: inherit; color: inherit; border: solid; width: fit-content; height: fit-content; margin: auto; padding: 1em; display: block; position: absolute; left: 0px; right: 0px; } #view-nai-image dialog:not([open]) { display: none; } #view-nai-image summary { display: list-item; } #view-nai-image canvas { display: inline-block; } #view-nai-image template, #view-nai-image [hidden] { display: none; } #view-nai-image .ProseMirror { overflow-wrap: break-word; white-space: break-spaces; font-variant-ligatures: none; font-feature-settings: "liga" 0; position: relative; } #view-nai-image .ProseMirror pre { white-space: pre-wrap; } #view-nai-image .ProseMirror li { position: relative; } #view-nai-image .ProseMirror-hideselection ::selection { background: 0px 0px; } #view-nai-image .ProseMirror-hideselection { caret-color: rgba(0, 0, 0, 0); } #view-nai-image .ProseMirror [draggable][contenteditable="false"] { user-select: text; } #view-nai-image .ProseMirror-selectednode { outline: rgb(136, 204, 255) solid 2px; } #view-nai-image li.ProseMirror-selectednode { outline: none; } #view-nai-image li.ProseMirror-selectednode::after { content: ""; pointer-events: none; border: 2px solid rgb(136, 204, 255); position: absolute; inset: -2px -2px -2px -32px; } #view-nai-image img.ProseMirror-separator { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; margin: 0px !important; display: inline !important; } #view-nai-image { overflow: hidden; } #view-nai-image, #view-nai-image, #view-nai-image { box-sizing: border-box; margin: 0px; padding: 0px; position: absolute; height: var(--app-height,100%) !important; width: 100% !important; max-height: var(--app-height,100%) !important; } #view-nai-image { color: rgb(230, 230, 230); --loader-color: #f5f3c2; background: rgb(19, 21, 44); min-width: 320px; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 16px; overflow: auto; } #view-nai-image { overflow: auto; } #view-nai-image #tsparticles { height: 0px; } @-webkit-keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #view-nai-image .react-joyride__overlay { z-index: 10000 !important; height: 100vh !important; } #view-nai-image .__floater { z-index: 10001 !important; } @keyframes animatedgradient { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } @keyframes fade-in-right { 0% { opacity: 0; transform: translate(50px); } 100% { opacity: 1; transform: translate(0px); } } #view-nai-image .fade-in-right { animation: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running fade-in-right; } @keyframes fade-out-right { 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translate(50px); } } #view-nai-image .fade-out-right { animation: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running fade-out-right; } @keyframes ripple { 0% { visibility: visible; opacity: 0.1; border-width: 10px; transform: scale(0); } 60% { visibility: visible; opacity: 0.15; border-width: 1px; } 100% { visibility: visible; opacity: 0; border-width: 1px; transform: scale(1); } } @keyframes stroke { 0% { stroke-dashoffset: 2500px; } 100% { stroke-dashoffset: 0; } } @keyframes slideOutLeft { 0% { transform: translate(0px); } 100% { transform: translate(-50%); } } #view-nai-image .triangle { --r: 2px; aspect-ratio: 2 / 1; --_g: calc(var(--r) / tan(22.5deg)) bottom var(--r), #000 98%, #0000 101%; height: 100px; mask: conic-gradient(from -22.5deg at 50% calc(100% + 100% / tan(22.5deg) - var(--r) / (3 * sqrt(2) - 4)), #000 45deg, #0000 0) 0 100%/100% calc(100% - var(--r) / sqrt(2)) no-repeat, radial-gradient(var(--r) at 50% calc(var(--r) * sqrt(2)), #000 98%, #0000 101%), radial-gradient(var(--r) at left var(--_g)), radial-gradient(var(--r) at right var(--_g)); clip-path: polygon(50% 0px, 100% 100%, 0px 100%); } /* ---------- styled (916) ---------- */ #view-nai-image { font-size: 16px; line-height: 1.5; } #view-nai-image { font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: rgb(255, 255, 255); --loader-color: #F5F3C2; } #view-nai-image * { color: inherit; } #view-nai-image code { font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 0.9rem; } #view-nai-image div { word-break: break-word; } #view-nai-image a { color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; } #view-nai-image a:hover { color: rgb(245, 243, 194); text-decoration: none; } #view-nai-image strong { font-weight: 600; } #view-nai-image input, #view-nai-image textarea { background: rgb(14, 15, 33); border: 0px; color: rgb(255, 255, 255); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.875rem; padding: 10px 0px 10px 10px; resize: none; width: 100%; touch-action: pan-y; box-sizing: border-box; } #view-nai-image button { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 600; } #view-nai-image h1, #view-nai-image h2, #view-nai-image h3, #view-nai-image h4, #view-nai-image h5, #view-nai-image h6 { margin: 0px 0px 0.5rem; } #view-nai-image p { margin: 0px 0px 1rem; } #view-nai-image input:focus, #view-nai-image [role="button"]:focus, #view-nai-image textarea:focus, #view-nai-image button:focus { outline-color: rgb(255, 255, 255); } #view-nai-image input:active, #view-nai-image [role="button"]:active, #view-nai-image textarea:active, #view-nai-image button:active { outline-width: 0px !important; outline-style: none !important; } #view-nai-image:not(.keyboard-focus) input:focus, #view-nai-image:not(.keyboard-focus) [role="button"]:focus, #view-nai-image:not(.keyboard-focus) textarea:focus, #view-nai-image:not(.keyboard-focus) button:focus { outline-width: 0px; outline-style: none; } #view-nai-image label { font-size: 0.875rem; } #view-nai-image button:disabled { color: rgba(255, 255, 255, 0.627); } #view-nai-image h1, #view-nai-image h2, #view-nai-image h3, #view-nai-image h4, #view-nai-image h5, #view-nai-image h6 { color: rgb(245, 243, 194); font-family: Eczar; font-weight: 600; letter-spacing: 0.5px; } #view-nai-image ::-webkit-scrollbar-track { background: none; } #view-nai-image ::-webkit-scrollbar { height: 14px; width: 14px; } #view-nai-image ::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: rgb(34, 37, 63); border: 5px solid transparent; border-radius: 15px; } #view-nai-image ::-webkit-scrollbar-corner { display: none; } #view-nai-image button[disabled] { pointer-events: none; } #view-nai-image ::-webkit-scrollbar-button { display: none; height: 0px; width: 0px; } #view-nai-image input::-webkit-outer-spin-button, #view-nai-image input::-webkit-inner-spin-button { appearance: none; margin: 0px; } #view-nai-image input[type="number"] { } #view-nai-image .multi-line { color: black; } #view-nai-image .select { box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 1px 0px; } #view-nai-image .ProseMirror-focused { outline: none !important; } #view-nai-image .send-container { font-size: 1rem; } #view-nai-image .svg-color-bg0.svg-fill, #view-nai-image .svg-color-bg0-fill { fill: rgb(14, 15, 33); } #view-nai-image .svg-color-bg1.svg-fill, #view-nai-image .svg-color-bg1-fill { fill: rgb(19, 21, 44); } #view-nai-image .svg-color-bg2.svg-fill, #view-nai-image .svg-color-bg2-fill { fill: rgb(25, 27, 49); } #view-nai-image .svg-color-bg3.svg-fill, #view-nai-image .svg-color-bg3-fill { fill: rgb(34, 37, 63); } #view-nai-image .svg-color-textHeadings.svg-fill, #view-nai-image .svg-color-textHeadings-fill { fill: rgb(245, 243, 194); } #view-nai-image .svg-color-textMain.svg-fill, #view-nai-image .svg-color-textMain-fill { fill: rgb(255, 255, 255); } #view-nai-image .svg-color-textEdit.svg-fill, #view-nai-image .svg-color-textEdit-fill { fill: rgb(255, 255, 255); } #view-nai-image .svg-color-bg0.svg-stroke, #view-nai-image .svg-color-bg0-stroke { stroke: rgb(14, 15, 33); } #view-nai-image .svg-color-bg1.svg-stroke, #view-nai-image .svg-color-bg1-stroke { stroke: rgb(19, 21, 44); } #view-nai-image .svg-color-bg2.svg-stroke, #view-nai-image .svg-color-bg2-stroke { stroke: rgb(25, 27, 49); } #view-nai-image .svg-color-bg3.svg-stroke, #view-nai-image .svg-color-bg3-stroke { stroke: rgb(34, 37, 63); } #view-nai-image .svg-color-textHeadings.svg-stroke, #view-nai-image .svg-color-textHeadings-stroke { stroke: rgb(245, 243, 194); } #view-nai-image .svg-color-textMain.svg-stroke, #view-nai-image .svg-color-textMain-stroke { stroke: rgb(255, 255, 255); } #view-nai-image .svg-color-textMain-20.svg-stroke, #view-nai-image .svg-color-textMain-20-stroke { stroke: rgba(255, 255, 255, 0.15); } #view-nai-image .svg-color-bg2-stop-color { stop-color: rgb(25, 27, 49); } #view-nai-image .low-intensity-color-0 { background-color: rgba(4, 102, 206, 0); border-radius: 2px; } #view-nai-image .low-intensity-color-1 { background-color: rgba(4, 102, 206, 0.024); border-radius: 2px; } #view-nai-image .low-intensity-color-2 { background-color: rgba(4, 102, 206, 0.05); border-radius: 2px; } #view-nai-image .low-intensity-color-3 { background-color: rgba(4, 102, 206, 0.075); border-radius: 2px; } #view-nai-image .low-intensity-color-4 { background-color: rgba(4, 102, 206, 0.1); border-radius: 2px; } #view-nai-image .low-intensity-color-5 { background-color: rgba(4, 102, 206, 0.125); border-radius: 2px; } #view-nai-image .low-intensity-color-6 { background-color: rgba(4, 102, 206, 0.15); border-radius: 2px; } #view-nai-image .low-intensity-color-7 { background-color: rgba(4, 102, 206, 0.176); border-radius: 2px; } #view-nai-image .low-intensity-color-8 { background-color: rgba(4, 102, 206, 0.2); border-radius: 2px; } #view-nai-image .low-intensity-color-9 { background-color: rgba(4, 102, 206, 0.224); border-radius: 2px; } #view-nai-image .low-intensity-color-10 { background-color: rgba(4, 102, 206, 0.25); border-radius: 2px; } #view-nai-image .low-intensity-color-11 { background-color: rgba(4, 102, 206, 0.275); border-radius: 2px; } #view-nai-image .low-intensity-color-12 { background-color: rgba(4, 102, 206, 0.3); border-radius: 2px; } #view-nai-image .low-intensity-color-13 { background-color: rgba(4, 102, 206, 0.325); border-radius: 2px; } #view-nai-image .low-intensity-color-14 { background-color: rgba(4, 102, 206, 0.35); border-radius: 2px; } #view-nai-image .low-intensity-color-15 { background-color: rgba(4, 102, 206, 0.376); border-radius: 2px; } #view-nai-image .low-intensity-color-16 { background-color: rgba(4, 102, 206, 0.4); border-radius: 2px; } #view-nai-image .low-intensity-color-17 { background-color: rgba(4, 102, 206, 0.424); border-radius: 2px; } #view-nai-image .low-intensity-color-18 { background-color: rgba(4, 102, 206, 0.45); border-radius: 2px; } #view-nai-image .low-intensity-color-19 { background-color: rgba(4, 102, 206, 0.475); border-radius: 2px; } #view-nai-image .low-intensity-color-20 { background-color: rgba(4, 102, 206, 0.5); border-radius: 2px; } #view-nai-image .low-intensity-color-21 { background-color: rgba(4, 102, 206, 0.525); border-radius: 2px; } #view-nai-image .low-intensity-color-22 { background-color: rgba(4, 102, 206, 0.55); border-radius: 2px; } #view-nai-image .low-intensity-color-23 { background-color: rgba(4, 102, 206, 0.576); border-radius: 2px; } #view-nai-image .low-intensity-color-24 { background-color: rgba(4, 102, 206, 0.6); border-radius: 2px; } #view-nai-image .low-intensity-color-25 { background-color: rgba(4, 102, 206, 0.624); border-radius: 2px; } #view-nai-image .low-intensity-color-26 { background-color: rgba(4, 102, 206, 0.65); border-radius: 2px; } #view-nai-image .low-intensity-color-27 { background-color: rgba(4, 102, 206, 0.675); border-radius: 2px; } #view-nai-image .low-intensity-color-28 { background-color: rgba(4, 102, 206, 0.7); border-radius: 2px; } #view-nai-image .low-intensity-color-29 { background-color: rgba(4, 102, 206, 0.725); border-radius: 2px; } #view-nai-image .low-intensity-color-30 { background-color: rgba(4, 102, 206, 0.75); border-radius: 2px; } #view-nai-image .low-intensity-color-31 { background-color: rgba(4, 102, 206, 0.776); border-radius: 2px; } #view-nai-image .low-intensity-color-32 { background-color: rgba(4, 102, 206, 0.8); border-radius: 2px; } #view-nai-image .low-intensity-color-33 { background-color: rgba(4, 102, 206, 0.824); border-radius: 2px; } #view-nai-image .low-intensity-color-34 { background-color: rgba(4, 102, 206, 0.85); border-radius: 2px; } #view-nai-image .low-intensity-color-35 { background-color: rgba(4, 102, 206, 0.875); border-radius: 2px; } #view-nai-image .low-intensity-color-36 { background-color: rgba(4, 102, 206, 0.9); border-radius: 2px; } #view-nai-image .low-intensity-color-37 { background-color: rgba(4, 102, 206, 0.925); border-radius: 2px; } #view-nai-image .low-intensity-color-38 { background-color: rgba(4, 102, 206, 0.95); border-radius: 2px; } #view-nai-image .low-intensity-color-39 { background-color: rgba(4, 102, 206, 0.976); border-radius: 2px; } #view-nai-image .low-intensity-color-40 { background-color: rgb(4, 102, 206); border-radius: 2px; } #view-nai-image .mid-intensity-color-0 { background-color: rgba(0, 151, 7, 0); border-radius: 2px; } #view-nai-image .mid-intensity-color-1 { background-color: rgba(0, 151, 7, 0.024); border-radius: 2px; } #view-nai-image .mid-intensity-color-2 { background-color: rgba(0, 151, 7, 0.05); border-radius: 2px; } #view-nai-image .mid-intensity-color-3 { background-color: rgba(0, 151, 7, 0.075); border-radius: 2px; } #view-nai-image .mid-intensity-color-4 { background-color: rgba(0, 151, 7, 0.1); border-radius: 2px; } #view-nai-image .mid-intensity-color-5 { background-color: rgba(0, 151, 7, 0.125); border-radius: 2px; } #view-nai-image .mid-intensity-color-6 { background-color: rgba(0, 151, 7, 0.15); border-radius: 2px; } #view-nai-image .mid-intensity-color-7 { background-color: rgba(0, 151, 7, 0.176); border-radius: 2px; } #view-nai-image .mid-intensity-color-8 { background-color: rgba(0, 151, 7, 0.2); border-radius: 2px; } #view-nai-image .mid-intensity-color-9 { background-color: rgba(0, 151, 7, 0.224); border-radius: 2px; } #view-nai-image .mid-intensity-color-10 { background-color: rgba(0, 151, 7, 0.25); border-radius: 2px; } #view-nai-image .mid-intensity-color-11 { background-color: rgba(0, 151, 7, 0.275); border-radius: 2px; } #view-nai-image .mid-intensity-color-12 { background-color: rgba(0, 151, 7, 0.3); border-radius: 2px; } #view-nai-image .mid-intensity-color-13 { background-color: rgba(0, 151, 7, 0.325); border-radius: 2px; } #view-nai-image .mid-intensity-color-14 { background-color: rgba(0, 151, 7, 0.35); border-radius: 2px; } #view-nai-image .mid-intensity-color-15 { background-color: rgba(0, 151, 7, 0.376); border-radius: 2px; } #view-nai-image .mid-intensity-color-16 { background-color: rgba(0, 151, 7, 0.4); border-radius: 2px; } #view-nai-image .mid-intensity-color-17 { background-color: rgba(0, 151, 7, 0.424); border-radius: 2px; } #view-nai-image .mid-intensity-color-18 { background-color: rgba(0, 151, 7, 0.45); border-radius: 2px; } #view-nai-image .mid-intensity-color-19 { background-color: rgba(0, 151, 7, 0.475); border-radius: 2px; } #view-nai-image .mid-intensity-color-20 { background-color: rgba(0, 151, 7, 0.5); border-radius: 2px; } #view-nai-image .mid-intensity-color-21 { background-color: rgba(0, 151, 7, 0.525); border-radius: 2px; } #view-nai-image .mid-intensity-color-22 { background-color: rgba(0, 151, 7, 0.55); border-radius: 2px; } #view-nai-image .mid-intensity-color-23 { background-color: rgba(0, 151, 7, 0.576); border-radius: 2px; } #view-nai-image .mid-intensity-color-24 { background-color: rgba(0, 151, 7, 0.6); border-radius: 2px; } #view-nai-image .mid-intensity-color-25 { background-color: rgba(0, 151, 7, 0.624); border-radius: 2px; } #view-nai-image .mid-intensity-color-26 { background-color: rgba(0, 151, 7, 0.65); border-radius: 2px; } #view-nai-image .mid-intensity-color-27 { background-color: rgba(0, 151, 7, 0.675); border-radius: 2px; } #view-nai-image .mid-intensity-color-28 { background-color: rgba(0, 151, 7, 0.7); border-radius: 2px; } #view-nai-image .mid-intensity-color-29 { background-color: rgba(0, 151, 7, 0.725); border-radius: 2px; } #view-nai-image .mid-intensity-color-30 { background-color: rgba(0, 151, 7, 0.75); border-radius: 2px; } #view-nai-image .mid-intensity-color-31 { background-color: rgba(0, 151, 7, 0.776); border-radius: 2px; } #view-nai-image .mid-intensity-color-32 { background-color: rgba(0, 151, 7, 0.8); border-radius: 2px; } #view-nai-image .mid-intensity-color-33 { background-color: rgba(0, 151, 7, 0.824); border-radius: 2px; } #view-nai-image .mid-intensity-color-34 { background-color: rgba(0, 151, 7, 0.85); border-radius: 2px; } #view-nai-image .mid-intensity-color-35 { background-color: rgba(0, 151, 7, 0.875); border-radius: 2px; } #view-nai-image .mid-intensity-color-36 { background-color: rgba(0, 151, 7, 0.9); border-radius: 2px; } #view-nai-image .mid-intensity-color-37 { background-color: rgba(0, 151, 7, 0.925); border-radius: 2px; } #view-nai-image .mid-intensity-color-38 { background-color: rgba(0, 151, 7, 0.95); border-radius: 2px; } #view-nai-image .mid-intensity-color-39 { background-color: rgba(0, 151, 7, 0.976); border-radius: 2px; } #view-nai-image .mid-intensity-color-40 { background-color: rgb(0, 151, 7); border-radius: 2px; } #view-nai-image .high-intensity-color-0 { background-color: rgba(184, 55, 0, 0); border-radius: 2px; } #view-nai-image .high-intensity-color-1 { background-color: rgba(184, 55, 0, 0.024); border-radius: 2px; } #view-nai-image .high-intensity-color-2 { background-color: rgba(184, 55, 0, 0.05); border-radius: 2px; } #view-nai-image .high-intensity-color-3 { background-color: rgba(184, 55, 0, 0.075); border-radius: 2px; } #view-nai-image .high-intensity-color-4 { background-color: rgba(184, 55, 0, 0.1); border-radius: 2px; } #view-nai-image .high-intensity-color-5 { background-color: rgba(184, 55, 0, 0.125); border-radius: 2px; } #view-nai-image .high-intensity-color-6 { background-color: rgba(184, 55, 0, 0.15); border-radius: 2px; } #view-nai-image .high-intensity-color-7 { background-color: rgba(184, 55, 0, 0.176); border-radius: 2px; } #view-nai-image .high-intensity-color-8 { background-color: rgba(184, 55, 0, 0.2); border-radius: 2px; } #view-nai-image .high-intensity-color-9 { background-color: rgba(184, 55, 0, 0.224); border-radius: 2px; } #view-nai-image .high-intensity-color-10 { background-color: rgba(184, 55, 0, 0.25); border-radius: 2px; } #view-nai-image .high-intensity-color-11 { background-color: rgba(184, 55, 0, 0.275); border-radius: 2px; } #view-nai-image .high-intensity-color-12 { background-color: rgba(184, 55, 0, 0.3); border-radius: 2px; } #view-nai-image .high-intensity-color-13 { background-color: rgba(184, 55, 0, 0.325); border-radius: 2px; } #view-nai-image .high-intensity-color-14 { background-color: rgba(184, 55, 0, 0.35); border-radius: 2px; } #view-nai-image .high-intensity-color-15 { background-color: rgba(184, 55, 0, 0.376); border-radius: 2px; } #view-nai-image .high-intensity-color-16 { background-color: rgba(184, 55, 0, 0.4); border-radius: 2px; } #view-nai-image .high-intensity-color-17 { background-color: rgba(184, 55, 0, 0.424); border-radius: 2px; } #view-nai-image .high-intensity-color-18 { background-color: rgba(184, 55, 0, 0.45); border-radius: 2px; } #view-nai-image .high-intensity-color-19 { background-color: rgba(184, 55, 0, 0.475); border-radius: 2px; } #view-nai-image .high-intensity-color-20 { background-color: rgba(184, 55, 0, 0.5); border-radius: 2px; } #view-nai-image .high-intensity-color-21 { background-color: rgba(184, 55, 0, 0.525); border-radius: 2px; } #view-nai-image .high-intensity-color-22 { background-color: rgba(184, 55, 0, 0.55); border-radius: 2px; } #view-nai-image .high-intensity-color-23 { background-color: rgba(184, 55, 0, 0.576); border-radius: 2px; } #view-nai-image .high-intensity-color-24 { background-color: rgba(184, 55, 0, 0.6); border-radius: 2px; } #view-nai-image .high-intensity-color-25 { background-color: rgba(184, 55, 0, 0.624); border-radius: 2px; } #view-nai-image .high-intensity-color-26 { background-color: rgba(184, 55, 0, 0.65); border-radius: 2px; } #view-nai-image .high-intensity-color-27 { background-color: rgba(184, 55, 0, 0.675); border-radius: 2px; } #view-nai-image .high-intensity-color-28 { background-color: rgba(184, 55, 0, 0.7); border-radius: 2px; } #view-nai-image .high-intensity-color-29 { background-color: rgba(184, 55, 0, 0.725); border-radius: 2px; } #view-nai-image .high-intensity-color-30 { background-color: rgba(184, 55, 0, 0.75); border-radius: 2px; } #view-nai-image .high-intensity-color-31 { background-color: rgba(184, 55, 0, 0.776); border-radius: 2px; } #view-nai-image .high-intensity-color-32 { background-color: rgba(184, 55, 0, 0.8); border-radius: 2px; } #view-nai-image .high-intensity-color-33 { background-color: rgba(184, 55, 0, 0.824); border-radius: 2px; } #view-nai-image .high-intensity-color-34 { background-color: rgba(184, 55, 0, 0.85); border-radius: 2px; } #view-nai-image .high-intensity-color-35 { background-color: rgba(184, 55, 0, 0.875); border-radius: 2px; } #view-nai-image .high-intensity-color-36 { background-color: rgba(184, 55, 0, 0.9); border-radius: 2px; } #view-nai-image .high-intensity-color-37 { background-color: rgba(184, 55, 0, 0.925); border-radius: 2px; } #view-nai-image .high-intensity-color-38 { background-color: rgba(184, 55, 0, 0.95); border-radius: 2px; } #view-nai-image .high-intensity-color-39 { background-color: rgba(184, 55, 0, 0.976); border-radius: 2px; } #view-nai-image .high-intensity-color-40 { background-color: rgb(184, 55, 0); border-radius: 2px; } #view-nai-image .comment-box { font-size: 18px; } #view-nai-image .image-prompt-bar-highlight { color: rgb(245, 243, 194); font-weight: 800; padding: 0px 1px; } #view-nai-image .image-prompt-double-bar-highlight { color: rgb(245, 243, 194); font-weight: 800; padding: 0px 1px; } #view-nai-image .macro-node { display: inline-flex; } #view-nai-image .macro-tooltip { position: fixed; z-index: 10000; padding: 8px 12px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; font-size: 0.875rem; font-style: italic; white-space: pre-wrap; word-break: break-word; max-width: min(-20px + 100vw, 400px); } #view-nai-image input::-webkit-input-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.467); } #view-nai-image input::placeholder { opacity: 1; color: rgba(255, 255, 255, 0.467); } #view-nai-image textarea::-webkit-input-placeholder { opacity: 1; color: rgba(255, 255, 255, 0.467); } #view-nai-image textarea::placeholder { opacity: 1; color: rgba(255, 255, 255, 0.467); } @-webkit-keyframes HqxfxbnJP { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes HqxfxbnJP { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #view-nai-image .Jyheh { aspect-ratio: 1 / 1; margin: 6px; position: relative; } #view-nai-image .Jyheh > * { opacity: 0.75; } #view-nai-image .jsvcNz { animation: 0.8s cubic-bezier(0.46, 0.26, 0.68, 0.81) 0s infinite normal both running HqxfxbnJP; border-width: 4px; border-style: solid; border-image: none; border-radius: 50%; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent transparent; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; transform: translateZ(0px); } #view-nai-image .dCAQBY { border-style: solid; border-image: none; border-radius: 50%; border-color: rgb(245, 243, 194) rgb(245, 243, 194) transparent transparent; position: absolute; transform: translateZ(0px); animation: 0.7s cubic-bezier(0.46, 0.26, 0.68, 0.81) 0.2s infinite normal both running HqxfxbnJP; border-width: 3px; width: calc(100% - 4px); height: calc(100% - 4px); top: 2px; left: 2px; opacity: 0.6; } #view-nai-image .cgiDBJ { width: 30px; height: 30px; } #view-nai-image .fQMThE { position: fixed; right: 0px; top: 0px; width: 100%; z-index: 1000; white-space: pre-wrap; --toastify-toast-width: 350px; --toastify-color-light: #22253F; --toastify-color-progress-light: #F5F3C2; --toastify-color-progress-error: #FF7878; --toastify-color-progress-warning: #FF7878; --toastify-color-progress-success: #FFFFFF; --toastify-color-progress-info: #F5F3C2; --toastify-text-color-light: #FFFFFF; --toastify-font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; --toastify-icon-color-error: #FF7878; --toastify-icon-color-warning: #FF7878; --toastify-icon-color-success: #FFFFFF; --toastify-icon-color-info: #FFFFFF; } #view-nai-image .gnaXro { width: 20px; height: 20px; background-position: center center; background-size: contain; background-repeat: no-repeat; cursor: inherit; mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: rgb(255, 255, 255); print-color-adjust: exact; } @media (forced-colors: active) { #view-nai-image .gnaXro { forced-color-adjust: none; } } #view-nai-image .kcdeL { width: 20px; height: 20px; background-position: center center; background-size: contain; background-repeat: no-repeat; cursor: inherit; mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: rgb(245, 243, 194); print-color-adjust: exact; } @media (forced-colors: active) { #view-nai-image .kcdeL { forced-color-adjust: none; } } #view-nai-image .joBBvH { mask-image: url("media/pen-tip-light.svg"); height: 16px; width: 16px; margin-right: 8px; cursor: auto; } #view-nai-image .iiVrxQ { mask-image: url("media/Aa.svg"); height: 20px; margin-right: 10px; cursor: auto; } #view-nai-image .hUIaXl { mask-image: url("media/directional_arrow_right.svg"); height: 15px; width: 10px; } #view-nai-image .jyZWnV { mask-image: url("media/directional_arrow_up.svg"); height: 15px; width: 16px; } #view-nai-image .lbGJrq { mask-image: url("media/logout.svg"); } #view-nai-image .eDgYJU { mask-image: url("media/small_cross.svg"); width: 9px; } #view-nai-image .bvVtFK { mask-image: url("media/settings.svg"); height: 16px; } #view-nai-image .hTDjCm { mask-image: url("media/cross.svg"); } #view-nai-image .bKYBZE { mask-image: url("media/plus.svg"); } #view-nai-image .eGBjCa { mask-image: url("media/import.svg"); height: 12px; width: 12px; } #view-nai-image .kVoTDZ { mask-image: url("media/text.svg"); } #view-nai-image .guJBVQ { mask-image: url("media/book-open.svg"); } #view-nai-image .ckviMd { mask-image: url("media/history.svg"); } #view-nai-image .dfEXkl { mask-image: url("media/pen.svg"); } #view-nai-image .hthOS { mask-image: url("media/anla.svg"); } #view-nai-image .hZBFo { mask-image: url("media/easel.svg"); } #view-nai-image .eRQVSd { mask-image: url("media/help.svg"); } #view-nai-image .kzttBk { mask-image: url("media/discord.svg"); } #view-nai-image .irSArO { mask-image: url("media/seed.svg"); } #view-nai-image .bHpfZt { mask-image: url("media/img2img.svg"); } #view-nai-image .gqRaEK { mask-image: url("media/res_landscape.svg"); } #view-nai-image .kssgHL { mask-image: url("media/res_portrait.svg"); } #view-nai-image .hQMia-D { mask-image: url("media/res_square.svg"); } #view-nai-image .fZHNAz { mask-image: url("media/dice_alt.svg"); } #view-nai-image .chdYSR { mask-image: url("media/prompt_chunk.svg"); } #view-nai-image .gTrXMW { mask-image: url("media/vibe_transfer.svg"); } #view-nai-image .jzlOMH { mask-image: url("media/hamburger_alt.svg"); } #view-nai-image .kdePZY { mask-image: url("media/quick_start_gallery.svg"); } #view-nai-image .iTceyG { mask-image: url("media/explore.svg"); } #view-nai-image .fCmeSp { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 auto; width: 100%; } #view-nai-image .gPErRw { background-color: rgb(19, 21, 44); border: 1px solid transparent; color: rgb(255, 255, 255); cursor: pointer; padding: 10px; transition: background 0.08s ease-in-out; flex-shrink: 0; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; outline: transparent solid 1px; user-select: none; font-weight: 600; gap: 5px; } #view-nai-image .gPErRw > .sc-e2da9a21-1 { height: 12px; } #view-nai-image .gPErRw:hover, #view-nai-image .gPErRw:focus { background: rgb(14, 15, 33); } #view-nai-image .gPErRw:disabled { opacity: 0.5; } #view-nai-image .eMbufY { background: none; opacity: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 0px; text-align: left; } #view-nai-image .eMbufY:active { outline: rgba(255, 255, 255, 0.2) solid 1px; } #view-nai-image .iVxANG { background: none; opacity: 0.5; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 0px; text-align: left; } #view-nai-image .iVxANG:active { outline: rgba(255, 255, 255, 0.2) solid 1px; } #view-nai-image .hPMozC { background-color: rgb(19, 21, 44); border: 1px solid transparent; color: rgb(255, 255, 255); cursor: pointer; padding: 10px; transition: background 0.08s ease-in-out; flex-shrink: 0; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 5px; font-weight: 600; } #view-nai-image .hPMozC > .sc-e2da9a21-1 { height: 12px; } #view-nai-image .hPMozC:hover { background: rgb(14, 15, 33); } #view-nai-image .hPMozC:focus { border: 1px solid rgba(255, 255, 255, 0.1); outline: 0px; } #view-nai-image .hPMozC:active { border: 1px solid rgba(255, 255, 255, 0.2); outline: 0px; } #view-nai-image .iBrKRm { border-radius: 4px; background-color: rgb(34, 37, 63); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } #view-nai-image .iBrKRm:hover, #view-nai-image .iBrKRm:focus { background: rgb(40, 43, 68); } #view-nai-image .dxTllb { print-color-adjust: exact; } #view-nai-image .dxTllb > div { align-self: auto; background-color: rgb(255, 255, 255); mask-image: url("media/cross.svg"); mask-repeat: no-repeat; mask-position: center center; mask-size: 1rem 1rem; cursor: pointer; height: 11px; width: 11px; overflow-x: hidden; } @media (forced-colors: active) { #view-nai-image .dxTllb { forced-color-adjust: none; } } #view-nai-image .jbSGsF { color: rgb(255, 120, 120); background-color: rgb(19, 21, 44); border: 1px solid rgb(255, 120, 120); border-radius: 3px; padding: 16px; margin: 16px 0px; } #view-nai-image .auTxC { display: contents; } #view-nai-image .euuNiY { height: 120px; width: 1px; } #view-nai-image .dpGyVh { height: 60px; width: 1px; } #view-nai-image .dousck { display: inline-block; line-height: inherit; } #view-nai-image .gpDfFl { display: inline-block; line-height: 0; } #view-nai-image .iUgpoE { display: inline-block; line-height: 0; } #view-nai-image .kaNNzR { width: 100%; display: flex; flex-direction: column; justify-content: space-around; -webkit-box-align: center; align-items: center; background: rgb(34, 37, 63); z-index: 99; flex: 0 0 auto !important; } #view-nai-image .exPnsZ { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; visibility: hidden; background-color: rgba(0, 0, 0, 0); transition: background-color 0.08s linear; z-index: 12000; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #view-nai-image .RbncH { background: rgba(14, 15, 33, 0.6); border-radius: 10px; padding: 20px; opacity: 0; transition: opacity 0.06s linear; } #view-nai-image .iFkBGd { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: rgb(19, 21, 44); overflow: hidden; } #view-nai-image .flXNhu { display: flex; flex-direction: column; flex: 0 0 auto; width: 140px; height: 100%; -webkit-box-align: center; align-items: center; gap: 10px; padding: 20px 0px 10px; border-left: 1px solid rgb(34, 37, 63); border-bottom: 1px solid rgb(34, 37, 63); border-bottom-left-radius: 3px; background: rgb(19, 21, 44); } #view-nai-image .fMTwzl { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); justify-items: center; align-content: start; width: 100%; padding: 8px 8px 8px 10px; overflow-y: auto; scrollbar-gutter: stable; gap: 10px; border-top: 1px solid rgb(34, 37, 63); border-bottom: 1px solid rgb(34, 37, 63); } #view-nai-image .iWRpuk { display: inline-flex; flex-direction: column; position: relative; flex-basis: fit-content; padding-right: 0px; } #view-nai-image .iWRpuk > span:first-child { width: fit-content; position: relative; color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; } #view-nai-image .iWRpuk > span:nth-child(2), #view-nai-image .iWRpuk > button:nth-child(2) > span { overflow-wrap: break-word; word-break: break-all; hyphens: auto; color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #view-nai-image .kwQmPh { display: inline-flex; flex-direction: column; position: relative; flex-basis: fit-content; padding-right: 5px; } #view-nai-image .kwQmPh > span:first-child { width: fit-content; position: relative; color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; } #view-nai-image .kwQmPh > span:first-child::after { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 100%; background: rgb(245, 243, 194); } #view-nai-image .kwQmPh > span:nth-child(2), #view-nai-image .kwQmPh > button:nth-child(2) > span { overflow-wrap: break-word; word-break: break-all; hyphens: auto; color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #view-nai-image .hwCgOB { position: absolute; top: 0px; right: 0px; width: 7px; height: 100%; cursor: col-resize; user-select: none; z-index: 1; } #view-nai-image .hwCgOB:hover { border-right: 1px solid rgba(255, 255, 255, 0.15); } #view-nai-image .gNdMoO { position: absolute; top: 0px; right: 0px; width: 7px; height: 100%; cursor: col-resize; user-select: none; z-index: 1; } #view-nai-image .gNdMoO:hover { border-left: 1px solid rgba(255, 255, 255, 0.15); } #view-nai-image .hufuEs { border-radius: 3px; display: flex; flex-direction: row; font-weight: 600; font-size: 14px; max-height: 34px; } #view-nai-image .tfKC { display: flex; -webkit-box-align: center; align-items: center; font-family: Eczar; margin-left: 6px; color: rgb(245, 243, 194); position: relative; top: 0.1rem; gap: 2px; } #view-nai-image .tfKC > div { position: relative; top: -0.1rem; } #view-nai-image .cgSOvz { padding: 9px 14px; border-radius: 0px 3px 3px 0px; } #view-nai-image .layHDh { font-size: 0.875rem; flex: 0 0 auto; word-break: keep-all; } #view-nai-image .gxnZHu { background: rgb(14, 15, 33); border-width: medium 1px; border-style: none solid; border-color: currentcolor rgb(34, 37, 63); border-image: none; padding: 5px 12px; border-radius: 0px; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; } #view-nai-image .gxnZHu:disabled { opacity: 0.5; } #view-nai-image .gxnZHu .ProseMirror { flex: 1 1 auto; overflow-y: auto; min-height: 6rem; } #view-nai-image .gxnZHu p { margin: 0px; padding: 0px; line-height: 1.625rem; text-indent: 0px; font-size: 1rem; color: rgb(255, 255, 255); white-space: pre-wrap; } #view-nai-image .jShciU { display: none !important; } #view-nai-image .fQYxCU { height: 1px; top: 0px; left: 0px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #view-nai-image .dIrcEj { display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 1rem; margin-bottom: 5px; -webkit-box-align: baseline; align-items: baseline; } #view-nai-image .dIrcEj input { font-weight: bold; } #view-nai-image .dIrcEj > :nth-child(1) { display: flex; flex-direction: row; } #view-nai-image .dIrcEj > :nth-child(1) > :nth-child(2) { font-size: 1rem; margin-right: 2px; padding: 0px 0px 0px 2px; min-width: 1rem; max-width: 4rem; border-radius: 2px; background-color: transparent; color: rgb(255, 255, 255); } #view-nai-image .dIrcEj > :nth-child(1) > :nth-child(2):focus { background-color: rgb(14, 15, 33); } #view-nai-image .gQYSRG { width: 68px; -webkit-box-flex: 0 !important; flex-grow: 0 !important; flex-shrink: 1 !important; } #view-nai-image .jjbTwA { width: 100%; text-align: center; font-weight: 700; border-radius: 3px; color: rgb(255, 255, 255); background: rgb(34, 37, 63); flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #view-nai-image .jjbTwA:hover, #view-nai-image .jjbTwA:focus { background: rgb(40, 43, 68); } #view-nai-image .dZQmpf { position: absolute; right: 30px; top: 30px; flex: 0 0 auto; z-index: 1; } #view-nai-image .dZQmpf > div { width: 2rem; height: 2rem; } #view-nai-image .eJSUiY { position: absolute; z-index: 2001; left: 0px; right: 0px; height: auto; background: rgba(25, 27, 49, 0.8); display: none; color: rgb(255, 255, 255); font-weight: 500; padding: 4px 16px 4px 8px; pointer-events: none; } #view-nai-image .jCgiIN { position: relative; width: 100%; } #view-nai-image .kNyKYh { width: 100%; position: absolute; top: 0px; z-index: 203; display: flex; flex-direction: column; overflow: hidden; user-select: none; -webkit-box-pack: start; justify-content: flex-start; height: 0px; border-top: 1px solid rgb(34, 37, 63); transition: height 0.15s ease-in-out; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 0px 20px; background-color: rgb(19, 21, 44); } #view-nai-image .bznmsi { flex-shrink: 0; padding: 20px 0px; background-color: rgb(19, 21, 44); width: 100%; min-height: 60px; display: flex; flex-direction: row; } #view-nai-image .ePTxWq { overflow: hidden; border-radius: 100%; height: 60px; width: 60px; margin-right: 15px; vertical-align: middle; border: 1px solid rgb(34, 37, 63); } #view-nai-image .ePTxWq > img, #view-nai-image .ePTxWq > svg { width: 100%; height: 100%; } #view-nai-image .cniytr { color: rgb(245, 243, 194); font-family: Eczar; font-weight: 700; font-size: 1.375rem; margin-top: 5px; } #view-nai-image .bhqGog { color: rgb(255, 255, 255); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; opacity: 0.7; margin-top: -3px; font-weight: 600; } #view-nai-image .cQaKBD { flex-shrink: 0; background-color: rgb(34, 37, 63); height: 1px; width: 100%; } #view-nai-image .bMYhyf { background-color: rgb(14, 15, 33); opacity: 0.7; height: 100%; width: 100%; flex: 0 1 0px; } #view-nai-image .gOvVib { margin-top: 10px; flex-shrink: 0; } #view-nai-image .hWPqHE { color: rgb(255, 255, 255); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; opacity: 0.7; padding: 10px 0px; font-size: 0.875rem; font-weight: 600; } #view-nai-image .fwMdXr.fwMdXr { position: relative; display: flex; background-color: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 5px; -webkit-box-pack: justify; justify-content: space-between; margin: 0px 0px 10px; padding: 0px 20px; width: 100%; font-size: 1rem; -webkit-box-align: center; align-items: center; min-height: 44px; } #view-nai-image .fwMdXr.fwMdXr:hover { background: rgb(34, 37, 63); } #view-nai-image .fwMdXr.fwMdXr:focus { border: 1px solid rgba(255, 255, 255, 0.1); outline: 0px; } #view-nai-image .fwMdXr > div { display: flex; flex-direction: row; width: 100%; -webkit-box-align: center; align-items: center; } #view-nai-image .fwMdXr > div > :first-child { margin-right: 15px; } #view-nai-image .fwMdXr > div > :first-child > :first-child { height: 16px; } #view-nai-image .eQTIsS.eQTIsS { position: relative; display: flex; background-color: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 5px; -webkit-box-pack: justify; justify-content: space-between; margin: 0px 0px 10px; padding: 0px 20px; width: 100%; font-size: 1rem; -webkit-box-align: center; align-items: center; min-height: 44px; } #view-nai-image .eQTIsS.eQTIsS:hover { background: rgb(34, 37, 63); } #view-nai-image .eQTIsS.eQTIsS:focus { border: 1px solid rgba(255, 255, 255, 0.1); outline: 0px; } #view-nai-image .eQTIsS > div { display: flex; flex-direction: row; width: 100%; -webkit-box-align: center; align-items: center; } #view-nai-image .eQTIsS > div > :first-child { margin-right: 15px; } #view-nai-image .eQTIsS > div > :first-child > :first-child { height: 16px; } #view-nai-image .LskMb { opacity: 0.1; margin: 0px 20px -6px; padding: 0px 5px; user-select: text; } #view-nai-image .duNFMz { user-select: none; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(245, 243, 194); color: rgb(19, 21, 44); font-size: 16px; font-weight: 700; line-height: 24px; height: 40px; border-radius: 4px; overflow: hidden; cursor: pointer; transition: color 100ms, background-color 100ms, transform 150ms; padding: 4px 8px 4px 12px; gap: 8px; } #view-nai-image .duNFMz:disabled { opacity: 0.5; color: rgb(19, 21, 44); } #view-nai-image .duNFMz:active { transform: scale(0.98); } #view-nai-image .qtQxE { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; background-color: rgb(19, 21, 44); color: rgb(245, 243, 194); font-weight: 600; border-radius: 4px; padding: 0px 8px; gap: 4px; min-height: 24px; min-width: 50px; flex-shrink: 0; } #view-nai-image .qtQxE > .sc-e2da9a21-1 { background-color: rgb(245, 243, 194); } #view-nai-image .gRWxI { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; white-space: nowrap; height: 40px; padding: 7px 12px; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); background-color: transparent; transition: background-color 0.08s ease-in-out; } #view-nai-image .gRWxI:hover:not(:disabled) { background-color: rgb(34, 37, 63); } #view-nai-image .gRWxI:disabled { opacity: 0.4; } #view-nai-image .deqZiV { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; white-space: nowrap; height: 40px; padding: 7px 12px; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); background-color: rgb(34, 37, 63); transition: background-color 0.08s ease-in-out; } #view-nai-image .deqZiV:hover:not(:disabled) { background-color: rgb(51, 54, 78); } #view-nai-image .deqZiV:disabled { opacity: 0.4; } #view-nai-image .cWRHIc { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; white-space: nowrap; height: 40px; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); background-color: rgb(34, 37, 63); transition: background-color 0.08s ease-in-out; width: 44px; padding: 0px; } #view-nai-image .cWRHIc:hover:not(:disabled) { background-color: rgb(51, 54, 78); } #view-nai-image .cWRHIc:disabled { opacity: 0.4; } #view-nai-image .ldAoVF { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; white-space: nowrap; height: 40px; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); background-color: transparent; transition: background-color 0.08s ease-in-out; width: 44px; padding: 0px; } #view-nai-image .ldAoVF:hover:not(:disabled) { background-color: rgb(34, 37, 63); } #view-nai-image .ldAoVF:disabled { opacity: 0.4; } #view-nai-image .dwqaUo { height: 28px; padding: 4px 12px; font-size: 14px; font-weight: 600; line-height: 18px; } #view-nai-image .hzXGho { padding: 0px 10px 6px; max-width: 680px; margin: 0px auto; } #view-nai-image .hzXGho:empty { display: none; } #view-nai-image .joejrj { background-color: rgb(25, 27, 49); border-bottom: 1px solid rgb(34, 37, 63); } #view-nai-image .aZICJ { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 4px; height: 40px; padding: 4px; border-radius: 8px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); width: 100%; } #view-nai-image .hlGOnO { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); background: transparent; cursor: pointer; transition: background 0.08s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 1 1 0px; height: 100%; } #view-nai-image .hlGOnO:hover:not(:disabled) { background: rgb(43, 47, 80); } #view-nai-image .hlGOnO:disabled { opacity: 0.4; cursor: default; } #view-nai-image .fiNZKB { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 4px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); background: rgb(34, 37, 63); cursor: pointer; transition: background 0.08s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 1 1 0px; height: 100%; } #view-nai-image .fiNZKB:hover:not(:disabled) { background: rgb(43, 47, 80); } #view-nai-image .fiNZKB:disabled { opacity: 0.4; cursor: default; } #view-nai-image .kJgNTb { font-size: 0.7rem; font-weight: 600; line-height: 1; padding: 2px 6px; border-radius: 8px; background: var(--tab-badge-bg, #22253F); } #view-nai-image .knPmQN { display: flex; flex-direction: column; padding: 2px 12px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(34, 37, 63) rgb(34, 37, 63); border-image: none; background: rgb(14, 15, 33); border-radius: 0px 0px 8px 8px; } #view-nai-image .krvijf { width: 100%; padding: 5px 0px; } #view-nai-image .foLetm { width: 100%; background: rgb(25, 27, 49); border-radius: 3px; overflow: hidden; height: 4px; display: flex; } #view-nai-image .lamIYq { flex: 0 0 auto; width: 0%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .kuTWtS { flex: 0 0 auto; width: 68.4444%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .kaVAMt { flex: 0 0 auto; width: 5.77778%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .jdToNY { flex: 0 0 auto; width: 0%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .kklySx { display: flex; flex-flow: wrap-reverse; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background: rgb(14, 15, 33); padding: 12px 12px 0px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(34, 37, 63) rgb(34, 37, 63) currentcolor; border-image: none; border-top-right-radius: 8px; border-top-left-radius: 8px; } #view-nai-image .fJkZPH { display: grid; grid-template-columns: 1fr; } #view-nai-image .weOmg { grid-area: 1 / 1; min-width: 0px; display: flex; flex-direction: column; } #view-nai-image .joVjWM { grid-area: 1 / 1; min-width: 0px; display: flex; flex-direction: column; visibility: hidden; } #view-nai-image .joVjWM, #view-nai-image .joVjWM * { transition: none !important; } #view-nai-image .cWVaJN { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 2px 5px; opacity: 1; background-color: rgb(34, 37, 63); border-radius: 4px; font-size: 0.875rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #view-nai-image .cWVaJN:hover { opacity: 1; } #view-nai-image .zkBY { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 2px 5px; opacity: 0.5; background-color: transparent; border-radius: 4px; font-size: 0.875rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #view-nai-image .zkBY:hover { opacity: 1; } #view-nai-image .cibmiL { display: flex; flex-direction: column; gap: 12px; } #view-nai-image .fgOeYz { display: flex; flex-direction: column; gap: 8px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 8px; padding: 12px; } #view-nai-image .kyyjnj { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 10px; } #view-nai-image .iZixfZ { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 10px; font-weight: 600; min-width: 0px; } #view-nai-image .cNVQux { font-weight: 400; font-size: 0.875rem; opacity: 0.7; } #view-nai-image .eULTaB { display: flex; flex-direction: column; border-radius: 8px; } #view-nai-image .bDmafm { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 10px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 8px; padding: 12px; } #view-nai-image .jXaAAx { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 10px; min-width: 0px; } #view-nai-image .jZvvUv { flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; } #view-nai-image .jJuCUG { font-weight: 600; display: flex; flex-direction: row; -webkit-box-align: baseline; align-items: baseline; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #view-nai-image .iQMwJb { font-size: 0.875rem; opacity: 0.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @container (max-width: 500px) { #view-nai-image .iQMwJb { font-size: 0.8rem; } } @container (max-width: 430px) { #view-nai-image .iQMwJb { font-size: 0.72rem; } } #view-nai-image .dlAFTt { flex: 0 0 auto; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 4px; } #view-nai-image .OfBDV { font-size: 1rem; font-weight: 600; } #view-nai-image .jqxXOP { display: flex; flex-direction: column; gap: 16px; overflow-y: auto; flex: 1 1 auto; } #view-nai-image .ePrjbu { display: flex; flex-direction: column; gap: 8px; } #view-nai-image .cDqwYd { font-size: 0.875rem; font-weight: 600; opacity: 0.8; } #view-nai-image .brMeNC { display: flex; flex-flow: wrap; gap: 6px; min-height: 28px; } #view-nai-image .ePPQxr { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } #view-nai-image .kygpOV { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 2px; } #view-nai-image .Mqwig { display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 24px; min-height: 28px; justify-self: stretch; border-radius: 4px; box-sizing: border-box; border: 2px dashed rgb(34, 37, 63); background-color: transparent; transition: 0.15s; flex: 1 0 0px; } #view-nai-image .bOifrU { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; height: 20px; padding: 0px 10px; border-radius: 10px; background: rgb(25, 27, 49); color: rgb(255, 255, 255); font-size: 0.75rem; line-height: 1; white-space: nowrap; opacity: 0.85; cursor: pointer; } #view-nai-image .bOifrU:hover { opacity: 1; } #view-nai-image .SasPw { display: flex; flex-direction: column; gap: 8px; } #view-nai-image .kLjfHZ { display: flex; flex-direction: column; gap: 8px; } #view-nai-image .DYdTh { display: flex; flex-flow: wrap; gap: 8px; } #view-nai-image .gjFgbU { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; height: 36px; padding: 4px 4px 4px 12px; border-radius: 8px; border: 1px solid rgb(34, 37, 63); flex: 0 0 auto; min-width: 0px; } #view-nai-image .ZRDfN { font-size: 16px; font-weight: 400; line-height: 20px; color: rgb(255, 255, 255); white-space: nowrap; } #view-nai-image .brcJRN { flex: 0 0 auto; min-width: 0px; } #view-nai-image .hjoMAT { display: flex; flex-direction: column; gap: 8px; } #view-nai-image .gnJwGm { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; } #view-nai-image .caCrZb { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; } #view-nai-image .fagFgs { flex: 0 0 auto; min-width: 114px; } #view-nai-image .cqnWzx { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; } #view-nai-image .gxWufp { display: inline-flex; -webkit-box-align: center; align-items: center; gap: 4px; height: 28px; padding: 0px 8px; border-radius: 4px; background: rgb(34, 37, 63); color: rgb(255, 255, 255); border: 1px solid transparent; } #view-nai-image .gxWufp:focus-within { border-color: rgb(52, 56, 96); } #view-nai-image .eOObnh { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 2px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; line-height: 1; cursor: pointer; opacity: 0.5; } #view-nai-image .eOObnh:hover { opacity: 1; } #view-nai-image .fihkCs { font-size: 16px; font-weight: 400; line-height: 20px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; color: inherit; text-align: center; width: 5ch; padding: 0px; opacity: 0.7; appearance: textfield; } #view-nai-image .fihkCs::-webkit-outer-spin-button, #view-nai-image .fihkCs::-webkit-inner-spin-button { appearance: none; margin: 0px; } #view-nai-image .fihkCs:focus { opacity: 1; } #view-nai-image .hgXzBx { position: relative; z-index: 206; padding: 10px 10px 0px; background: rgb(25, 27, 49); } #view-nai-image .hgXzBx:empty { display: none; } #view-nai-image .hgXzBx > div { margin-bottom: 0px; } #view-nai-image .djdAFq { width: 100%; height: 100%; padding: 20px 40px; text-align: center; overflow: hidden auto; } #view-nai-image .giWuPw { font-size: 1.25rem; font-weight: bold; font-family: Eczar; color: rgb(245, 243, 194); } #view-nai-image .eyHbEE { position: absolute; width: 100%; height: 60px; bottom: 0px; pointer-events: none; background: linear-gradient(rgba(19, 21, 44, 0) 0%, rgb(19, 21, 44) 100%); z-index: 10; } #view-nai-image .daonaG { margin: 20px auto 0px; max-width: 840px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; padding: 10px; width: 100%; } #view-nai-image .daonaG div:nth-child(3n+2) { top: -48px; } #view-nai-image .daonaG div:nth-child(3n+3) { top: -24px; } #view-nai-image .blaQkM { position: relative; width: 100%; aspect-ratio: 832 / 1216; transition: transform 0.2s ease-in-out; } #view-nai-image .blaQkM:hover { cursor: pointer; transform: scale(1.05); z-index: 1; } #view-nai-image .hnxVWP { user-select: none; pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: rgba(19, 21, 44, 0.5); border-radius: 8px; color: rgb(255, 255, 255); font-size: 1.25rem; font-weight: bold; opacity: 0; transition: opacity 0.2s ease-in-out; } #view-nai-image .btGMLn { flex: 0 0 auto; position: relative; z-index: 199; background: rgb(25, 27, 49); } #view-nai-image .btGMLn { display: none !important; } #view-nai-image .eAojbn { display: flex; flex-direction: row; -webkit-box-align: stretch; align-items: stretch; gap: 8px; padding: 10px 10px calc(10px + env(safe-area-inset-bottom)); max-width: 680px; margin: 0px auto; } #view-nai-image .cqsTRz { flex: 0 0 auto; width: 48px; height: auto; } #view-nai-image .kIBCTm { position: absolute; inset: 0px; pointer-events: none; z-index: 190; } #view-nai-image .kIBCTm { display: none !important; } #view-nai-image .ftUyMJ { position: absolute; inset: 0px; background: rgb(0, 0, 0); } #view-nai-image .krlrFp { position: absolute; bottom: 0px; left: 0px; right: 0px; max-height: 100%; max-width: 680px; margin: 0px auto; pointer-events: auto; display: flex; flex-direction: column; background: rgb(25, 27, 49); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(34, 37, 63) rgb(34, 37, 63) currentcolor; border-image: none; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px -4px 24px; overflow: hidden; } #view-nai-image .oDBTS { position: relative; flex: 0 0 auto; touch-action: none; cursor: grab; } #view-nai-image .epetKM { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 20px; } #view-nai-image .dHbJuN { width: 36px; height: 4px; border-radius: 2px; background: rgb(34, 37, 63); } #view-nai-image .jHsTrB { display: flex; flex-flow: row; -webkit-box-pack: center; justify-content: center; gap: 2px; padding: 0px 8px; border-bottom: 1px solid rgb(34, 37, 63); } #view-nai-image .iGzMOO { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; min-width: 0px; white-space: nowrap; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(245, 243, 194); border-image: none; cursor: pointer; padding: 8px 12px 10px; font-size: 0.875rem; font-weight: 600; color: rgb(255, 255, 255); opacity: 1; margin-bottom: -1px; } #view-nai-image .eafZWf { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; min-width: 0px; white-space: nowrap; background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; cursor: pointer; padding: 8px 12px 10px; font-size: 0.875rem; font-weight: 600; color: rgb(255, 255, 255); opacity: 0.55; margin-bottom: -1px; } #view-nai-image .iUFllV { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #view-nai-image .QWZcw { position: absolute; top: 20px; left: 0px; right: 0px; height: 36px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 12px; padding: 0px 18px; background: rgb(25, 27, 49); } #view-nai-image .bNQdhm { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; opacity: 0.45; } #view-nai-image .hKygBI { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875rem; opacity: 0.7; } #view-nai-image .ksmfTx { flex: 1 1 auto; min-height: 0px; overflow: hidden; } #view-nai-image .glreag { display: flex; flex-direction: row; width: 300%; height: 100%; } #view-nai-image .huIGbo { flex: 0 0 calc(33.3333%); min-width: 0px; height: 100%; overflow-y: auto; overscroll-behavior: contain; padding: 12px; } #view-nai-image .dYVuLX { display: flex; flex-direction: column; gap: 16px; } #view-nai-image .drPJfS { display: flex; flex-direction: column; flex: 1 1 0px; overflow: auto; container-type: inline-size; } #view-nai-image .CxiiX { position: relative; display: flex; flex-direction: column; flex: 1 1 0px; min-height: 0px; overflow: hidden; } #view-nai-image .hlEQpF { position: relative; display: flex; flex-direction: column; flex: 1 1 0px; min-height: 0px; } #view-nai-image .eBbpLE { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; flex: 0 0 auto; padding: 12px 10px 8px; background: rgb(25, 27, 49); border-bottom: 1px solid rgb(34, 37, 63); } #view-nai-image .hUBpZm { display: flex; flex-direction: column; position: relative; z-index: 0; min-height: 0px; container-type: inline-size; background-color: rgb(25, 27, 49); border-right: 1px solid rgb(34, 37, 63); } #view-nai-image .eHgMOJ { display: flex; flex-direction: column; position: relative; z-index: 0; min-height: 0px; container-type: inline-size; background-color: rgb(25, 27, 49); border-left: 1px solid rgb(34, 37, 63); } #view-nai-image .kaeMNL { flex: 0 0 auto; width: 100%; border-bottom: 1px solid rgb(34, 37, 63); } #view-nai-image .iJKFGN { border: 1px solid rgb(34, 37, 63); border-radius: 8px; overflow: hidden; background: rgb(25, 27, 49); } #view-nai-image .jcDqqo { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 8px 12px; background: radial-gradient(70% 120% at 15.79% 0%, rgb(34, 37, 63) 0%, rgba(34, 37, 63, 0) 100%), rgb(25, 27, 49); } #view-nai-image .kzlILs { display: flex; flex-direction: column; gap: 10px; min-width: 0px; } #view-nai-image .jCsuoy { display: flex; flex-flow: wrap; -webkit-box-align: start; align-items: start; gap: 10px 18px; min-width: 0px; } #view-nai-image .jCsuoy:empty { display: none; } #view-nai-image .jKeNUo { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; flex: 0 0 auto; padding: 12px 12px 8px; background: rgb(25, 27, 49); border-bottom: 1px solid rgb(34, 37, 63); } #view-nai-image .epYsID { mask-image: url("media/directional_arrow_down.svg"); height: 15px; width: 16px; } #view-nai-image .TbxYO { mask-image: url("media/check.svg"); width: 9px; background-color: rgb(255, 255, 255); } #view-nai-image .jznejM { mask-image: url("media/trash.svg"); } #view-nai-image .dFmFTd { mask-image: url("media/export.svg"); height: 12px; width: 12px; } #view-nai-image .fLnnjZ { mask-image: url("media/penwriting.svg"); } #view-nai-image .ftLcpK { mask-image: url("media/undo.svg"); } #view-nai-image .kFsAEU { mask-image: url("media/redo.svg"); } #view-nai-image .dMQCdm { mask-image: url("media/eraser.svg"); } #view-nai-image .dOpCYc { mask-image: url("media/select.svg"); } #view-nai-image .eTMpYs { mask-image: url("media/dropper.svg"); } #view-nai-image .cdvrob { mask-image: url("media/characterpositions.svg"); } #view-nai-image .iUduoq { mask-image: url("media/resize.svg"); } #view-nai-image .bjMxCY { mask-image: url("media/unfold.svg"); } #view-nai-image .fbnCAn { mask-image: url("media/sakura.svg"); } #view-nai-image .eLVklH { mask-image: url("media/precise_reference.svg"); } #view-nai-image .LQMCk { border-radius: 4px; -webkit-box-pack: center; justify-content: center; background-color: rgb(245, 243, 194); color: rgb(14, 15, 33); font-weight: 600; } #view-nai-image .LQMCk:hover, #view-nai-image .LQMCk:focus { background: rgb(255, 255, 255); } #view-nai-image .LQMCk:disabled { color: rgb(19, 21, 44); } #view-nai-image .LQMCk .sc-e2da9a21-1 { background-color: rgb(14, 15, 33); } #view-nai-image .jnRUGG { background-color: rgb(14, 15, 33); height: 100%; left: 0px; opacity: 0.7; position: fixed; top: 0px; width: 100%; z-index: 301; cursor: pointer; } #view-nai-image .fHjMgL { font-size: 1rem; -webkit-box-align: center; align-items: center; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 302; height: var(--app-height, 100%); } #view-nai-image .hQHuFj { z-index: 305; overflow: hidden; min-width: 320px; width: auto; height: auto; max-width: max(1160px, 65%); max-height: max(650px, 85%); position: relative; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; } #view-nai-image .hQHuFj > * { max-width: 100%; overflow: auto; } #view-nai-image .kQgIUn { position: absolute; right: 18px; top: 20px; flex: 0 0 auto; z-index: 1; } #view-nai-image .kQgIUn > div { width: 2rem; height: 2rem; } #view-nai-image .gCZYrr { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #view-nai-image .hcKvSA { opacity: 1; font-size: 0.9rem; transition: opacity 0.2s ease-in-out; z-index: 1000; padding: 8px 8px 9px; width: auto; font-weight: normal; max-width: 300px; color: rgb(255, 255, 255); background-color: rgb(34, 37, 63); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; text-align: center; pointer-events: none; } #view-nai-image .hcKvSA > div:last-child { position: absolute; width: 10px; height: 10px; } #view-nai-image .hcKvSA > p { margin: 5px; } #view-nai-image .hcKvSA[data-popper-placement="bottom"] > div { top: -5px; } #view-nai-image .hcKvSA[data-popper-placement="left"] > div { right: -5px; } #view-nai-image .hcKvSA[data-popper-placement="top"] > div { bottom: -5px; } #view-nai-image .hcKvSA[data-popper-placement="right"] > div { left: -5px; } #view-nai-image .hcKvSA > div:last-child::before { position: absolute; width: 10px; height: 10px; margin-left: -4.5px; background-color: rgb(34, 37, 63); content: ""; transform: rotate(45deg); } #view-nai-image .cAmslY { width: 104px; height: 40px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: 5px; } #view-nai-image .iQGhmb { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 44px; line-height: 0px; background-color: rgb(245, 243, 194); color: rgb(25, 27, 49); border-radius: 3px; font-weight: 600; } #view-nai-image .iQGhmb:hover { background-color: rgb(245, 243, 194); } #view-nai-image .iQGhmb:disabled { color: rgb(25, 27, 49); opacity: 0.5; } #view-nai-image .iQGhmb:focus { background-color: rgb(245, 243, 194); } #view-nai-image .iQGhmb > span { margin-left: 5px; font-size: 0.875rem; display: inline-flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 5px 10px; color: rgb(245, 243, 194); background-color: rgb(19, 21, 44); border-radius: 3px; font-weight: 600; transition: color 100ms, background-color 100ms, transform 150ms; } #view-nai-image .iQGhmb > span .sc-e2da9a21-1 { margin-left: 3px; background-color: rgb(245, 243, 194); transition: background-color 100ms, background-color 100ms, transform 150ms; } #view-nai-image .iQGhmb:hover > span { color: rgb(245, 243, 194); background-color: rgb(19, 21, 44); } #view-nai-image .iQGhmb:hover > span .sc-e2da9a21-1 { background-color: rgb(245, 243, 194); } #view-nai-image .gJtmZZ { font-family: Eczar; } #view-nai-image .OUFdu { background: rgb(14, 15, 33); border-width: medium 1px; border-style: none solid; border-color: currentcolor rgb(34, 37, 63); border-image: none; padding: 5px 12px; border-radius: 0px; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; } #view-nai-image .OUFdu:disabled { opacity: 0.5; } #view-nai-image .OUFdu .ProseMirror { flex: 1 1 auto; overflow-y: auto; min-height: 1.625rem; } #view-nai-image .OUFdu p { margin: 0px; padding: 0px; line-height: 1.625rem; text-indent: 0px; font-size: 1rem; color: rgb(255, 255, 255); white-space: pre-wrap; } #view-nai-image .iMqaMM { display: flex; flex-direction: column; margin: 0px 15px 15px; font-size: 0.875rem; } @media (max-width: 1200px) { #view-nai-image .iMqaMM { margin-right: 15px; } } #view-nai-image .iMqaMM .sc-ff36a588-17 { height: 100%; } #view-nai-image .iMqaMM:not(:first-child) { margin-top: 20px; } #view-nai-image .MOvwa { font-size: 0.875rem; opacity: 0.5; font-weight: normal; display: flex; } #view-nai-image .MOvwa:hover { opacity: 0.5; } #view-nai-image .MOvwa .sc-e2da9a21-1 { width: 14px; margin: auto 6px; } #view-nai-image .flXwkg { display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 0.875rem; font-weight: 600; position: relative; margin-bottom: 8px; -webkit-box-align: baseline; align-items: baseline; } #view-nai-image .flXwkg > :nth-child(1) { display: flex; align-items: flex-end; } #view-nai-image .flXwkg > :nth-child(1) > :nth-child(2) { font-size: 0.875rem; margin-left: 3px; margin-right: 2px; padding: 0px 0px 0px 2px; min-width: 1rem; max-width: 4rem; font-weight: bold; border-radius: 1px; background-color: transparent; color: rgb(255, 255, 255); } #view-nai-image .flXwkg > :nth-child(1) > :nth-child(2):focus { background-color: rgb(14, 15, 33); } #view-nai-image .flXwkg > :nth-child(1) > :nth-child(3) { opacity: 0.9; } #view-nai-image .flXwkg > :nth-child(2) { font-weight: normal; } #view-nai-image .fQTbOc { appearance: none; background: rgb(14, 15, 33); height: 12px; padding: 0px; width: 100%; margin-bottom: 0.2rem; border-radius: 3px; outline: none !important; } #view-nai-image .fQTbOc::-webkit-slider-thumb { appearance: none; background: rgb(34, 37, 63); cursor: pointer; height: 18px; width: 12px; border-radius: 3px; } #view-nai-image .fQTbOc:focus::-webkit-slider-thumb { background: rgb(245, 243, 194); } #view-nai-image .fQTbOc[disabled] { opacity: 0.5; } #view-nai-image .cAyjKk { width: 100%; height: 100%; background-color: rgb(25, 27, 49); } #view-nai-image .cAyjKk > * { position: relative; } #view-nai-image .kndTvF { width: 100%; height: 100%; top: 0px; left: 0px; mask-repeat: no-repeat; mask-size: cover; background-color: rgb(34, 37, 63); mask-image: url("media/circles_centered.svg"); mask-position: center center; position: absolute !important; } #view-nai-image .nTNBg { background: rgb(25, 27, 49); border-radius: 4px; border: 1px solid rgb(34, 37, 63); display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; height: 44px; } #view-nai-image .eAYSiI { background: none; padding: 12px; border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; height: 100%; white-space: nowrap; } #view-nai-image .efbSlG { background: none; padding: 12px; border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; height: 100%; white-space: nowrap; } #view-nai-image .efbSlG:hover { background: rgb(34, 37, 63); } #view-nai-image .jhPkaE { width: 34px; height: 34px; background-color: rgb(19, 21, 44); border-radius: 3px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #view-nai-image .dPVgW { width: 1px; height: 30px; background-color: rgb(34, 37, 63); margin: 0px 3px; } #view-nai-image .cJuwq { max-width: 830px; width: 100%; height: 50px; margin: 20px 0px 0px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: 3px; } #view-nai-image .dtwUCW { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 44px; height: 44px; border-radius: 3px; flex-shrink: 0; background-color: rgb(19, 21, 44); border: 1px solid rgb(34, 37, 63); } #view-nai-image .dtwUCW > div { height: 16px; width: 16px; } #view-nai-image .dtwUCW:hover > div { background-color: rgb(245, 243, 194); } #view-nai-image .lffVJz { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 44px; height: 44px; border-radius: 3px; flex-shrink: 0; background-color: rgb(34, 37, 63); border: 1px solid rgb(34, 37, 63); } #view-nai-image .lffVJz > div { height: 16px; width: 16px; background-color: rgb(245, 243, 194); } #view-nai-image .lffVJz:hover > div { background-color: rgb(245, 243, 194); } #view-nai-image .dUchQE { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 44px; height: 44px; border-radius: 3px; flex-shrink: 0; background-color: rgb(34, 37, 63); } #view-nai-image .dUchQE > div { height: 16px; width: 16px; background-color: rgb(245, 243, 194); } #view-nai-image .dUchQE:hover > div { background-color: rgb(245, 243, 194); } #view-nai-image .iehSjF { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 44px; height: 44px; border-radius: 3px; flex-shrink: 0; } #view-nai-image .iehSjF > div { height: 16px; width: 16px; } #view-nai-image .iehSjF:hover > div { background-color: rgb(245, 243, 194); } #view-nai-image .VsRvw { min-height: 66px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 3px; display: flex; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } #view-nai-image .jjOUNX { font-size: 0.875rem; height: 62px; min-width: 62px; padding: 0px 5px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #view-nai-image .jjOUNX > div { height: 16px; width: 16px; } #view-nai-image .iUDFzm { width: 1px; align-self: stretch; min-height: 44px; background-color: rgb(34, 37, 63); } #view-nai-image .iIMVFW { display: flex; flex-flow: wrap; -webkit-box-align: center; align-items: center; gap: 10px; padding: 8px 10px; min-width: 0px; flex: 1 1 0px; } #view-nai-image .iZwqCP { display: flex; flex-direction: column; gap: 4px; min-width: 140px; flex: 1 1 140px; max-width: 300px; } #view-nai-image .byPTiT { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; flex-shrink: 0; } #view-nai-image .ckyfSN { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; max-height: 100%; } #view-nai-image .bgtaHf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; width: 44px; height: 44px; border-radius: 3px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); color: rgb(255, 255, 255); } #view-nai-image .bgtaHf > span { font-size: 0.75rem; opacity: 0.6; } #view-nai-image .cpWFUA { position: relative; width: 100%; height: 100%; } #view-nai-image .kIqMwj { position: absolute; inset: 10px; z-index: 1; display: flex; flex-direction: column; pointer-events: none; } #view-nai-image .caBpAy { display: flex; flex-wrap: wrap-reverse; align-items: flex-end; -webkit-box-pack: justify; justify-content: space-between; gap: 10px; flex-shrink: 0; } #view-nai-image .caBpAy > * { pointer-events: auto; } #view-nai-image .hhcVNK { display: flex; flex-direction: row; -webkit-box-align: stretch; align-items: stretch; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 3px; } #view-nai-image .fgpEbC { flex: 1 1 0%; min-height: 0px; display: flex; gap: 10px; padding-top: 10px; } #view-nai-image .dUqJtP { flex: 1 1 0%; } #view-nai-image .bqtasE { display: flex; flex-direction: column; align-items: flex-end; -webkit-box-pack: end; justify-content: flex-end; pointer-events: none; min-height: 0px; } #view-nai-image .bqtasE > * { pointer-events: auto; } #view-nai-image .kqvACf { position: absolute; bottom: 4px; right: 4px; font-size: 0.6rem; color: rgb(255, 255, 255); opacity: 0.3; pointer-events: none; user-select: none; font-family: monospace; letter-spacing: 0.5px; } #view-nai-image .bofrOO { display: flex; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; } #view-nai-image .bofrOO > * { pointer-events: auto; margin-top: 0px; } #view-nai-image .gQFAvn { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; border-radius: 8px; background: rgb(25, 27, 49); box-sizing: border-box; height: 28px; padding: 2px; gap: 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } #view-nai-image .hUa-dlF { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 4px; font-weight: 600; color: rgb(255, 255, 255); background: transparent; cursor: pointer; transition: background 0.08s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 72px; height: 100%; font-size: 14px; line-height: 18px; } #view-nai-image .hUa-dlF:hover:not(:disabled) { background: rgb(43, 47, 80); } #view-nai-image .hUa-dlF:disabled { opacity: 0.4; cursor: default; } #view-nai-image .jnkGRG { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 4px; font-weight: 600; color: rgb(255, 255, 255); background: rgb(34, 37, 63); cursor: pointer; transition: background 0.08s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 72px; height: 100%; font-size: 14px; line-height: 18px; } #view-nai-image .jnkGRG:hover:not(:disabled) { background: rgb(43, 47, 80); } #view-nai-image .jnkGRG:disabled { opacity: 0.4; cursor: default; } #view-nai-image .kfGeLg { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; width: 100%; height: 40px; padding: 4px; gap: 4px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 8px; } #view-nai-image .ckTsVn { flex: 1 1 0px; display: flex; flex-direction: row; -webkit-box-align: stretch; align-items: stretch; height: 100%; border-radius: 4px; overflow: hidden; background: rgb(34, 37, 63); transition: background 0.08s ease-in-out; } #view-nai-image .gzvSYg { flex: 1 1 0px; display: flex; flex-direction: row; -webkit-box-align: stretch; align-items: stretch; height: 100%; border-radius: 4px; overflow: hidden; background: transparent; transition: background 0.08s ease-in-out; } #view-nai-image .gNmrDX { flex: 1 1 auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); padding: 0px 8px; transition: background 0.08s ease-in-out; text-overflow: ellipsis; white-space: nowrap; } #view-nai-image .gNmrDX:hover:not(:disabled) { background: rgb(43, 47, 80); } #view-nai-image .aPMjN { flex: 0 0 auto; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 7px; color: rgb(255, 255, 255); border-left: 1px solid rgba(255, 255, 255, 0.1); transition: background 0.08s ease-in-out; } #view-nai-image .aPMjN:hover:not(:disabled) { background: rgb(43, 47, 80); } #view-nai-image .bkAIcq { flex: 0 0 auto; width: 0.883753%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .bPiamK { flex: 0 0 auto; width: 10.4691%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .haRIRc { flex: 0 0 auto; width: 0.611829%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .dXUzUl { flex: 0 0 auto; width: 11.0809%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .bbGdAi { flex: 0 0 auto; width: 8.90551%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .iHpeIh { flex: 0 0 auto; width: 7.54589%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .kalUuO { flex: 0 0 auto; width: 0.475867%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .aXdyO { flex: 0 0 auto; width: 3.87492%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .kuBlYF { flex: 0 0 auto; width: 16.4514%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .lpjioS { flex: 0 0 auto; width: 8.15772%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .hBPOpj { flex: 0 0 auto; width: 11.0809%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .cnJazp { flex: 0 0 auto; width: 9.51734%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .kxlOPr { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; gap: 10px; min-height: 30px; background: rgb(25, 27, 49); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(34, 37, 63) rgb(34, 37, 63) currentcolor; border-image: none; border-radius: 8px 8px 0px 0px; padding: 0px 0px 0px 10px; overflow: hidden; } #view-nai-image .ftgVLP { height: auto; align-self: stretch; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: none; } #view-nai-image .busdM { display: block; width: 100%; text-align: left; background: rgb(14, 15, 33); border: 1px solid rgb(34, 37, 63); border-radius: 0px 0px 8px 8px; padding: 8px 10px; font-size: 0.875rem; line-height: 1.4; opacity: 0.7; } #view-nai-image .busdM:hover { opacity: 1; } #view-nai-image .elsGqG { border-top-left-radius: 0px; border-top-right-radius: 0px; gap: 8px; } #view-nai-image .aCBJf { flex: 1 1 auto; min-width: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; padding: 0px; color: inherit; font-family: inherit; font-size: inherit; font-weight: 600; } #view-nai-image .aCBJf::-webkit-input-placeholder { color: inherit; opacity: 0.5; } #view-nai-image .aCBJf::placeholder { color: inherit; opacity: 0.5; } #view-nai-image .eTTxMY { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 10px; } #view-nai-image .fYKNwi { font-size: 0.875rem; opacity: 0.7; flex-shrink: 0; white-space: nowrap; } #view-nai-image .ckWyKQ { display: flex; -webkit-box-align: center; align-items: center; gap: 6px; height: 28px; padding: 0px 10px; border-radius: 4px; background: rgb(34, 37, 63); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; line-height: 18px; white-space: nowrap; } #view-nai-image .gEObGv { padding: 50px 20px 30px; border-radius: 3px; background-color: rgb(19, 21, 44); border: 1px solid rgb(34, 37, 63); display: flex; flex-direction: column; gap: 20px; overflow: hidden; position: relative; max-width: 418px; } #view-nai-image .llYgQi { font-size: 1.25rem; font-weight: 600; font-family: Eczar; color: rgb(245, 243, 194); padding: 15px 0px 0px; } #view-nai-image .eANjDE { border-radius: 3px; border: 1px solid rgb(34, 37, 63); font-weight: 600; gap: 10px; } #view-nai-image .bmZkyP { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 15px 0px; background: rgb(14, 15, 33); border-radius: 5px; padding: 10px; border: 1px solid rgb(34, 37, 63); width: 100%; } #view-nai-image .GhnGk { mask-image: url("media/inpaint.svg"); } #view-nai-image .dvwnqG { display: inline-flex; -webkit-box-align: center; align-items: center; gap: 10px; } #view-nai-image .idaGPp { display: flex; flex-direction: column; gap: 8px; } #view-nai-image .kHiUbg { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; } #view-nai-image .iCyFom { font-size: 16px; font-weight: 600; line-height: 28px; color: rgb(255, 255, 255); } #view-nai-image .cTGSEc { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; } #view-nai-image .eYYIjL { font-size: 16px; font-weight: 600; line-height: 20px; flex: 0 0 auto; width: 56px; height: 28px; text-align: center; color: rgb(255, 255, 255); background: rgb(14, 15, 33); border: 1px solid rgb(34, 37, 63); border-radius: 4px; padding: 0px 4px; outline: none; appearance: textfield; } #view-nai-image .eYYIjL::-webkit-outer-spin-button, #view-nai-image .eYYIjL::-webkit-inner-spin-button { appearance: none; margin: 0px; } #view-nai-image .eYYIjL:disabled { opacity: 0.5; } #view-nai-image .ITXTQ { flex: 1 1 0px; min-width: 0px; height: 28px; appearance: none; background: transparent; cursor: pointer; } #view-nai-image .ITXTQ:disabled { opacity: 0.5; cursor: default; } #view-nai-image .ITXTQ::-webkit-slider-runnable-track { height: 12px; border-radius: 4px; background: rgb(14, 15, 33); border: 1px solid rgb(34, 37, 63); } #view-nai-image .ITXTQ::-webkit-slider-thumb { appearance: none; box-sizing: border-box; width: 16px; height: 28px; margin-top: -8px; border-radius: 4px; background: rgb(34, 37, 63); border: 1px solid rgb(34, 37, 63); } #view-nai-image .jVHjXh { width: 100%; height: 100%; container-type: size; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: visible; } #view-nai-image .hOImXn { position: relative; padding: 12px; background: rgb(25, 27, 49); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(34, 37, 63) rgb(34, 37, 63) currentcolor; border-image: none; border-radius: 8px 8px 0px 0px; } #view-nai-image .kaookh { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); border-radius: 4px; overflow: hidden; z-index: 1; } #view-nai-image .klEQbH { display: flex; flex-direction: column; gap: 8px; min-width: 0px; } #view-nai-image .hSwoXc { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; } #view-nai-image .dbzKkm { font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(255, 255, 255); } #view-nai-image .jIwySK { display: flex; flex-direction: row; gap: 8px; } #view-nai-image .kJwAnD { display: flex; flex-direction: column; gap: 8px; padding: 16px 12px 12px; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 0px 0px 8px 8px; } #view-nai-image .IEku { display: inline-flex; -webkit-box-align: center; align-items: center; gap: 4px; height: 28px; padding: 0px 8px; border-radius: 4px; background: rgb(34, 37, 63); color: rgb(255, 255, 255); border: 1px solid rgb(52, 56, 96); } #view-nai-image .IEku:focus-within { border-color: rgb(52, 56, 96); } #view-nai-image .idiTEs { font-size: 16px; font-weight: 400; line-height: 20px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; color: inherit; text-align: center; width: 5ch; padding: 0px; opacity: 1; appearance: textfield; } #view-nai-image .idiTEs::-webkit-outer-spin-button, #view-nai-image .idiTEs::-webkit-inner-spin-button { appearance: none; margin: 0px; } #view-nai-image .idiTEs:focus { opacity: 1; } #view-nai-image .jbaHge { height: 24px; width: 28px; position: relative; border-radius: 4px; background: rgb(34, 37, 63); } #view-nai-image .etpTXL { height: 22px; width: 26px; top: 1px; left: 1px; position: absolute; border-radius: 3px; background: rgb(14, 15, 33); } #view-nai-image .OwITV { width: 16px; height: 16px; position: absolute; top: 4px; left: 6px; background-color: rgb(255, 255, 255); mask-image: url("media/checkbox_cross.svg"); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; } #view-nai-image .hgiaVo { -webkit-box-align: center; align-items: center; cursor: pointer; flex-direction: row; -webkit-box-pack: start; place-content: center flex-start; display: flex; opacity: 1; user-select: none; } #view-nai-image .hgiaVo > span { -webkit-box-flex: 1; flex-grow: 1; margin-left: 8px; } #view-nai-image .hgiaVo:hover .sc-8161bc7-6 { background-color: rgba(255, 255, 255, 0.2); } #view-nai-image .sPjpM { mask-image: url("media/small_chevron_left.svg"); } #view-nai-image .llsrlu { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 4px; min-width: 0px; } #view-nai-image .lgNGG { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 20px; height: 20px; border-radius: 4px; color: rgb(255, 255, 255); transition: background-color 0.08s ease-in-out; } #view-nai-image .lgNGG:hover { background-color: rgb(34, 37, 63); } #view-nai-image .dtTpwD { display: flex; flex-flow: wrap; -webkit-box-align: center; align-items: center; gap: 10px; padding: 0px; min-width: 0px; flex: 1 1 0px; } #view-nai-image .hwEgst { font-size: 0.75rem; opacity: 0.6; white-space: nowrap; } #view-nai-image .jgunGT { background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 3px; padding: 10px; display: flex; flex-direction: column; gap: 8px; min-width: 260px; max-width: 340px; } #view-nai-image .ekDDyx { font-size: 0.875rem; color: rgb(255, 255, 255); font-weight: 600; } #view-nai-image .fWOiNu { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 8px; margin-top: 4px; } #view-nai-image .jDqaBM { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; bottom: 62px; left: 50%; transform: translate(-50%, 0px); } #view-nai-image .jDqaBM > * { pointer-events: auto; } #view-nai-image .jjLnyc { flex: 1 1 20px; min-height: 20px; max-height: 20px; } #view-nai-image .ktlnZL { flex: 1 1 10px; min-height: 10px; max-height: 10px; } #view-nai-image .eFZYhp { opacity: 0; font-size: 0.9rem; transition: opacity 0.2s ease-in-out; z-index: 1000; padding: 8px 8px 9px; width: auto; font-weight: normal; max-width: 300px; color: rgb(255, 255, 255); background-color: rgb(34, 37, 63); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; text-align: center; pointer-events: none; } #view-nai-image .eFZYhp > div:last-child { position: absolute; width: 10px; height: 10px; } #view-nai-image .eFZYhp > p { margin: 5px; } #view-nai-image .eFZYhp[data-popper-placement="bottom"] > div { top: -5px; } #view-nai-image .eFZYhp[data-popper-placement="left"] > div { right: -5px; } #view-nai-image .eFZYhp[data-popper-placement="top"] > div { bottom: -5px; } #view-nai-image .eFZYhp[data-popper-placement="right"] > div { left: -5px; } #view-nai-image .eFZYhp > div:last-child::before { position: absolute; width: 10px; height: 10px; margin-left: -4.5px; background-color: rgb(34, 37, 63); content: ""; transform: rotate(45deg); } #view-nai-image .foUYOA { background-color: rgb(25, 27, 49); padding: 20px; } #view-nai-image .ILTeR { height: 44px; padding: 10px 20px; background: rgb(14, 15, 33); border: 1px solid rgb(34, 37, 63); border-radius: 4px; } #view-nai-image .ILTeR:disabled { opacity: 0.5; } #view-nai-image .dIDDhW { flex: 0 0 auto; width: 1.75781%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .imMesQ { flex: 0 0 auto; width: 31.8359%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .ieRlwj { flex: 0 0 auto; width: 25.5859%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .nBmWX { flex: 0 0 auto; width: 21.6797%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .TNnab { flex: 0 0 auto; width: 38.2812%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .bZKVRZ { flex: 0 0 auto; width: 33.0078%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .kbuxI { flex: 0 0 auto; width: 0.195312%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .fkToSl { flex: 0 0 auto; width: 27.1484%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .duwjBw { flex: 0 0 auto; width: 2.34375%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .iWpEnF { flex: 0 0 auto; width: 47.2656%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .dGJAfa { flex: 0 0 auto; width: 23.4375%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jxwHWK { flex: 0 0 auto; width: 31.8359%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jNNVmt { flex: 0 0 auto; width: 27.3438%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .NZPQF { flex: 0 0 auto; width: 38.2812%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .dCWzrj { flex: 0 0 auto; width: 54.6875%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .hxRUeY { flex: 0 0 auto; width: 34.7656%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .ynRnu { flex: 0 0 auto; width: 0.195312%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .gOOZTg { flex: 0 0 auto; width: 38.4766%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .kFSpYB { flex: 0 0 auto; width: 60.1562%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jBdiKR { flex: 0 0 auto; width: 0.390625%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .wtxRg { flex: 0 0 auto; width: 28.9062%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .eAWnAN { flex: 0 0 auto; width: 29.4922%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .cOZGdz { flex: 0 0 auto; width: 35.3516%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .iGUwMD { display: inline-flex; flex-direction: column; flex-shrink: 0; } #view-nai-image .iGUwMD > span:first-child { color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; } #view-nai-image .jasEqz { max-width: 120px; text-align: left; font-size: 1rem; font-weight: 400; color: rgba(255, 255, 255, 0.45); } #view-nai-image .jasEqz > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #view-nai-image .jasEqz:hover { color: rgba(255, 255, 255, 0.7); } #view-nai-image .LFnrl { mask-image: url("media/dotdotdot.svg"); height: 20px; margin-right: 10px; } #view-nai-image .iyRzlC { mask-image: url("media/person.svg"); } #view-nai-image .efGUJI { mask-image: url("media/image_placeholder_even.svg"); } #view-nai-image .eApXhg { mask-image: url("media/image_placeholder_odd.svg"); } #view-nai-image .hwjDQH { mask-image: url("media/precise_reference_style.svg"); } #view-nai-image .eyQEiu { mask-image: url("media/precise_reference_style_and_character.svg"); } #view-nai-image .ffiiND { height: 24px; width: 28px; position: relative; border-radius: 4px; background: rgb(245, 243, 194); } #view-nai-image .iJyHZP { height: 22px; width: 26px; top: 1px; left: 1px; position: absolute; border-radius: 3px; background: rgba(245, 243, 194, 0.99); } #view-nai-image .RYrPu { width: 16px; height: 16px; position: absolute; top: 4px; left: 6px; background-color: rgb(14, 15, 33); mask-image: url("media/checkbox_check.svg"); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; } #view-nai-image .gteoIx { -webkit-box-align: center; align-items: center; cursor: pointer; flex-direction: row; -webkit-box-pack: start; place-content: center flex-start; display: flex; opacity: 1; user-select: none; } #view-nai-image .gteoIx > span { -webkit-box-flex: 1; flex-grow: 1; margin-left: 8px; } #view-nai-image .dYJDAn { position: relative; display: inline-flex; } #view-nai-image .gricTN { position: absolute; top: -5px; right: -6px; min-width: 12px; padding: 1px 3px; border-radius: 7px; font-size: 0.6rem; font-weight: 700; line-height: 1; text-align: center; background: var(--tab-badge-bg, #22253F); } #view-nai-image .hcidcB { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 10px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(34, 37, 63) rgb(34, 37, 63) currentcolor; border-image: none; margin: 0px 8px; padding: 8px 12px; border-radius: 8px 8px 0px 0px; background: linear-gradient(rgba(34, 37, 63, 0.5) 0%, transparent 100%), rgb(25, 27, 49); } #view-nai-image .grILjj { display: flex; flex-direction: column; gap: 8px; font-size: 0.875rem; } #view-nai-image .htkkJq { display: flex; flex-direction: column; border: 1px solid rgb(34, 37, 63); border-radius: 8px; overflow: hidden; } #view-nai-image .kDgtf { background: rgb(25, 27, 49); border-bottom: 1px solid rgb(34, 37, 63); padding: 8px; } #view-nai-image .bUWIhN { background: rgb(25, 27, 49); border-bottom: 1px solid rgb(34, 37, 63); padding: 12px; display: flex; flex-direction: column; gap: 8px; } #view-nai-image .bUWIhN:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } #view-nai-image .jUshCX { display: flex; flex-direction: row; gap: 12px; -webkit-box-align: stretch; align-items: stretch; } #view-nai-image .idWRlp { flex: 0 0 auto; display: flex; flex-direction: column; gap: 10px; -webkit-box-align: center; align-items: center; } #view-nai-image .bPoMNn { display: flex; flex-direction: row; gap: 4px; width: 100%; align-self: stretch; } #view-nai-image .bPoMNn > * { flex: 1 1 0px; min-width: 0px; display: flex; } #view-nai-image .bPoMNn > * > * { width: 100%; } #view-nai-image .bPoMNn button { width: 100%; -webkit-box-pack: center; justify-content: center; } #view-nai-image .plrvc { font-size: 0.875rem; } #view-nai-image .bJFXpp { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; } #view-nai-image .fIYoqr { background-color: rgb(25, 27, 49); border-radius: 4px; padding: 2px 5px; border: 1px solid transparent; } #view-nai-image .fIYoqr:focus { outline: none; border: 1px solid rgb(34, 37, 63); box-shadow: rgb(34, 37, 63) 0px 0px 0px 1px; background-color: rgb(19, 21, 44); } #view-nai-image .kHzqXE { display: flex; flex-direction: column; gap: 12px; } #view-nai-image .oEmbE { background-color: rgb(25, 27, 49); padding: 10px; border-radius: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; } #view-nai-image .enjneD { flex: 0 0 auto; width: 27.1484%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .dsWUvv { flex: 0 0 auto; width: 33.0078%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .WTuUB { mask-image: url("media/detatch_up.svg"); } #view-nai-image .fgXDfI { background-color: rgb(217, 255, 225); border: 1px solid transparent; color: rgb(255, 255, 255); cursor: pointer; padding: 10px; transition: background 0.08s ease-in-out; flex-shrink: 0; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; outline: transparent solid 1px; user-select: none; font-weight: 600; gap: 5px; } #view-nai-image .fgXDfI > .sc-e2da9a21-1 { height: 12px; } #view-nai-image .fgXDfI:hover, #view-nai-image .fgXDfI:focus { background: rgb(64, 255, 104); } #view-nai-image .fgXDfI:disabled { opacity: 0.5; } #view-nai-image .haSKPZ { background-color: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 3px; } #view-nai-image .ihHNBW { font-family: Eczar; } #view-nai-image .ggLEAz { height: 10px; width: 1px; } #view-nai-image .cmppWe { background: rgb(14, 15, 33); margin-bottom: 21px; } #view-nai-image .gJInll { display: flex; flex-direction: column; margin-bottom: 15px; font-weight: 600; white-space: pre-wrap; } #view-nai-image .gJInll > :first-child { color: rgb(245, 243, 194); font-size: 1rem; } #view-nai-image .gJInll > :last-child { font-family: Eczar; font-size: 2rem; } #view-nai-image .dNfCeZ { color: rgb(224, 98, 98); margin-top: 15px; } #view-nai-image .dNfCeZ p { margin-bottom: 0px; } #view-nai-image .zppMh { padding: 12px; background: rgb(245, 243, 194); cursor: pointer; font-weight: bold; color: rgb(14, 15, 33); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; height: 46px; user-select: none; font-size: 1rem; transition: 0.08s ease-in-out; } #view-nai-image .zppMh:hover, #view-nai-image .zppMh:focus { background-color: rgb(255, 255, 255); } #view-nai-image .zppMh:active { background-color: rgb(230, 230, 230); } #view-nai-image .hNFvtl { margin-bottom: 1.5rem; font-size: 0.75rem; font-weight: 600; margin-top: 20px; } #view-nai-image .hNFvtl p, #view-nai-image .hNFvtl a { color: rgba(255, 255, 255, 0.7); } #view-nai-image .hNFvtl a { font-weight: 700; } #view-nai-image .hNFvtl a:hover { text-decoration: underline; } #view-nai-image .uDTKE { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; visibility: visible; background-color: rgba(14, 15, 33, 0.5); transition: background-color 0.08s linear; z-index: 12000; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #view-nai-image .kucgiy { background: rgba(14, 15, 33, 0.6); border-radius: 10px; padding: 20px; opacity: 1; transition: opacity 0.06s linear; } #view-nai-image .iRVuHf { background: rgb(14, 15, 33); border-width: medium 1px; border-style: none solid; border-color: currentcolor rgb(34, 37, 63); border-image: none; padding: 5px 12px; border-radius: 0px; } #view-nai-image .iRVuHf:disabled { opacity: 0.5; } #view-nai-image .iRVuHf .ProseMirror { min-height: 6rem; } #view-nai-image .iRVuHf p { margin: 0px; padding: 0px; line-height: 1.625rem; text-indent: 0px; font-size: 1rem; color: rgb(255, 255, 255); white-space: pre-wrap; } #view-nai-image .hzUnoi { -webkit-box-align: center; align-items: center; cursor: pointer; font-weight: 600; width: 100%; -webkit-box-pack: start; place-content: center flex-start; gap: 10px; opacity: 1; } #view-nai-image .hzUnoi > div:first-child { flex-flow: wrap; -webkit-box-align: center; align-items: center; font-size: 1rem; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; margin-bottom: 6px; } #view-nai-image .hzUnoi > span { -webkit-box-flex: 1; flex-grow: 1; margin-left: 10px; } #view-nai-image .hHfIES { margin-bottom: 0px; background: rgb(245, 243, 194); height: 20px; width: 47px; position: relative; border-radius: 3px; } #view-nai-image .hHfIES:focus-within, #view-nai-image .hHfIES:focus { outline: rgb(14, 15, 33) solid 2px; } #view-nai-image .fQoejg { background: rgb(14, 15, 33); height: 16px; width: 26px; top: 2px; position: absolute; right: 2px; border-radius: 3px; } #view-nai-image .ljIyQr.ljIyQr { position: absolute; background-color: rgb(245, 243, 194); height: 8px; width: 8px; top: 6px; right: 11px; mask-image: url("media/check.svg"); } #view-nai-image .cABksQ { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; -webkit-box-align: baseline; align-items: baseline; } #view-nai-image .cABksQ > span { -webkit-box-align: center; align-items: center; grid-column-start: 1; grid-row-start: 1; opacity: 0.7; font-size: 0.875rem; display: block; } #view-nai-image .cABksQ > span[aria-hidden="true"] { opacity: 0; } #view-nai-image .DidHl { display: flex; -webkit-box-align: center; align-items: center; grid-column-start: 1; grid-row-start: 1; opacity: 0.7; font-size: 0.875rem; font-weight: 500; } #view-nai-image .iwskcB { display: flex; width: 100%; height: 100%; position: absolute; background: rgb(25, 27, 49); opacity: 0.5; top: 0px; left: 0px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #view-nai-image .jzpLPJ { position: absolute; top: -10px; right: 4px; background: rgb(34, 37, 63); color: rgb(255, 255, 255); border: 1px solid rgb(34, 37, 63); font-size: 0.65rem; font-weight: bold; padding: 1px 6px; border-radius: 8px; pointer-events: none; white-space: nowrap; } #view-nai-image .bqtoPE { width: 100%; background: rgb(25, 27, 49); border-radius: 3px; border: 1px solid rgb(34, 37, 63); display: flex; flex-direction: column; padding-top: 60px; max-width: 410px; } #view-nai-image .iUGryB { color: rgb(255, 255, 255); font-size: 1.125rem; padding: 10px 20px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap; gap: 10px; font-weight: 700; } #view-nai-image .gNqmar { padding: 3px 20px; border-radius: 3px; font-size: 1rem; } #view-nai-image .klafKK { border: 1px solid rgb(245, 243, 194); color: rgb(245, 243, 194); border-radius: 3px; width: 100%; -webkit-box-pack: center; justify-content: center; } #view-nai-image .hgCmxM { display: flex; flex-direction: column; padding: 2px 12px; border-width: medium 1px; border-style: none solid; border-color: currentcolor rgb(34, 37, 63); border-image: none; background: rgb(14, 15, 33); } #view-nai-image .idlEA-D { flex: 0 0 auto; width: 0.995733%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .jeBcUo { flex: 0 0 auto; width: 8.10811%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .zBbQM { flex: 0 0 auto; width: 0.475867%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .xIJWU { flex: 0 0 auto; width: 3.87492%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .gUDIIZ { flex: 0 0 auto; width: 31.6111%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .kYLgty { flex: 0 0 auto; width: 26.5806%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .elxJZr { flex: 0 0 auto; width: 31.6111%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .kAycec { flex: 0 0 auto; width: 26.5806%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .ghmiPm { display: flex; flex-flow: wrap-reverse; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; background: rgb(14, 15, 33); padding: 12px 12px 0px; border-width: 1px 1px medium; border-style: dashed solid none; border-color: rgb(34, 37, 63) rgb(34, 37, 63) currentcolor; border-image: none; border-top-right-radius: 0px; border-top-left-radius: 0px; } #view-nai-image .OunfU { font-size: 1rem; font-weight: 600; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: rgb(255, 255, 255); padding: 20px 0px 0px; width: 100%; } #view-nai-image .gTwmLO { border-radius: 3px; border: 1px solid rgb(34, 37, 63); font-weight: 600; min-width: 130px; } #view-nai-image .dDcoeo { mask-image: url("media/save.svg"); height: 12px; width: 12px; } #view-nai-image .iLVTqS { mask-image: url("media/small_arrow.svg"); transform: rotate(90deg) scaleY(-1); } #view-nai-image .iRcPaf { mask-image: url("media/clipboard.svg"); } #view-nai-image .bppQnL { mask-image: url("media/sparkles.svg"); } #view-nai-image .hmhDXK { mask-image: url("media/variations.svg"); } #view-nai-image .jmwbiL { mask-image: url("media/wand_sparkles.svg"); } #view-nai-image .eKFZgu { mask-image: url("media/thin_cross.svg"); } #view-nai-image .hkDttM { mask-image: url("media/detatch_down.svg"); } #view-nai-image .ezwLaj { mask-image: url("media/pin.svg"); } #view-nai-image .bPWaa { mask-image: url("media/upscale.svg"); } #view-nai-image .ebA-deX { mask-image: url("media/lock.svg"); } #view-nai-image .jvjhjE { display: flex; flex-direction: column; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 auto; width: 100%; } @-webkit-keyframes jWdtgNbnJP { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes jWdtgNbnJP { 0% { opacity: 0; } 100% { opacity: 1; } } #view-nai-image .hsiuOp { position: absolute; z-index: 1000; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; left: 0px; top: 100%; width: 100%; background: rgb(25, 27, 49); border: 1px solid rgb(34, 37, 63); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.6) 0px 6px 20px; } #view-nai-image .bPpBA-D { padding: 15px 15px 0px; font-size: 0.875rem; opacity: 0.8; } #view-nai-image .etuult { padding: 15px; font-size: 0.875rem; align-items: flex-start; display: flex; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; gap: 5px; } #view-nai-image .fWWoPn { cursor: pointer; padding: 4px 10px; min-width: fit-content; white-space: nowrap; border-radius: 3px; border: 1px solid rgb(34, 37, 63); background: rgb(19, 21, 44); display: flex; align-items: flex-start; flex-direction: column; } #view-nai-image .fWWoPn:hover { background: rgb(34, 37, 63); } #view-nai-image .hkduSv { z-index: 5; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); user-select: auto; opacity: 0; pointer-events: none; transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1); display: flex; flex-direction: row; gap: 4px; } #view-nai-image .cZsxrV { z-index: 5; position: absolute; top: 5px; right: 5px; user-select: auto; opacity: 0; pointer-events: none; transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1); display: flex; flex-direction: row; gap: 4px; } #view-nai-image .cCHpTC { position: relative; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; --image-checker: #171930; --image-checker-base: #13152C; overflow: visible; } #view-nai-image .cCHpTC > img { height: 100%; width: 100%; border-radius: 8px; overflow: hidden; } #view-nai-image .cCHpTC > img.image-grid-image, #view-nai-image .cCHpTC > .image-grid-variation-backdrop { background-color: var(--image-checker-base); background-image: linear-gradient( 45deg, var(--image-checker) 25%, transparent 25%, transparent 75%, var(--image-checker) 75% ),linear-gradient( 45deg, var(--image-checker) 25%, transparent 25%, transparent 75%, var(--image-checker) 75% ); background-size: 32px 32px; background-position: 0px 0px, 16px 16px; } #view-nai-image .cCHpTC > img, #view-nai-image .cCHpTC > .image-grid-generating { transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1); } #view-nai-image .cCHpTC:hover > .sc-583db313-20, #view-nai-image .cCHpTC:hover > .sc-583db313-21 { user-select: auto; opacity: 1; pointer-events: auto; } #view-nai-image .gcKpSj { position: relative; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; --image-checker: #171930; --image-checker-base: #13152C; overflow: visible; } #view-nai-image .gcKpSj > img { height: 100%; width: 100%; border-radius: 8px; overflow: hidden; } #view-nai-image .gcKpSj > img.image-grid-image, #view-nai-image .gcKpSj > .image-grid-variation-backdrop { background-color: var(--image-checker-base); background-image: linear-gradient( 45deg, var(--image-checker) 25%, transparent 25%, transparent 75%, var(--image-checker) 75% ),linear-gradient( 45deg, var(--image-checker) 25%, transparent 25%, transparent 75%, var(--image-checker) 75% ); background-size: 32px 32px; background-position: 0px 0px, 16px 16px; } #view-nai-image .gcKpSj > img, #view-nai-image .gcKpSj > .image-grid-generating { transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1); } #view-nai-image .gcKpSj:hover > .sc-583db313-20, #view-nai-image .gcKpSj:hover > .sc-583db313-21 { user-select: auto; opacity: 1; pointer-events: auto; } #view-nai-image .gcKpSj > img, #view-nai-image .gcKpSj > .image-grid-generating, #view-nai-image .gcKpSj > .image-grid-thumbnail-standin, #view-nai-image .gcKpSj > .image-grid-variation-backdrop { transform: scale(0.98); } #view-nai-image .gcKpSj:hover > img, #view-nai-image .gcKpSj:hover > .image-grid-thumbnail-standin, #view-nai-image .gcKpSj:hover > .image-grid-variation-backdrop { transform: scale(1); } #view-nai-image .dzPpgK { border: 2px solid transparent; border-radius: 3px; scroll-margin: 48px 0px; background-color: rgb(14, 15, 33); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 100%; max-width: 130px; aspect-ratio: 1 / 1; flex: 0 0 auto; position: relative; cursor: pointer; transition: box-shadow 0.16s, transform 0.16s; box-shadow: rgba(245, 243, 194, 0.75) 0px 0px 0px 2px, rgba(245, 243, 194, 0.45) 0px 0px 6px 0px; } #view-nai-image .dzPpgK button { display: none; opacity: 0; pointer-events: none; } #view-nai-image .dzPpgK:hover { transform: scale(0.98); } #view-nai-image .dzPpgK:hover button { display: block; opacity: 0.8; pointer-events: all; } #view-nai-image .dzPpgK:hover button:hover { opacity: 1; } #view-nai-image .evXqoA { border: 2px solid transparent; border-radius: 3px; scroll-margin: 48px 0px; background-color: rgb(14, 15, 33); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 100%; max-width: 130px; aspect-ratio: 1 / 1; flex: 0 0 auto; position: relative; cursor: pointer; transition: box-shadow 0.16s, transform 0.16s; } #view-nai-image .evXqoA button { display: none; opacity: 0; pointer-events: none; } #view-nai-image .evXqoA:hover { transform: scale(0.98); } #view-nai-image .evXqoA:hover button { display: block; opacity: 0.8; pointer-events: all; } #view-nai-image .evXqoA:hover button:hover { opacity: 1; } #view-nai-image .ghhSkp { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(61, 62, 81); } #view-nai-image .rZvKb { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(59, 60, 79); } #view-nai-image .cByPzI { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(46, 48, 68); } #view-nai-image .byaCjk { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(34, 36, 57); } #view-nai-image .cROQKK { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(32, 34, 55); } #view-nai-image .CxHWh { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(29, 31, 52); } #view-nai-image .jHbNye { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(27, 29, 51); } #view-nai-image .jXcZXN { width: 0.625rem; height: 0.625rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(25, 27, 49); } #view-nai-image .bFtsJu { background: none; border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; height: 100%; white-space: nowrap; aspect-ratio: 1 / 1; -webkit-box-pack: center; justify-content: center; padding: 0px; } #view-nai-image .jGrXXk { background: none; border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; height: 100%; white-space: nowrap; aspect-ratio: 1 / 1; -webkit-box-pack: center; justify-content: center; padding: 0px; } #view-nai-image .jGrXXk:hover { background: rgb(34, 37, 63); } #view-nai-image .jJdZQD { background: none; padding: 12px; border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 6px; height: 100%; white-space: nowrap; } #view-nai-image .jJdZQD:hover { background: rgb(34, 37, 63); } #view-nai-image .dHrDbc { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; background: rgb(34, 37, 63); border-radius: 3px; gap: 5px; font-size: 0.875rem; height: fit-content; padding: 3px 10px; min-height: 24px; min-width: 50px; } #view-nai-image .ejSMXD:empty { display: none; } #view-nai-image .dWYlzS { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; flex: 0 0 auto; padding: 0px 10px; } #view-nai-image .lcETMU { position: absolute; top: 2px; right: 2px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-height: 24px; padding: 4px 6px; border-radius: 3px; background: rgb(19, 21, 44); border: 1px solid rgb(34, 37, 63); font-size: 0.75rem; font-weight: 600; line-height: 1; color: rgb(255, 255, 255); } #view-nai-image .knrUbg { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #view-nai-image .qDXhK { background-color: rgb(34, 37, 63); border-radius: 3px; height: 44px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; padding: 10px 15px; gap: 10px; font-size: 1rem; } #view-nai-image .bDYNKG { flex: 0 0 auto; width: 31.7471%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .bkQUrf { flex: 0 0 auto; width: 31.8151%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .cMNrOb { flex: 0 0 auto; width: 31.8831%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .bUAhHc { flex: 0 0 auto; width: 31.9511%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .csIPRC { flex: 0 0 auto; width: 32.087%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .hhnUzA { flex: 0 0 auto; width: 32.155%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .dhgUbU { flex: 0 0 auto; width: 32.223%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .hZnFII { flex: 0 0 auto; width: 32.291%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .gFxXyw { flex: 0 0 auto; width: 31.7471%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .fObFSF { flex: 0 0 auto; width: 31.8151%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jDskxl { flex: 0 0 auto; width: 31.8831%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .fhLQVu { flex: 0 0 auto; width: 31.9511%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jWEyo { flex: 0 0 auto; width: 32.087%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jYPaey { flex: 0 0 auto; width: 32.155%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .keprAm { flex: 0 0 auto; width: 32.223%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .crUuqC { flex: 0 0 auto; width: 32.291%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .eYnrMs { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; width: 100%; height: 14px; flex: 0 0 auto; gap: 10px; pointer-events: none; } #view-nai-image .cnmAlp { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 10px; flex: 1 1 0px; padding: 3px 4px; border-radius: 999px; background: rgba(19, 21, 44, 0.75); transition: opacity 0.2s; } #view-nai-image .jhYCOl { position: relative; flex: 1 1 0px; height: 4px; border-radius: 2px; background: rgb(34, 37, 63); overflow: hidden; } #view-nai-image .cXBATl { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0%; border-radius: 2px; background: rgb(245, 243, 194); } @-webkit-keyframes eHQdVPbnJP { 0% { transform: translateX(-100%); } 100% { transform: translateX(290%); } } @keyframes eHQdVPbnJP { 0% { transform: translateX(-100%); } 100% { transform: translateX(290%); } } #view-nai-image .hnuKhQ { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 35%; border-radius: 2px; background: rgb(245, 243, 194); animation: 1100ms ease-in-out 0s infinite normal none running eHQdVPbnJP; } @-webkit-keyframes hGrForbnJP { 0%, 8% { opacity: 0; transform: scale(0.4); } 18%, 62% { opacity: 1; transform: scale(1); } 68%, 100% { opacity: 0; transform: scale(0.4); } } @keyframes hGrForbnJP { 0%, 8% { opacity: 0; transform: scale(0.4); } 18%, 62% { opacity: 1; transform: scale(1); } 68%, 100% { opacity: 0; transform: scale(0.4); } } @-webkit-keyframes gLIUbAbnJP { 0%, 20% { opacity: 0; transform: scale(0.4); } 30%, 68% { opacity: 1; transform: scale(1); } 74%, 100% { opacity: 0; transform: scale(0.4); } } @keyframes gLIUbAbnJP { 0%, 20% { opacity: 0; transform: scale(0.4); } 30%, 68% { opacity: 1; transform: scale(1); } 74%, 100% { opacity: 0; transform: scale(0.4); } } @-webkit-keyframes hOPudsbnJP { 0%, 32% { opacity: 0; transform: scale(0.4); } 42%, 74% { opacity: 1; transform: scale(1); } 80%, 100% { opacity: 0; transform: scale(0.4); } } @keyframes hOPudsbnJP { 0%, 32% { opacity: 0; transform: scale(0.4); } 42%, 74% { opacity: 1; transform: scale(1); } 80%, 100% { opacity: 0; transform: scale(0.4); } } #view-nai-image .EUTk { position: absolute; inset: 0px; border-radius: 8px; border: 1.5px solid rgb(34, 37, 63); background: rgb(22, 24, 46); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 5%; pointer-events: none; animation: 240ms ease 0s 1 normal both running jWdtgNbnJP; } #view-nai-image .EUTk i { width: 6%; aspect-ratio: 1 / 1; border-radius: 50%; background: rgba(255, 255, 255, 0.6); opacity: 0; animation: 1.9s ease-in-out 0s infinite normal none running hGrForbnJP; } #view-nai-image .EUTk i:nth-child(2) { animation-name: gLIUbAbnJP; } #view-nai-image .EUTk i:nth-child(3) { animation-name: hOPudsbnJP; } @media (prefers-reduced-motion: reduce) { #view-nai-image .EUTk i { opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none; } } #view-nai-image .jqSOzE { display: contents; } @container (max-width: 700px) { #view-nai-image .jqSOzE { display: none !important; } } #view-nai-image .MsTEJ { background: rgb(34, 37, 63); padding: 12px; border-radius: 3px; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; gap: 11px; margin: 5px; font-weight: 400; height: calc(100% - 10px); white-space: nowrap; } #view-nai-image .HnFvu { gap: 0px; -webkit-box-pack: center; justify-content: center; } #view-nai-image .fYsujd { display: inline-block; overflow: hidden; max-width: 0px; opacity: 0; font-weight: 400; white-space: nowrap; transition: max-width 300ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms, margin-right 300ms cubic-bezier(0.22, 1, 0.36, 1); } #view-nai-image .sc-e9728fe6-0:hover .fYsujd { max-width: 140px; opacity: 1; margin-right: 6px; } #view-nai-image .facjdr { position: absolute; inset: 0px; overflow: hidden; touch-action: none; user-select: none; } #view-nai-image .kozGFr { position: absolute; } #view-nai-image .kozGFr:hover { z-index: 10; } #view-nai-image .hsVfMk { height: calc(100% - 12px); padding: 0px 12px; margin-left: 6px; } @container (max-width: 500px) { #view-nai-image .hsVfMk { display: none; } } #view-nai-image .kpsXWS { display: flex; flex-flow: wrap; -webkit-box-align: center; align-items: center; gap: 10px; } #view-nai-image .dczddL:empty { display: none; } #view-nai-image .eGlsoK { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; visibility: hidden; pointer-events: none; } #view-nai-image .bNseTi { width: max-content; flex-wrap: nowrap; } #view-nai-image .hOJwT { display: flex; flex-direction: column; width: 100%; gap: 10px; margin: 10px 0px; } #view-nai-image .yydMD { display: flex; pointer-events: none; min-width: 0px; } #view-nai-image .lmkeBU { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px 30px; } @media (max-width: 1200px) { #view-nai-image .lmkeBU { padding: 0px 20px; } } @media (max-width: 1100px) { #view-nai-image .lmkeBU { padding: 0px 10px; } } #view-nai-image .lmkeBU #image-confetti { position: relative; width: 100%; height: 100%; overflow: hidden; } #view-nai-image .fLakTg { flex: 0 0 auto; width: 32.7668%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .cuCLvL { display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 0.875rem; font-weight: 600; position: relative; margin-bottom: 8px; -webkit-box-align: baseline; align-items: baseline; } #view-nai-image .cuCLvL > :nth-child(1) { display: flex; align-items: flex-end; } #view-nai-image .cuCLvL > :nth-child(1) > :nth-child(2) { font-size: 0.875rem; margin-left: 3px; margin-right: 2px; padding: 0px 0px 0px 2px; min-width: 1rem; max-width: 4rem; font-weight: bold; border-radius: 1px; background-color: transparent; color: rgb(245, 243, 194); } #view-nai-image .cuCLvL > :nth-child(1) > :nth-child(2):focus { background-color: rgb(14, 15, 33); } #view-nai-image .cuCLvL > :nth-child(1) > :nth-child(3) { opacity: 0.9; } #view-nai-image .cuCLvL > :nth-child(2) { font-weight: normal; } #view-nai-image .iANLDg { width: 28px; height: 28px; background-color: rgba(25, 27, 49, 0.7); border-radius: 3px; font-weight: 700; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; bottom: 5px; right: 5px; } #view-nai-image .kuqQkF { mask-image: url("media/empty_sparkles.svg"); } #view-nai-image .gLNmXY { width: 50px; } #view-nai-image .gLNmXY .react-colorful__saturation { border-radius: 5px 5px 0px 0px; } #view-nai-image .gLNmXY .react-colorful__last-control { border-radius: 0px; } #view-nai-image .gUqDsJ { border-radius: 0px 0px 5px 5px; } #view-nai-image .jeaQVj { margin: 0px 20px 20px; z-index: 1; } #view-nai-image .gyPbwi { flex: 0 0 auto; width: 90.8203%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .gErhpc { flex: 0 0 auto; width: 76.3672%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .cLbOdY { flex: 0 0 auto; width: 1.36719%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .kbUcQp { flex: 0 0 auto; width: 91.9922%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .jbuOhs { flex: 0 0 auto; width: 1.95312%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .SlVf { flex: 0 0 auto; width: 32.019%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .jnylEY { flex: 0 0 auto; width: 0.67981%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .bHxYgs { flex: 0 0 auto; width: 0.067981%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .iWkbpN { flex: 0 0 auto; width: 66.1451%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .fxnbdg { flex: 0 0 auto; width: 55.6188%; background: rgb(255, 255, 255); height: 100%; } #view-nai-image .gyWUai { flex: 0 0 auto; width: 1.36719%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .iXqeSg { flex: 0 0 auto; width: 90.8203%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .jGoHru { flex: 0 0 auto; width: 76.3672%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .cgNimO { flex: 0 0 auto; width: 1.95312%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .yhIOr { flex: 0 0 auto; width: 91.9922%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .dxWTry { flex: 0 0 auto; width: 0.67981%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .iQXXbi { flex: 0 0 auto; width: 0.067981%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .eZJFcp { flex: 0 0 auto; width: 32.019%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .guWPYr { flex: 0 0 auto; width: 1.42248%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .ljAsmv { flex: 0 0 auto; width: 66.1451%; background: rgba(255, 255, 255, 0.5); height: 100%; } #view-nai-image .bSozcN { flex: 0 0 auto; width: 66.9986%; background: rgba(255, 255, 255, 0.5); height: 100%; } /* ---------- emotion (61) ---------- */ #view-nai-image .css-186ayjy-container { position: relative; box-sizing: border-box; flex: 1 1 auto; overflow: visible; box-shadow: none; } #view-nai-image .css-186ayjy-container::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: rgb(59, 64, 109) 0px 0px 1px 0px; pointer-events: none; } #view-nai-image .css-7pg0cj-a11yText { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } #view-nai-image .css-v8i9fq-control { -webkit-box-align: center; align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 24px; position: relative; transition: 100ms; background-color: rgb(25, 27, 49); border-color: rgb(19, 21, 44); border-radius: 0px; border-style: solid; border-width: 1px; box-sizing: border-box; outline: 0px !important; } #view-nai-image .css-v8i9fq-control:hover { border-color: rgb(25, 27, 49); } #view-nai-image .css-p43033 { -webkit-box-align: center; align-items: center; display: grid; flex: 1 1 0%; flex-wrap: wrap; position: relative; overflow: hidden; padding: 0px 8px 0px 10px; box-sizing: border-box; height: 24px; } #view-nai-image .css-qnzsag-singleValue { grid-area: 1 / 1 / 2 / 3; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); margin-left: 2px; margin-right: 2px; box-sizing: border-box; line-height: 0; height: 16px; width: 16px; } #view-nai-image .css-1hac4vs-dummyInput { background: 0px center; border: 0px; caret-color: transparent; font-size: inherit; grid-area: 1 / 1 / 2 / 3; outline: 0px; padding: 0px; width: 1px; color: transparent; left: -100px; opacity: 0; position: relative; transform: scale(0.01); } #view-nai-image .css-3un4v9 { -webkit-box-align: center; align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; padding: 0px; height: 22px; } #view-nai-image .css-1qjzq24-indicatorSeparator { align-self: stretch; width: 1px; background-color: rgb(19, 21, 44); margin-bottom: 8px; margin-top: 8px; box-sizing: border-box; } #view-nai-image .css-xekc27-indicatorContainer { display: flex; transition: color 150ms; color: rgb(255, 255, 255); padding: 8px; box-sizing: border-box; } #view-nai-image .css-xekc27-indicatorContainer:hover { color: rgba(255, 255, 255, 0.6); } #view-nai-image .css-8mmkcg { display: inline-block; fill: currentcolor; line-height: 1; stroke: currentcolor; stroke-width: 0; } #view-nai-image .css-1kr704a-container { position: relative; box-sizing: border-box; flex: 1 1 auto; overflow: visible; box-shadow: none; height: 20px; font-size: 0.75rem; opacity: 0.85; } #view-nai-image .css-1kr704a-container::after { box-shadow: none; } #view-nai-image .css-1kr704a-container:hover { opacity: 1; } #view-nai-image .css-154hf6r-control { -webkit-box-align: center; align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 0px; outline: none; position: relative; transition: 100ms; border-radius: 10px; box-shadow: none; box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 100%; overflow: hidden; background: rgb(25, 27, 49); } #view-nai-image .css-154hf6r-control:hover { border-color: rgb(25, 27, 49); } #view-nai-image .css-icpgrc { -webkit-box-align: center; align-items: center; display: grid; flex: 1 1 0%; flex-wrap: wrap; position: relative; overflow: hidden; padding: 0px 0px 0px 8px; box-sizing: border-box; width: auto; } #view-nai-image .css-1wlkn5p-singleValue { grid-area: 1 / 1 / 2 / 3; max-width: none; overflow: visible; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); margin-left: 2px; margin-right: 2px; box-sizing: border-box; position: static; transform: none; } #view-nai-image .css-1wy0on6 { -webkit-box-align: center; align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; } #view-nai-image .css-1hyfx7x { display: none; } #view-nai-image .css-1piwm1j-indicatorContainer { display: flex; transition: color 150ms; color: rgb(255, 255, 255); padding: 0px 4px 0px 0px; box-sizing: border-box; } #view-nai-image .css-1piwm1j-indicatorContainer:hover { color: rgba(255, 255, 255, 0.6); } #view-nai-image .css-199ycat-container { position: relative; box-sizing: border-box; flex: 0 0 auto; overflow: visible; box-shadow: none; height: 28px; width: max-content; } #view-nai-image .css-199ycat-container::after { box-shadow: none; } #view-nai-image .css-s5pxg0-control { -webkit-box-align: center; align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 28px; outline: none; position: relative; transition: 100ms; border-radius: 4px; box-shadow: none; box-sizing: border-box; border: 1px solid rgb(34, 37, 63); height: 28px; overflow: hidden; background: rgb(34, 37, 63); font-size: 0.875rem; font-weight: 600; } #view-nai-image .css-s5pxg0-control:hover { border: 1px solid rgb(34, 37, 63); } #view-nai-image .css-6ylfvp-indicatorContainer { display: flex; transition: color 150ms; color: rgb(255, 255, 255); padding: 0px 4px; box-sizing: border-box; } #view-nai-image .css-6ylfvp-indicatorContainer:hover { color: rgba(255, 255, 255, 0.6); } #view-nai-image .css-kjmowp-container { position: relative; box-sizing: border-box; flex: 1 1 auto; overflow: visible; box-shadow: none; height: 40px; } #view-nai-image .css-kjmowp-container::after { box-shadow: none; } #view-nai-image .css-kgh9qf-control { -webkit-box-align: center; align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 40px; outline: none; position: relative; transition: 100ms; border-radius: 8px; box-shadow: none; box-sizing: border-box; border: 1px solid rgb(34, 37, 63); height: 40px; overflow: hidden; background: rgb(34, 37, 63); font-size: 1rem; font-weight: 600; } #view-nai-image .css-kgh9qf-control:hover { border: 1px solid rgb(34, 37, 63); } #view-nai-image .css-1pejuta-container { position: absolute; box-sizing: border-box; flex: 1 1 auto; overflow: hidden; box-shadow: none; height: 0px; min-width: 170px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; bottom: 5px; } #view-nai-image .css-1pejuta-container::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: rgb(59, 64, 109) 0px 0px 1px 0px; pointer-events: none; } #view-nai-image .css-1e5rt1a-control { -webkit-box-align: center; align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 0px; outline: none; position: relative; transition: 100ms; border-radius: 3px; box-sizing: border-box; border: 1px solid rgb(34, 37, 63); height: 100%; overflow: hidden; background: rgb(14, 15, 33); } #view-nai-image .css-1e5rt1a-control:hover { border: 1px solid rgb(34, 37, 63); } #view-nai-image .css-4mg3wd { -webkit-box-align: center; align-items: center; display: grid; flex: 1 1 0%; flex-wrap: wrap; position: relative; overflow: hidden; padding: 2px 8px; box-sizing: border-box; width: 0px; } #view-nai-image .css-4t5j3y-singleValue { grid-area: 1 / 1 / 2 / 3; max-width: 100%; overflow: visible; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); margin-left: 2px; margin-right: 2px; box-sizing: border-box; } #view-nai-image .css-62n6po-indicatorContainer { display: flex; transition: color 150ms; color: rgb(255, 255, 255); padding: 5px; box-sizing: border-box; } #view-nai-image .css-62n6po-indicatorContainer:hover { color: rgba(255, 255, 255, 0.6); } #view-nai-image .css-i4knka-indicatorContainer { display: flex; transition: color 150ms; color: rgb(255, 255, 255); padding: 0px 4px; box-sizing: border-box; } #view-nai-image .css-i4knka-indicatorContainer:hover { color: rgb(255, 255, 255); } #view-nai-image .css-1g0pomn { left: 74.2031px; position: fixed; top: 106px; width: 97.7109px; z-index: 9999; box-sizing: border-box; } #view-nai-image .css-1vg60hp-menu { top: 100%; position: absolute; width: max-content; z-index: 1; background-color: rgb(25, 27, 49); border-radius: 4px; box-shadow: rgba(59, 64, 109, 0.6) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 4px 11px; box-sizing: border-box; margin: 0px; min-width: 180px; overflow: hidden; max-width: min(90vw, 300px); } #view-nai-image .css-uvrstl { max-height: 300px; overflow-y: auto; position: relative; box-sizing: border-box; padding: 0px; } #view-nai-image .css-1s9izoc { padding-bottom: 8px; padding-top: 8px; box-sizing: border-box; } #view-nai-image .css-1pym7n0-group { cursor: default; display: block; color: rgba(255, 255, 255, 0.6); font-size: 75%; font-weight: 500; margin-bottom: 0.25em; padding-left: 12px; padding-right: 12px; text-transform: uppercase; box-sizing: border-box; } #view-nai-image .css-aaqgm9-option { cursor: pointer; display: block; font-size: inherit; width: 100%; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgba(19, 21, 44, 0.6); color: rgb(255, 255, 255); padding: 8px 12px; box-sizing: border-box; } #view-nai-image .css-aaqgm9-option:active { background-color: rgba(19, 21, 44, 0.6); } #view-nai-image .css-432ebq-option { cursor: pointer; display: block; font-size: inherit; width: 100%; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; color: rgb(255, 255, 255); padding: 8px 12px; box-sizing: border-box; } #view-nai-image .css-432ebq-option:active { background-color: rgba(19, 21, 44, 0.6); } #view-nai-image .css-54aenv-option { cursor: pointer; display: block; font-size: inherit; width: 100%; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgb(19, 21, 44); color: rgb(245, 243, 194); padding: 8px 12px; box-sizing: border-box; } #view-nai-image .css-54aenv-option:active { background-color: rgb(19, 21, 44); } #view-nai-image .css-nu7q0y-menu { bottom: 100%; position: absolute; width: 100%; z-index: 1; background-color: rgb(25, 27, 49); border-radius: 8px; box-shadow: rgba(59, 64, 109, 0.6) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 4px 11px; box-sizing: border-box; margin: 0px; min-width: 180px; overflow: hidden; } #view-nai-image .css-nsggys { left: 74.2031px; position: fixed; top: 106px; width: 81.75px; z-index: 9999; box-sizing: border-box; } #view-nai-image .css-1urangv-menu { top: 100%; position: absolute; width: 100%; z-index: 1; background-color: rgb(25, 27, 49); border-radius: 8px; box-shadow: rgba(59, 64, 109, 0.6) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 4px 11px; box-sizing: border-box; margin: 0px; min-width: 180px; overflow: hidden; } #view-nai-image .css-1pn0ckm { left: 73.875px; position: fixed; top: 105px; width: 92.1146px; z-index: 9999; box-sizing: border-box; } #view-nai-image .css-zudj8i { left: 73.875px; position: fixed; top: 105px; width: 81.0833px; z-index: 9999; box-sizing: border-box; } #view-nai-image .css-1xij8ko { left: 73.875px; position: fixed; top: 105px; width: 106.219px; z-index: 9999; box-sizing: border-box; } /* ---------- colorful (13) ---------- */ #view-nai-image .react-colorful { position: relative; display: flex; flex-direction: column; width: 200px; height: 200px; user-select: none; cursor: default; } #view-nai-image .react-colorful__saturation { position: relative; flex-grow: 1; border-color: transparent transparent rgb(0, 0, 0); border-bottom-width: 12px; border-bottom-style: solid; border-radius: 8px 8px 0px 0px; background-image: linear-gradient(0deg, rgb(0, 0, 0), transparent), linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); } #view-nai-image .react-colorful__alpha-gradient, #view-nai-image .react-colorful__pointer-fill { content: ""; position: absolute; inset: 0px; pointer-events: none; border-radius: inherit; } #view-nai-image .react-colorful__alpha-gradient, #view-nai-image .react-colorful__saturation { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; } #view-nai-image .react-colorful__alpha, #view-nai-image .react-colorful__hue { position: relative; height: 24px; } #view-nai-image .react-colorful__hue { background: linear-gradient(90deg, red 0px, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, red); } #view-nai-image .react-colorful__last-control { border-radius: 0px 0px 8px 8px; } #view-nai-image .react-colorful__interactive { position: absolute; inset: 0px; border-radius: inherit; outline: none; touch-action: none; } #view-nai-image .react-colorful__pointer { position: absolute; z-index: 1; box-sizing: border-box; width: 28px; height: 28px; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; } #view-nai-image .react-colorful__interactive:focus .react-colorful__pointer { transform: translate(-50%, -50%) scale(1.1); } #view-nai-image .react-colorful__alpha, #view-nai-image .react-colorful__alpha-pointer { background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf-8,"); } #view-nai-image .react-colorful__saturation-pointer { z-index: 3; } #view-nai-image .react-colorful__hue-pointer { z-index: 2; }