First
[anni] / static / frontends / pleroma-fe / dev / static / css / 7962.76663e78ad5ea0bb0b90.css.map
1 {"version":3,"file":"static/css/7962.76663e78ad5ea0bb0b90.css","mappings":"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","sources":["webpack://pleroma_fe/./src/components/importer/importer.vue","webpack://pleroma_fe/./src/components/exporter/exporter.vue","webpack://pleroma_fe/./src/components/autosuggest/autosuggest.vue","webpack://pleroma_fe/./src/_variables.scss","webpack://pleroma_fe/./src/components/block_card/block_card.vue","webpack://pleroma_fe/./src/components/mute_card/mute_card.vue","webpack://pleroma_fe/./src/components/domain_mute_card/domain_mute_card.vue","webpack://pleroma_fe/./src/components/selectable_list/selectable_list.vue","webpack://pleroma_fe/./src/hocs/with_subscription/with_subscription.scss","webpack://pleroma_fe/./src/components/settings_modal/tabs/mutes_and_blocks_tab.scss","webpack://pleroma_fe/./src/components/settings_modal/helpers/modified_indicator.vue","webpack://pleroma_fe/./src/components/settings_modal/helpers/profile_setting_indicator.vue","webpack://pleroma_fe/./src/components/settings_modal/helpers/draft_buttons.vue","webpack://pleroma_fe/./src/components/settings_modal/tabs/security_tab/mfa_backup_codes.vue","webpack://pleroma_fe/./src/components/settings_modal/tabs/security_tab/mfa.vue","webpack://pleroma_fe/./node_modules/cropperjs/dist/cropper.css","webpack://pleroma_fe/./src/components/image_cropper/image_cropper.vue","webpack://pleroma_fe/./src/components/settings_modal/tabs/profile_tab.scss","webpack://pleroma_fe/./src/components/settings_modal/helpers/size_setting.vue","webpack://pleroma_fe/./src/components/settings_modal/tabs/general_tab.vue","webpack://pleroma_fe/./src/components/color_input/color_input.scss","webpack://pleroma_fe/./src/components/color_input/color_input.vue","webpack://pleroma_fe/./src/components/shadow_control/shadow_control.vue","webpack://pleroma_fe/./src/components/font_control/font_control.vue","webpack://pleroma_fe/./src/components/contrast_ratio/contrast_ratio.vue","webpack://pleroma_fe/./src/components/settings_modal/tabs/theme_tab/preview.vue","webpack://pleroma_fe/./src/components/settings_modal/tabs/theme_tab/theme_tab.scss","webpack://pleroma_fe/./src/components/settings_modal/settings_modal_user_content.scss"],"sourcesContent":["\n.importer {\n  &-uploading {\n    font-size: 1.5em;\n    margin: 0.25em;\n  }\n}\n","\n.exporter {\n  &-processing {\n    margin: 0.25em;\n  }\n}\n","\n@import \"../../variables\";\n\n.autosuggest {\n  position: relative;\n\n  &-input {\n    display: block;\n    width: 100%;\n  }\n\n  &-results {\n    position: absolute;\n    left: 0;\n    top: 100%;\n    right: 0;\n    max-height: 400px;\n    background-color: $fallback--bg;\n    background-color: var(--bg, $fallback--bg);\n    border-style: solid;\n    border-width: 1px;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n    border-radius: $fallback--inputRadius;\n    border-radius: var(--inputRadius, $fallback--inputRadius);\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    box-shadow: 1px 1px 4px rgb(0 0 0 / 60%);\n    box-shadow: var(--panelShadow);\n    overflow-y: auto;\n    z-index: 1;\n  }\n}\n","$main-color: #f58d2c;\n$main-background: white;\n$darkened-background: whitesmoke;\n\n$fallback--bg: #121a24;\n$fallback--fg: #182230;\n$fallback--faint: rgb(185 185 186 / 50%);\n$fallback--text: #b9b9ba;\n$fallback--link: #d8a070;\n$fallback--icon: #666;\n$fallback--lightBg: rgb(21 30 42);\n$fallback--lightText: #b9b9ba;\n$fallback--border: #222;\n$fallback--cRed: #f00;\n$fallback--cBlue: #0095ff;\n$fallback--cGreen: #0fa00f;\n$fallback--cOrange: orange;\n\n$fallback--alertError: rgb(211 16 20 / 50%);\n$fallback--alertWarning: rgb(111 111 20 / 50%);\n\n$fallback--panelRadius: 10px;\n$fallback--checkboxRadius: 2px;\n$fallback--btnRadius: 4px;\n$fallback--inputRadius: 4px;\n$fallback--tooltipRadius: 5px;\n$fallback--avatarRadius: 4px;\n$fallback--avatarAltRadius: 10px;\n$fallback--attachmentRadius: 10px;\n$fallback--chatMessageRadius: 10px;\n\n$fallback--buttonShadow: 0 0 2px 0 rgb(0 0 0 / 100%),\n  0 1px 0 0 rgb(255 255 255 / 20%) inset,\n  0 -1px 0 0 rgb(0 0 0 / 20%) inset;\n\n$status-margin: 0.75em;\n","\n.block-card-content-container {\n  margin-top: 0.5em;\n  text-align: right;\n\n  button {\n    width: 10em;\n  }\n}\n","\n.mute-card-content-container {\n  margin-top: 0.5em;\n  text-align: right;\n\n  button {\n    width: 10em;\n  }\n}\n","\n.domain-mute-card {\n  flex: 1 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.6em 1em 0.6em 0;\n\n  &-domain {\n    margin-right: 1em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  button {\n    width: 10em;\n  }\n\n  .autosuggest-results & {\n    padding-left: 1em;\n  }\n}\n","\n@import \"../../variables\";\n\n.selectable-list {\n  &-item-inner {\n    display: flex;\n    align-items: center;\n\n    > * {\n      min-width: 0;\n    }\n  }\n\n  &-item-selected-inner {\n    background-color: $fallback--lightBg;\n    background-color: var(--selectedMenu, $fallback--lightBg);\n    color: var(--selectedMenuText, $fallback--text);\n\n    --faint: var(--selectedMenuFaintText, $fallback--faint);\n    --faintLink: var(--selectedMenuFaintLink, $fallback--faint);\n    --lightText: var(--selectedMenuLightText, $fallback--lightText);\n    --icon: var(--selectedMenuIcon, $fallback--icon);\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    padding: 0.6em 0;\n    border-bottom: 2px solid;\n    border-bottom-color: $fallback--border;\n    border-bottom-color: var(--border, $fallback--border);\n\n    &-actions {\n      flex: 1;\n    }\n  }\n\n  &-checkbox-wrapper {\n    padding: 0 10px;\n    flex: none;\n  }\n}\n",".with-subscription {\n  &-loading {\n    padding: 10px;\n    text-align: center;\n\n    .error {\n      font-size: 1rem;\n    }\n  }\n}\n",".mutes-and-blocks-tab {\n  height: 100%;\n\n  .usersearch-wrapper {\n    padding: 1em;\n  }\n\n  .bulk-actions {\n    text-align: right;\n    padding: 0 1em;\n    min-height: 2em;\n  }\n\n  .bulk-action-button {\n    width: 10em;\n  }\n\n  .domain-mute-form {\n    padding: 1em;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .domain-mute-button {\n    align-self: flex-end;\n    margin-top: 1em;\n    width: 10em;\n  }\n}\n","\n.ModifiedIndicator {\n  display: inline-block;\n  position: relative;\n}\n\n.modified-tooltip {\n  margin: 0.5em 1em;\n  min-width: 10em;\n  text-align: center;\n}\n","\n.ProfileSettingIndicator {\n  display: inline-block;\n  position: relative;\n}\n\n.profilesetting-tooltip {\n  margin: 0.5em 1em;\n  min-width: 10em;\n  text-align: center;\n}\n","\n.DraftButtons {\n  display: inline-block;\n  position: relative;\n\n  .button-default {\n    margin-left: 0.5em;\n  }\n}\n\n.draft-tooltip {\n  margin: 0.5em 1em;\n  min-width: 10em;\n  text-align: center;\n}\n","\n@import \"../../../../variables\";\n\n.mfa-backup-codes {\n  .warning {\n    color: $fallback--cOrange;\n    color: var(--cOrange, $fallback--cOrange);\n  }\n\n  .backup-codes {\n    font-family: var(--postCodeFont, monospace);\n  }\n}\n","\n@import \"../../../../variables\";\n\n.mfa-settings {\n  .mfa-heading,\n  .method-item {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: baseline;\n  }\n\n  .warning {\n    color: $fallback--cOrange;\n    color: var(--cOrange, $fallback--cOrange);\n  }\n\n  .setup-otp {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    .qr-code {\n      flex: 1;\n      padding-right: 10px;\n    }\n    .verify { flex: 1; }\n    .error { margin: 4px 0 0; }\n\n    .confirm-otp-actions {\n      button {\n        width: 15em;\n        margin-top: 5px;\n      }\n    }\n  }\n}\n","/*!\n * Cropper.js v1.5.13\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2022-11-20T05:30:43.444Z\n */\n\n.cropper-container {\n  direction: ltr;\n  font-size: 0;\n  line-height: 0;\n  position: relative;\n  -ms-touch-action: none;\n      touch-action: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n.cropper-container img {\n    -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n    display: block;\n    height: 100%;\n    image-orientation: 0deg;\n    max-height: none !important;\n    max-width: none !important;\n    min-height: 0 !important;\n    min-width: 0 !important;\n    width: 100%;\n  }\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n  overflow: hidden;\n}\n\n.cropper-drag-box {\n  background-color: #fff;\n  opacity: 0;\n}\n\n.cropper-modal {\n  background-color: #000;\n  opacity: 0.5;\n}\n\n.cropper-view-box {\n  display: block;\n  height: 100%;\n  outline: 1px solid #39f;\n  outline-color: rgba(51, 153, 255, 75%);\n  overflow: hidden;\n  width: 100%;\n}\n\n.cropper-dashed {\n  border: 0 dashed #eee;\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n}\n\n.cropper-dashed.dashed-h {\n    border-bottom-width: 1px;\n    border-top-width: 1px;\n    height: calc(100% / 3);\n    left: 0;\n    top: calc(100% / 3);\n    width: 100%;\n  }\n\n.cropper-dashed.dashed-v {\n    border-left-width: 1px;\n    border-right-width: 1px;\n    height: 100%;\n    left: calc(100% / 3);\n    top: 0;\n    width: calc(100% / 3);\n  }\n\n.cropper-center {\n  display: block;\n  height: 0;\n  left: 50%;\n  opacity: 0.75;\n  position: absolute;\n  top: 50%;\n  width: 0;\n}\n\n.cropper-center::before,\n  .cropper-center::after {\n    background-color: #eee;\n    content: \" \";\n    display: block;\n    position: absolute;\n  }\n\n.cropper-center::before {\n    height: 1px;\n    left: -3px;\n    top: 0;\n    width: 7px;\n  }\n\n.cropper-center::after {\n    height: 7px;\n    left: 0;\n    top: -3px;\n    width: 1px;\n  }\n\n.cropper-face,\n.cropper-line,\n.cropper-point {\n  display: block;\n  height: 100%;\n  opacity: 0.1;\n  position: absolute;\n  width: 100%;\n}\n\n.cropper-face {\n  background-color: #fff;\n  left: 0;\n  top: 0;\n}\n\n.cropper-line {\n  background-color: #39f;\n}\n\n.cropper-line.line-e {\n    cursor: ew-resize;\n    right: -3px;\n    top: 0;\n    width: 5px;\n  }\n\n.cropper-line.line-n {\n    cursor: ns-resize;\n    height: 5px;\n    left: 0;\n    top: -3px;\n  }\n\n.cropper-line.line-w {\n    cursor: ew-resize;\n    left: -3px;\n    top: 0;\n    width: 5px;\n  }\n\n.cropper-line.line-s {\n    bottom: -3px;\n    cursor: ns-resize;\n    height: 5px;\n    left: 0;\n  }\n\n.cropper-point {\n  background-color: #39f;\n  height: 5px;\n  opacity: 0.75;\n  width: 5px;\n}\n\n.cropper-point.point-e {\n    cursor: ew-resize;\n    margin-top: -3px;\n    right: -3px;\n    top: 50%;\n  }\n\n.cropper-point.point-n {\n    cursor: ns-resize;\n    left: 50%;\n    margin-left: -3px;\n    top: -3px;\n  }\n\n.cropper-point.point-w {\n    cursor: ew-resize;\n    left: -3px;\n    margin-top: -3px;\n    top: 50%;\n  }\n\n.cropper-point.point-s {\n    bottom: -3px;\n    cursor: s-resize;\n    left: 50%;\n    margin-left: -3px;\n  }\n\n.cropper-point.point-ne {\n    cursor: nesw-resize;\n    right: -3px;\n    top: -3px;\n  }\n\n.cropper-point.point-nw {\n    cursor: nwse-resize;\n    left: -3px;\n    top: -3px;\n  }\n\n.cropper-point.point-sw {\n    bottom: -3px;\n    cursor: nesw-resize;\n    left: -3px;\n  }\n\n.cropper-point.point-se {\n    bottom: -3px;\n    cursor: nwse-resize;\n    height: 20px;\n    opacity: 1;\n    right: -3px;\n    width: 20px;\n  }\n\n@media (min-width: 768px) {\n\n.cropper-point.point-se {\n      height: 15px;\n      width: 15px;\n  }\n    }\n\n@media (min-width: 992px) {\n\n.cropper-point.point-se {\n      height: 10px;\n      width: 10px;\n  }\n    }\n\n@media (min-width: 1200px) {\n\n.cropper-point.point-se {\n      height: 5px;\n      opacity: 0.75;\n      width: 5px;\n  }\n    }\n\n.cropper-point.point-se::before {\n    background-color: #39f;\n    bottom: -50%;\n    content: \" \";\n    display: block;\n    height: 200%;\n    opacity: 0;\n    position: absolute;\n    right: -50%;\n    width: 200%;\n  }\n\n.cropper-invisible {\n  opacity: 0;\n}\n\n.cropper-bg {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC\");\n}\n\n.cropper-hide {\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n\n.cropper-hidden {\n  display: none !important;\n}\n\n.cropper-move {\n  cursor: move;\n}\n\n.cropper-crop {\n  cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n  cursor: not-allowed;\n}\n","\n.image-cropper {\n  &-img-input {\n    display: none;\n  }\n\n  &-image-container {\n    position: relative;\n\n    img {\n      display: block;\n      max-width: 100%;\n    }\n  }\n\n  &-buttons-wrapper {\n    margin-top: 10px;\n\n    button {\n      margin-top: 5px;\n    }\n  }\n}\n","@import \"../../../variables\";\n\n.profile-tab {\n  .bio {\n    margin: 0;\n  }\n\n  .visibility-tray {\n    padding-top: 5px;\n  }\n\n  input[type=\"file\"] {\n    padding: 5px;\n    height: auto;\n  }\n\n  .banner-background-preview {\n    max-width: 100%;\n    width: 300px;\n    position: relative;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  .uploading {\n    font-size: 1.5em;\n    margin: 0.25em;\n  }\n\n  .name-changer {\n    width: 100%;\n  }\n\n  .current-avatar-container {\n    position: relative;\n    width: 150px;\n    height: 150px;\n  }\n\n  .current-avatar {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: $fallback--avatarRadius;\n    border-radius: var(--avatarRadius, $fallback--avatarRadius);\n  }\n\n  .reset-button {\n    position: absolute;\n    top: 0.2em;\n    right: 0.2em;\n    border-radius: $fallback--tooltipRadius;\n    border-radius: var(--tooltipRadius, $fallback--tooltipRadius);\n    background-color: rgb(0 0 0 / 60%);\n    opacity: 0.7;\n    width: 1.5em;\n    height: 1.5em;\n    text-align: center;\n    line-height: 1.5em;\n    font-size: 1.5em;\n    cursor: pointer;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    svg {\n      color: white;\n    }\n  }\n\n  .oauth-tokens {\n    width: 100%;\n\n    th {\n      text-align: left;\n    }\n\n    .actions {\n      text-align: right;\n    }\n  }\n\n  &-usersearch-wrapper {\n    padding: 1em;\n  }\n\n  &-bulk-actions {\n    text-align: right;\n    padding: 0 1em;\n    min-height: 2em;\n\n    button {\n      width: 10em;\n    }\n  }\n\n  &-domain-mute-form {\n    padding: 1em;\n    display: flex;\n    flex-direction: column;\n\n    button {\n      align-self: flex-end;\n      margin-top: 1em;\n      width: 10em;\n    }\n  }\n\n  .setting-subitem {\n    margin-left: 1.75em;\n  }\n\n  .profile-fields {\n    display: flex;\n\n    & > .emoji-input {\n      flex: 1 1 auto;\n      margin: 0 0.2em 0.5em;\n      min-width: 0;\n    }\n\n    .delete-field {\n      width: 20px;\n      align-self: center;\n      margin: 0 0.2em 0.5em;\n      padding: 0 0.5em;\n    }\n  }\n\n  .birthday-input {\n    display: block;\n    margin-bottom: 1em;\n  }\n}\n","\n.SizeSetting {\n  .number-input {\n    max-width: 6.5em;\n  }\n\n  .css-unit-input,\n  .css-unit-input select {\n    margin-left: 0.5em;\n    width: 4em;\n    max-width: 4em;\n    min-width: 4em;\n  }\n}\n\n","\n.column-settings {\n  display: flex;\n  justify-content: space-evenly;\n  flex-wrap: wrap;\n}\n\n.column-settings .size-label {\n  display: block;\n  margin-bottom: 0.5em;\n  margin-top: 0.5em;\n}\n","@import \"../../variables\";\n\n.color-input {\n  display: inline-flex;\n\n  &-field.input {\n    display: inline-flex;\n    flex: 0 0 0;\n    max-width: 9em;\n    align-items: stretch;\n    padding: 0.2em 8px;\n\n    input {\n      background: none;\n      color: $fallback--lightText;\n      color: var(--inputText, $fallback--lightText);\n      border: none;\n      padding: 0;\n      margin: 0;\n\n      &.textColor {\n        flex: 1 0 3em;\n        min-width: 3em;\n        padding: 0;\n      }\n\n      &.nativeColor {\n        flex: 0 0 2em;\n        min-width: 2em;\n        align-self: stretch;\n        min-height: 100%;\n      }\n    }\n\n    .computedIndicator,\n    .transparentIndicator {\n      flex: 0 0 2em;\n      min-width: 2em;\n      align-self: stretch;\n      min-height: 100%;\n    }\n\n    .transparentIndicator {\n      // forgot to install counter-strike source, ooops\n      background-color: #f0f;\n      position: relative;\n\n      &::before,\n      &::after {\n        display: block;\n        content: \"\";\n        background-color: #000;\n        position: absolute;\n        height: 50%;\n        width: 50%;\n      }\n\n      &::after {\n        top: 0;\n        left: 0;\n      }\n\n      &::before {\n        bottom: 0;\n        right: 0;\n      }\n    }\n  }\n\n  .label {\n    flex: 1 1 auto;\n  }\n}\n","\n.color-control {\n  input.text-input {\n    max-width: 7em;\n    flex: 1;\n  }\n}\n","\n@import \"../../variables\";\n\n.shadow-control {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-bottom: 1em;\n\n  .shadow-preview-container,\n  .shadow-tweak {\n    margin: 5px 6px 0 0;\n  }\n\n  .shadow-preview-container {\n    flex: 0;\n    display: flex;\n    flex-wrap: wrap;\n\n    $side: 15em;\n\n    input[type=\"number\"] {\n      width: 5em;\n      min-width: 2em;\n    }\n\n    .x-shift-control,\n    .y-shift-control {\n      display: flex;\n      flex: 0;\n\n      &[disabled=\"disabled\"] * {\n        opacity: 0.5;\n      }\n    }\n\n    .x-shift-control {\n      align-items: flex-start;\n    }\n\n    .x-shift-control .wrap,\n    input[type=\"range\"] {\n      margin: 0;\n      width: $side;\n      height: 2em;\n    }\n\n    .y-shift-control {\n      flex-direction: column;\n      align-items: flex-end;\n\n      .wrap {\n        width: 2em;\n        height: $side;\n      }\n\n      input[type=\"range\"] {\n        transform-origin: 1em 1em;\n        transform: rotate(90deg);\n      }\n    }\n\n    .preview-window {\n      flex: 1;\n      background-color: #999;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-image:\n        linear-gradient(45deg, #666 25%, transparent 25%),\n        linear-gradient(-45deg, #666 25%, transparent 25%),\n        linear-gradient(45deg, transparent 75%, #666 75%),\n        linear-gradient(-45deg, transparent 75%, #666 75%);\n      background-size: 20px 20px;\n      background-position: 0 0, 0 10px, 10px -10px, -10px 0;\n      border-radius: $fallback--inputRadius;\n      border-radius: var(--inputRadius, $fallback--inputRadius);\n\n      .preview-block {\n        width: 33%;\n        height: 33%;\n        background-color: $fallback--bg;\n        background-color: var(--bg, $fallback--bg);\n        border-radius: $fallback--panelRadius;\n        border-radius: var(--panelRadius, $fallback--panelRadius);\n      }\n    }\n  }\n\n  .shadow-tweak {\n    flex: 1;\n    min-width: 280px;\n\n    .id-control {\n      align-items: stretch;\n\n      .shadow-switcher {\n        flex: 1;\n      }\n\n      .shadow-switcher,\n      .btn {\n        min-width: 1px;\n        margin-right: 5px;\n      }\n\n      .btn {\n        padding: 0 0.4em;\n        margin: 0 0.1em;\n      }\n    }\n  }\n}\n","\n@import \"../../variables\";\n\n.font-control {\n  input.custom-font {\n    min-width: 10em;\n  }\n\n  &.custom {\n    /* TODO Should make proper joiners... */\n    .font-switcher {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .custom-font {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n}\n","\n.contrast-ratio {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: -4px;\n  margin-bottom: 5px;\n\n  .label {\n    margin-right: 1em;\n  }\n\n  .rating {\n    display: inline-block;\n    text-align: center;\n    margin-left: 0.5em;\n  }\n}\n","\n.preview-container {\n  position: relative;\n}\n\n.underlay-preview {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 10px;\n  right: 10px;\n}\n","@import \"src/variables\";\n\n.theme-tab {\n  padding-bottom: 2em;\n\n  .preset-switcher {\n    margin-right: 1em;\n  }\n\n  .btn {\n    margin-left: 0.25em;\n    margin-right: 0.25em;\n  }\n\n  .style-control {\n    display: flex;\n    align-items: baseline;\n    margin-bottom: 5px;\n\n    .label {\n      flex: 1;\n    }\n\n    .opt {\n      margin: 0.5em;\n    }\n\n    .color-input {\n      flex: 0 0 0;\n    }\n\n    input,\n    select {\n      min-width: 3em;\n      margin: 0;\n      flex: 0;\n\n      &[type=\"number\"] {\n        min-width: 5em;\n      }\n\n      &[type=\"range\"] {\n        flex: 1;\n        min-width: 3em;\n        align-self: flex-start;\n      }\n    }\n\n    &.disabled {\n      input,\n      select {\n        opacity: 0.5;\n      }\n    }\n  }\n\n  .reset-container {\n    flex-wrap: wrap;\n  }\n\n  .fonts-container,\n  .reset-container,\n  .apply-container,\n  .radius-container,\n  .color-container, {\n    display: flex;\n  }\n\n  .fonts-container,\n  .radius-container {\n    flex-direction: column;\n  }\n\n  .color-container {\n    > h4 {\n      width: 99%;\n    }\n\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }\n\n  .fonts-container,\n  .color-container,\n  .shadow-container,\n  .radius-container,\n  .presets-container {\n    margin: 1em 1em 0;\n  }\n\n  .tab-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    width: 100%;\n    min-height: 30px;\n    margin-bottom: 1em;\n\n    p {\n      flex: 1;\n      margin: 0;\n      margin-right: 0.5em;\n    }\n  }\n\n  .tab-header-buttons {\n    display: flex;\n    flex-direction: column;\n\n    .btn {\n      min-width: 1px;\n      flex: 0 auto;\n      padding: 0 1em;\n      margin-bottom: 0.5em;\n    }\n  }\n\n  .shadow-selector {\n    .override {\n      flex: 1;\n      margin-left: 0.5em;\n    }\n\n    .select-container {\n      margin-top: -4px;\n      margin-bottom: -3px;\n    }\n  }\n\n  .save-load,\n  .save-load-options {\n    display: flex;\n    justify-content: center;\n    align-items: baseline;\n    flex-wrap: wrap;\n\n    .presets,\n    .import-export {\n      margin-bottom: 0.5em;\n    }\n\n    .import-export {\n      display: flex;\n    }\n\n    .override {\n      margin-left: 0.5em;\n    }\n  }\n\n  .save-load-options {\n    flex-wrap: wrap;\n    margin-top: 0.5em;\n    justify-content: center;\n\n    .keep-option {\n      margin: 0 0.5em 0.5em;\n      min-width: 25%;\n    }\n  }\n\n  .preview-container {\n    border-top: 1px dashed;\n    border-bottom: 1px dashed;\n    border-color: $fallback--border;\n    border-color: var(--border, $fallback--border);\n    margin: 1em 0;\n    padding: 1em;\n    background-color: var(--wallpaper);\n    background-image: var(--body-background-image);\n    background-size: cover;\n    background-position: 50% 50%;\n\n    .dummy {\n      .post {\n        font-family: var(--postFont);\n        display: flex;\n\n        .content {\n          flex: 1;\n\n          h4 {\n            margin-bottom: 0.25em;\n          }\n\n          .icons {\n            margin-top: 0.5em;\n            display: flex;\n\n            i {\n              margin-right: 1em;\n            }\n          }\n        }\n      }\n\n      .after-post {\n        margin-top: 1em;\n        display: flex;\n        align-items: center;\n      }\n\n      .avatar,\n      .avatar-alt {\n        background:\n          linear-gradient(\n            135deg,\n            #b8e1fc 0%,\n            #a9d2f3 10%,\n            #90bae4 25%,\n            #90bcea 37%,\n            #90bff0 50%,\n            #6ba8e5 51%,\n            #a2daf5 83%,\n            #bdf3fd 100%\n          );\n        color: black;\n        font-family: sans-serif;\n        text-align: center;\n        margin-right: 1em;\n      }\n\n      .avatar-alt {\n        flex: 0 auto;\n        margin-left: 28px;\n        font-size: 12px;\n        min-width: 20px;\n        min-height: 20px;\n        line-height: 20px;\n        border-radius: $fallback--avatarAltRadius;\n        border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);\n      }\n\n      .avatar {\n        flex: 0 auto;\n        width: 48px;\n        height: 48px;\n        font-size: 14px;\n        line-height: 48px;\n      }\n\n      .actions {\n        display: flex;\n        align-items: baseline;\n\n        .checkbox {\n          display: inline-flex;\n          align-items: baseline;\n          margin-right: 1em;\n          flex: 1;\n        }\n      }\n\n      .separator {\n        margin: 1em;\n        border-bottom: 1px solid;\n        border-color: $fallback--border;\n        border-color: var(--border, $fallback--border);\n      }\n\n      .btn {\n        min-width: 3em;\n      }\n    }\n  }\n\n  .radius-item {\n    flex-basis: auto;\n  }\n\n  .radius-item,\n  .color-item {\n    min-width: 20em;\n    margin: 5px 6px 0 0;\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 0;\n\n    &.wide {\n      min-width: 60%;\n    }\n\n    &:not(.wide):nth-child(2n+1) {\n      margin-right: 7px;\n    }\n\n    .color,\n    .opacity {\n      display: flex;\n      align-items: baseline;\n    }\n  }\n\n  .theme-radius-rn,\n  .theme-color-cl {\n    border: 0;\n    box-shadow: none;\n    background: transparent;\n    color: var(--faint, $fallback--faint);\n    align-self: stretch;\n  }\n\n  .theme-color-cl,\n  .theme-radius-in,\n  .theme-color-in {\n    margin-left: 4px;\n  }\n\n  .theme-radius-in {\n    min-width: 1em;\n    max-width: 7em;\n    flex: 1;\n  }\n\n  .theme-radius-lb {\n    max-width: 50em;\n  }\n\n  .theme-preview-content {\n    padding: 20px;\n  }\n\n  .theme-warning {\n    display: flex;\n    align-items: baseline;\n    margin-bottom: 0.5em;\n\n    .buttons {\n      .btn {\n        margin-bottom: 0.5em;\n      }\n    }\n  }\n}\n\n.extra-content {\n  .apply-container {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-around;\n    flex-grow: 1;\n\n    /* stylelint-disable-next-line no-descending-specificity */\n    .btn {\n      flex-grow: 1;\n      min-height: 2em;\n      min-width: 0;\n      max-width: 10em;\n      padding: 0;\n    }\n  }\n}\n","@import \"src/variables\";\n\n.settings_tab-switcher {\n  height: 100%;\n\n  .setting-item {\n    border-bottom: 2px solid var(--fg, $fallback--fg);\n    margin: 1em 1em 1.4em;\n    padding-bottom: 1.4em;\n\n    > div,\n    > label {\n      display: block;\n      margin-bottom: 0.5em;\n\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    .select-multiple {\n      display: flex;\n\n      .option-list {\n        margin: 0;\n        padding-left: 0.5em;\n      }\n    }\n\n    &:last-child {\n      border-bottom: none;\n      padding-bottom: 0;\n      margin-bottom: 1em;\n    }\n\n    select {\n      min-width: 10em;\n    }\n\n    textarea {\n      width: 100%;\n      max-width: 100%;\n      height: 100px;\n    }\n\n    .unavailable,\n    .unavailable svg {\n      color: var(--cRed, $fallback--cRed);\n      color: $fallback--cRed;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}