@dr.pogodin/react-utils 1.44.7 → 1.44.9

package/build/production/server/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","names":["_nodeFs","_interopRequireDefault","require","_nodePath","_nodeStream","_nodeZlib","_winston","_reactGlobalState","_jsUtils","_lodash","_config","_nodeForge","_static","_reactHelmet","_reactRouter","_serializeJavascript","_buildInfo","_Cache","_jsxRuntime","sanitizedConfig","omit","config","SCRIPT_LOCATIONS","exports","ServerSsrContext","SsrContext","chunks","status","constructor","req","chunkGroups","initialState","cloneDeep","getBuildInfo","context","url","path","resolve","JSON","parse","fs","readFileSync","readChunkGroupsJson","buildDir","res","prepareCipher","key","Promise","reject","forge","random","getBytes","err","iv","cipher","createCipher","start","isBrotliAcceptable","acceptable","get","ops","split","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","isString","code","location","Error","newDefaultLogger","defaultLogLevel","format","transports","winston","createLogger","combine","splat","timestamp","colorize","printf","level","message","stack","rest","Object","keys","length","stringify","Console","factory","webpackConfig","options","defaults","clone","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","setBuildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","Cache","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","brotliDecompress","error","html","h","toString","regex","RegExp","nonce","replace","configToInject","extraScripts","all","helmet","webpackStats","locals","mapValues","toJson","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","resolveArg","rejectArg","arg","undefined","helmetContext","prerenderToNodeStream","jsx","GlobalStateProvider","state","children","StaticRouter","HelmetProvider","onError","then","result","prelude","catch","ssrRound","bailed","dirty","timeout","race","allSettled","pending","timer","logMsg","log","redirectTo","redirect","ready","pipe","Writable","destroy","write","chunk","_","payload","serializeJs","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","link","brotliCompress","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { Writable } from 'node:stream';\nimport { brotliCompress, brotliDecompress } from 'node:zlib';\n\nimport type { Request, RequestHandler } from 'express';\nimport type { ComponentType } from 'react';\nimport type { Configuration, Stats } from 'webpack';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  clone,\n  cloneDeep,\n  defaults,\n  get,\n  isString,\n  mapValues,\n  omit,\n} from 'lodash';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { prerenderToNodeStream } from 'react-dom/static';\nimport { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { StaticRouter } from 'react-router';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport type { ChunkGroupsT, SsrContextT } from 'utils/globalState';\n\nimport Cache from './Cache';\n\nconst sanitizedConfig = omit(config, 'SECRET');\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (level: string, message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LeveledLogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface LoggerI {\n  debug: LeveledLogMethodI;\n  error: LeveledLogMethodI;\n  info: LeveledLogMethodI;\n  log: LogMethodI;\n  warn: LeveledLogMethodI;\n}\n\nexport enum SCRIPT_LOCATIONS {\n  BODY_OPEN = 'BODY_OPEN',\n  DEFAULT = 'DEFAULT',\n  HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n  extends SsrContext<StateT>\n  implements SsrContextT<StateT> {\n  chunkGroups: ChunkGroupsT;\n\n  chunks: string[] = [];\n\n  redirectTo?: string;\n\n  req: Request;\n\n  status: number = 200;\n\n  constructor(\n    req: Request,\n    chunkGroups: ChunkGroupsT,\n    initialState?: StateT,\n  ) {\n    super(cloneDeep(initialState) ?? ({} as StateT));\n    this.chunkGroups = chunkGroups;\n    this.req = req;\n  }\n}\n\ntype ScriptT = {\n  code: string;\n  location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url, 'utf8')) as BuildInfoT;\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url, 'utf8')) as Record<string, string[]>;\n  } catch {\n    // TODO: Should we message the error here somehow?\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nasync function prepareCipher(key: string): Promise<{\n  cipher: forge.cipher.BlockCipher;\n  iv: string;\n}> {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param req\n */\nexport function isBrotliAcceptable(req: Request): boolean {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (const op of ops) {\n      const [type, priority] = op.trim().split(';q=');\n      if ((type === '*' || type === 'br')\n        && (!priority || parseFloat(priority) > 0)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (const script of scripts) {\n    if (isString(script)) {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script.code) {\n      if (script.location in res) res[script.location] += script.code;\n      else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}): winston.Logger {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp as string}):\\t${message as string}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack as string}`;\n          return res;\n        },\n      ),\n    ),\n    level: defaultLogLevel,\n    transports: [new transports.Console()],\n  });\n}\n\nexport type ConfigT = {\n  [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n  configToInject?: ConfigT;\n  extraScripts?: Array<ScriptT | string>;\n  initialState?: unknown;\n};\n\nexport type BeforeRenderT = (\n  req: Request,\n  config: ConfigT,\n) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n  key: string;\n  maxage?: number;\n};\n\nexport type OptionsT = {\n  Application?: ComponentType;\n  beforeRender?: BeforeRenderT;\n  buildInfo?: BuildInfoT;\n  defaultLoggerLogLevel?: string;\n  favicon?: string;\n  logger?: LoggerI;\n  maxSsrRounds?: number;\n  noCsp?: boolean;\n  staticCacheSize?: number;\n  ssrTimeout?: number;\n  staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n  webpackConfig: Configuration,\n  options: OptionsT,\n): RequestHandler {\n  const ops: OptionsT = defaults(clone(options), {\n    beforeRender: async () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  ops.logger ??= newDefaultLogger({\n    defaultLogLevel: ops.defaultLoggerLogLevel,\n  });\n\n  const buildInfo = ops.buildInfo ?? getBuildInfo(webpackConfig.context!);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output!;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath as string}manifest.json\">` : '';\n\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface BufferWithNonce extends ArrayBuffer {\n    nonce: string;\n  }\n\n  const cache = ops.staticCacheController\n    ? new Cache<{\n      buffer: BufferWithNonce;\n      status: number;\n    }>(ops.staticCacheSize!)\n    : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n  // TODO: Look at it later.\n  // eslint-disable-next-line complexity\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef: CacheRefT | null | undefined;\n      if (cache) {\n        cacheRef = ops.staticCacheController!(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise<void>((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n\n                      // TODO: It should be implemented more careful.\n                      h = h.replace(regex, (req as unknown as {\n                        nonce: string;\n                      }).nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        ops.beforeRender!(req, sanitizedConfig as unknown as ConfigT),\n        prepareCipher(buildInfo.key),\n      ]);\n\n      let helmet: HelmetDataContext['helmet'];\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups: ChunkGroupsT;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats') as Stats | undefined;\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets?.map(({ name }: { name: string }) => name)\n            ?? [],\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      const App = ops.Application;\n      let appHtmlMarkup: string = '';\n      const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n      let stream: NodeJS.ReadableStream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        // TODO: Somehow, without it TS does not realise that\n        // App has been checked to exist.\n        const App2 = App;\n\n        const renderPass = async () => new Promise<NodeJS.ReadableStream>(\n          (resolveArg, rejectArg) => {\n            ssrContext.chunks = [];\n\n            // NOTE: JS does not have problems if resolve() and reject() methods\n            // of a Promise are called multiple times, with different arguments;\n            // it only respects the first call, and ignores subsequent ones.\n            // We, however, really want to assert that here, to safeguard against\n            // any future problems due to unexpected internal changes in React,\n            // if any.\n            let error: unknown;\n\n            const resolve = (arg: NodeJS.ReadableStream) => {\n              if (error !== undefined) throw Error('Internal error');\n              error = null;\n              resolveArg(arg);\n            };\n\n            const reject = (arg: unknown) => {\n              if (error !== undefined && error !== arg) {\n                throw Error('Internal error');\n              }\n              error = arg;\n              rejectArg(arg as Error);\n            };\n\n            // TODO: prerenderToNodeStream has (abort) \"signal\" option,\n            // and we should wire it up to the SSR timeout below.\n            const helmetContext = {} as HelmetDataContext;\n            void prerenderToNodeStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter location={req.url}>\n                  <HelmetProvider context={helmetContext}>\n                    <App2 />\n                  </HelmetProvider>\n                </StaticRouter>\n              </GlobalStateProvider>,\n              { onError: reject },\n            ).then((result) => {\n              ({ helmet } = helmetContext);\n              resolve(result.prelude);\n            }).catch(reject);\n          },\n        );\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n          stream = await renderPass();\n\n          if (!ssrContext.dirty) break;\n\n          const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        if (ssrContext.redirectTo) {\n          res.redirect(ssrContext.status, ssrContext.redirectTo);\n          return;\n        }\n\n        await new Promise((ready) => {\n          stream!.pipe(new Writable({\n            destroy: ready,\n            write: (chunk: { toString: () => string }, _, done) => {\n              appHtmlMarkup += chunk.toString();\n              done();\n            },\n          }));\n        });\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject ?? sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set<string>();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath as string}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n          // In dev mode HMR adds JS updates into asset arrays,\n          // and they (updates) should be ignored.\n          && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath as string}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon\n        ? '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n        : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet?.title.toString() ?? ''}\n            ${helmet?.meta.toString() ?? ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${helmet?.link.toString() ?? ''}${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${appHtmlMarkup}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise<void>((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            if (error) failed(error);\n            else {\n              const b = buffer as unknown as BufferWithNonce;\n              b.nonce = (req as unknown as {\n                nonce: string;\n              }).nonce;\n              cache!.add({ buffer: b, status }, cacheRef.key, buffer.length);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderer.js","names":["_nodeFs","_interopRequireDefault","require","_nodePath","_nodeStream","_nodeZlib","_winston","_reactGlobalState","_jsUtils","_lodash","_config","_nodeForge","_static","_reactHelmet","_reactRouter","_serializeJavascript","_buildInfo","_Cache","_jsxRuntime","sanitizedConfig","omit","config","SCRIPT_LOCATIONS","exports","ServerSsrContext","SsrContext","chunks","status","constructor","req","chunkGroups","initialState","cloneDeep","getBuildInfo","context","url","path","resolve","JSON","parse","fs","readFileSync","readChunkGroupsJson","buildDir","res","prepareCipher","key","Promise","reject","forge","random","getBytes","err","iv","cipher","createCipher","start","isBrotliAcceptable","acceptable","get","ops","split","op","type","priority","trim","parseFloat","groupExtraScripts","scripts","BODY_OPEN","DEFAULT","HEAD_OPEN","script","isString","code","location","Error","newDefaultLogger","defaultLogLevel","format","transports","winston","createLogger","combine","splat","timestamp","colorize","printf","level","message","stack","rest","Object","keys","length","stringify","Console","factory","webpackConfig","options","defaults","clone","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","setBuildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","Cache","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","noCsp","send","done","failed","brotliDecompress","error","html","h","toString","regex","RegExp","nonce","replace","brr","configToInject","extraScripts","all","helmet","webpackStats","locals","mapValues","toJson","namedChunkGroups","item","assets","map","name","App","Application","appHtmlMarkup","ssrContext","stream","ssrStart","Date","now","App2","renderPass","resolveArg","rejectArg","arg","undefined","helmetContext","prerenderToNodeStream","jsx","GlobalStateProvider","state","children","StaticRouter","HelmetProvider","onError","then","result","prelude","catch","ssrRound","bailed","dirty","timeout","race","allSettled","pending","timer","logMsg","log","redirectTo","redirect","ready","pipe","Writable","destroy","write","chunk","_","payload","serializeJs","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","link","brotliCompress","b"],"sources":["../../../src/server/renderer.tsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { Writable } from 'node:stream';\nimport { brotliCompress, brotliDecompress } from 'node:zlib';\n\nimport type { Request, RequestHandler } from 'express';\nimport type { ComponentType } from 'react';\nimport type { Configuration, Stats } from 'webpack';\nimport winston from 'winston';\n\nimport { GlobalStateProvider, SsrContext } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  clone,\n  cloneDeep,\n  defaults,\n  get,\n  isString,\n  mapValues,\n  omit,\n} from 'lodash';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { prerenderToNodeStream } from 'react-dom/static';\nimport { type HelmetDataContext, HelmetProvider } from '@dr.pogodin/react-helmet';\nimport { StaticRouter } from 'react-router';\nimport serializeJs from 'serialize-javascript';\nimport { type BuildInfoT, setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport type { ChunkGroupsT, SsrContextT } from 'utils/globalState';\n\nimport Cache from './Cache';\n\nconst sanitizedConfig = omit(config, 'SECRET');\n\n// Note: These type definitions for logger are copied from Winston logger,\n// then simplified to make it easier to fit an alternative logger into this\n// interface.\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (level: string, message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface LeveledLogMethodI {\n  // eslint-disable-next-line @typescript-eslint/prefer-function-type\n  (message: string, ...meta: unknown[]): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface LoggerI {\n  debug: LeveledLogMethodI;\n  error: LeveledLogMethodI;\n  info: LeveledLogMethodI;\n  log: LogMethodI;\n  warn: LeveledLogMethodI;\n}\n\nexport enum SCRIPT_LOCATIONS {\n  BODY_OPEN = 'BODY_OPEN',\n  DEFAULT = 'DEFAULT',\n  HEAD_OPEN = 'HEAD_OPEN',\n}\n\nexport class ServerSsrContext<StateT>\n  extends SsrContext<StateT>\n  implements SsrContextT<StateT> {\n  chunkGroups: ChunkGroupsT;\n\n  chunks: string[] = [];\n\n  redirectTo?: string;\n\n  req: Request;\n\n  status: number = 200;\n\n  constructor(\n    req: Request,\n    chunkGroups: ChunkGroupsT,\n    initialState?: StateT,\n  ) {\n    super(cloneDeep(initialState) ?? ({} as StateT));\n    this.chunkGroups = chunkGroups;\n    this.req = req;\n  }\n}\n\ntype ScriptT = {\n  code: string;\n  location: SCRIPT_LOCATIONS;\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @param context Webpack context path used during the build.\n * @return Resolves to the build-time information.\n */\nfunction getBuildInfo(context: string) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url, 'utf8')) as BuildInfoT;\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @param buildDir\n * @return\n */\nfunction readChunkGroupsJson(buildDir: string) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url, 'utf8')) as Record<string, string[]>;\n  } catch {\n    // TODO: Should we message the error here somehow?\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @param key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nasync function prepareCipher(key: string): Promise<{\n  cipher: forge.cipher.BlockCipher;\n  iv: string;\n}> {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param req\n */\nexport function isBrotliAcceptable(req: Request): boolean {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (const op of ops) {\n      const [type, priority] = op.trim().split(';q=');\n      if ((type === '*' || type === 'br')\n        && (!priority || parseFloat(priority) > 0)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts: Array<string | ScriptT> = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (const script of scripts) {\n    if (isString(script)) {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script.code) {\n      if (script.location in res) res[script.location] += script.code;\n      else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}): winston.Logger {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp as string}):\\t${message as string}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack as string}`;\n          return res;\n        },\n      ),\n    ),\n    level: defaultLogLevel,\n    transports: [new transports.Console()],\n  });\n}\n\nexport type ConfigT = {\n  [key: string]: ConfigT | string;\n};\n\nexport type BeforeRenderResT = {\n  configToInject?: ConfigT;\n  extraScripts?: Array<ScriptT | string>;\n  initialState?: unknown;\n};\n\nexport type BeforeRenderT = (\n  req: Request,\n  config: ConfigT,\n) => BeforeRenderResT | Promise<BeforeRenderResT>;\n\ntype CacheRefT = {\n  key: string;\n  maxage?: number;\n};\n\nexport type OptionsT = {\n  Application?: ComponentType;\n  beforeRender?: BeforeRenderT;\n  buildInfo?: BuildInfoT;\n  defaultLoggerLogLevel?: string;\n  favicon?: string;\n  logger?: LoggerI;\n  maxSsrRounds?: number;\n  noCsp?: boolean;\n  staticCacheSize?: number;\n  ssrTimeout?: number;\n  staticCacheController?: (req: Request) => CacheRefT | null | undefined;\n};\n\n/**\n * Creates the middleware.\n * @param webpackConfig\n * @param options Additional options:\n * @param [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return Created middleware.\n */\nexport default function factory(\n  webpackConfig: Configuration,\n  options: OptionsT,\n): RequestHandler {\n  const ops: OptionsT = defaults(clone(options), {\n    beforeRender: async () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  ops.logger ??= newDefaultLogger({\n    defaultLogLevel: ops.defaultLoggerLogLevel,\n  });\n\n  const buildInfo = ops.buildInfo ?? getBuildInfo(webpackConfig.context!);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output!;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath as string}manifest.json\">` : '';\n\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface BufferWithNonce extends ArrayBuffer {\n    nonce: string;\n  }\n\n  const cache = ops.staticCacheController\n    ? new Cache<{\n      buffer: BufferWithNonce;\n      status: number;\n    }>(ops.staticCacheSize!)\n    : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath!);\n\n  // TODO: Look at it later.\n  // eslint-disable-next-line complexity\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef: CacheRefT | null | undefined;\n      if (cache) {\n        cacheRef = ops.staticCacheController!(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise<void>((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n\n                      // TODO: It should be implemented more careful.\n                      h = h.replace(regex, (req as unknown as {\n                        nonce: string;\n                      }).nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const brr = ops.beforeRender!(req, sanitizedConfig as unknown as ConfigT);\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        // NOTE: Written this way to avoid triggering the \"await-thenable\"\n        // ESLint rule.\n        brr instanceof Promise ? brr : Promise.resolve(brr),\n\n        prepareCipher(buildInfo.key),\n      ]);\n\n      let helmet: HelmetDataContext['helmet'];\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups: ChunkGroupsT;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats') as Stats | undefined;\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets?.map(({ name }: { name: string }) => name)\n            ?? [],\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      const App = ops.Application;\n      let appHtmlMarkup: string = '';\n      const ssrContext = new ServerSsrContext(req, chunkGroups, initialState);\n      let stream: NodeJS.ReadableStream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        // TODO: Somehow, without it TS does not realise that\n        // App has been checked to exist.\n        const App2 = App;\n\n        const renderPass = async () => new Promise<NodeJS.ReadableStream>(\n          (resolveArg, rejectArg) => {\n            ssrContext.chunks = [];\n\n            // NOTE: JS does not have problems if resolve() and reject() methods\n            // of a Promise are called multiple times, with different arguments;\n            // it only respects the first call, and ignores subsequent ones.\n            // We, however, really want to assert that here, to safeguard against\n            // any future problems due to unexpected internal changes in React,\n            // if any.\n            let error: unknown;\n\n            const resolve = (arg: NodeJS.ReadableStream) => {\n              if (error !== undefined) throw Error('Internal error');\n              error = null;\n              resolveArg(arg);\n            };\n\n            const reject = (arg: unknown) => {\n              if (error !== undefined && error !== arg) {\n                throw Error('Internal error');\n              }\n              error = arg;\n              rejectArg(arg as Error);\n            };\n\n            // TODO: prerenderToNodeStream has (abort) \"signal\" option,\n            // and we should wire it up to the SSR timeout below.\n            const helmetContext = {} as HelmetDataContext;\n            void prerenderToNodeStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter location={req.url}>\n                  <HelmetProvider context={helmetContext}>\n                    <App2 />\n                  </HelmetProvider>\n                </StaticRouter>\n              </GlobalStateProvider>,\n              { onError: reject },\n            ).then((result) => {\n              ({ helmet } = helmetContext);\n              resolve(result.prelude);\n            }).catch(reject);\n          },\n        );\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds!; ++ssrRound) {\n          stream = await renderPass();\n\n          if (!ssrContext.dirty) break;\n\n          const timeout = ops.ssrTimeout! + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger!.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        if (ssrContext.redirectTo) {\n          res.redirect(ssrContext.status, ssrContext.redirectTo);\n          return;\n        }\n\n        await new Promise((ready) => {\n          stream!.pipe(new Writable({\n            destroy: ready,\n            write: (chunk: { toString: () => string }, _, done) => {\n              appHtmlMarkup += chunk.toString();\n              done();\n            },\n          }));\n        });\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject ?? sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set<string>();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath as string}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n          // In dev mode HMR adds JS updates into asset arrays,\n          // and they (updates) should be ignored.\n          && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath as string}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon\n        ? '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n        : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet?.title.toString() ?? ''}\n            ${helmet?.meta.toString() ?? ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${helmet?.link.toString() ?? ''}${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${appHtmlMarkup}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise<void>((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            if (error) failed(error);\n            else {\n              const b = buffer as unknown as BufferWithNonce;\n              b.nonce = (req as unknown as {\n                nonce: string;\n              }).nonce;\n              cache!.add({ buffer: b, status }, cacheRef.key, buffer.length);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"kUAIA,IAAAA,OAAA,CAAAC,sBAAA,CAAAC,OAAA,aACA,IAAAC,SAAA,CAAAF,sBAAA,CAAAC,OAAA,eACA,IAAAE,WAAA,CAAAF,OAAA,gBACA,IAAAG,SAAA,CAAAH,OAAA,cAKA,IAAAI,QAAA,CAAAL,sBAAA,CAAAC,OAAA,aAEA,IAAAK,iBAAA,CAAAL,OAAA,mCACA,IAAAM,QAAA,CAAAN,OAAA,yBAEA,IAAAO,OAAA,CAAAP,OAAA,WAUA,IAAAQ,OAAA,CAAAT,sBAAA,CAAAC,OAAA,YACA,IAAAS,UAAA,CAAAV,sBAAA,CAAAC,OAAA,gBAEA,IAAAU,OAAA,CAAAV,OAAA,qBACA,IAAAW,YAAA,CAAAX,OAAA,6BACA,IAAAY,YAAA,CAAAZ,OAAA,iBACA,IAAAa,oBAAA,CAAAd,sBAAA,CAAAC,OAAA,0BACA,IAAAc,UAAA,CAAAd,OAAA,wCAIA,IAAAe,MAAA,CAAAhB,sBAAA,CAAAC,OAAA,aAA4B,IAAAgB,WAAA,CAAAhB,OAAA,sBAtC5B;AACA;AACA,GAsCA,KAAM,CAAAiB,eAAe,CAAG,GAAAC,YAAI,EAACC,eAAM,CAAE,QAAQ,CAAC,CAE9C;AACA;AACA;AACA;AAMA;AAMA;AAAA,GASY,CAAAC,gBAAgB,CAAAC,OAAA,CAAAD,gBAAA,uBAAhBA,gBAAgB,EAAhBA,gBAAgB,0BAAhBA,gBAAgB,sBAAhBA,gBAAgB,gCAAhB,CAAAA,gBAAgB,MAMrB,KAAM,CAAAE,gBAAgB,QACnB,CAAAC,4BACuB,CAG/BC,MAAM,CAAa,EAAE,CAMrBC,MAAM,CAAW,GAAG,CAEpBC,WAAWA,CACTC,GAAY,CACZC,WAAyB,CACzBC,YAAqB,CACrB,CACA,KAAK,CAAC,GAAAC,iBAAS,EAACD,YAAY,CAAC,EAAK,CAAC,CAAY,CAAC,CAChD,IAAI,CAACD,WAAW,CAAGA,WAAW,CAC9B,IAAI,CAACD,GAAG,CAAGA,GACb,CACF,CAACN,OAAA,CAAAC,gBAAA,CAAAA,gBAAA,CAOD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,QAAS,CAAAS,YAAYA,CAACC,OAAe,CAAE,CACrC,KAAM,CAAAC,GAAG,CAAGC,iBAAI,CAACC,OAAO,CAACH,OAAO,CAAE,aAAa,CAAC,CAChD,MAAO,CAAAI,IAAI,CAACC,KAAK,CAACC,eAAE,CAACC,YAAY,CAACN,GAAG,CAAE,MAAM,CAAC,CAChD,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,QAAS,CAAAO,mBAAmBA,CAACC,QAAgB,CAAE,CAC7C,KAAM,CAAAR,GAAG,CAAGC,iBAAI,CAACC,OAAO,CAACM,QAAQ,CAAE,uBAAuB,CAAC,CAC3D,GAAI,CAAAC,GAAG,CACP,GAAI,CACFA,GAAG,CAAGN,IAAI,CAACC,KAAK,CAACC,eAAE,CAACC,YAAY,CAACN,GAAG,CAAE,MAAM,CAAC,CAC/C,CAAE,KAAM,CACN;AACAS,GAAG,CAAG,IACR,CACA,MAAO,CAAAA,GACT,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,cAAe,CAAAC,aAAaA,CAACC,GAAW,CAGrC,CACD,MAAO,IAAI,CAAAC,OAAO,CAAC,CAACV,OAAO,CAAEW,MAAM,GAAK,CACtCC,kBAAK,CAACC,MAAM,CAACC,QAAQ,CAAC,EAAE,CAAE,CAACC,GAAG,CAAEC,EAAE,GAAK,CACrC,GAAID,GAAG,CAAEJ,MAAM,CAACI,GAAG,CAAC,CAAC,IAChB,CACH,KAAM,CAAAE,MAAM,CAAGL,kBAAK,CAACK,MAAM,CAACC,YAAY,CAAC,SAAS,CAAET,GAAG,CAAC,CACxDQ,MAAM,CAACE,KAAK,CAAC,CAAEH,EAAG,CAAC,CAAC,CACpBhB,OAAO,CAAC,CAAEiB,MAAM,CAAED,EAAG,CAAC,CACxB,CACF,CAAC,CACH,CAAC,CACH,CAEA;AACA;AACA;AACA;AACA,GACO,QAAS,CAAAI,kBAAkBA,CAAC5B,GAAY,CAAW,CACxD,KAAM,CAAA6B,UAAU,CAAG7B,GAAG,CAAC8B,GAAG,CAAC,iBAAiB,CAAC,CAC7C,GAAID,UAAU,CAAE,CACd,KAAM,CAAAE,GAAG,CAAGF,UAAU,CAACG,KAAK,CAAC,GAAG,CAAC,CACjC,IAAK,KAAM,CAAAC,EAAE,GAAI,CAAAF,GAAG,CAAE,CACpB,KAAM,CAACG,IAAI,CAAEC,QAAQ,CAAC,CAAGF,EAAE,CAACG,IAAI,CAAC,CAAC,CAACJ,KAAK,CAAC,KAAK,CAAC,CAC/C,GAAI,CAACE,IAAI,GAAK,GAAG,EAAIA,IAAI,GAAK,IAAI,IAC5B,CAACC,QAAQ,EAAIE,UAAU,CAACF,QAAQ,CAAC,CAAG,CAAC,CAAC,CAAE,CAC5C,MAAO,KACT,CACF,CACF,CACA,MAAO,MACT,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,QAAS,CAAAG,iBAAiBA,CAACC,OAAgC,CAAG,EAAE,CAAE,CAChE,KAAM,CAAAxB,GAAG,CAAG,CACV,CAACtB,gBAAgB,CAAC+C,SAAS,EAAG,EAAE,CAChC,CAAC/C,gBAAgB,CAACgD,OAAO,EAAG,EAAE,CAC9B,CAAChD,gBAAgB,CAACiD,SAAS,EAAG,EAChC,CAAC,CACD,IAAK,KAAM,CAAAC,MAAM,GAAI,CAAAJ,OAAO,CAAE,CAC5B,GAAI,GAAAK,gBAAQ,EAACD,MAAM,CAAC,CAAE,CACpB,GAAIA,MAAM,CAAE5B,GAAG,CAACtB,gBAAgB,CAACgD,OAAO,CAAC,EAAIE,MAC/C,CAAC,IAAM,IAAIA,MAAM,CAACE,IAAI,CAAE,CACtB,GAAIF,MAAM,CAACG,QAAQ,GAAI,CAAA/B,GAAG,CAAEA,GAAG,CAAC4B,MAAM,CAACG,QAAQ,CAAC,EAAIH,MAAM,CAACE,IAAI,CAAC,IAC3D,MAAM,CAAAE,KAAK,CAAC,qBAAqBJ,MAAM,CAACG,QAAQ,GAAG,CAC1D,CACF,CACA,MAAO,CAAA/B,GACT,CAEA;AACA;AACA;AACA;AACA;AACA,GACO,QAAS,CAAAiC,gBAAgBA,CAAC,CAC/BC,eAAe,CAAG,MACpB,CAAC,CAAG,CAAC,CAAC,CAAkB,CACtB,KAAM,CAAEC,MAAM,CAAEC,UAAW,CAAC,CAAGC,gBAAO,CACtC,MAAO,CAAAA,gBAAO,CAACC,YAAY,CAAC,CAC1BH,MAAM,CAAEA,MAAM,CAACI,OAAO,CACpBJ,MAAM,CAACK,KAAK,CAAC,CAAC,CACdL,MAAM,CAACM,SAAS,CAAC,CAAC,CAClBN,MAAM,CAACO,QAAQ,CAAC,CAAC,CACjBP,MAAM,CAACQ,MAAM,CACX,CAAC,CACCC,KAAK,CACLC,OAAO,CACPJ,SAAS,CACTK,KAAK,CACL,GAAGC,IACL,CAAC,GAAK,CACJ,GAAI,CAAA/C,GAAG,CAAG,GAAG4C,KAAK,SAASH,SAAS,OAAiBI,OAAO,EAAY,CACxE,GAAIG,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,CAAE,CAC5BlD,GAAG,EAAI,KAAKN,IAAI,CAACyD,SAAS,CAACJ,IAAI,CAAE,IAAI,CAAE,CAAC,CAAC,EAC3C,CACA,GAAID,KAAK,CAAE9C,GAAG,EAAI,KAAK8C,KAAK,EAAY,CACxC,MAAO,CAAA9C,GACT,CACF,CACF,CAAC,CACD4C,KAAK,CAAEV,eAAe,CACtBE,UAAU,CAAE,CAAC,GAAI,CAAAA,UAAU,CAACgB,OAAS,CACvC,CAAC,CACH,CAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,QAAS,CAAAC,OAAOA,CAC7BC,aAA4B,CAC5BC,OAAiB,CACD,CAChB,KAAM,CAAAvC,GAAa,CAAG,GAAAwC,gBAAQ,EAAC,GAAAC,aAAK,EAACF,OAAO,CAAC,CAAE,CAC7CG,YAAY,CAAE,KAAAA,CAAA,GAAYvD,OAAO,CAACV,OAAO,CAAC,CAAC,CAAC,CAAC,CAC7CkE,YAAY,CAAE,EAAE,CAChBC,UAAU,CAAE,IAAI,CAChBC,eAAe,CAAE,IACnB,CAAC,CAAC,CAEF;AACA;AACA;AACA7C,GAAG,CAAC8C,MAAM,GAAK7B,gBAAgB,CAAC,CAC9BC,eAAe,CAAElB,GAAG,CAAC+C,qBACvB,CAAC,CAAC,CAEF,KAAM,CAAAC,SAAS,CAAGhD,GAAG,CAACgD,SAAS,EAAI3E,YAAY,CAACiE,aAAa,CAAChE,OAAQ,CAAC,CACvE,GAAA2E,uBAAY,EAACD,SAAS,CAAC,CAEvB;AACA,KAAM,CAAEE,UAAU,CAAE1E,IAAI,CAAE2E,UAAW,CAAC,CAAGb,aAAa,CAACc,MAAO,CAE9D,KAAM,CAAAC,YAAY,CAAGzE,eAAE,CAAC0E,UAAU,CAAC,GAAGH,UAAU,gBAAgB,CAAC,CAC7D,8BAA8BD,UAAU,iBAA2B,CAAG,EAAE,CAE5E;AAKA,KAAM,CAAAK,KAAK,CAAGvD,GAAG,CAACwD,qBAAqB,CACnC,GAAI,CAAAC,cAAK,CAGRzD,GAAG,CAAC6C,eAAgB,CAAC,CACtB,IAAI,CAER,KAAM,CAAAa,YAAY,CAAG5E,mBAAmB,CAACqE,UAAW,CAAC,CAErD;AACA;AACA,MAAO,OAAOlF,GAAG,CAAEe,GAAG,CAAE2E,IAAI,GAAK,CAC/B,GAAI,CACF;AACA3E,GAAG,CAAC4E,GAAG,CAAC,eAAe,CAAE,UAAU,CAAC,CAEpC5E,GAAG,CAAC6E,MAAM,CAAC,WAAW,CAAE5F,GAAG,CAAC6F,SAAS,CAAC,CAAC,CAAC,CAExC,GAAI,CAAAC,QAAsC,CAC1C,GAAIR,KAAK,CAAE,CACTQ,QAAQ,CAAG/D,GAAG,CAACwD,qBAAqB,CAAEvF,GAAG,CAAC,CAC1C,GAAI8F,QAAQ,CAAE,CACZ,KAAM,CAAAC,IAAI,CAAGT,KAAK,CAACxD,GAAG,CAACgE,QAAQ,CAAC,CAChC,GAAIC,IAAI,GAAK,IAAI,CAAE,CACjB,KAAM,CAAEC,MAAM,CAAElG,MAAO,CAAC,CAAGiG,IAAI,CAC/B,GAAIhE,GAAG,CAACkE,KAAK,EAAIrE,kBAAkB,CAAC5B,GAAG,CAAC,CAAE,CACxCe,GAAG,CAAC4E,GAAG,CAAC,cAAc,CAAE,WAAW,CAAC,CACpC5E,GAAG,CAAC4E,GAAG,CAAC,kBAAkB,CAAE,IAAI,CAAC,CACjC,GAAI7F,MAAM,GAAK,GAAG,CAAEiB,GAAG,CAACjB,MAAM,CAACA,MAAM,CAAC,CACtCiB,GAAG,CAACmF,IAAI,CAACF,MAAM,CACjB,CAAC,IAAM,CACL,KAAM,IAAI,CAAA9E,OAAO,CAAO,CAACiF,IAAI,CAAEC,MAAM,GAAK,CACxC,GAAAC,0BAAgB,EAACL,MAAM,CAAE,CAACM,KAAK,CAAEC,IAAI,GAAK,CACxC,GAAID,KAAK,CAAEF,MAAM,CAACE,KAAK,CAAC,CAAC,IACpB,CACH,GAAI,CAAAE,CAAC,CAAGD,IAAI,CAACE,QAAQ,CAAC,CAAC,CACvB,GAAI,CAAC1E,GAAG,CAACkE,KAAK,CAAE,CACd;AACA;AACA;AACA,KAAM,CAAAS,KAAK,CAAG,GAAI,CAAAC,MAAM,CAACX,MAAM,CAACY,KAAK,CAAE,GAAG,CAAC,CAE3C;AACAJ,CAAC,CAAGA,CAAC,CAACK,OAAO,CAACH,KAAK,CAAG1G,GAAG,CAEtB4G,KAAK,CACV,CACA,GAAI9G,MAAM,GAAK,GAAG,CAAEiB,GAAG,CAACjB,MAAM,CAACA,MAAM,CAAC,CACtCiB,GAAG,CAACmF,IAAI,CAACM,CAAC,CAAC,CACXL,IAAI,CAAC,CACP,CACF,CAAC,CACH,CAAC,CACH,CACA,MACF,CACF,CACF,CAEA,KAAM,CAAAW,GAAG,CAAG/E,GAAG,CAAC0C,YAAY,CAAEzE,GAAG,CAAEV,eAAqC,CAAC,CAEzE,KAAM,CAAC,CACLyH,cAAc,CACdC,YAAY,CACZ9G,YACF,CAAC,CAAE,CACDuB,MAAM,CACND,EACF,CAAC,CAAC,CAAG,KAAM,CAAAN,OAAO,CAAC+F,GAAG,CAAC,CACrB;AACA;AACAH,GAAG,WAAY,CAAA5F,OAAO,CAAG4F,GAAG,CAAG5F,OAAO,CAACV,OAAO,CAACsG,GAAG,CAAC,CAEnD9F,aAAa,CAAC+D,SAAS,CAAC9D,GAAG,CAAC,CAC7B,CAAC,CAEF,GAAI,CAAAiG,MAAmC,CAEvC;AACA;AACA;AACA;AACA,GAAI,CAAAjH,WAAyB,CAC7B,KAAM,CAAAkH,YAAY,CAAG,GAAArF,WAAG,EAACf,GAAG,CAACqG,MAAM,CAAE,6BAA6B,CAAsB,CACxF,GAAID,YAAY,CAAE,CAChBlH,WAAW,CAAG,GAAAoH,iBAAS,EACrBF,YAAY,CAACG,MAAM,CAAC,CAClBL,GAAG,CAAE,KAAK,CACVhH,WAAW,CAAE,IACf,CAAC,CAAC,CAACsH,gBAAgB,CAClBC,IAAI,EAAKA,IAAI,CAACC,MAAM,EAAEC,GAAG,CAAC,CAAC,CAAEC,IAAuB,CAAC,GAAKA,IAAI,CAAC,EAC3D,EACP,CACF,CAAC,IAAM,IAAIlC,YAAY,CAAExF,WAAW,CAAGwF,YAAY,CAAC,IAC/C,CAAAxF,WAAW,CAAG,CAAC,CAAC,CAErB,qCACA,KAAM,CAAA2H,GAAG,CAAG7F,GAAG,CAAC8F,WAAW,CAC3B,GAAI,CAAAC,aAAqB,CAAG,EAAE,CAC9B,KAAM,CAAAC,UAAU,CAAG,GAAI,CAAApI,gBAAgB,CAACK,GAAG,CAAEC,WAAW,CAAEC,YAAY,CAAC,CACvE,GAAI,CAAA8H,MAA6B,CACjC,GAAIJ,GAAG,CAAE,CACP,KAAM,CAAAK,QAAQ,CAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,CAE3B;AACA;AACA,KAAM,CAAAC,IAAI,CAAGR,GAAG,CAEhB,KAAM,CAAAS,UAAU,CAAG,KAAAA,CAAA,GAAY,GAAI,CAAAnH,OAAO,CACxC,CAACoH,UAAU,CAAEC,SAAS,GAAK,CACzBR,UAAU,CAAClI,MAAM,CAAG,EAAE,CAEtB;AACA;AACA;AACA;AACA;AACA;AACA,GAAI,CAAAyG,KAAc,CAElB,KAAM,CAAA9F,OAAO,CAAIgI,GAA0B,EAAK,CAC9C,GAAIlC,KAAK,GAAKmC,SAAS,CAAE,KAAM,CAAA1F,KAAK,CAAC,gBAAgB,CAAC,CACtDuD,KAAK,CAAG,IAAI,CACZgC,UAAU,CAACE,GAAG,CAChB,CAAC,CAED,KAAM,CAAArH,MAAM,CAAIqH,GAAY,EAAK,CAC/B,GAAIlC,KAAK,GAAKmC,SAAS,EAAInC,KAAK,GAAKkC,GAAG,CAAE,CACxC,KAAM,CAAAzF,KAAK,CAAC,gBAAgB,CAC9B,CACAuD,KAAK,CAAGkC,GAAG,CACXD,SAAS,CAACC,GAAY,CACxB,CAAC,CAED;AACA;AACA,KAAM,CAAAE,aAAa,CAAG,CAAC,CAAsB,CAC7C,IAAK,GAAAC,6BAAqB,eACxB,GAAAtJ,WAAA,CAAAuJ,GAAA,EAAClK,iBAAA,CAAAmK,mBAAmB,EAClB3I,YAAY,CAAE6H,UAAU,CAACe,KAAM,CAC/Bf,UAAU,CAAEA,UAAW,CAAAgB,QAAA,cAEvB,GAAA1J,WAAA,CAAAuJ,GAAA,EAAC3J,YAAA,CAAA+J,YAAY,EAAClG,QAAQ,CAAE9C,GAAG,CAACM,GAAI,CAAAyI,QAAA,cAC9B,GAAA1J,WAAA,CAAAuJ,GAAA,EAAC5J,YAAA,CAAAiK,cAAc,EAAC5I,OAAO,CAAEqI,aAAc,CAAAK,QAAA,cACrC,GAAA1J,WAAA,CAAAuJ,GAAA,EAACR,IAAI,GAAE,CAAC,CACM,CAAC,CACL,CAAC,CACI,CAAC,CACtB,CAAEc,OAAO,CAAE/H,MAAO,CACpB,CAAC,CAACgI,IAAI,CAAEC,MAAM,EAAK,CACjB,CAAC,CAAElC,MAAO,CAAC,CAAGwB,aAAa,EAC3BlI,OAAO,CAAC4I,MAAM,CAACC,OAAO,CACxB,CAAC,CAAC,CAACC,KAAK,CAACnI,MAAM,CACjB,CACF,CAAC,CAED,GAAI,CAAAoI,QAAQ,CAAG,CAAC,CAChB,GAAI,CAAAC,MAAM,CAAG,KAAK,CAClB,KAAOD,QAAQ,CAAGxH,GAAG,CAAC2C,YAAa,CAAE,EAAE6E,QAAQ,CAAE,CAC/CvB,MAAM,CAAG,KAAM,CAAAK,UAAU,CAAC,CAAC,CAE3B,GAAI,CAACN,UAAU,CAAC0B,KAAK,CAAE,MAEvB,KAAM,CAAAC,OAAO,CAAG3H,GAAG,CAAC4C,UAAU,CAAIsD,QAAQ,CAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,CACvDqB,MAAM,CAAGE,OAAO,EAAI,CAAC,EAAI,EAAC,KAAM,CAAAxI,OAAO,CAACyI,IAAI,CAAC,CAC3CzI,OAAO,CAAC0I,UAAU,CAAC7B,UAAU,CAAC8B,OAAO,CAAC,CACtC,GAAAC,cAAK,EAACJ,OAAO,CAAC,CAACP,IAAI,CAAC,IAAM,KAAK,CAAC,CACjC,CAAC,EACF,GAAIK,MAAM,CAAE,KACd,CAEA,GAAI,CAAAO,MAAM,CACV,GAAIhC,UAAU,CAAC0B,KAAK,CAAE,CACpB;AACA;AACA;AACAzB,MAAM,CAAG,KAAM,CAAAK,UAAU,CAAC,CAAC,CAE3B0B,MAAM,CAAGP,MAAM,CAAG,uBAAuBzH,GAAG,CAAC4C,UAAU,YAAY,CAC/D,wBAAwB5C,GAAG,CAAC2C,YAAY,WAC9C,CAAC,IAAM,CAAAqF,MAAM,CAAG,oBAAoBR,QAAQ,CAAG,CAAC,WAAW,CAE3DxH,GAAG,CAAC8C,MAAM,CAAEmF,GAAG,CAACjC,UAAU,CAAC0B,KAAK,CAAG,MAAM,CAAG,MAAM,CAAEM,MAAM,CAAC,CAE3D,GAAIhC,UAAU,CAACkC,UAAU,CAAE,CACzBlJ,GAAG,CAACmJ,QAAQ,CAACnC,UAAU,CAACjI,MAAM,CAAEiI,UAAU,CAACkC,UAAU,CAAC,CACtD,MACF,CAEA,KAAM,IAAI,CAAA/I,OAAO,CAAEiJ,KAAK,EAAK,CAC3BnC,MAAM,CAAEoC,IAAI,CAAC,GAAI,CAAAC,oBAAQ,CAAC,CACxBC,OAAO,CAAEH,KAAK,CACdI,KAAK,CAAEA,CAACC,KAAiC,CAAEC,CAAC,CAAEtE,IAAI,GAAK,CACrD2B,aAAa,EAAI0C,KAAK,CAAC/D,QAAQ,CAAC,CAAC,CACjCN,IAAI,CAAC,CACP,CACF,CAAC,CAAC,CACJ,CAAC,CACH,CAEA;AACN;AACA;AACA;AACA,kDACM,KAAM,CAAAuE,OAAO,CAAG,GAAAC,4BAAW,EAAC,CAC1BlF,YAAY,CAAExF,WAAW,CACzB2K,MAAM,CAAE7D,cAAc,EAAIzH,eAAe,CACzCuL,MAAM,CAAE9C,UAAU,CAACe,KACrB,CAAC,CAAE,CACDgC,cAAc,CAAE,IAAI,CACpBC,MAAM,CAAE,IACV,CAAC,CAAC,CACFtJ,MAAM,CAACuJ,MAAM,CAAC5J,kBAAK,CAAC6J,IAAI,CAACC,YAAY,CAACR,OAAO,CAAE,MAAM,CAAC,CAAC,CACvDjJ,MAAM,CAAC0J,MAAM,CAAC,CAAC,CACf,KAAM,CAAAC,GAAG,CAAGhK,kBAAK,CAAC6J,IAAI,CAACI,QAAQ,CAAC,GAAG7J,EAAE,GAAGC,MAAM,CAAC0D,MAAM,CAACY,IAAI,EAAE,CAAC,CAE7D,KAAM,CAAAuF,QAAQ,CAAG,GAAI,CAAAC,GAAa,CAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CACE,MAAM,CACN,GAAGxD,UAAU,CAAClI,MAAM,CACrB,CAAC2L,OAAO,CAAEhB,KAAK,EAAK,CACnB,KAAM,CAAA/C,MAAM,CAAGxH,WAAW,CAACuK,KAAK,CAAC,CACjC,GAAI/C,MAAM,CAAEA,MAAM,CAAC+D,OAAO,CAAEC,KAAK,EAAKH,QAAQ,CAACI,GAAG,CAACD,KAAK,CAAC,CAC3D,CAAC,CAAC,CAEF,GAAI,CAAAE,gBAAgB,CAAG,EAAE,CACzB,GAAI,CAAAC,iBAAiB,CAAG,EAAE,CAC1BN,QAAQ,CAACE,OAAO,CAAEhB,KAAK,EAAK,CAC1B,GAAIA,KAAK,CAACqB,QAAQ,CAAC,MAAM,CAAC,CAAE,CAC1BF,gBAAgB,EAAI,eAAe1G,UAAU,GAAauF,KAAK,qBACjE,CAAC,IAAM,IACLA,KAAK,CAACqB,QAAQ,CAAC,KAAK,CACpB;AACA;AAAA,EACG,CAACrB,KAAK,CAACqB,QAAQ,CAAC,gBAAgB,CAAC,CACpC,CACAD,iBAAiB,EAAI,gBAAgB3G,UAAU,GAAauF,KAAK,2CACnE,CACF,CAAC,CAAC,CAEF,KAAM,CAAAsB,oBAAoB,CAAGxJ,iBAAiB,CAAC0E,YAAY,CAAC,CAE5D,KAAM,CAAA+E,WAAW,CAAGhK,GAAG,CAACiK,OAAO,CAC3B,oDAAgD,CAChD,EAAE,CAEN,KAAM,CAAAzF,IAAI,CAAG;AACnB;AACA;AACA,cAAcuF,oBAAoB,CAACrM,gBAAgB,CAACiD,SAAS,CAAC;AAC9D,cAAcwE,MAAM,EAAE+E,KAAK,CAACxF,QAAQ,CAAC,CAAC,EAAI,EAAE;AAC5C,cAAcS,MAAM,EAAEgF,IAAI,CAACzF,QAAQ,CAAC,CAAC,EAAI,EAAE;AAC3C;AACA,cAAcrB,YAAY;AAC1B,cAAc8B,MAAM,EAAEiF,IAAI,CAAC1F,QAAQ,CAAC,CAAC,EAAI,EAAE,GAAGkF,gBAAgB;AAC9D,cAAcI,WAAW;AACzB;AACA;AACA;AACA;AACA;AACA,iDAAiDX,GAAG;AACpD;AACA;AACA,cAAcU,oBAAoB,CAACrM,gBAAgB,CAAC+C,SAAS,CAAC;AAC9D,mCAAmCsF,aAAa;AAChD,cAAc8D,iBAAiB;AAC/B,cAAcE,oBAAoB,CAACrM,gBAAgB,CAACgD,OAAO,CAAC;AAC5D;AACA,gBAAgB,CAEV,KAAM,CAAA3C,MAAM,CAAGiI,UAAU,CAACjI,MAAM,EAAI,GAAG,CACvC,GAAIA,MAAM,GAAK,GAAG,CAAEiB,GAAG,CAACjB,MAAM,CAACA,MAAM,CAAC,CAEtC,GAAIgG,QAAQ,EAAIhG,MAAM,CAAG,GAAG,CAAE,CAC5B;AACA;AACA,KAAM,IAAI,CAAAoB,OAAO,CAAO,CAACiF,IAAI,CAAEC,MAAM,GAAK,CACxC,GAAAgG,wBAAc,EAAC7F,IAAI,CAAE,CAACD,KAAK,CAAEN,MAAM,GAAK,CACtC,GAAIM,KAAK,CAAEF,MAAM,CAACE,KAAK,CAAC,CAAC,IACpB,CACH,KAAM,CAAA+F,CAAC,CAAGrG,MAAoC,CAC9CqG,CAAC,CAACzF,KAAK,CAAI5G,GAAG,CAEX4G,KAAK,CACRtB,KAAK,CAAEoG,GAAG,CAAC,CAAE1F,MAAM,CAAEqG,CAAC,CAAEvM,MAAO,CAAC,CAAEgG,QAAQ,CAAC7E,GAAG,CAAE+E,MAAM,CAAC/B,MAAM,CAAC,CAC9DkC,IAAI,CAAC,CACP,CACF,CAAC,CACH,CAAC,CACH,CAEA;AACA;AACA;AACApF,GAAG,CAACmF,IAAI,CAACK,IAAI,CACf,CAAE,MAAOD,KAAK,CAAE,CACdZ,IAAI,CAACY,KAAK,CACZ,CACF,CACF","ignoreList":[]}

package/build/production/shared/components/TextArea/index.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=require("react");var _reactThemes=_interopRequireDefault(require("@dr.pogodin/react-themes"));var _jsxRuntime=require("react/jsx-runtime");const defaultTheme={"context":"KVPc7g","ad":"z2GQ0Z","hoc":"_8R1Qdj","container":"dzMVIB","label":"Vw9EKL","textarea":"zd-OFg","hidden":"GiHBXI"};const TextArea=({disabled,label,onBlur,onChange,onKeyDown,placeholder,testId,theme,value})=>{const hiddenAreaRef=(0,_react.useRef)(null);const[height,setHeight]=(0,_react.useState)();const textAreaRef=(0,_react.useRef)(null);const[localValue,setLocalValue]=(0,_react.useState)(value??"");if(value!==undefined&&localValue!==value)setLocalValue(value);// This resizes text area's height when its width is changed for any reason.
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=require("react");var _reactThemes=_interopRequireDefault(require("@dr.pogodin/react-themes"));var _jsxRuntime=require("react/jsx-runtime");const defaultTheme={"context":"KVPc7g","ad":"z2GQ0Z","hoc":"_8R1Qdj","container":"dzMVIB","label":"Vw9EKL","textarea":"zd-OFg","error":"K2JcEY","errorMessage":"nWsJDB","hidden":"GiHBXI"};const TextArea=({disabled,error,label,onBlur,onChange,onKeyDown,placeholder,testId,theme,value})=>{const hiddenAreaRef=(0,_react.useRef)(null);const[height,setHeight]=(0,_react.useState)();const textAreaRef=(0,_react.useRef)(null);const[localValue,setLocalValue]=(0,_react.useState)(value??"");if(value!==undefined&&localValue!==value)setLocalValue(value);// This resizes text area's height when its width is changed for any reason.
 (0,_react.useEffect)(()=>{const el=hiddenAreaRef.current;if(!el)return undefined;const cb=()=>{setHeight(el.scrollHeight)};const observer=new ResizeObserver(cb);observer.observe(el);return()=>{observer.disconnect()}},[]);// Resizes the text area when its content is modified.
 //
 // NOTE: useLayoutEffect() instead of useEffect() makes difference here,
@@ -6,7 +6,7 @@
 // useEffect() it becomes visible how the content is modified first,
 // and then input height is incremented, if necessary).
 // See: https://github.com/birdofpreyru/react-utils/issues/313
-(0,_react.useLayoutEffect)(()=>{const el=hiddenAreaRef.current;if(el)setHeight(el.scrollHeight)},[localValue]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:theme.container,onFocus:()=>{textAreaRef.current?.focus()},children:[label===undefined?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:`${theme.textarea} ${theme.hidden}`// This text area is hidden underneath the primary one below,
+(0,_react.useLayoutEffect)(()=>{const el=hiddenAreaRef.current;if(el)setHeight(el.scrollHeight)},[localValue]);let containerClassName=theme.container;if(error)containerClassName+=` ${theme.error}`;return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{className:containerClassName,onFocus:()=>{textAreaRef.current?.focus()},children:[label===undefined?null:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:`${theme.textarea} ${theme.hidden}`// This text area is hidden underneath the primary one below,
 // and it is used for text measurements, to implement auto-scaling
 // of the primary textarea's height.
 ,readOnly:true,ref:hiddenAreaRef// The "-1" value of "tabIndex" removes this hidden text area from
@@ -18,5 +18,5 @@
 ,value:localValue||" "}),/*#__PURE__*/(0,_jsxRuntime.jsx)("textarea",{className:theme.textarea,"data-testid":process.env.NODE_ENV==="production"?undefined:testId,disabled:disabled,onBlur:onBlur// When value is "undefined" the text area is not-managed, and we should
 // manage it internally for the measurement / resizing functionality
 // to work.
-,onChange:value===undefined?e=>{setLocalValue(e.target.value)}:onChange,onKeyDown:onKeyDown,placeholder:placeholder,ref:textAreaRef,style:{height},value:localValue})]})};var _default=exports.default=(0,_reactThemes.default)(TextArea,"TextArea",defaultTheme);
+,onChange:value===undefined?e=>{setLocalValue(e.target.value)}:onChange,onKeyDown:onKeyDown,placeholder:placeholder,ref:textAreaRef,style:{height},value:localValue}),error&&error!==true?/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:theme.errorMessage,children:error}):null]})};var _default=exports.default=(0,_reactThemes.default)(TextArea,"TextArea",defaultTheme);
 //# sourceMappingURL=index.js.map

