{"version":3,"file":"xbstyles.css","mappings":"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","sources":["webpack://xbreader/./src/css/styles.scss","webpack://xbreader/./src/css/common.scss","webpack://xbreader/./src/css/font/style.scss","webpack://xbreader/./src/css/font/variables.scss","webpack://xbreader/./src/css/utils.scss","webpack://xbreader/./src/css/components/slider.scss","webpack://xbreader/./src/css/components/topbar.scss","webpack://xbreader/./src/css/components/botbar.scss","webpack://xbreader/./src/css/components/spinner.scss","webpack://xbreader/./src/css/components/guide.scss","webpack://xbreader/./src/css/components/dialog.scss","webpack://xbreader/./src/css/components/section.scss","webpack://xbreader/./src/css/error.scss"],"sourcesContent":["@import \"./common.scss\";\r\n@import \"./font/style.scss\";\r\n@import \"./utils.scss\";\r\n\r\nhtml {\r\n    //overflow: hidden; //&.welcome { overflow: scroll !important; }\r\n    position: absolute; // for InAppBrowsers\r\n    @include trbl(0); // for InAppBrowsers\r\n    width: 100%;\r\n    min-height: 100%;\r\n    height: auto;\r\n    font-family: sans-serif;\r\n    //&.macOS   { font-family: \"Helvetica\", \"Trebuchet MS\", \"游ゴシック\", \"Yu Gothic\", \"YuGothic\", \"ヒラギノ角ゴ ProN W3\", \"HiraKakuProN-W3\", sans-serif; }\r\n    //&.iOS     { font-family: \"Helvetica\", \"Trebuchet MS\", \"游ゴシック\", \"Yu Gothic\", \"YuGothic\", \"ヒラギノ角ゴ ProN W3\", \"HiraKakuProN-W3\", sans-serif; }\r\n    //&.Windows { font-family: \"Helvetica\", \"Trebuchet MS\", \"游ゴシック\", \"Yu Gothic\", \"YuGothic\", \"メイリオ\",             \"Meiryo\",          sans-serif; }\r\n    -webkit-font-smoothing: subpixel-antialiased;\r\n    -webkit-text-size-adjust: 100%;\r\n    background: $tertiaryBackground;\r\n    user-select: none;\r\n    touch-action: pan-y;\r\n}\r\n\r\nbody {\r\n    * {\r\n        -webkit-tap-highlight-color: rgba(255,255,255,0);\r\n        -webkit-tap-highlight-color: transparent;\r\n    }\r\n    //position: absolute;\r\n    //@include trbl(0);\r\n    //overflow: hidden;\r\n    width: 100%;\r\n    min-height: 100%;\r\n    height: auto;\r\n    background: transparent no-repeat center center;\r\n    transition: opacity .25s ease;\r\n}\r\n\r\na {\r\n    text-decoration: none;\r\n    color: inherit;\r\n}\r\n\r\n::selection {\r\n    /* Webkit */\r\n    background: #fff;\r\n    color: #000;\r\n}\r\n::-moz-selection {\r\n    /* Firefox */\r\n    background: #fff;\r\n    color: #000;\r\n}\r\n\r\n@media screen and (min-width: 600px) {\r\n    /* width */\r\n    ::-webkit-scrollbar {\r\n        width: 15px;\r\n    }\r\n\r\n    /* Track */\r\n    ::-webkit-scrollbar-track {\r\n        background: darken($tertiaryBackground, 5%); \r\n    }\r\n\r\n    /* Handle */\r\n    ::-webkit-scrollbar-thumb {\r\n        background: lighten($tertiaryBackground, 5%); \r\n    }\r\n\r\n    /* Handle on hover */\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background: lighten($tertiaryBackground, 10%); \r\n    }\r\n\r\n    /* Handle on active */\r\n    ::-webkit-scrollbar-thumb:active {\r\n        background: lighten($tertiaryBackground, 10%); \r\n    }\r\n}\r\n\r\nbody {\r\n    font-family: Roboto, \"游ゴシック\", YuGothic, \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\r\n}\r\n\r\n// To fix above\r\n.mdc-fab__icon {\r\n    font-family: 'Material Icons' !important;\r\n}\r\n\r\n.logo img {\r\n    height: 52px;\r\n    width: auto;\r\n}\r\n\r\n.br__notifier {\r\n    position: relative;\r\n    z-index: $z-index_notifier-board;\r\n    background: $primaryBackground;\r\n    color: $primaryForeground;\r\n    padding: 20px;\r\n    display: block;\r\n    width: 100%;\r\n    position: fixed;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.br-help {\r\n    cursor: help;\r\n}\r\n\r\n.br-loader__container {\r\n    position: absolute;\r\n    top: 42%;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    & #br-loader__message {\r\n        position: inherit;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        font-size: 26px;\r\n        color: $tertiaryForeground;\r\n        text-align: center;\r\n        user-select: text;\r\n    }\r\n\r\n    & .spinner {\r\n        margin: 50px auto;\r\n    }\r\n}\r\n\r\ndiv#br-main {\r\n    -webkit-overflow-scrolling: touch;\r\n    //overflow: hidden;\r\n    box-sizing: border-box;\r\n    //padding: 35px 0;\r\n    //transition: .2s ease-out;\r\n    position: absolute;\r\n    z-index: $z-index_main;\r\n    @include trbl(0);\r\n    padding-top: $top-bar-height;\r\n    width: 100%;\r\n    min-height: 100%;\r\n    height: auto;\r\n    transition: .15s ease;\r\n    transform-origin: 0 0;\r\n    will-change: scroll-position, transform, opacity;\r\n    padding-top: 0;\r\n}\r\n\r\n\r\n\r\n.page-img,\r\n.page-blank {\r\n    max-height: 100%;\r\n    max-width: 100%;\r\n    display: block;\r\n    //height: auto;\r\n    direction: ltr;\r\n}\r\n\r\ndiv#br-spine.fixed.single {\r\n    .page-img,\r\n    .page-blank {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\nimg.page-img {\r\n    display: none;\r\n    &[src] {\r\n        display: block;\r\n        // image-rendering: -webkit-optimize-contrast; This looks sooo bad in Safari when you rescale\r\n        image-rendering: smooth;\r\n        image-rendering: high-quality;\r\n    }\r\n}\r\n\r\ndiv#br-book {\r\n    position: relative;\r\n    z-index: $z-index_main-book;\r\n    width: 100%;\r\n    //height: calc(100% - #{$top-bar-height});\r\n    min-height: 100%;\r\n    height: auto;\r\n    transition: 0.15s ease-in-out;\r\n    transition-property: transform;\r\n    outline: none;\r\n    // transform: translateY( 0  );\r\n    // html.panel-opened & { transform: translateY(36px); /* transform-origin: 50% 100%; transform: rotateX(-45deg); */ }\r\n    &.pinching {\r\n        transition: none;\r\n    }\r\n    &.cursor { // Custom cursors for Windows. TODO get EXACT coordinates\r\n        &__s-resize {\r\n            @include hdpicursor(s-resize, 10, 22);\r\n        }\r\n        &__e-resize {\r\n            @include hdpicursor(e-resize, 22, 10);\r\n        }\r\n        &__w-resize {\r\n            @include hdpicursor(w-resize, 4, 10);\r\n        }\r\n        &__n-resize {\r\n            @include hdpicursor(n-resize, 10, 4);\r\n        }\r\n        &__context-menu {\r\n            @include hdpicursor(context-menu, 0, 5);\r\n        }\r\n    }\r\n    color-scheme: dark;\r\n}\r\n\r\ndiv#br-spine.fixed {\r\n    // will-change: transform; \"Will-change memory consumption is too high\"\r\n    contain: content;\r\n\r\n    & .item {\r\n        // contain: paint; // Disabled for now because causes gaps between TTB images\r\n    }\r\n}\r\n\r\ndiv#br-topbar, div#br-botbar {\r\n    background-color: rgba($primaryBackground, 0.9) !important;\r\n\r\n    &:hover {\r\n        background-color: rgba($primaryBackground, 0.95) !important;\r\n    }\r\n\r\n    &.animate {\r\n        transition-property: all;\r\n        transition-duration: .05s;\r\n        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\r\n    }\r\n}\r\n\r\n.br-tab-bar {\r\n    display: table;\r\n    position: relative;\r\n    height: 48px;\r\n    margin: 0 auto;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.br-tab {\r\n    -moz-osx-font-smoothing: grayscale;\r\n    -webkit-font-smoothing: antialiased;\r\n    font-size: .875rem;\r\n    line-height: 2.25rem;\r\n    font-weight: 500;\r\n    letter-spacing: .08929em;\r\n    text-transform: uppercase;\r\n    -webkit-tap-highlight-color: rgba(0,0,0,0);\r\n    will-change: transform,opacity;\r\n    display: table-cell;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    min-width: 0px;\r\n    min-height: 48px;\r\n    padding: 0 24px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    vertical-align: middle;\r\n\r\n    border: 1px solid transparent;\r\n\r\n    @include shadow_hover();\r\n\r\n    &:hover {\r\n        background-color: darken($primaryBackground, 20%);\r\n    }\r\n\r\n    &:active {\r\n        background-color: darken($primaryBackground, 40%);\r\n    }\r\n\r\n    // Icons\r\n    & i {\r\n        display: block;\r\n        margin: 0 auto;\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    @media screen and (max-width: 600px) {\r\n        & {\r\n            padding: 0 12px\r\n        }\r\n    }\r\n}\r\n\r\n@import \"./components/slider.scss\";\r\n@import \"./components/topbar.scss\";\r\n@import \"./components/botbar.scss\";\r\n// @import \"./components/arrows.scss\";\r\n@import \"./components/spinner.scss\";\r\n@import \"./components/guide.scss\";\r\n@import \"./components/dialog.scss\";\r\n@import \"./components/section.scss\";\r\n@import \"./error.scss\";","// Reset\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    border-style: none;\r\n    border: 0;\r\n}\r\n\r\nh1 {\r\n    font-weight: 400;\r\n}\r\n\r\nli {\r\n    list-style: none outside;\r\n}\r\n\r\nsection, article, nav, aside,\r\nheader, footer,\r\nfigure, figcaption { \r\n    display: block;\r\n}\r\n\r\n// Colors\r\n$primaryForeground: #000;\r\n$secondaryForeground: #333;\r\n$tertiaryForeground: #FFF;\r\n\r\n$primaryBackground: #fff;\r\n$secondaryBackground: #fff;\r\n$tertiaryBackground: #404040;\r\n\r\n$hoverColor: #9eceff;\r\n$activeColor: #ffe14c;\r\n\r\n// Sizes\r\n$scrollbar-track-size: 10px;\r\n$scrollbar-thumb-size: 8px;\r\n\r\n$icon-size: 40px;\r\n$icon-size_in-subpanel: 21px;\r\n\r\n$button-group-margin: 4px;\r\n\r\n$top-bar-height: $icon-size + $button-group-margin * 2 + 16;\r\n$bottom-bar-height: $top-bar-height;\r\n\r\n$slider-size: $bottom-bar-height;\r\n\r\n$guide-size: 140px;\r\n\r\n// Mixins\r\n@mixin trbl($t: auto, $r: $t, $b: $t, $l: $r) { top: $t; right: $r; bottom: $b; left: $l; }\r\n\r\n@mixin min($min) { @media screen and (min-width: #{$min}) { @content; } }\r\n@mixin max($max) { @media screen and (max-width: #{$max}) { @content; } }\r\n@mixin min-max($min, $max) { @media screen and (min-width: #{$min}) and (max-width: #{$max}) { @content; } }\r\n@mixin max-min($max, $min) { @include min-max($min, $max) { @content; } }\r\n\r\n@mixin keyframes($N) { @-webkit-keyframes #{$N} { @content; } @-epub-keyframes #{$N} { @content; } @-moz-keyframes #{$N} { @content; } @-ms-keyframes #{$N} { @content; } @keyframes #{$N} { @content; } }\r\n\r\n@mixin prefix($P, $V) { -webkit-#{$P}: $V; -epub-#{$P}: $V; -moz-#{$P}: $V; -khtml-#{$P}: $V; -ms-#{$P}: $V; @content; #{$P}: $V; }\r\n\r\n@mixin font-icon($FamilyName) {\r\n    display: inline-block;\r\n    direction: ltr;\r\n    letter-spacing: normal;\r\n    text-transform: none;\r\n    text-rendering: optimizeLegibility;\r\n    white-space: nowrap;\r\n    word-wrap: normal;\r\n    font-family: $FamilyName;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    -ms-font-feature-settings: 'liga' 1;\r\n    font-feature-settings: 'liga';\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    speak: none;\r\n}\r\n\r\n@mixin hover() {\r\n    &:hover, &:focus {\r\n        border: solid 1px $hoverColor;\r\n    }\r\n    \r\n    &:active {\r\n        border: solid 1px $activeColor;\r\n    }\r\n}\r\n\r\n@mixin shadow_hover() {\r\n\r\n    @include hover();\r\n    &:hover {\r\n        box-shadow: 1px 1px 3px 0 rgba(0,0,0,.8);\r\n    }\r\n\r\n    &:active {\r\n        box-shadow: 1px 1px 1px 0 rgba(0,0,0,.8);\r\n    }\r\n}\r\n\r\n@mixin hdpicursor($name, $x, $y) {\r\n    cursor: url(\"../img/cursors/\" + $name + \".png\") $x $y, $name;\r\n    cursor: -webkit-image-set(url(\"../img/cursors/\" + $name + \".png\") 1x, url(\"../img/cursors/\" + $name + \"@2x.png\") 2x) $x $y, $name;\r\n}\r\n\r\n// Indexes\r\n\r\n\r\n$z-index_main: 1;\r\n    $z-index_main-book: 1;\r\n    $z-index_main-touchpanel: 10;\r\n\r\n$z-index_scrollbar: $z-index_main + 1;\r\n$z-index_progress: $z-index_main + 1;\r\n$z-index_nombre: $z-index_main + 1;\r\n$z-index_slider: $z-index_main + 10;\r\n\r\n$z-index_sub: 10;\r\n\r\n$z-index_veil: 100;\r\n    $z-index_veil-bottombar: 1;\r\n    $z-index_veil-cover: 10;\r\n    $z-index_veil-catcher: 10;\r\n    $z-index_veil-play: 10;\r\n    $z-index_veil-byebye: 10;\r\n\r\n$z-index_panel: 1000;\r\n    $z-index_panel-bookinfo: 1;\r\n    $z-index_panel-bottombar: $z-index_panel-bookinfo + 1;\r\n    $z-index_panel-topbar: 1000;\r\n\r\n$z-index_menu: $z-index_panel + 1;\r\n\r\n$z-index-help: $z-index_panel + 1;\r\n$z-index-poweredby: $z-index_panel + 1;\r\n\r\n$z-index_arrow: $z-index_panel + 1;\r\n\r\n$z-index_shade: $z-index_menu - 1;\r\n$z-index_subpanel: $z-index_menu + 1;\r\n\r\n$z-index_notifier-board: 99999999999;\r\n$z-index_spinner: $z-index_notifier-board - 1;","@import \"variables\";\n\n@font-face {\n  font-family: '#{$icomoon-font-family}';\n  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?h0ib59');\n  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?h0ib59#iefix') format('embedded-opentype'),\n    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?h0ib59') format('truetype'),\n    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?h0ib59') format('woff'),\n    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?h0ib59##{$icomoon-font-family}') format('svg');\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n\n[class^=\"br-i-\"], [class*=\" br-i-\"] {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: '#{$icomoon-font-family}' !important;\n  speak: never;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  color: $primaryForeground;\n  font-size: 24px;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.br-i-single-wide {\n  &:before {\n    content: $br-i-single-wide; \n  }\n}\n.br-i-single {\n  &:before {\n    content: $br-i-single; \n  }\n}\n.br-i-spread-ltr {\n  &:before {\n    content: $br-i-spread-ltr; \n  }\n}\n.br-i-spread-rtl {\n  &:before {\n    content: $br-i-spread-rtl; \n  }\n}\n.br-i-thin {\n  &:before {\n    content: $br-i-thin; \n  }\n}\n.br-i-wide {\n  &:before {\n    content: $br-i-wide; \n  }\n}\n.br-i-arrow_back {\n  &:before {\n    content: $br-i-arrow_back; \n  }\n}\n.br-i-arrow_downward {\n  &:before {\n    content: $br-i-arrow_downward; \n  }\n}\n.br-i-arrow_forward {\n  &:before {\n    content: $br-i-arrow_forward; \n  }\n}\n.br-i-arrow_upward {\n  &:before {\n    content: $br-i-arrow_upward; \n  }\n}\n.br-i-latest {\n  &:before {\n    content: $br-i-latest; \n  }\n}\n.br-i-apps {\n  &:before {\n    content: $br-i-apps; \n  }\n}\n.br-i-volume {\n  &:before {\n    content: $br-i-volume; \n  }\n}\n.br-i-bookmarked {\n  &:before {\n    content: $br-i-bookmarked; \n  }\n}\n.br-i-bookmark {\n  &:before {\n    content: $br-i-bookmark; \n  }\n}\n.br-i-tool {\n  &:before {\n    content: $br-i-tool; \n  }\n}\n.br-i-refresh {\n  &:before {\n    content: $br-i-refresh; \n  }\n}\n.br-i-download {\n  &:before {\n    content: $br-i-download; \n  }\n}\n.br-i-comment {\n  &:before {\n    content: $br-i-comment; \n  }\n}\n.br-i-fullscreen {\n  &:before {\n    content: $br-i-fullscreen; \n  }\n}\n.br-i-unfullscreen {\n  &:before {\n    content: $br-i-unfullscreen; \n  }\n}\n.br-i-help {\n  &:before {\n    content: $br-i-help; \n  }\n}\n.br-i-cancel {\n  &:before {\n    content: $br-i-cancel; \n  }\n}\n.br-i-lock {\n  &:before {\n    content: $br-i-lock; \n  }\n}\n.br-i-info {\n  &:before {\n    content: $br-i-info; \n  }\n}\n.br-i-external {\n  &:before {\n    content: $br-i-external; \n  }\n}\n.br-i-power {\n  &:before {\n    content: $br-i-power; \n  }\n}\n.br-i-error {\n  &:before {\n    content: $br-i-error; \n  }\n}\n.br-i-warning {\n  &:before {\n    content: $br-i-warning; \n  }\n}\n.br-i-feed {\n  &:before {\n    content: $br-i-feed; \n  }\n}\n.br-i-cog {\n  &:before {\n    content: $br-i-cog; \n  }\n}\n.br-i-share {\n  &:before {\n    content: $br-i-share; \n  }\n}\n.br-i-volumes {\n  &:before {\n    content: $br-i-volumes; \n  }\n}\n.br-i-list {\n  &:before {\n    content: $br-i-list; \n  }\n}\n.br-i-search {\n  &:before {\n    content: $br-i-search; \n  }\n}\n.br-i-vertical {\n  &:before {\n    content: $br-i-vertical; \n  }\n}\n.br-i-menu {\n  &:before {\n    content: $br-i-menu; \n  }\n}\n.br-i-horizontal {\n  &:before {\n    content: $br-i-horizontal; \n  }\n}\n\n","$icomoon-font-family: \"breader\" !default;\n$icomoon-font-path: \"../fonts\" !default;\n\n$br-i-single-wide: \"\\e90b\";\n$br-i-single: \"\\e906\";\n$br-i-spread-ltr: \"\\e90a\";\n$br-i-spread-rtl: \"\\e907\";\n$br-i-thin: \"\\e908\";\n$br-i-wide: \"\\e909\";\n$br-i-arrow_back: \"\\e5c4\";\n$br-i-arrow_downward: \"\\e5db\";\n$br-i-arrow_forward: \"\\e5c8\";\n$br-i-arrow_upward: \"\\e5d8\";\n$br-i-latest: \"\\e8b5\";\n$br-i-apps: \"\\e5c3\";\n$br-i-volume: \"\\e86e\";\n$br-i-bookmarked: \"\\e8e6\";\n$br-i-bookmark: \"\\e8e7\";\n$br-i-tool: \"\\e869\";\n$br-i-refresh: \"\\e86a\";\n$br-i-download: \"\\e2c0\";\n$br-i-comment: \"\\e0b9\";\n$br-i-fullscreen: \"\\e5d0\";\n$br-i-unfullscreen: \"\\e5d1\";\n$br-i-help: \"\\e8fd\";\n$br-i-cancel: \"\\e888\";\n$br-i-lock: \"\\e897\";\n$br-i-info: \"\\e88f\";\n$br-i-external: \"\\e89e\";\n$br-i-power: \"\\e8ac\";\n$br-i-error: \"\\e160\";\n$br-i-warning: \"\\e002\";\n$br-i-feed: \"\\e0e5\";\n$br-i-cog: \"\\e8b8\";\n$br-i-share: \"\\e80d\";\n$br-i-volumes: \"\\e900\";\n$br-i-list: \"\\e901\";\n$br-i-search: \"\\e902\";\n$br-i-vertical: \"\\e903\";\n$br-i-menu: \"\\e904\";\n$br-i-horizontal: \"\\e905\";\n\n",".noselect {\r\n    -webkit-touch-callout: none;\r\n    @include prefix(\"user-select\", none);\r\n}\r\n\r\n.noget {\r\n    @include prefix(\"user-drag\", none);\r\n    @include prefix(\"pointer-events\", none);\r\n}\r\n\r\n.etext {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    & a:hover {\r\n        text-decoration: underline;\r\n    }\r\n}\r\n\r\nhtml.no-js .jss, .hide {\r\n    display: none !important;\r\n}\r\n\r\n/* Responsive toggle classes */\r\n@media (min-width: 700px) {\r\n    .dhide {\r\n        display: none !important;\r\n    }\r\n} \r\n@media (max-width: 699px) {\r\n    html.js .mhide, html.br .mhide {\r\n        display: none !important;\r\n    }\r\n    html.no-js .mhide, html.br .mhide {\r\n        display: none !important;\r\n    }\r\n}","$colorTrack: darken($secondaryBackground, 20%) !default;\r\n$colorThumb: lighten($secondaryForeground, 10%) !default;\r\n$h: 1.2em;\r\n$w: calc(100% - 160px);\r\n\r\n@mixin thumb() {\r\n    border: none;\r\n    border-radius: 50%;\r\n    box-sizing: border-box;\r\n    //border: (solid .35em transparent) 0 (solid .25em transparent);\r\n    //border: solid 1px $colorThumb;\r\n    border: 0;\r\n    width: $h + .5em;\r\n    height: $h + .5em;\r\n    background: $colorThumb;\r\n    background-clip: content-box;\r\n    position: relative;\r\n    \r\n    box-shadow: 2px 2px 5px 0 rgba(0,0,0,.4);\r\n\r\n    //margin-top: -0.25em;\r\n    margin-left: .05em;\r\n    cursor: pointer;\r\n\r\n    @include hover();\r\n\r\n    &:active {\r\n        box-shadow: 1px 1px 3px 0 rgba(0,0,0,.8);\r\n    }\r\n}\r\n\r\n\r\n.br-slider {\r\n    //top: 8px;\r\n    margin: 0 auto;\r\n    display: block;\r\n    padding: 0;\r\n    background: transparent;\r\n    font-size: 1em;\r\n    cursor: pointer;\r\n    width: $w;\r\n    height: $h;\r\n    background: ( radial-gradient(circle at calc($h/2) 50%, $colorTrack .3125em, $colorTrack .3125em, $colorTrack calc($h/2), transparent calc($h/2)), linear-gradient(90deg, transparent 0, $colorTrack 0) repeat-x 0 50%);\r\n    position: relative;\r\n    background-size: 0% 1.2em, 100% 0.5em;\r\n    border-radius: 1px;\r\n    &,\r\n    &::-webkit-slider-runnable-track,\r\n    &::-webkit-slider-thumb {\r\n        -webkit-appearance: none;\r\n    }\r\n    &:before {\r\n        content: \"\";\r\n        position: absolute;\r\n        z-index: 0;\r\n        left: .2em;\r\n        right: .2em;\r\n        box-sizing: border-box;\r\n    }\r\n    &::-ms-track {\r\n        border: none;\r\n        color: transparent;\r\n    }\r\n    &::-webkit-slider-thumb {\r\n        @include thumb();\r\n    }\r\n    &::-moz-range-thumb {\r\n        @include thumb();\r\n    }\r\n    &::-ms-thumb {\r\n        @include thumb();\r\n    }\r\n    &::-ms-tooltip {\r\n        display: none\r\n    }\r\n    &:focus {\r\n        outline: none;\r\n    }\r\n    \r\n    &__lgo, &__rgo {\r\n        color: $colorTrack;\r\n        font-size: 12px;\r\n        padding: 0 16px;\r\n\r\n        & a {\r\n            color: $secondaryForeground;\r\n        }\r\n    }\r\n    \r\n    &__lgo:before, &__rgo:before {\r\n        content: \"\";\r\n        display: inline-block;\r\n        position: absolute;\r\n        top: 50%;\r\n        margin-top: -4px;\r\n        border: 4px solid transparent;\r\n    }\r\n\r\n    &__lgo {\r\n        padding-right: 8px;\r\n\r\n        &:before {\r\n            //left: 4px;\r\n            margin-left: -12px;\r\n            border-right-color: darken($colorTrack, 30%);\r\n        }\r\n    }\r\n\r\n    &__rgo {\r\n        padding-left: 8px;\r\n\r\n        &:before {\r\n            //right: 4px;\r\n            margin-left: 30px; // TODO fine-tune sync with lgo\r\n            border-left-color: darken($colorTrack, 30%);\r\n        }\r\n    }\r\n    \r\n    &__pagenum, &__pagenum-last {\r\n        font-size: 10px;\r\n        color: darken($colorTrack, 50%);\r\n        margin-top: 4px;\r\n    }\r\n    \r\n    &__pagenum {\r\n        min-width: 25px;\r\n        cursor: pointer;\r\n\r\n        @media (max-width: 699px) {\r\n            & {\r\n                min-width: 15px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 980px) {\r\n    .br-slider {\r\n        &__lgo {\r\n            padding-right: 3px;\r\n        }\r\n        \r\n        &__rgo {\r\n            padding-left: 3px;\r\n        }\r\n    }\r\n}","div#br-topbar {\r\n    visibility: visible !important;\r\n    height: 72px;\r\n    flex-direction: row;\r\n    color: $primaryForeground;\r\n    display: flex;\r\n    position: fixed;\r\n    justify-content: space-between;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: $z-index_menu;\r\n\r\n    &.hidden {\r\n        top: -72px;\r\n    }\r\n\r\n    & .br-topbar__icon {\r\n        display: flex;\r\n        position: relative;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n        box-sizing: border-box;\r\n        width: 48px;\r\n        height: 48px;\r\n        padding: 12px 0;\r\n        margin-top: 4px;\r\n        border: none;\r\n        outline: none;\r\n        background-color: transparent;\r\n        fill: currentColor;\r\n        color: inherit;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n    }\r\n\r\n    & .br-menu__toggle {\r\n        padding-right: 6px;\r\n        padding-left: 2px;\r\n    }\r\n\r\n    & #br-embedded {\r\n        &__back {\r\n            height: 38px;\r\n            width: 38px;\r\n            background: transparent;\r\n\r\n            & i {\r\n                height: 36px;\r\n                font-size: 34px;\r\n            }\r\n\r\n            @include hover();\r\n        }\r\n    }\r\n\r\n    /*& #br-chapter--volume {\r\n        &:hover {\r\n            text-decoration: underline;\r\n            cursor: pointer;\r\n\r\n            & + select#br-chapter {\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n        & + select#br-chapter:hover {\r\n            text-decoration: underline;\r\n        }\r\n    }*/\r\n\r\n    & #br-chapter__group {\r\n        display: flex;\r\n\r\n        & > #br-chapter {\r\n            flex-grow: 2;;\r\n        }\r\n\r\n        @media (max-width: 699px) {\r\n            & {\r\n                width: 100%;\r\n            }\r\n            &, #br-chapter {\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n    }\r\n\r\n    & #br-chapter {\r\n        //padding: 20px 26px 4px 0;\r\n        -moz-osx-font-smoothing: grayscale;\r\n        -webkit-font-smoothing: antialiased;\r\n        font-size: 1rem;\r\n        font-weight: 400;\r\n        letter-spacing: .00937em;\r\n        text-decoration: inherit;\r\n        text-transform: inherit;\r\n        border-bottom: 1px solid transparent;\r\n        border-radius: 0;\r\n        outline: none;\r\n        background-color: transparent;\r\n        white-space: nowrap;\r\n        cursor: pointer;\r\n\r\n        //padding-top: 10px;\r\n        text-overflow: ellipsis;\r\n        //width: auto;\r\n        max-width: 600px;\r\n        //-webkit-appearance: none;\r\n        //-moz-appearance: none;\r\n        //appearance: none;\r\n        // border: none;\r\n\r\n        &:hover {\r\n            //color: rgba($secondaryForeground, 0.9);\r\n            text-decoration: underline;\r\n        }\r\n\r\n        & option, & optgroup {\r\n            color: $secondaryForeground;\r\n            background: $secondaryBackground;\r\n            -o-text-overflow: ellipsis;\r\n            text-overflow: ellipsis;\r\n        }\r\n    }\r\n\r\n    & span#br-chapter {\r\n        cursor: default;\r\n        line-height: inherit;\r\n\r\n        &:hover {\r\n            text-decoration: none;\r\n        }\r\n    }\r\n}\r\n\r\n.br-topbar__row {\r\n    display: flex;\r\n    position: relative;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 64px;\r\n}\r\n\r\n.br-toolbar__section {\r\n    display: inline-flex;\r\n    flex: 1;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    min-width: 0;\r\n    height: 100%;\r\n    padding: 8px;\r\n    z-index: 1;\r\n\r\n    &.gone {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.br-toolbar__tsection {\r\n    flex: 7;\r\n    margin: 0 5px;\r\n    line-height: 1.75em;\r\n\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n\r\n    & > * {\r\n        display: inline-block;\r\n    }\r\n\r\n    & .spacer {\r\n        padding: 0 2px;\r\n    }\r\n\r\n    & .br-toolbar__ellipsis {\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        max-width: 600px;\r\n    }\r\n\r\n    @media (max-width: 699px) {\r\n        margin: 0;\r\n        max-width: 70%;\r\n\r\n        & > a, & #br-chapter__group {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        & > .spacer {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    & a:hover {\r\n        text-decoration: underline;\r\n    }\r\n}\r\n\r\n.br-toolbar__section--align-start {\r\n    //padding-left: 12px;\r\n    padding-right: 0;\r\n    justify-content: flex-start;\r\n    order: -1;\r\n    flex-basis: 36px;\r\n\r\n    &.embedded {\r\n        flex-basis: 0;\r\n        max-width: 60px;\r\n    }\r\n}\r\n\r\n.br-toolbar__section--align-end {\r\n    padding-left: 0;\r\n    //padding-right: 12px;\r\n    justify-content: flex-end;\r\n    order: 1;\r\n    flex: 2;\r\n}\r\n\r\ndiv#br-topbar, .br-topbar__section {\r\n    align-items: center;\r\n}\r\n\r\n.br-cmenu__toggle {\r\n    background: transparent;\r\n    outline: none;\r\n}\r\n\r\n@media (max-width: 699px) {\r\n    .br-cmenu {\r\n        position: absolute;\r\n        right: 0;\r\n        top: 72px;\r\n        padding: 0;\r\n        margin: 0;\r\n        height: auto;\r\n        background: $primaryBackground;\r\n        &.sgone {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n","div#br-botbar {\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    align-items: center;\r\n    //overflow: hidden;\r\n    position: fixed;\r\n    z-index: 11;\r\n    border: 0;\r\n    /*cursor: pointer;*/\r\n    top: auto;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 64px;\r\n    text-align: center;\r\n\r\n    & a:hover, & a:active {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    & span {\r\n        //position: absolute;\r\n        display: inline-flex;\r\n        margin: auto;\r\n        white-space: nowrap;\r\n    }\r\n    &.hidden {\r\n        bottom: -64px;\r\n    }\r\n}\r\n\r\ndiv.br-botbar-controls {\r\n    flex: 5em;\r\n    display: inline-flex;\r\n    margin: auto;\r\n    justify-content: center;\r\n    & button {\r\n        cursor: pointer;\r\n        background: $primaryBackground;\r\n        margin: 0 5px;\r\n        height: 38px;\r\n        width: 38px;\r\n        box-shadow: 0 -3px 0 0 rgba(0,0,0,.4) inset;\r\n        border-radius: 3px;\r\n        border: 1px solid $primaryForeground;\r\n        outline: none;\r\n\r\n        & i {\r\n            height: 36px;\r\n            font-size: 34px;\r\n        }\r\n\r\n        @include hover();\r\n\r\n        &:active {\r\n            box-shadow: 0 -1px 0 0 rgba(0,0,0,.4) inset;\r\n            transform: translateY(1px);\r\n        }\r\n    }\r\n\r\n    &.landscape {\r\n        min-width: 100px;\r\n    }\r\n\r\n    &.portrait {\r\n        min-width: 50px;\r\n\r\n        & #br-view__tweak {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\ndiv.br-botbar-container {\r\n    flex: 100% 0;\r\n    display: inline-flex;\r\n    margin: auto;\r\n    height: 18px;\r\n}\r\n\r\ndiv.br-botbar-inner {\r\n    position: relative;\r\n    max-width: 980px;\r\n    padding: 22px 10px;\r\n}\r\n\r\n@media screen and (max-width: 980px) {\r\n    div.br-botbar-inner {\r\n        position: static;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\ndiv#br-botbar:before {\r\n    top: 50%;\r\n    right: 0;\r\n    bottom: auto;\r\n    left: 0;\r\n    width: 100%;\r\n    border-top-width: 1px;\r\n    transform: translateY(-.5px);\r\n}",".spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    background-color: $tertiaryForeground;\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 100px auto;\r\n    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\r\n    animation: sk-rotateplane 1.2s infinite ease-in-out;\r\n}\r\n\r\n@-webkit-keyframes sk-rotateplane {\r\n    0% {\r\n        -webkit-transform: perspective(120px)\r\n    }\r\n    50% {\r\n        -webkit-transform: perspective(120px) rotateY(180deg)\r\n    }\r\n    100% {\r\n        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)\r\n    }\r\n}\r\n\r\n@keyframes sk-rotateplane {\r\n    0% {\r\n        transform: perspective(120px) rotateX(0deg) rotateY(0deg);\r\n        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)\r\n    }\r\n    50% {\r\n        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\r\n        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)\r\n    }\r\n    100% {\r\n        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\r\n        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\r\n    }\r\n}","\r\n\r\n.br-guide {\r\n    position: fixed;\r\n    width: $guide-size;\r\n    height: $guide-size;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: calc(1*-1*$guide-size/2) 0 0 calc(1*-1*$guide-size/2);\r\n    padding-top: $guide-size - 25;\r\n    box-sizing: border-box;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    color: $primaryForeground;\r\n    border: 1px solid $tertiaryBackground;\r\n    border-radius: 4px;\r\n    z-index: 1000;\r\n    background-color: rgba($primaryBackground, 0.95);//rgba(0, 0, 0, 0.95);//rgba($primaryBackground, 0.95);\r\n    background-repeat: no-repeat;\r\n    background-position: center 10px;\r\n    pointer-events: none;\r\n    &__rtl, &__ltr {\r\n        background-position: center 25px;\r\n        background-size: 110px 71px;\r\n    }\r\n    &__rtl {\r\n        background-image: url(\"../img/horizontal_rtl.svg\");\r\n    }\r\n    &__ltr {\r\n        background-image: url(\"../img/horizontal_ltr.svg\");\r\n    }\r\n    &__ttb {\r\n        background-image: url(\"../img/vertical.svg\");\r\n        background-size: 70px 96px;\r\n    }\r\n}","@mixin br-dialog-clickable {\r\n    border: 1px solid $primaryForeground;\r\n    transition: all .1s ease;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n}\r\n\r\n.br-dialog {\r\n    position: relative;\r\n    cursor: default;\r\n    width: auto;\r\n    max-width: 500px;\r\n    height: auto;\r\n    background: rgba($color: $primaryBackground, $alpha: 0.95);\r\n    border: 1px solid $primaryForeground;\r\n    border-radius: 1px;\r\n    padding: 15px;\r\n    margin: auto;\r\n    margin-top: $top-bar-height + 20px;\r\n    display: inline-block;\r\n    z-index: $z-index_menu + 1;\r\n\r\n    @media (max-width: 600px) {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    @media (max-width: 335px) {\r\n        padding: 5px;\r\n    }\r\n\r\n    &.nopad {\r\n        padding: 0;\r\n    }\r\n\r\n    button {\r\n        outline: none;\r\n        @include br-dialog-clickable;\r\n    }\r\n\r\n    h1 {\r\n        font-size: 24px;\r\n        text-align: center;\r\n    }\r\n\r\n    span {\r\n        margin-top: 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    iframe {\r\n        min-width: 350px;\r\n        min-height: 300px;\r\n        overflow: hidden;\r\n\r\n        @media (max-width: 385px) {\r\n            min-width: 280px;\r\n        }\r\n    }\r\n\r\n    &__action {\r\n        margin: 0 5px;\r\n        padding: 5px;\r\n        background: darken($primaryBackground, 10%);\r\n        color: $primaryForeground;\r\n        flex: auto;\r\n        @include shadow_hover;\r\n    }\r\n\r\n    &__container {\r\n        background: rgba($color: #000, $alpha: 0.3);\r\n        cursor: pointer;\r\n        position: fixed;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        z-index: $z-index_menu;\r\n        overflow-x: hidden;\r\n        overflow-y: auto;\r\n        text-align: center;\r\n    }\r\n\r\n    text-align: left;\r\n\r\n    .br-form {\r\n        &__input {\r\n            display: flex;\r\n            margin-top: 12px;\r\n\r\n            @media (max-width: 600px) {\r\n                display: block;\r\n            }\r\n\r\n            &-label {\r\n                margin: auto 0;\r\n                width: 100px;\r\n                margin-right: 16px;\r\n\r\n                @media (max-width: 600px) {\r\n                    margin-bottom: 6px;\r\n                }\r\n            }\r\n\r\n            &-spinner {\r\n                //padding: 5px;\r\n                font-size: large;\r\n                flex: auto;\r\n                width: 5.5em;\r\n\r\n                &.buttons {\r\n                    display: inline-flex;\r\n                }\r\n\r\n                &.label {\r\n                    margin: auto 0;\r\n                }\r\n\r\n                &.positive, &.negative {\r\n                    @include hover;\r\n                    background: $primaryBackground;\r\n                    text-rendering: optimizeLegibility;\r\n                    -webkit-font-smoothing: antialiased;\r\n                    font-weight: lighter;\r\n\r\n                    display: block;\r\n                    font-size: 50px;\r\n                    height: 0.8em;\r\n                    line-height: 0;\r\n\r\n                    &:active {\r\n                        color: $tertiaryForeground;\r\n                        background-color: $tertiaryBackground;\r\n                    }\r\n                }\r\n\r\n                &.negative {\r\n                    border-radius: 3px 0 0 3px;\r\n                }\r\n\r\n                &.positive {\r\n                    border-radius: 0 3px 3px 0;\r\n                }\r\n            }\r\n\r\n            &-dropdown {\r\n                font-size: inherit;\r\n                padding: 9px 8px 9px 8px;\r\n                @include br-dialog-clickable;\r\n                @include hover;\r\n            }\r\n\r\n            &-radio {\r\n                display: inline-flex;\r\n                white-space: nowrap;\r\n                background-color: $primaryBackground;\r\n                border-radius: 3px;\r\n                overflow: hidden;\r\n\r\n                &__input:checked + label {\r\n                    color: $secondaryBackground;\r\n                    background-color: lighten($secondaryForeground, 20%);\r\n                }\r\n\r\n                &__input {\r\n                    display: none;\r\n                }\r\n\r\n                &__label {\r\n                    padding: 9px 8px 9px 8px;\r\n                    @include br-dialog-clickable;\r\n                    border-radius: 0; // Override clickable style\r\n                    @include shadow_hover;\r\n\r\n                    &:active {\r\n                        color: $tertiaryForeground;\r\n                        background-color: $tertiaryBackground;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","@keyframes shine-lines {\r\n    0% {\r\n        background-position: 0;\r\n    }\r\n    100% {\r\n        background-position: 500px;\r\n    }\r\n}\r\n\r\ndiv.br-skeleton {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-evenly;\r\n\r\n    div {\r\n        width: calc(100% - var(--xb-margin));\r\n        height: calc(100% - var(--xb-margin));\r\n        border-radius: 7px;\r\n        background-image: linear-gradient(90deg, rgba(221, 221, 221, 0.5) 0px, transparent 50%, rgba(221, 221, 221, 0.5) 100%);\r\n        background-size: 500px;\r\n        animation: shine-lines 3s infinite linear;\r\n        align-self: center;\r\n\r\n        &.half {\r\n            width: calc(50% - var(--xb-margin));\r\n        }\r\n    }\r\n}\r\n\r\ndiv#br-spine.reflowable {\r\n    will-change: transform; // Warning \"Will-change memory consumption is too high\"\r\n    min-height: 0;\r\n    max-height: 100%;\r\n    overflow-x: visible;\r\n    overflow-wrap: break-word;\r\n    column-fill: auto;\r\n}\r\n\r\n.br-section {\r\n    font-weight: normal;\r\n    letter-spacing: 0;\r\n    orphans: 1;\r\n    widows: 1;\r\n    word-spacing: 0;\r\n    word-wrap: break-word;\r\n    user-select: none;\r\n\r\n    letter-spacing: 0;\r\n    break-after: column;\r\n    -webkit-column-break-after: column;\r\n    width: 100%;\r\n\r\n    // Variables\r\n    font-family: var(--xb-font-family);\r\n    font-size: var(--xb-font-size);\r\n    line-height: var(--xb-line-height);\r\n    text-align: var(--xb-text-align);\r\n\r\n    blockquote {\r\n        margin-top: 1em;\r\n        margin-bottom: 1em;\r\n        margin-left: 1em;\r\n        margin-right: 1em;\r\n    }\r\n\r\n    blockquote p {\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n    }\r\n\r\n    li {\r\n        font-size: 1em;\r\n        list-style: revert;\r\n    }\r\n\r\n    li p {\r\n        text-indent: 0em;\r\n    }\r\n\r\n    ul {\r\n        padding: revert;\r\n        margin-top: 1em;\r\n        margin-bottom: 1em;\r\n    }\r\n\r\n    ol {\r\n        padding: revert;\r\n        margin-top: 1em;\r\n        margin-bottom: 1em;\r\n        text-align: left;\r\n    }\r\n\r\n    h1 {\r\n        font-size: 1.55em;\r\n        margin-top: 2em;\r\n        margin-bottom: 1em;\r\n        line-height: 1.2em;\r\n        text-indent: 20pt;\r\n    }\r\n\r\n    h2 {\r\n        font-size: 1.15em;\r\n        margin-top: 1.5em;\r\n        margin-bottom: .5em;\r\n        line-height: 1.2em;\r\n        text-indent: 20pt;\r\n    }\r\n\r\n    table {\r\n        margin-top: 1.5em;\r\n        margin-bottom: 1.5em;\r\n        font-size: 0.9em;\r\n        border-collapse: collapse;\r\n    }\r\n\r\n    tr td {\r\n        vertical-align: top;\r\n        padding: 0.2em;\r\n    }\r\n\r\n    sup {\r\n        vertical-align: super;\r\n        font-size: 0.9em;\r\n        line-height: 100% !important;\r\n    }\r\n\r\n    sub {\r\n        vertical-align: sub;\r\n        font-size: 0.9em;\r\n        line-height: 100% !important;\r\n    }\r\n\r\n    img {\r\n        max-height: calc(100vh - var(--xb-margin) * 2);\r\n        max-width: 100%;\r\n        width: initial;\r\n        display: block;\r\n        margin: 0px auto;\r\n    }\r\n\r\n    h1,\r\n    h2,\r\n    h3 {\r\n        page-break-after: avoid;\r\n        text-align: center;\r\n    }\r\n\r\n    hr {\r\n        margin-top: 0.2em;\r\n        margin-bottom: 0.2em;\r\n        border-top: 1px solid var(--xb-color);\r\n        width: 100%;\r\n        page-break-after: always;\r\n    }\r\n\r\n    p {\r\n        display: block;\r\n        margin-top: 0em;\r\n        margin-bottom: 0em;\r\n        margin-left: 0em;\r\n        margin-right: 0em;\r\n        text-indent: 20pt;\r\n    }\r\n\r\n    p.noindent {\r\n        text-indent: 0;\r\n    }\r\n\r\n    p.centerp {\r\n        text-align: center;\r\n    }\r\n\r\n    p.signature {\r\n        text-align: right;\r\n    }\r\n\r\n    p.diamond {\r\n        text-align: center;\r\n        margin-top: 1em;\r\n        margin-bottom: 1em;\r\n    }\r\n\r\n    p.section-marking {\r\n        margin-top: 1em;\r\n        margin-bottom: 1em;\r\n    }\r\n\r\n    p.section-marking img {\r\n        height: 1em;\r\n    }\r\n\r\n    p.section-break {\r\n        margin-top: 1em;\r\n    }\r\n}",".br-error__container {\r\n    position: relative;\r\n    width: 100%;\r\n    // max-width: 960px;\r\n    margin: 0 auto;\r\n    // padding: 20px;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n    color: $tertiaryForeground;\r\n    user-select: text;\r\n\r\n    & .br__notifier {\r\n        width: auto;\r\n        padding: 15px;\r\n\r\n        & #br-embedded__back {\r\n            height: 38px;\r\n            width: 38px;\r\n            background: transparent;\r\n            display: block;\r\n\r\n            & i {\r\n                height: 36px;\r\n                font-size: 34px;   \r\n            }\r\n        }\r\n    }\r\n\r\n    & h1 {\r\n        font-size: 5em;\r\n    }\r\n\r\n    & p {\r\n        padding: 5px 0;\r\n        font-size: 2em;\r\n    }\r\n\r\n    & span {\r\n        font-size: 0.8em;\r\n        line-height: 1.5em;\r\n    }\r\n}"],"names":[],"sourceRoot":""}