@dr.pogodin/react-utils 1.43.9 → 1.43.11

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,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,WC1EF,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,YAGF,8CACE,sBACA,mBACA,YACA,aACA,aACA,mCAEA,gEACE,kBACA,+BAIJ,8CACE,sBCZF,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,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,8CACE,kBACA","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 rgba(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  }\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    margin: 0.1em;\n  }\n\n  &.input {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: text;\n    font: inherit;\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  }\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  &.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\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    position: absolute;\n    z-index: -1;\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,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,WC1EF,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,YAGF,8CACE,sBACA,mBACA,YACA,aACA,aACA,mCAEA,gEACE,kBACA,+BAIJ,8CACE,sBCZF,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,gBACA,sBACA,mBACA,sBACA,aACA,SACA,aACA,gBACA,mCACA,YAEA,gEACE,kBACA,+BAGF,oGACE,WADF,qFACE,WAGF,yEACE,gCAEA,yBADA,mBAEA,gEAIJ,8CACE,kBACA","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  }\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    margin: 0.1em;\n  }\n\n  &.input {\n    border: 1px solid gray;\n    border-radius: 0.3em;\n    cursor: text;\n    font: inherit;\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  }\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  &.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\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    position: absolute;\n    z-index: -1;\n  }\n}\n"],"names":[],"sourceRoot":""}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.43.9",
+  "version": "1.43.11",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -10,11 +10,11 @@
   "dependencies": {
     "@babel/runtime": "^7.27.1",
     "@dr.pogodin/babel-plugin-react-css-modules": "^6.13.5",
-    "@dr.pogodin/csurf": "^1.15.0",
+    "@dr.pogodin/csurf": "^1.16.1",
     "@dr.pogodin/js-utils": "^0.0.18",
-    "@dr.pogodin/react-global-state": "^0.18.1",
+    "@dr.pogodin/react-global-state": "^0.19.2",
     "@dr.pogodin/react-helmet": "^3.0.2",
-    "@dr.pogodin/react-themes": "^1.8.0",
+    "@dr.pogodin/react-themes": "^1.9.0",
     "@jest/environment": "^29.7.0",
     "axios": "^1.9.0",
     "commander": "^13.1.0",
@@ -35,7 +35,7 @@
     "raf": "^3.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router": "^7.5.3",
+    "react-router": "^7.6.0",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
     "serialize-javascript": "^6.0.2",
@@ -56,7 +56,7 @@
     "@babel/register": "^7.27.1",
     "@dr.pogodin/babel-plugin-transform-assets": "^1.2.4",
     "@dr.pogodin/babel-preset-svgr": "^1.9.0",
-    "@dr.pogodin/eslint-configs": "^0.0.5",
+    "@dr.pogodin/eslint-configs": "^0.0.6",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -66,7 +66,6 @@
     "@types/config": "^3.3.5",
     "@types/cookie": "^0.6.0",
     "@types/cookie-parser": "^1.4.8",
-    "@types/csurf": "^1.11.5",
     "@types/express": "^5.0.1",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.16",
@@ -102,12 +101,12 @@
     "react-refresh": "^0.17.0",
     "regenerator-runtime": "^0.14.1",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.87.0",
+    "sass": "^1.88.0",
     "sass-loader": "^16.0.5",
     "sitemap": "^8.0.0",
     "source-map-loader": "^5.0.0",
     "stylelint": "^16.19.1",
-    "stylelint-config-standard-scss": "^14.0.0",
+    "stylelint-config-standard-scss": "^15.0.0",
     "supertest": "^7.1.0",
     "tsc-alias": "1.8.16",
     "tstyche": "^3.5.0",

package/src/shared/components/Modal/base-theme.scss

@@ -18,7 +18,7 @@
 
   &.container {
     background: #fff;
-    box-shadow: 0 0 14px 1px rgba(38 38 40 / 15%);
+    box-shadow: 0 0 14px 1px rgb(38 38 40 / 15%);
     border-radius: 0.3em;
     max-height: 95vh;
     max-width: $screen-md;

package/types.d.ts

@@ -1,5 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
-
 // TODO: Double-check that let does not work?
 /* eslint-disable no-var */
 declare var IS_REACT_ACT_ENVIRONMENT: boolean | undefined;
@@ -20,13 +18,6 @@ declare module '@babel/register/experimental-worker' {
   export default register;
 }
 
-// TODO: This should be done inside my CSURF fork itself.
-declare module '@dr.pogodin/csurf' {
-  import F from 'csurf';
-
-  export default F;
-}
-
 declare module 'node-forge/lib/forge' {
   import F from 'node-forge';