package/build/production/shared/components/TextArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","label","onBlur","onChange","onKeyDown","placeholder","testId","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","textAreaRef","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","useLayoutEffect","jsxs","className","container","onFocus","focus","children","jsx","textarea","hidden","readOnly","ref","tabIndex","process","env","NODE_ENV","e","target","style","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  type FunctionComponent,\n  type KeyboardEventHandler,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT = 'container' | 'hidden' | 'label' | 'textarea';\n\ntype Props = {\n  disabled?: boolean;\n  label?: string;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  testId?: string;\n  theme: Theme<ThemeKeyT>;\n  value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n  disabled,\n  label,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  testId,\n  theme,\n  value,\n}) => {\n  const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [height, setHeight] = useState<number | undefined>();\n\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const [localValue, setLocalValue] = useState(value ?? '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // Resizes the text area when its content is modified.\n  //\n  // NOTE: useLayoutEffect() instead of useEffect() makes difference here,\n  // as it helps to avoid visible \"content/height\" jumps (i.e. with just\n  // useEffect() it becomes visible how the content is modified first,\n  // and then input height is incremented, if necessary).\n  // See: https://github.com/birdofpreyru/react-utils/issues/313\n  useLayoutEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n\n  return (\n    <div\n      className={theme.container}\n      onFocus={() => {\n        textAreaRef.current?.focus();\n      }}\n    >\n      {label === undefined ? null : <div className={theme.label}>{label}</div>}\n      <textarea\n        className={`${theme.textarea} ${theme.hidden}`}\n\n        // This text area is hidden underneath the primary one below,\n        // and it is used for text measurements, to implement auto-scaling\n        // of the primary textarea's height.\n        readOnly\n        ref={hiddenAreaRef}\n\n        // The \"-1\" value of \"tabIndex\" removes this hidden text area from\n        // the tab-focus-chain.\n        tabIndex={-1}\n\n        // NOTE: With empty string value (\"\") the scrolling height of this text\n        // area is zero, thus collapsing <TextArea> height below the single line\n        // input height. To avoid it we fallback to whitespace (\" \") character\n        // here.\n        value={localValue || ' '}\n      />\n      <textarea\n        className={theme.textarea}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        disabled={disabled}\n        onBlur={onBlur}\n\n        // When value is \"undefined\" the text area is not-managed, and we should\n        // manage it internally for the measurement / resizing functionality\n        // to work.\n        onChange={\n          value === undefined\n            ? (e) => {\n              setLocalValue(e.target.value);\n            } : onChange\n        }\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        ref={textAreaRef}\n        style={{ height }}\n        value={localValue}\n      />\n    </div>\n  );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","_reactThemes","_interopRequireDefault","_jsxRuntime","defaultTheme","TextArea","disabled","error","label","onBlur","onChange","onKeyDown","placeholder","testId","theme","value","hiddenAreaRef","useRef","height","setHeight","useState","textAreaRef","localValue","setLocalValue","undefined","useEffect","el","current","cb","scrollHeight","observer","ResizeObserver","observe","disconnect","useLayoutEffect","containerClassName","container","jsxs","className","onFocus","focus","children","jsx","textarea","hidden","readOnly","ref","tabIndex","process","env","NODE_ENV","e","target","style","errorMessage","_default","exports","default","themed"],"sources":["../../../../../src/shared/components/TextArea/index.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FocusEventHandler,\n  type FunctionComponent,\n  type KeyboardEventHandler,\n  type ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport themed, { type Theme } from '@dr.pogodin/react-themes';\n\nimport defaultTheme from './style.scss';\n\ntype ThemeKeyT = 'container' | 'error' | 'errorMessage' | 'hidden' | 'label'\n  | 'textarea';\n\ntype Props = {\n  disabled?: boolean;\n  error?: ReactNode;\n  label?: string;\n  onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n  onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;\n  placeholder?: string;\n  testId?: string;\n  theme: Theme<ThemeKeyT>;\n  value?: string;\n};\n\nconst TextArea: FunctionComponent<Props> = ({\n  disabled,\n  error,\n  label,\n  onBlur,\n  onChange,\n  onKeyDown,\n  placeholder,\n  testId,\n  theme,\n  value,\n}) => {\n  const hiddenAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [height, setHeight] = useState<number | undefined>();\n\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const [localValue, setLocalValue] = useState(value ?? '');\n  if (value !== undefined && localValue !== value) setLocalValue(value);\n\n  // This resizes text area's height when its width is changed for any reason.\n  useEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (!el) return undefined;\n\n    const cb = () => {\n      setHeight(el.scrollHeight);\n    };\n    const observer = new ResizeObserver(cb);\n    observer.observe(el);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  // Resizes the text area when its content is modified.\n  //\n  // NOTE: useLayoutEffect() instead of useEffect() makes difference here,\n  // as it helps to avoid visible \"content/height\" jumps (i.e. with just\n  // useEffect() it becomes visible how the content is modified first,\n  // and then input height is incremented, if necessary).\n  // See: https://github.com/birdofpreyru/react-utils/issues/313\n  useLayoutEffect(() => {\n    const el = hiddenAreaRef.current;\n    if (el) setHeight(el.scrollHeight);\n  }, [localValue]);\n\n  let containerClassName = theme.container;\n  if (error) containerClassName += ` ${theme.error}`;\n\n  return (\n    <div\n      className={containerClassName}\n      onFocus={() => {\n        textAreaRef.current?.focus();\n      }}\n    >\n      {label === undefined ? null : <div className={theme.label}>{label}</div>}\n      <textarea\n        className={`${theme.textarea} ${theme.hidden}`}\n\n        // This text area is hidden underneath the primary one below,\n        // and it is used for text measurements, to implement auto-scaling\n        // of the primary textarea's height.\n        readOnly\n        ref={hiddenAreaRef}\n\n        // The \"-1\" value of \"tabIndex\" removes this hidden text area from\n        // the tab-focus-chain.\n        tabIndex={-1}\n\n        // NOTE: With empty string value (\"\") the scrolling height of this text\n        // area is zero, thus collapsing <TextArea> height below the single line\n        // input height. To avoid it we fallback to whitespace (\" \") character\n        // here.\n        value={localValue || ' '}\n      />\n      <textarea\n        className={theme.textarea}\n        data-testid={process.env.NODE_ENV === 'production' ? undefined : testId}\n        disabled={disabled}\n        onBlur={onBlur}\n\n        // When value is \"undefined\" the text area is not-managed, and we should\n        // manage it internally for the measurement / resizing functionality\n        // to work.\n        onChange={\n          value === undefined\n            ? (e) => {\n              setLocalValue(e.target.value);\n            } : onChange\n        }\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        ref={textAreaRef}\n        style={{ height }}\n        value={localValue}\n      />\n      {error && error !== true\n        ? <div className={theme.errorMessage}>{error}</div>\n        : null}\n    </div>\n  );\n};\n\nexport default themed(TextArea, 'TextArea', defaultTheme);\n"],"mappings":"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","ignoreList":[]}

package/build/production/style.css

@@ -1,2 +1,2 @@
-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{text-rendering:auto}*{box-sizing:border-box}.Ah-Nsc.Wki41G.ye2BZo,.Szmbbz.ye2BZo,.ye2BZo{background:#eee;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:998}.Ah-Nsc.Wki41G.ye2BZo:focus,.Szmbbz.ye2BZo:focus,.ye2BZo:focus{outline:none}.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{background:#fff;border-radius:.3em;box-shadow:0 0 14px 1px rgba(38,38,40,.15);left:50%;max-height:95vh;max-width:1024px;overflow:hidden;padding:.6em 1.2em;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:999}@media(max-width:1280px){.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{max-width:95vw}}._5fRFtF{overflow:hidden}.jKsMKG{inset:0;opacity:.2;position:fixed;z-index:1000}.R58zIg.O-Tp1i.oQKv0Y,._9Tod5r.oQKv0Y,.oQKv0Y{align-items:center;display:inline-flex;margin:.1em;position:relative}.R58zIg.O-Tp1i.YUPUNs,.YUPUNs,._9Tod5r.YUPUNs{margin:0 .6em 0 1.2em}.R58zIg.O-Tp1i.pNEyAA,._9Tod5r.pNEyAA,.pNEyAA{border:1px solid gray;border-radius:.3em;cursor:pointer;min-width:200px;outline:none;padding:.3em 3em .3em .6em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.R58zIg.O-Tp1i.pNEyAA:focus,._9Tod5r.pNEyAA:focus,.pNEyAA:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.LD2Kzy,.R58zIg.O-Tp1i.LD2Kzy,._9Tod5r.LD2Kzy{cursor:pointer;outline:none;padding:0 .6em}.LD2Kzy:focus,.LD2Kzy:hover,.R58zIg.O-Tp1i.LD2Kzy:focus,.R58zIg.O-Tp1i.LD2Kzy:hover,._9Tod5r.LD2Kzy:focus,._9Tod5r.LD2Kzy:hover{background:#4169e1;color:#fff}.LP5azC,.R58zIg.O-Tp1i.LP5azC,._9Tod5r.LP5azC{background:#fff;border:1px solid gray;border-radius:0 0 .3em .3em;border-top:none;box-shadow:0 6px 12px 3px #d3d3d3;position:fixed;z-index:1001}.-wscve,.R58zIg.O-Tp1i.-wscve,._9Tod5r.-wscve{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border-left:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;position:absolute;right:0;top:0}.-wscve:after,.R58zIg.O-Tp1i.-wscve:after,._9Tod5r.-wscve:after{content:"▼"}.R58zIg.O-Tp1i.k2UDsV .-wscve,._9Tod5r.k2UDsV .-wscve,.k2UDsV .-wscve{border-radius:0 .3em 0 0}.R58zIg.O-Tp1i.k2UDsV .pNEyAA,._9Tod5r.k2UDsV .pNEyAA,.k2UDsV .pNEyAA{border-color:blue;border-radius:.3em .3em 0 0}.HWRvu4.k2UDsV .-wscve,.R58zIg.O-Tp1i.HWRvu4.k2UDsV .-wscve,._9Tod5r.HWRvu4.k2UDsV .-wscve{border-radius:0 0 .3em}.HWRvu4.k2UDsV .pNEyAA,.R58zIg.O-Tp1i.HWRvu4.k2UDsV .pNEyAA,._9Tod5r.HWRvu4.k2UDsV .pNEyAA{border-radius:0 0 .3em .3em}.HWRvu4.LP5azC,.R58zIg.O-Tp1i.HWRvu4.LP5azC,._9Tod5r.HWRvu4.LP5azC{border-bottom:none;border-radius:.3em .3em 0 0;border-top:1px solid gray;box-shadow:none}.ADu59e.FTP2bb.kI9A9U,.kI9A9U,.xHyZo4.kI9A9U{display:flex;flex:1;min-width:5.5em;overflow:hidden;position:relative}.ADu59e.FTP2bb.DubGkT,.DubGkT,.xHyZo4.DubGkT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;pointer-events:none;position:absolute;right:0;top:0}.ADu59e.FTP2bb.DubGkT:after,.DubGkT:after,.xHyZo4.DubGkT:after{content:"▼"}.ADu59e.FTP2bb.WtSZPd,.WtSZPd,.xHyZo4.WtSZPd{align-items:center;display:inline-flex;margin:.1em;position:relative}.ayMn7O+.ADu59e.FTP2bb.DubGkT,.ayMn7O+.DubGkT,.ayMn7O+.xHyZo4.DubGkT,:active+.ADu59e.FTP2bb.DubGkT,:active+.DubGkT,:active+.xHyZo4.DubGkT{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-bottom-right-radius:0}:focus+.ADu59e.FTP2bb.DubGkT,:focus+.DubGkT,:focus+.xHyZo4.DubGkT{border-color:blue blue blue gray}.ADu59e.FTP2bb.K7JYKw,.K7JYKw,.xHyZo4.K7JYKw{margin:0 .6em 0 1.5em;pointer-events:none}.ADu59e.FTP2bb._27pZ6W,._27pZ6W,.xHyZo4._27pZ6W{color:#000}.ADu59e.FTP2bb.clAKFJ,.clAKFJ,.xHyZo4.clAKFJ{display:none}.ADu59e.FTP2bb.N0Fc14,.N0Fc14,.xHyZo4.N0Fc14{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;flex:1;font:inherit;max-width:100%;outline:none;padding:.3em 3.3em calc(.3em + 1px) 1.2em}.ADu59e.FTP2bb.N0Fc14:active,.N0Fc14:active,.xHyZo4.N0Fc14:active{background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.ADu59e.FTP2bb.N0Fc14:focus,.N0Fc14:focus,.xHyZo4.N0Fc14:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.ADu59e.FTP2bb.N0Fc14.wL4umU,.N0Fc14.wL4umU,.xHyZo4.N0Fc14.wL4umU{color:gray}.AWNvRj,.HNliRC._2Ue-db.AWNvRj,.VMHfnP.AWNvRj{align-items:center;display:flex;gap:.6em}.HNliRC._2Ue-db.fUfIAd,.VMHfnP.fUfIAd,.fUfIAd{border:1px solid transparent;border-radius:.3em;cursor:pointer;outline:none;padding:0 .9em}.HNliRC._2Ue-db.fUfIAd:focus,.VMHfnP.fUfIAd:focus,.fUfIAd:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.HNliRC._2Ue-db.Wco-qk,.VMHfnP.Wco-qk,.Wco-qk{background:#fff;border:1px solid gray;cursor:default}.CZYtcC,.HNliRC._2Ue-db.CZYtcC,.VMHfnP.CZYtcC{align-items:center;background:#f5f5f5;border:1px solid gray;border-radius:.3em;display:flex;gap:.3em;padding:.3em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zH52sA[disabled]{cursor:not-allowed}.E1FNQT,.KM0v4f.E1FNQT,._3jm1-Q._0plpDL.E1FNQT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:.1em;padding:.3em 1.2em;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.E1FNQT:visited,.KM0v4f.E1FNQT:visited,._3jm1-Q._0plpDL.E1FNQT:visited{color:inherit}.E1FNQT.MAe9O6,.E1FNQT:active,.KM0v4f.E1FNQT.MAe9O6,.KM0v4f.E1FNQT:active,._3jm1-Q._0plpDL.E1FNQT.MAe9O6,._3jm1-Q._0plpDL.E1FNQT:active{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-color:gray;box-shadow:inset 0 1px 3px 0 #d3d3d3}.E1FNQT:focus,.KM0v4f.E1FNQT:focus,._3jm1-Q._0plpDL.E1FNQT:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6;outline:none}.Br9IWV,.KM0v4f.Br9IWV,._3jm1-Q._0plpDL.Br9IWV{cursor:not-allowed;opacity:.33}.Br9IWV.MAe9O6,.Br9IWV:active,.KM0v4f.Br9IWV.MAe9O6,.KM0v4f.Br9IWV:active,._3jm1-Q._0plpDL.Br9IWV.MAe9O6,._3jm1-Q._0plpDL.Br9IWV:active{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);box-shadow:none}.A-f8qJ,.dNQcC6.A-f8qJ,.earXxa.qAPfQ6.A-f8qJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;cursor:pointer;font:inherit;height:1.5em;margin:0;outline:none;width:1.5em}.A-f8qJ:checked:after,.dNQcC6.A-f8qJ:checked:after,.earXxa.qAPfQ6.A-f8qJ:checked:after{background:#000;border-radius:.3em;content:"";display:block;height:1em;margin:.2em;width:1em}.A-f8qJ:focus,.dNQcC6.A-f8qJ:focus,.earXxa.qAPfQ6.A-f8qJ:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.A-f8qJ.N9bCb8:after,.dNQcC6.A-f8qJ.N9bCb8:after,.earXxa.qAPfQ6.A-f8qJ.N9bCb8:after{background:#000;border-radius:.2em;content:"";display:block;height:.2em;margin:.6em .2em;width:1em}.Kr0g3M,.dNQcC6.Kr0g3M,.earXxa.qAPfQ6.Kr0g3M{align-items:center;display:inline-flex;margin:.1em}._3dML-O,.dNQcC6._3dML-O,.earXxa.qAPfQ6._3dML-O{margin:0 .6em 0 1.5em}.EzQra1,.dNQcC6.EzQra1,.earXxa.qAPfQ6.EzQra1{opacity:.33}.EzQra1 .A-f8qJ,.dNQcC6.EzQra1 .A-f8qJ,.earXxa.qAPfQ6.EzQra1 .A-f8qJ{cursor:not-allowed!important}.Cxx397,.X5WszA.Cxx397,._8s7GCr.TVlBYc.Cxx397{align-items:center;display:inline-flex;flex-wrap:wrap;margin:.1em;position:relative}.X5WszA.m4FpDO,._8s7GCr.TVlBYc.m4FpDO,.m4FpDO{width:100%}.M07d4s,.X5WszA.M07d4s,._8s7GCr.TVlBYc.M07d4s{border:1px solid gray;border-radius:.3em;cursor:text;flex:1;font:inherit;outline:none;padding:.3em .3em calc(.3em + 1px)}.M07d4s:focus,.X5WszA.M07d4s:focus,._8s7GCr.TVlBYc.M07d4s:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.X5WszA.gfbdq-,._8s7GCr.TVlBYc.gfbdq-,.gfbdq-{margin:0 .6em 0 1.5em;pointer-events:none}.X5WszA.p2idHY .M07d4s,.X5WszA.p2idHY .X5WszA.M07d4s,.X5WszA.p2idHY ._8s7GCr.TVlBYc.M07d4s,._8s7GCr.TVlBYc.p2idHY .M07d4s,._8s7GCr.TVlBYc.p2idHY .X5WszA.M07d4s,._8s7GCr.TVlBYc.p2idHY ._8s7GCr.TVlBYc.M07d4s,.p2idHY .M07d4s,.p2idHY .X5WszA.M07d4s,.p2idHY ._8s7GCr.TVlBYc.M07d4s{border-color:red}.X5WszA.p2idHY .M07d4s:focus,.X5WszA.p2idHY .X5WszA.M07d4s:focus,.X5WszA.p2idHY ._8s7GCr.TVlBYc.M07d4s:focus,._8s7GCr.TVlBYc.p2idHY .M07d4s:focus,._8s7GCr.TVlBYc.p2idHY .X5WszA.M07d4s:focus,._8s7GCr.TVlBYc.p2idHY ._8s7GCr.TVlBYc.M07d4s:focus,.p2idHY .M07d4s:focus,.p2idHY .X5WszA.M07d4s:focus,.p2idHY ._8s7GCr.TVlBYc.M07d4s:focus{box-shadow:0 0 3px 1px #ff4500}.Q9uslG,.X5WszA.Q9uslG,._8s7GCr.TVlBYc.Q9uslG{color:red;font-size:.8em;font-style:italic;padding-right:.6em;text-align:right;width:100%}.T3cuHB,.m3-mdC.J15Z4H.T3cuHB,.m4mL-M.T3cuHB{display:flex;min-height:100vh;overflow:hidden;width:100%}.m3-mdC.J15Z4H.pPlQO2,.m4mL-M.pPlQO2,.pPlQO2{overflow:hidden;padding:1.2em;width:1024px}.lqNh4h,.m3-mdC.J15Z4H.lqNh4h,.m4mL-M.lqNh4h{flex:1;overflow:hidden}@keyframes TJe-6j{0%{top:-.3em}to{top:.3em}}.XIxe9o.YOyORH._7zdld4,._7zdld4,.uIObt7._7zdld4{display:inline-block}.XIxe9o.YOyORH.dBrB4g,.dBrB4g,.uIObt7.dBrB4g{animation:TJe-6j .4s ease-in infinite alternate;background:#000;border-radius:.3em;display:inline-block;height:.6em;margin:0 .1em;position:relative;width:.6em}.XIxe9o.YOyORH.dBrB4g:first-child,.dBrB4g:first-child,.uIObt7.dBrB4g:first-child{animation-delay:-.2s}.XIxe9o.YOyORH.dBrB4g:last-child,.dBrB4g:last-child,.uIObt7.dBrB4g:last-child{animation-delay:.2s}@keyframes L4ubm-{0%{opacity:0}to{opacity:1}}.GdZucr.M9gywF,.M9gywF,._4xT7zE.zd-vnH.M9gywF{border:.6em solid gray;height:0;pointer-events:none;position:absolute;width:0}.GdZucr.f9gY8K,._4xT7zE.zd-vnH.f9gY8K,.f9gY8K{animation:L4ubm- .6s;background:gray;border-radius:.3em;color:#fff;display:inline-block;left:0;padding:0 .3em;position:absolute;top:0}.GdZucr._4qDBRM,._4qDBRM,._4xT7zE.zd-vnH._4qDBRM{display:inline-block}* .sXHM81,.r3ABzd.YKcPnR .sXHM81,.veKyYi .sXHM81{aspect-ratio:16/9;background:#f5f5f5;position:relative}* .SlV2zw,.r3ABzd.YKcPnR .SlV2zw,.veKyYi .SlV2zw{height:100%;position:absolute;width:100%}* .jTxmOX,._5a9XX1._7sH52O .jTxmOX,.dzIcLh .jTxmOX{position:absolute;text-align:center;top:40%;transform:translateY(50%);width:100%}.KVPc7g.dzMVIB,.dzMVIB,.z2GQ0Z._8R1Qdj.dzMVIB{margin:.1em;position:relative}.KVPc7g.Vw9EKL,.Vw9EKL,.z2GQ0Z._8R1Qdj.Vw9EKL{margin:0 .3em}.KVPc7g.zd-OFg,.z2GQ0Z._8R1Qdj.zd-OFg,.zd-OFg{background:#fff;border:1px solid gray;border-radius:.3em;box-sizing:border-box;font:inherit;height:0;outline:none;overflow:hidden;padding:.3em .3em calc(.3em + 1px);resize:none;width:100%}.KVPc7g.zd-OFg:focus,.z2GQ0Z._8R1Qdj.zd-OFg:focus,.zd-OFg:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.KVPc7g.zd-OFg::-moz-placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::-moz-placeholder,.zd-OFg::-moz-placeholder{color:gray}.KVPc7g.zd-OFg::placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::placeholder,.zd-OFg::placeholder{color:gray}.KVPc7g.zd-OFg:disabled,.z2GQ0Z._8R1Qdj.zd-OFg:disabled,.zd-OFg:disabled{border-color:hsla(0,0%,50%,.34);color:hsla(0,0%,50%,.34);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.GiHBXI,.KVPc7g.GiHBXI,.z2GQ0Z._8R1Qdj.GiHBXI{opacity:0;position:absolute}
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{text-rendering:auto}*{box-sizing:border-box}.Ah-Nsc.Wki41G.ye2BZo,.Szmbbz.ye2BZo,.ye2BZo{background:#eee;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:998}.Ah-Nsc.Wki41G.ye2BZo:focus,.Szmbbz.ye2BZo:focus,.ye2BZo:focus{outline:none}.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{background:#fff;border-radius:.3em;box-shadow:0 0 14px 1px rgba(38,38,40,.15);left:50%;max-height:95vh;max-width:1024px;overflow:hidden;padding:.6em 1.2em;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:999}@media(max-width:1280px){.Ah-Nsc.Wki41G.gyZ4rc,.Szmbbz.gyZ4rc,.gyZ4rc{max-width:95vw}}._5fRFtF{overflow:hidden}.jKsMKG{inset:0;opacity:.2;position:fixed;z-index:1000}.R58zIg.O-Tp1i.oQKv0Y,._9Tod5r.oQKv0Y,.oQKv0Y{align-items:center;display:inline-flex;margin:.1em;position:relative}.R58zIg.O-Tp1i.YUPUNs,.YUPUNs,._9Tod5r.YUPUNs{margin:0 .6em 0 1.2em}.R58zIg.O-Tp1i.pNEyAA,._9Tod5r.pNEyAA,.pNEyAA{border:1px solid gray;border-radius:.3em;cursor:pointer;min-width:200px;outline:none;padding:.3em 3em .3em .6em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.R58zIg.O-Tp1i.pNEyAA:focus,._9Tod5r.pNEyAA:focus,.pNEyAA:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.LD2Kzy,.R58zIg.O-Tp1i.LD2Kzy,._9Tod5r.LD2Kzy{cursor:pointer;outline:none;padding:0 .6em}.LD2Kzy:focus,.LD2Kzy:hover,.R58zIg.O-Tp1i.LD2Kzy:focus,.R58zIg.O-Tp1i.LD2Kzy:hover,._9Tod5r.LD2Kzy:focus,._9Tod5r.LD2Kzy:hover{background:#4169e1;color:#fff}.LP5azC,.R58zIg.O-Tp1i.LP5azC,._9Tod5r.LP5azC{background:#fff;border:1px solid gray;border-radius:0 0 .3em .3em;border-top:none;box-shadow:0 6px 12px 3px #d3d3d3;position:fixed;z-index:1001}.-wscve,.R58zIg.O-Tp1i.-wscve,._9Tod5r.-wscve{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border-left:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;position:absolute;right:0;top:0}.-wscve:after,.R58zIg.O-Tp1i.-wscve:after,._9Tod5r.-wscve:after{content:"▼"}.R58zIg.O-Tp1i.k2UDsV .-wscve,._9Tod5r.k2UDsV .-wscve,.k2UDsV .-wscve{border-radius:0 .3em 0 0}.R58zIg.O-Tp1i.k2UDsV .pNEyAA,._9Tod5r.k2UDsV .pNEyAA,.k2UDsV .pNEyAA{border-color:blue;border-radius:.3em .3em 0 0}.HWRvu4.k2UDsV .-wscve,.R58zIg.O-Tp1i.HWRvu4.k2UDsV .-wscve,._9Tod5r.HWRvu4.k2UDsV .-wscve{border-radius:0 0 .3em}.HWRvu4.k2UDsV .pNEyAA,.R58zIg.O-Tp1i.HWRvu4.k2UDsV .pNEyAA,._9Tod5r.HWRvu4.k2UDsV .pNEyAA{border-radius:0 0 .3em .3em}.HWRvu4.LP5azC,.R58zIg.O-Tp1i.HWRvu4.LP5azC,._9Tod5r.HWRvu4.LP5azC{border-bottom:none;border-radius:.3em .3em 0 0;border-top:1px solid gray;box-shadow:none}.ADu59e.FTP2bb.kI9A9U,.kI9A9U,.xHyZo4.kI9A9U{display:flex;flex:1;min-width:5.5em;overflow:hidden;position:relative}.ADu59e.FTP2bb.DubGkT,.DubGkT,.xHyZo4.DubGkT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:0 .3em .3em 0;bottom:0;padding:.3em .6em;pointer-events:none;position:absolute;right:0;top:0}.ADu59e.FTP2bb.DubGkT:after,.DubGkT:after,.xHyZo4.DubGkT:after{content:"▼"}.ADu59e.FTP2bb.WtSZPd,.WtSZPd,.xHyZo4.WtSZPd{align-items:center;display:inline-flex;margin:.1em;position:relative}.ayMn7O+.ADu59e.FTP2bb.DubGkT,.ayMn7O+.DubGkT,.ayMn7O+.xHyZo4.DubGkT,:active+.ADu59e.FTP2bb.DubGkT,:active+.DubGkT,:active+.xHyZo4.DubGkT{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-bottom-right-radius:0}:focus+.ADu59e.FTP2bb.DubGkT,:focus+.DubGkT,:focus+.xHyZo4.DubGkT{border-color:blue blue blue gray}.ADu59e.FTP2bb.K7JYKw,.K7JYKw,.xHyZo4.K7JYKw{margin:0 .6em 0 1.5em;pointer-events:none}.ADu59e.FTP2bb._27pZ6W,._27pZ6W,.xHyZo4._27pZ6W{color:#000}.ADu59e.FTP2bb.clAKFJ,.clAKFJ,.xHyZo4.clAKFJ{display:none}.ADu59e.FTP2bb.N0Fc14,.N0Fc14,.xHyZo4.N0Fc14{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;flex:1;font:inherit;max-width:100%;outline:none;padding:.3em 3.3em calc(.3em + 1px) 1.2em}.ADu59e.FTP2bb.N0Fc14:active,.N0Fc14:active,.xHyZo4.N0Fc14:active{background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.ADu59e.FTP2bb.N0Fc14:focus,.N0Fc14:focus,.xHyZo4.N0Fc14:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.ADu59e.FTP2bb.N0Fc14.wL4umU,.N0Fc14.wL4umU,.xHyZo4.N0Fc14.wL4umU{color:gray}.AWNvRj,.HNliRC._2Ue-db.AWNvRj,.VMHfnP.AWNvRj{align-items:center;display:flex;gap:.6em}.HNliRC._2Ue-db.fUfIAd,.VMHfnP.fUfIAd,.fUfIAd{border:1px solid transparent;border-radius:.3em;cursor:pointer;outline:none;padding:0 .9em}.HNliRC._2Ue-db.fUfIAd:focus,.VMHfnP.fUfIAd:focus,.fUfIAd:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.HNliRC._2Ue-db.Wco-qk,.VMHfnP.Wco-qk,.Wco-qk{background:#fff;border:1px solid gray;cursor:default}.CZYtcC,.HNliRC._2Ue-db.CZYtcC,.VMHfnP.CZYtcC{align-items:center;background:#f5f5f5;border:1px solid gray;border-radius:.3em;display:flex;gap:.3em;padding:.3em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zH52sA[disabled]{cursor:not-allowed}.E1FNQT,.KM0v4f.E1FNQT,._3jm1-Q._0plpDL.E1FNQT{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);border:1px solid gray;border-radius:.3em;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:.1em;padding:.3em 1.2em;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.E1FNQT:visited,.KM0v4f.E1FNQT:visited,._3jm1-Q._0plpDL.E1FNQT:visited{color:inherit}.E1FNQT.MAe9O6,.E1FNQT:active,.KM0v4f.E1FNQT.MAe9O6,.KM0v4f.E1FNQT:active,._3jm1-Q._0plpDL.E1FNQT.MAe9O6,._3jm1-Q._0plpDL.E1FNQT:active{background-image:linear-gradient(180deg,#d3d3d3,#fff 50%,#fff);border-color:gray;box-shadow:inset 0 1px 3px 0 #d3d3d3}.E1FNQT:focus,.KM0v4f.E1FNQT:focus,._3jm1-Q._0plpDL.E1FNQT:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6;outline:none}.Br9IWV,.KM0v4f.Br9IWV,._3jm1-Q._0plpDL.Br9IWV{cursor:not-allowed;opacity:.33}.Br9IWV.MAe9O6,.Br9IWV:active,.KM0v4f.Br9IWV.MAe9O6,.KM0v4f.Br9IWV:active,._3jm1-Q._0plpDL.Br9IWV.MAe9O6,._3jm1-Q._0plpDL.Br9IWV:active{background-image:linear-gradient(0deg,#d3d3d3,#fff 50%,#fff);box-shadow:none}.A-f8qJ,.dNQcC6.A-f8qJ,.earXxa.qAPfQ6.A-f8qJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid gray;border-radius:.3em;cursor:pointer;font:inherit;height:1.5em;margin:0;outline:none;width:1.5em}.A-f8qJ:checked:after,.dNQcC6.A-f8qJ:checked:after,.earXxa.qAPfQ6.A-f8qJ:checked:after{background:#000;border-radius:.3em;content:"";display:block;height:1em;margin:.2em;width:1em}.A-f8qJ:focus,.dNQcC6.A-f8qJ:focus,.earXxa.qAPfQ6.A-f8qJ:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.A-f8qJ.N9bCb8:after,.dNQcC6.A-f8qJ.N9bCb8:after,.earXxa.qAPfQ6.A-f8qJ.N9bCb8:after{background:#000;border-radius:.2em;content:"";display:block;height:.2em;margin:.6em .2em;width:1em}.Kr0g3M,.dNQcC6.Kr0g3M,.earXxa.qAPfQ6.Kr0g3M{align-items:center;display:inline-flex;margin:.1em}._3dML-O,.dNQcC6._3dML-O,.earXxa.qAPfQ6._3dML-O{margin:0 .6em 0 1.5em}.EzQra1,.dNQcC6.EzQra1,.earXxa.qAPfQ6.EzQra1{opacity:.33}.EzQra1 .A-f8qJ,.dNQcC6.EzQra1 .A-f8qJ,.earXxa.qAPfQ6.EzQra1 .A-f8qJ{cursor:not-allowed!important}.Cxx397,.X5WszA.Cxx397,._8s7GCr.TVlBYc.Cxx397{align-items:center;display:inline-flex;flex-wrap:wrap;margin:.1em;position:relative}.X5WszA.m4FpDO,._8s7GCr.TVlBYc.m4FpDO,.m4FpDO{width:100%}.M07d4s,.X5WszA.M07d4s,._8s7GCr.TVlBYc.M07d4s{border:1px solid gray;border-radius:.3em;cursor:text;flex:1;font:inherit;outline:none;padding:.3em .3em calc(.3em + 1px)}.M07d4s:focus,.X5WszA.M07d4s:focus,._8s7GCr.TVlBYc.M07d4s:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.X5WszA.gfbdq-,._8s7GCr.TVlBYc.gfbdq-,.gfbdq-{margin:0 .6em 0 1.5em;pointer-events:none}.X5WszA.p2idHY .M07d4s,.X5WszA.p2idHY .X5WszA.M07d4s,.X5WszA.p2idHY ._8s7GCr.TVlBYc.M07d4s,._8s7GCr.TVlBYc.p2idHY .M07d4s,._8s7GCr.TVlBYc.p2idHY .X5WszA.M07d4s,._8s7GCr.TVlBYc.p2idHY ._8s7GCr.TVlBYc.M07d4s,.p2idHY .M07d4s,.p2idHY .X5WszA.M07d4s,.p2idHY ._8s7GCr.TVlBYc.M07d4s{border-color:red}.X5WszA.p2idHY .M07d4s:focus,.X5WszA.p2idHY .X5WszA.M07d4s:focus,.X5WszA.p2idHY ._8s7GCr.TVlBYc.M07d4s:focus,._8s7GCr.TVlBYc.p2idHY .M07d4s:focus,._8s7GCr.TVlBYc.p2idHY .X5WszA.M07d4s:focus,._8s7GCr.TVlBYc.p2idHY ._8s7GCr.TVlBYc.M07d4s:focus,.p2idHY .M07d4s:focus,.p2idHY .X5WszA.M07d4s:focus,.p2idHY ._8s7GCr.TVlBYc.M07d4s:focus{box-shadow:0 0 3px 1px #ff4500}.Q9uslG,.X5WszA.Q9uslG,._8s7GCr.TVlBYc.Q9uslG{color:red;font-size:.8em;font-style:italic;padding-right:.6em;text-align:right;width:100%}.T3cuHB,.m3-mdC.J15Z4H.T3cuHB,.m4mL-M.T3cuHB{display:flex;min-height:100vh;overflow:hidden;width:100%}.m3-mdC.J15Z4H.pPlQO2,.m4mL-M.pPlQO2,.pPlQO2{overflow:hidden;padding:1.2em;width:1024px}.lqNh4h,.m3-mdC.J15Z4H.lqNh4h,.m4mL-M.lqNh4h{flex:1;overflow:hidden}@keyframes TJe-6j{0%{top:-.3em}to{top:.3em}}.XIxe9o.YOyORH._7zdld4,._7zdld4,.uIObt7._7zdld4{display:inline-block}.XIxe9o.YOyORH.dBrB4g,.dBrB4g,.uIObt7.dBrB4g{animation:TJe-6j .4s ease-in infinite alternate;background:#000;border-radius:.3em;display:inline-block;height:.6em;margin:0 .1em;position:relative;width:.6em}.XIxe9o.YOyORH.dBrB4g:first-child,.dBrB4g:first-child,.uIObt7.dBrB4g:first-child{animation-delay:-.2s}.XIxe9o.YOyORH.dBrB4g:last-child,.dBrB4g:last-child,.uIObt7.dBrB4g:last-child{animation-delay:.2s}@keyframes L4ubm-{0%{opacity:0}to{opacity:1}}.GdZucr.M9gywF,.M9gywF,._4xT7zE.zd-vnH.M9gywF{border:.6em solid gray;height:0;pointer-events:none;position:absolute;width:0}.GdZucr.f9gY8K,._4xT7zE.zd-vnH.f9gY8K,.f9gY8K{animation:L4ubm- .6s;background:gray;border-radius:.3em;color:#fff;display:inline-block;left:0;padding:0 .3em;position:absolute;top:0}.GdZucr._4qDBRM,._4qDBRM,._4xT7zE.zd-vnH._4qDBRM{display:inline-block}* .sXHM81,.r3ABzd.YKcPnR .sXHM81,.veKyYi .sXHM81{aspect-ratio:16/9;background:#f5f5f5;position:relative}* .SlV2zw,.r3ABzd.YKcPnR .SlV2zw,.veKyYi .SlV2zw{height:100%;position:absolute;width:100%}* .jTxmOX,._5a9XX1._7sH52O .jTxmOX,.dzIcLh .jTxmOX{position:absolute;text-align:center;top:40%;transform:translateY(50%);width:100%}.KVPc7g.dzMVIB,.dzMVIB,.z2GQ0Z._8R1Qdj.dzMVIB{display:inline-flex;flex-wrap:wrap;margin:.1em;position:relative}.KVPc7g.Vw9EKL,.Vw9EKL,.z2GQ0Z._8R1Qdj.Vw9EKL{margin:0 .3em}.KVPc7g.zd-OFg,.z2GQ0Z._8R1Qdj.zd-OFg,.zd-OFg{background:#fff;border:1px solid gray;border-radius:.3em;box-sizing:border-box;font:inherit;height:0;outline:none;overflow:hidden;padding:.3em .3em calc(.3em + 1px);resize:none;width:100%}.KVPc7g.zd-OFg:focus,.z2GQ0Z._8R1Qdj.zd-OFg:focus,.zd-OFg:focus{border-color:blue;box-shadow:0 0 3px 1px #add8e6}.KVPc7g.zd-OFg::-moz-placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::-moz-placeholder,.zd-OFg::-moz-placeholder{color:gray}.KVPc7g.zd-OFg::placeholder,.z2GQ0Z._8R1Qdj.zd-OFg::placeholder,.zd-OFg::placeholder{color:gray}.KVPc7g.zd-OFg:disabled,.z2GQ0Z._8R1Qdj.zd-OFg:disabled,.zd-OFg:disabled{border-color:hsla(0,0%,50%,.34);color:hsla(0,0%,50%,.34);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.K2JcEY .KVPc7g.zd-OFg,.K2JcEY .z2GQ0Z._8R1Qdj.zd-OFg,.K2JcEY .zd-OFg,.KVPc7g.K2JcEY .KVPc7g.zd-OFg,.KVPc7g.K2JcEY .z2GQ0Z._8R1Qdj.zd-OFg,.KVPc7g.K2JcEY .zd-OFg,.z2GQ0Z._8R1Qdj.K2JcEY .KVPc7g.zd-OFg,.z2GQ0Z._8R1Qdj.K2JcEY .z2GQ0Z._8R1Qdj.zd-OFg,.z2GQ0Z._8R1Qdj.K2JcEY .zd-OFg{border-color:red}.K2JcEY .KVPc7g.zd-OFg:focus,.K2JcEY .z2GQ0Z._8R1Qdj.zd-OFg:focus,.K2JcEY .zd-OFg:focus,.KVPc7g.K2JcEY .KVPc7g.zd-OFg:focus,.KVPc7g.K2JcEY .z2GQ0Z._8R1Qdj.zd-OFg:focus,.KVPc7g.K2JcEY .zd-OFg:focus,.z2GQ0Z._8R1Qdj.K2JcEY .KVPc7g.zd-OFg:focus,.z2GQ0Z._8R1Qdj.K2JcEY .z2GQ0Z._8R1Qdj.zd-OFg:focus,.z2GQ0Z._8R1Qdj.K2JcEY .zd-OFg:focus{box-shadow:0 0 3px 1px #ff4500}.KVPc7g.nWsJDB,.nWsJDB,.z2GQ0Z._8R1Qdj.nWsJDB{color:red;font-size:.8em;font-style:italic;padding-right:.6em;text-align:right;width:100%}.GiHBXI,.KVPc7g.GiHBXI,.z2GQ0Z._8R1Qdj.GiHBXI{opacity:0;position:absolute}
 /*# sourceMappingURL=style.css.map*/

package/build/production/style.css.map

@@ -1 +1 @@
-{"version":3,"file":"style.css","mappings":"AAUA,2ZASE,SACA,aACA,eAJA,SACA,UAIA,wBAIF,8EAEE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBC9CF,KACE,oBAGF,EACE,sBCJA,6CACE,gBACA,YACA,OACA,WACA,eACA,MACA,WACA,WCR0B,CDU1B,4EAGF,6CACE,gBAEA,mBADA,2CASA,SAPA,gBACA,gBEPQ,CFQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YEeF,yBF5BA,6CAgBI,gBGlCN,SACE,gBCDF,QACE,QACA,WACA,eACA,aCJF,8CASE,kBACE,oBACA,YACA,kBACA,+CAKF,qBACE,+CAGF,qBAtBO,mBAwBL,eACA,gBACA,aACA,2BACA,kBACA,gEACA,iEAEA,iBACE,+BACA,+CAIJ,cACE,aACA,eACA,CAIE,gIAGF,kBACE,WACA,+CAIJ,eACE,CAEA,qBACA,CA1DK,2BAyDL,gBACA,kCACA,eACA,aACA,+CAGF,4DACE,2BAjEK,4BAmEL,SACA,kBACA,kBACA,QACA,MACA,iEAEA,WACE,uEAKF,wBACE,uEAGF,iBACE,4BACA,4FASA,sBACE,4FAGF,2BACE,oEAKJ,kBACE,CA1GG,2BA4GH,CAFA,yBA1GG,CA4GH,eAMA,CClHN,6CAGE,YACE,OACA,gBACA,gBACA,kBACA,8CAGF,4DACE,sBACA,4BACA,SACA,kBACA,oBACA,kBACA,QACA,MACA,gEAEA,WACE,8CAIJ,kBACE,oBACA,YACA,kBACA,2IAGF,8DAEE,6BACA,mEAIA,gCACA,8CAGF,qBACE,oBACA,iDAGF,wDACA,0DAEA,uBACE,CADF,oBACE,CADF,eACE,gBACA,sBACA,mBACA,cACA,eACA,qBACA,OACA,aACA,eACA,aACA,0CACA,mEAEA,eACE,4BACA,6BACA,gEAGF,iBACE,+BACA,mEAGF,WC3EF,8CACE,mBACA,aACA,SAGF,8CACE,6BACA,mBACA,eACA,aACA,eAEA,gEACE,kBACA,+BAIJ,8CAEE,gBADA,sBAEA,eAGF,8CACE,mBACA,mBACA,sBACA,mBACA,aACA,SACA,aACA,gECpCJ,kBACE,mBCMA,+CACE,6DACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,YACA,mBACA,kBACA,qBACA,gEAEA,uEACE,cAGF,wIAEE,+DAEA,kBADA,oCACA,CAGF,iEAEE,kBADA,+BAEA,aAKJ,+CACE,mBACA,YAKA,wIAEE,6DACA,gBC/CJ,6CACE,6DACA,gBACA,sBACA,mBACA,eACA,aACA,aAEA,SADA,aAEA,YAGE,uFACE,gBACA,mBACA,WACA,cACA,WACA,YACA,UAIJ,+DACE,kBACA,+BAIA,oFACE,gBACA,mBACA,WACA,cACA,YACA,iBACA,UAKN,6CACE,mBACA,oBACA,YAGF,gDACE,sBAGF,6CACE,YAEA,qEACE,6BCxDJ,8CACE,mBACA,oBACA,eACA,YACA,kBAGF,8CACE,WAGF,8CACE,sBACA,mBACA,YAEA,OADA,aAEA,aACA,mCAEA,gEACE,kBACA,+BAIJ,8CACE,sBACA,oBAGF,oRACE,iBAEA,0UACE,+BAIJ,8CACE,UACA,eACA,kBACA,mBACA,iBACA,WCrCF,6CACE,aACA,iBACA,gBACA,WAGF,6CACE,gBACA,cACA,YVNQ,CUSV,6CACE,OACA,gBC3BJ,kBACE,aACA,aAMA,gDACE,qBAGF,6CACE,gDACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAEA,sGACA,kGCvBJ,kBACE,aACA,cAMA,8CACE,uBAIA,QAAO,CAHP,oBACA,kBACA,OACA,CAOF,8CASE,qBARA,gBACA,mBACA,WACA,qBAIA,OAHA,eACA,kBACA,KAEA,CAGF,iDACE,qBC9BF,iDACE,kBACA,mBACA,kBAGF,iDACE,YACA,kBACA,WCTF,mDACE,kBACA,kBACA,QACA,0BACA,WCHF,8CACE,YACA,kBAGF,8CACE,cAGF,8CACE,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YACA,WAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,8CAGE,UACA","sources":["webpack://@dr.pogodin/react-utils/./src/styles/_global/reset.css","webpack://@dr.pogodin/react-utils/./src/styles/global.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/styles/mixins.scss","webpack://@dr.pogodin/react-utils/./src/styles/_mixins/media.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/styles.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/Options/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/NativeDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/Switch/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/style.scss"],"sourcesContent":["/* Eric Meyer's \"Reset CSS\" 2.0 */\n\n/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\n/* Having all selectors at individual lines is unreadable in the case of this\n * style reset sheet. */\n/* stylelint-disable selector-list-comma-newline-after */\na, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,\nbody, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,\nem, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,\nheader, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark,  menu,\nnav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,\nstrike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,\ntt, u, ul, var, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote::before, blockquote::after, q::before, q::after {\n  content: \"\";\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n","/* Global styles. */\n\n@use \"_global/reset\";\n\nbody {\n  text-rendering: auto;\n}\n\n* {\n  box-sizing: border-box;\n}\n","@use \"styles/mixins\" as *;\n\n*,\n.context,\n.ad.hoc {\n  &.overlay {\n    background: #eee;\n    height: 100%;\n    left: 0;\n    opacity: 0.8;\n    position: fixed;\n    top: 0;\n    width: 100%;\n    z-index: $zIndexOfDefaultModalOverlay;\n\n    &:focus { outline: none; }\n  }\n\n  &.container {\n    background: #fff;\n    box-shadow: 0 0 14px 1px rgb(38 38 40 / 15%);\n    border-radius: 0.3em;\n    max-height: 95vh;\n    max-width: $screen-md;\n    overflow: hidden;\n    padding: 0.6em 1.2em;\n    width: 480px;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: $zIndexOfDefaultModalOverlay + 1;\n\n    @include xs-to-lg {\n      max-width: 95vw;\n    }\n  }\n}\n","/* Collection of standard mixins, being used all around. */\n@forward \"_mixins/fonts\";\n@forward \"_mixins/media\";\n@forward \"_mixins/typography\";\n\n$zIndexOfDefaultModalOverlay: 998;\n","/**\n * Mixins for different layout sizes: xs, sm, md, lg.\n * Breaking points are defined in _variables.scss\n * The range mixins A-to-B all means \"for the sizes from A to B, both\n * inclusive\", in particular it means that mixin A-to-lg is equivalent to\n * all sizes from A (inclusive) and larger.\n *\n * NOTE: For convenience, these mixins are sorted not alphabetically, but,\n * first, by increase of the first size; second, by increase of the second size.\n */\n\n/* Break points. */\n\n$screen-xs: 320px !default;\n$screen-sm: 495px !default;\n$screen-mm: 768px !default;\n$screen-md: 1024px !default;\n$screen-lg: 1280px !default;\n\n/* XS */\n\n@mixin xs {\n  @media (max-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n@mixin xs-to-sm {\n  @media (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-mm {\n  @media (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-md {\n  @media (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin xs-to-lg {\n  @media (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n/* SM */\n\n@mixin sm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-mm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-md {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin sm-to-lg {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin sm-to-xl {\n  @media (min-width: #{$screen-xs + 1px}) {\n    @content;\n  }\n}\n\n/* MM */\n\n@mixin mm {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin mm-to-md {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin mm-to-lg {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin mm-to-xl {\n  @media (min-width: #{$screen-sm + 1px}) {\n    @content;\n  }\n}\n\n/* MD */\n\n@mixin md {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin md-to-lg {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin md-to-xl {\n  @media (min-width: #{$screen-mm + 1px}) {\n    @content;\n  }\n}\n\n/* LG */\n\n@mixin lg {\n  @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin lg-to-xl {\n  @media (min-width: #{$screen-md + 1px}) {\n    @content;\n  }\n}\n\n/* XL */\n\n@mixin xl {\n  @media (min-width: #{$screen-lg + 1px}) {\n    @content;\n  }\n}\n",".scrollingDisabledByModal {\n  overflow: hidden;\n}\n",".overlay {\n  inset: 0;\n  opacity: 0.2;\n  position: fixed;\n  z-index: 1000;\n}\n","$border: 1px solid gray;\n\n*,\n.context,\n.ad.hoc {\n  // The outermost dropdown container, holding together the label (if any),\n  // and the select element with arrow. Note, that the dropdown option list,\n  // when opened, exists completely outside the dropdown DOM hierarchy, and\n  // is aligned into the correct position by JS.\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  // Styling of default label next to the dropdown (has no effect on custom\n  // non-string label node, if provided).\n  &.label {\n    margin: 0 0.6em 0 1.2em;\n  }\n\n  &.dropdown {\n    border: $border;\n    border-radius: 0.3em;\n    cursor: pointer;\n    min-width: 200px;\n    outline: none;\n    padding: 0.3em 3.0em 0.3em 0.6em;\n    position: relative;\n    user-select: none;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.option {\n    cursor: pointer;\n    outline: none ;\n    padding: 0 0.6em;\n\n    &:focus {\n      background: royalblue;\n      color: white;\n    }\n\n    &:hover {\n      background: royalblue;\n      color: white;\n    }\n  }\n\n  &.select {\n    background: white;\n    border: $border;\n    border-radius: 0 0 0.3em 0.3em;\n    border-top: none;\n    box-shadow: 0 6px 12px 3px lightgray;\n    position: fixed;\n    z-index: 1001;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border-left: $border;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.active {\n    .arrow {\n      border-radius: 0 0.3em 0 0;\n    }\n\n    .dropdown {\n      border-color: blue;\n      border-radius: 0.3em 0.3em 0 0;\n    }\n  }\n\n  &.upward {\n    &.active {\n      // NOTE: Here StyleLint complains about order & specifity of selectors in\n      // the compiled CSS, but it should have no effect on the actual styling.\n      // stylelint-disable no-descending-specificity\n      .arrow {\n        border-radius: 0 0 0.3em;\n      }\n\n      .dropdown {\n        border-radius: 0 0 0.3em 0.3em;\n      }\n      // stylelint-enable no-descending-specificity\n    }\n\n    &.select {\n      border-bottom: none;\n      border-top: $border;\n      border-radius: 0.3em 0.3em 0 0;\n\n      // NOTE: Here a normal (downward) shadow would weirdly cast over\n      // the dropdown element, and other ways to cast the shadow result in\n      // \"upward\" shadow, which is also weird. Thus, better no shadow at all\n      // for the upward-opened dropdown.\n      box-shadow: none;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.dropdown {\n    display: flex;\n    flex: 1;\n    min-width: 5.5em;\n    overflow: hidden;\n    position: relative;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: 1px solid gray;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  .active + &.arrow,\n  :active + &.arrow {\n    background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n    border-bottom-right-radius: 0;\n  }\n\n  :focus + &.arrow {\n    border-color: blue;\n    border-left-color: gray;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n    pointer-events: none;\n  }\n\n  &.option { color: black; }\n  &.hiddenOption { display: none; }\n\n  &.select {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    flex: 1;\n    font: inherit;\n    max-width: 100%;\n    outline: none;\n    padding: 0.3em 3.3em calc(0.3em + 1px) 1.2em;\n\n    &:active {\n      background: white;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &.invalid { color: gray; }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: flex;\n    gap: 0.6em;\n  }\n\n  &.option {\n    border: 1px solid transparent;\n    border-radius: 0.3em;\n    cursor: pointer;\n    outline: none;\n    padding: 0 0.9em;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.selected {\n    border: 1px solid gray;\n    background: white;\n    cursor: default;\n  }\n\n  &.options {\n    align-items: center;\n    background: whitesmoke;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    display: flex;\n    gap: 0.3em;\n    padding: 0.3em;\n    user-select: none;\n  }\n}\n",".link[disabled] {\n  cursor: not-allowed;\n}\n","/**\n * The default button theme.\n */\n\n*,\n.context,\n.ad.hoc {\n  &.button {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: solid 1px gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    font: inherit;\n    margin: 0.1em;\n    padding: 0.3em 1.2em;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n\n    &:visited {\n      color: inherit;\n    }\n\n    &.active,\n    &:active {\n      background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n      box-shadow: inset 0 1px 3px 0 lightgray;\n      border-color: gray;\n    }\n\n    &:focus {\n      box-shadow: 0 0 3px 1px lightblue;\n      border-color: blue;\n      outline: none;\n    }\n  }\n\n  /* Additional styling of disabled buttons. */\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.33;\n\n    // Note: this \"cancels out\" the active state styling of an active button,\n    // which is defined above, thus ensuring a click on disabled button does\n    // not alter its appearance (does not result in visual press).\n    &.active,\n    &:active {\n      background-image: linear-gradient(to top, lightgray, white 50%, white);\n      box-shadow: none;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.checkbox {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: pointer;\n    font: inherit;\n    height: 1.5em;\n    outline: none;\n    margin: 0;\n    width: 1.5em;\n\n    &:checked {\n      &::after {\n        background: black;\n        border-radius: 0.3em;\n        content: \"\";\n        display: block;\n        height: 1em;\n        margin: 0.2em;\n        width: 1em;\n      }\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &.indeterminate {\n      &::after {\n        background: black;\n        border-radius: 0.2em;\n        content: \"\";\n        display: block;\n        height: 0.2em;\n        margin: 0.6em 0.2em;\n        width: 1em;\n      }\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n\n  &.disabled {\n    opacity: 0.33;\n\n    .checkbox {\n      cursor: not-allowed !important;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    flex-wrap: wrap;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.children {\n    width: 100%;\n  }\n\n  &.input {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: text;\n    font: inherit;\n    flex: 1;\n    outline: none;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n    pointer-events: none;\n  }\n\n  &.error &.input {\n    border-color: red;\n\n    &:focus {\n      box-shadow: 0 0 3px 1px orangered;\n    }\n  }\n\n  &.errorMessage {\n    color: red;\n    font-size: 0.8em;\n    font-style: italic;\n    padding-right: 0.6em;\n    text-align: right;\n    width: 100%;\n  }\n}\n","/**\n * Base theme: symmetric 3-columns layout, with the center column occupying all\n * screen up to mid screen size. For larger screen sizes the main column is\n * limited by the mid screen size, and the free space is filled with side\n * columns on left and right.\n */\n\n@use \"styles/mixins\" as *;\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: flex;\n    min-height: 100vh;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.mainPanel {\n    overflow: hidden;\n    padding: 1.2em;\n    width: $screen-md;\n  }\n\n  &.sidePanel {\n    flex: 1;\n    overflow: hidden;\n  }\n}\n","@keyframes bouncing {\n  from { top: -0.3em; }\n  to { top: 0.3em; }\n}\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-block;\n  }\n\n  &.circle {\n    animation: bouncing 0.4s ease-in infinite alternate;\n    background: black;\n    border-radius: 0.3em;\n    display: inline-block;\n    height: 0.6em;\n    margin: 0 0.1em;\n    position: relative;\n    width: 0.6em;\n\n    &:first-child { animation-delay: -0.2s; }\n    &:last-child { animation-delay: 0.2s; }\n  }\n}\n","@keyframes appearance {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n*,\n.ad.hoc,\n.context {\n  &.arrow {\n    border: 0.6em solid grey;\n    pointer-events: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n\n  /*\n  &.content { }\n  */\n\n  &.container {\n    background: grey;\n    border-radius: 0.3em;\n    color: white;\n    display: inline-block;\n    padding: 0 0.3em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    animation: appearance 0.6s;\n  }\n\n  &.wrapper {\n    display: inline-block;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    aspect-ratio: 16 / 9;\n    background: whitesmoke;\n    position: relative;\n  }\n\n  .video {\n    height: 100%;\n    position: absolute;\n    width: 100%;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    position: absolute;\n    text-align: center;\n    top: 40%;\n    transform: translateY(50%);\n    width: 100%;\n  }\n}\n","@use \"sass:color\";\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.label {\n    margin: 0 0.3em;\n  }\n\n  &.textarea {\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    box-sizing: border-box;\n    font: inherit;\n    height: 0;\n    outline: none;\n    overflow: hidden;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n    resize: none;\n    width: 100%;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &::placeholder {\n      color: gray;\n    }\n\n    &:disabled {\n      border-color: color.adjust($color: gray, $alpha: -0.66);\n      cursor: not-allowed;\n      color: color.adjust($color: gray, $alpha: -0.66);\n      user-select: none;\n    }\n  }\n\n  &.hidden {\n    // NOTE: We hide it this way, as setting \"display: none\" will interfere\n    // with measurements, making the hidden input height zero.\n    opacity: 0;\n    position: absolute;\n  }\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"style.css","mappings":"AAUA,2ZASE,SACA,aACA,eAJA,SACA,UAIA,wBAIF,8EAEE,cAGF,KACE,cAGF,MACE,gBAGF,aACE,YAGF,oDACE,WACA,aAGF,MACE,yBACA,iBC9CF,KACE,oBAGF,EACE,sBCJA,6CACE,gBACA,YACA,OACA,WACA,eACA,MACA,WACA,WCR0B,CDU1B,4EAGF,6CACE,gBAEA,mBADA,2CASA,SAPA,gBACA,gBEPQ,CFQR,gBACA,mBAEA,eACA,QAEA,+BAJA,YAKA,YEeF,yBF5BA,6CAgBI,gBGlCN,SACE,gBCDF,QACE,QACA,WACA,eACA,aCJF,8CASE,kBACE,oBACA,YACA,kBACA,+CAKF,qBACE,+CAGF,qBAtBO,mBAwBL,eACA,gBACA,aACA,2BACA,kBACA,gEACA,iEAEA,iBACE,+BACA,+CAIJ,cACE,aACA,eACA,CAIE,gIAGF,kBACE,WACA,+CAIJ,eACE,CAEA,qBACA,CA1DK,2BAyDL,gBACA,kCACA,eACA,aACA,+CAGF,4DACE,2BAjEK,4BAmEL,SACA,kBACA,kBACA,QACA,MACA,iEAEA,WACE,uEAKF,wBACE,uEAGF,iBACE,4BACA,4FASA,sBACE,4FAGF,2BACE,oEAKJ,kBACE,CA1GG,2BA4GH,CAFA,yBA1GG,CA4GH,eAMA,CClHN,6CAGE,YACE,OACA,gBACA,gBACA,kBACA,8CAGF,4DACE,sBACA,4BACA,SACA,kBACA,oBACA,kBACA,QACA,MACA,gEAEA,WACE,8CAIJ,kBACE,oBACA,YACA,kBACA,2IAGF,8DAEE,6BACA,mEAIA,gCACA,8CAGF,qBACE,oBACA,iDAGF,wDACA,0DAEA,uBACE,CADF,oBACE,CADF,eACE,gBACA,sBACA,mBACA,cACA,eACA,qBACA,OACA,aACA,eACA,aACA,0CACA,mEAEA,eACE,4BACA,6BACA,gEAGF,iBACE,+BACA,mEAGF,WC3EF,8CACE,mBACA,aACA,SAGF,8CACE,6BACA,mBACA,eACA,aACA,eAEA,gEACE,kBACA,+BAIJ,8CAEE,gBADA,sBAEA,eAGF,8CACE,mBACA,mBACA,sBACA,mBACA,aACA,SACA,aACA,gECpCJ,kBACE,mBCMA,+CACE,6DACA,sBACA,mBACA,cACA,eACA,qBACA,aACA,YACA,mBACA,kBACA,qBACA,gEAEA,uEACE,cAGF,wIAEE,+DAEA,kBADA,oCACA,CAGF,iEAEE,kBADA,+BAEA,aAKJ,+CACE,mBACA,YAKA,wIAEE,6DACA,gBC/CJ,6CACE,6DACA,gBACA,sBACA,mBACA,eACA,aACA,aAEA,SADA,aAEA,YAGE,uFACE,gBACA,mBACA,WACA,cACA,WACA,YACA,UAIJ,+DACE,kBACA,+BAIA,oFACE,gBACA,mBACA,WACA,cACA,YACA,iBACA,UAKN,6CACE,mBACA,oBACA,YAGF,gDACE,sBAGF,6CACE,YAEA,qEACE,6BCxDJ,8CACE,mBACA,oBACA,eACA,YACA,kBAGF,8CACE,WAGF,8CACE,sBACA,mBACA,YAEA,OADA,aAEA,aACA,mCAEA,gEACE,kBACA,+BAIJ,8CACE,sBACA,oBAGF,oRACE,iBAEA,0UACE,+BAIJ,8CACE,UACA,eACA,kBACA,mBACA,iBACA,WCrCF,6CACE,aACA,iBACA,gBACA,WAGF,6CACE,gBACA,cACA,YVNQ,CUSV,6CACE,OACA,gBC3BJ,kBACE,aACA,aAMA,gDACE,qBAGF,6CACE,gDACA,gBACA,mBACA,qBACA,YACA,cACA,kBACA,WAEA,sGACA,kGCvBJ,kBACE,aACA,cAMA,8CACE,uBAIA,QAAO,CAHP,oBACA,kBACA,OACA,CAOF,8CASE,qBARA,gBACA,mBACA,WACA,qBAIA,OAHA,eACA,kBACA,KAEA,CAGF,iDACE,qBC9BF,iDACE,kBACA,mBACA,kBAGF,iDACE,YACA,kBACA,WCTF,mDACE,kBACA,kBACA,QACA,0BACA,WCHF,8CACE,oBACA,eACA,YACA,kBAGF,8CACE,cAGF,8CACE,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YACA,WAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,oRACE,iBAEA,yWAGF,8CACE,UACA,eACA,kBACA,mBACA,iBACA,WAGF,8CAGE,UACA","sources":["webpack://@dr.pogodin/react-utils/./src/styles/_global/reset.css","webpack://@dr.pogodin/react-utils/./src/styles/global.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/styles/mixins.scss","webpack://@dr.pogodin/react-utils/./src/styles/_mixins/media.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/styles.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/Options/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/CustomDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/NativeDropdown/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/selectors/Switch/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss","webpack://@dr.pogodin/react-utils/./src/shared/components/TextArea/style.scss"],"sourcesContent":["/* Eric Meyer's \"Reset CSS\" 2.0 */\n\n/* http://meyerweb.com/eric/tools/css/reset/\n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\n/* Having all selectors at individual lines is unreadable in the case of this\n * style reset sheet. */\n/* stylelint-disable selector-list-comma-newline-after */\na, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,\nbody, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,\nem, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,\nheader, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark,  menu,\nnav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,\nstrike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,\ntt, u, ul, var, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nol, ul {\n  list-style: none;\n}\n\nblockquote, q {\n  quotes: none;\n}\n\nblockquote::before, blockquote::after, q::before, q::after {\n  content: \"\";\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n","/* Global styles. */\n\n@use \"_global/reset\";\n\nbody {\n  text-rendering: auto;\n}\n\n* {\n  box-sizing: border-box;\n}\n","@use \"styles/mixins\" as *;\n\n*,\n.context,\n.ad.hoc {\n  &.overlay {\n    background: #eee;\n    height: 100%;\n    left: 0;\n    opacity: 0.8;\n    position: fixed;\n    top: 0;\n    width: 100%;\n    z-index: $zIndexOfDefaultModalOverlay;\n\n    &:focus { outline: none; }\n  }\n\n  &.container {\n    background: #fff;\n    box-shadow: 0 0 14px 1px rgb(38 38 40 / 15%);\n    border-radius: 0.3em;\n    max-height: 95vh;\n    max-width: $screen-md;\n    overflow: hidden;\n    padding: 0.6em 1.2em;\n    width: 480px;\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: $zIndexOfDefaultModalOverlay + 1;\n\n    @include xs-to-lg {\n      max-width: 95vw;\n    }\n  }\n}\n","/* Collection of standard mixins, being used all around. */\n@forward \"_mixins/fonts\";\n@forward \"_mixins/media\";\n@forward \"_mixins/typography\";\n\n$zIndexOfDefaultModalOverlay: 998;\n","/**\n * Mixins for different layout sizes: xs, sm, md, lg.\n * Breaking points are defined in _variables.scss\n * The range mixins A-to-B all means \"for the sizes from A to B, both\n * inclusive\", in particular it means that mixin A-to-lg is equivalent to\n * all sizes from A (inclusive) and larger.\n *\n * NOTE: For convenience, these mixins are sorted not alphabetically, but,\n * first, by increase of the first size; second, by increase of the second size.\n */\n\n/* Break points. */\n\n$screen-xs: 320px !default;\n$screen-sm: 495px !default;\n$screen-mm: 768px !default;\n$screen-md: 1024px !default;\n$screen-lg: 1280px !default;\n\n/* XS */\n\n@mixin xs {\n  @media (max-width: #{$screen-xs}) {\n    @content;\n  }\n}\n\n@mixin xs-to-sm {\n  @media (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-mm {\n  @media (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin xs-to-md {\n  @media (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin xs-to-lg {\n  @media (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n/* SM */\n\n@mixin sm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-mm {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin sm-to-md {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin sm-to-lg {\n  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin sm-to-xl {\n  @media (min-width: #{$screen-xs + 1px}) {\n    @content;\n  }\n}\n\n/* MM */\n\n@mixin mm {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {\n    @content;\n  }\n}\n\n@mixin mm-to-md {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin mm-to-lg {\n  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin mm-to-xl {\n  @media (min-width: #{$screen-sm + 1px}) {\n    @content;\n  }\n}\n\n/* MD */\n\n@mixin md {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n\n@mixin md-to-lg {\n  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin md-to-xl {\n  @media (min-width: #{$screen-mm + 1px}) {\n    @content;\n  }\n}\n\n/* LG */\n\n@mixin lg {\n  @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n\n@mixin lg-to-xl {\n  @media (min-width: #{$screen-md + 1px}) {\n    @content;\n  }\n}\n\n/* XL */\n\n@mixin xl {\n  @media (min-width: #{$screen-lg + 1px}) {\n    @content;\n  }\n}\n",".scrollingDisabledByModal {\n  overflow: hidden;\n}\n",".overlay {\n  inset: 0;\n  opacity: 0.2;\n  position: fixed;\n  z-index: 1000;\n}\n","$border: 1px solid gray;\n\n*,\n.context,\n.ad.hoc {\n  // The outermost dropdown container, holding together the label (if any),\n  // and the select element with arrow. Note, that the dropdown option list,\n  // when opened, exists completely outside the dropdown DOM hierarchy, and\n  // is aligned into the correct position by JS.\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  // Styling of default label next to the dropdown (has no effect on custom\n  // non-string label node, if provided).\n  &.label {\n    margin: 0 0.6em 0 1.2em;\n  }\n\n  &.dropdown {\n    border: $border;\n    border-radius: 0.3em;\n    cursor: pointer;\n    min-width: 200px;\n    outline: none;\n    padding: 0.3em 3.0em 0.3em 0.6em;\n    position: relative;\n    user-select: none;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.option {\n    cursor: pointer;\n    outline: none ;\n    padding: 0 0.6em;\n\n    &:focus {\n      background: royalblue;\n      color: white;\n    }\n\n    &:hover {\n      background: royalblue;\n      color: white;\n    }\n  }\n\n  &.select {\n    background: white;\n    border: $border;\n    border-radius: 0 0 0.3em 0.3em;\n    border-top: none;\n    box-shadow: 0 6px 12px 3px lightgray;\n    position: fixed;\n    z-index: 1001;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border-left: $border;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.active {\n    .arrow {\n      border-radius: 0 0.3em 0 0;\n    }\n\n    .dropdown {\n      border-color: blue;\n      border-radius: 0.3em 0.3em 0 0;\n    }\n  }\n\n  &.upward {\n    &.active {\n      // NOTE: Here StyleLint complains about order & specifity of selectors in\n      // the compiled CSS, but it should have no effect on the actual styling.\n      // stylelint-disable no-descending-specificity\n      .arrow {\n        border-radius: 0 0 0.3em;\n      }\n\n      .dropdown {\n        border-radius: 0 0 0.3em 0.3em;\n      }\n      // stylelint-enable no-descending-specificity\n    }\n\n    &.select {\n      border-bottom: none;\n      border-top: $border;\n      border-radius: 0.3em 0.3em 0 0;\n\n      // NOTE: Here a normal (downward) shadow would weirdly cast over\n      // the dropdown element, and other ways to cast the shadow result in\n      // \"upward\" shadow, which is also weird. Thus, better no shadow at all\n      // for the upward-opened dropdown.\n      box-shadow: none;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.dropdown {\n    display: flex;\n    flex: 1;\n    min-width: 5.5em;\n    overflow: hidden;\n    position: relative;\n  }\n\n  &.arrow {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: 1px solid gray;\n    border-radius: 0 0.3em 0.3em 0;\n    bottom: 0;\n    padding: 0.3em 0.6em;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    &::after {\n      content: '▼';\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  .active + &.arrow,\n  :active + &.arrow {\n    background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n    border-bottom-right-radius: 0;\n  }\n\n  :focus + &.arrow {\n    border-color: blue;\n    border-left-color: gray;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n    pointer-events: none;\n  }\n\n  &.option { color: black; }\n  &.hiddenOption { display: none; }\n\n  &.select {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    flex: 1;\n    font: inherit;\n    max-width: 100%;\n    outline: none;\n    padding: 0.3em 3.3em calc(0.3em + 1px) 1.2em;\n\n    &:active {\n      background: white;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &.invalid { color: gray; }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: flex;\n    gap: 0.6em;\n  }\n\n  &.option {\n    border: 1px solid transparent;\n    border-radius: 0.3em;\n    cursor: pointer;\n    outline: none;\n    padding: 0 0.9em;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.selected {\n    border: 1px solid gray;\n    background: white;\n    cursor: default;\n  }\n\n  &.options {\n    align-items: center;\n    background: whitesmoke;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    display: flex;\n    gap: 0.3em;\n    padding: 0.3em;\n    user-select: none;\n  }\n}\n",".link[disabled] {\n  cursor: not-allowed;\n}\n","/**\n * The default button theme.\n */\n\n*,\n.context,\n.ad.hoc {\n  &.button {\n    background-image: linear-gradient(to top, lightgray, white 50%, white);\n    border: solid 1px gray;\n    border-radius: 0.3em;\n    color: inherit;\n    cursor: pointer;\n    display: inline-block;\n    font: inherit;\n    margin: 0.1em;\n    padding: 0.3em 1.2em;\n    text-align: center;\n    text-decoration: none;\n    user-select: none;\n\n    &:visited {\n      color: inherit;\n    }\n\n    &.active,\n    &:active {\n      background-image: linear-gradient(to bottom, lightgray, white 50%, white);\n      box-shadow: inset 0 1px 3px 0 lightgray;\n      border-color: gray;\n    }\n\n    &:focus {\n      box-shadow: 0 0 3px 1px lightblue;\n      border-color: blue;\n      outline: none;\n    }\n  }\n\n  /* Additional styling of disabled buttons. */\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.33;\n\n    // Note: this \"cancels out\" the active state styling of an active button,\n    // which is defined above, thus ensuring a click on disabled button does\n    // not alter its appearance (does not result in visual press).\n    &.active,\n    &:active {\n      background-image: linear-gradient(to top, lightgray, white 50%, white);\n      box-shadow: none;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.checkbox {\n    appearance: none;\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: pointer;\n    font: inherit;\n    height: 1.5em;\n    outline: none;\n    margin: 0;\n    width: 1.5em;\n\n    &:checked {\n      &::after {\n        background: black;\n        border-radius: 0.3em;\n        content: \"\";\n        display: block;\n        height: 1em;\n        margin: 0.2em;\n        width: 1em;\n      }\n    }\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &.indeterminate {\n      &::after {\n        background: black;\n        border-radius: 0.2em;\n        content: \"\";\n        display: block;\n        height: 0.2em;\n        margin: 0.6em 0.2em;\n        width: 1em;\n      }\n    }\n  }\n\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    margin: 0.1em;\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n  }\n\n  &.disabled {\n    opacity: 0.33;\n\n    .checkbox {\n      cursor: not-allowed !important;\n    }\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  &.container {\n    align-items: center;\n    display: inline-flex;\n    flex-wrap: wrap;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.children {\n    width: 100%;\n  }\n\n  &.input {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: text;\n    font: inherit;\n    flex: 1;\n    outline: none;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n  }\n\n  &.label {\n    margin: 0 0.6em 0 1.5em;\n    pointer-events: none;\n  }\n\n  &.error &.input {\n    border-color: red;\n\n    &:focus {\n      box-shadow: 0 0 3px 1px orangered;\n    }\n  }\n\n  &.errorMessage {\n    color: red;\n    font-size: 0.8em;\n    font-style: italic;\n    padding-right: 0.6em;\n    text-align: right;\n    width: 100%;\n  }\n}\n","/**\n * Base theme: symmetric 3-columns layout, with the center column occupying all\n * screen up to mid screen size. For larger screen sizes the main column is\n * limited by the mid screen size, and the free space is filled with side\n * columns on left and right.\n */\n\n@use \"styles/mixins\" as *;\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: flex;\n    min-height: 100vh;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.mainPanel {\n    overflow: hidden;\n    padding: 1.2em;\n    width: $screen-md;\n  }\n\n  &.sidePanel {\n    flex: 1;\n    overflow: hidden;\n  }\n}\n","@keyframes bouncing {\n  from { top: -0.3em; }\n  to { top: 0.3em; }\n}\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-block;\n  }\n\n  &.circle {\n    animation: bouncing 0.4s ease-in infinite alternate;\n    background: black;\n    border-radius: 0.3em;\n    display: inline-block;\n    height: 0.6em;\n    margin: 0 0.1em;\n    position: relative;\n    width: 0.6em;\n\n    &:first-child { animation-delay: -0.2s; }\n    &:last-child { animation-delay: 0.2s; }\n  }\n}\n","@keyframes appearance {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n*,\n.ad.hoc,\n.context {\n  &.arrow {\n    border: 0.6em solid grey;\n    pointer-events: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n\n  /*\n  &.content { }\n  */\n\n  &.container {\n    background: grey;\n    border-radius: 0.3em;\n    color: white;\n    display: inline-block;\n    padding: 0 0.3em;\n    position: absolute;\n    top: 0;\n    left: 0;\n    animation: appearance 0.6s;\n  }\n\n  &.wrapper {\n    display: inline-block;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    aspect-ratio: 16 / 9;\n    background: whitesmoke;\n    position: relative;\n  }\n\n  .video {\n    height: 100%;\n    position: absolute;\n    width: 100%;\n  }\n}\n","*,\n.context,\n.ad.hoc {\n  .container {\n    position: absolute;\n    text-align: center;\n    top: 40%;\n    transform: translateY(50%);\n    width: 100%;\n  }\n}\n","@use \"sass:color\";\n\n*,\n.context,\n.ad.hoc {\n  &.container {\n    display: inline-flex;\n    flex-wrap: wrap;\n    margin: 0.1em;\n    position: relative;\n  }\n\n  &.label {\n    margin: 0 0.3em;\n  }\n\n  &.textarea {\n    background: white;\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    box-sizing: border-box;\n    font: inherit;\n    height: 0;\n    outline: none;\n    overflow: hidden;\n    padding: 0.3em 0.3em calc(0.3em + 1px);\n    resize: none;\n    width: 100%;\n\n    &:focus {\n      border-color: blue;\n      box-shadow: 0 0 3px 1px lightblue;\n    }\n\n    &::placeholder {\n      color: gray;\n    }\n\n    &:disabled {\n      border-color: color.adjust($color: gray, $alpha: -0.66);\n      cursor: not-allowed;\n      color: color.adjust($color: gray, $alpha: -0.66);\n      user-select: none;\n    }\n  }\n\n  &.error &.textarea {\n    border-color: red;\n\n    &:focus { box-shadow: 0 0 3px 1px orangered }\n  }\n\n  &.errorMessage {\n    color: red;\n    font-size: 0.8em;\n    font-style: italic;\n    padding-right: 0.6em;\n    text-align: right;\n    width: 100%;\n  }\n\n  &.hidden {\n    // NOTE: We hide it this way, as setting \"display: none\" will interfere\n    // with measurements, making the hidden input height zero.\n    opacity: 0;\n    position: absolute;\n  }\n}\n"],"names":[],"sourceRoot":""}