{"version":3,"sources":["../node_modules/@oat-sa/tao-core-ui/scss/inc/_functions.scss","../node_modules/@oat-sa/tao-core-ui/scss/inc/fonts/_tao-icon-vars.scss","../scss/inc/_navigator.scss","../scss/new-test-runner.scss","../node_modules/@oat-sa/tao-core-ui/scss/inc/_colors.scss","../scss/inc/_navigatorFizzy.scss","../scss/inc/_document-viewer.scss","../scss/inc/_answer-masking.scss","../scss/inc/_area-masking.scss","../scss/inc/_plugin-colors.scss","../scss/inc/_connectivity.scss","../scss/inc/_line-reader.scss","../scss/inc/_magnifier.scss","../scss/inc/_progressbar.scss","../scss/inc/_apip-text-to-speech.scss","../scss/inc/_test-delivery-override.scss","../scss/inc/_test-layout.scss","../scss/inc/_test-action-bars.scss","../scss/inc/_offline-sync-modal-wait-content.scss","../scss/inc/_rtl.scss","../scss/inc/rtl/_action-bar.scss","../scss/inc/rtl/_review-panel.scss","../scss/inc/rtl/_feedback.scss","../scss/inc/rtl/_title-bar.scss","../scss/inc/_shortcuts.scss","../scss/inc/_jumplinks.scss"],"names":[],"mappings":"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","file":"new-test-runner.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix: '') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: calc(100 / ($count - 1));\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient(#{$css});\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: calc((($gridPx - ($numCols * $gutter)) / $numCols));\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-inline-start: $marginPercent;\n    inline-size: $spanPercent;\n}\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    } @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction: row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        } @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    } @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, 0.2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return calc(($colWidth * 100 / $context) * 1%);\n}\n\n@function remDist($fontSizePx) {\n    @return calc(($fontSizePx / 10) * 1rem);\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha));\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha));\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: calc(($remPx) * 1px) !important;\n        font-size: calc(($remPx / 10) * 1rem) !important;\n    } @else {\n        font-size: calc(($remPx) * 1px);\n        font-size: calc(($remPx / 10) * 1rem);\n    }\n}\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} {\n        @content;\n    }\n    @-moz-keyframes #{$name} {\n        @content;\n    }\n    @-webkit-keyframes #{$name} {\n        @content;\n    }\n    @keyframes #{$name} {\n        @content;\n    }\n}\n\n@mixin animation($value, $type: '') {\n    $animation: animation;\n    @if $type != '' {\n        $animation: $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type: all, $duration: 0.5s, $effect: ease-out, $delay: 0s) {\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s) {\n    @include keyframes(fade) {\n        0% {\n            opacity: 0;\n        }\n        50% {\n            opacity: 1;\n        }\n        100% {\n            opacity: 0;\n        }\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat() {\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(1px, 1px, 1px, 1px);\n    margin: 0;\n    padding: 0;\n}\n\n/*\n * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.\n   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;\n     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.\n */\n@mixin writing-mode-vertical-rl {\n    @at-root {\n        #{selector-replace(&, $mainContainer, $mainContainer + \" .writing-mode-vertical-rl\")} {\n            @content;\n        }\n    }\n}\n@mixin writing-mode-horizontal-tb {\n    & {\n        @content;\n    }\n    @at-root {\n        #{selector-replace(&, $mainContainer, $mainContainer + \" .writing-mode-vertical-rl .writing-mode-horizontal-tb\")} {\n            @content;\n        }\n    }\n}\n","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !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  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-restricted { content: \"\\e92c\"; }\n@mixin icon-blocked { content: \"\\e92d\"; }\n@mixin icon-copy { content: \"\\e92b\"; }\n@mixin icon-align-center { content: \"\\e92a\"; }\n@mixin icon-multiple-magicwand { content: \"\\e929\"; }\n@mixin icon-sd-import { content: \"\\e91f\"; }\n@mixin icon-sd-export { content: \"\\e924\"; }\n@mixin icon-browse { content: \"\\e925\"; }\n@mixin icon-minus { content: \"\\e926\"; }\n@mixin icon-plus { content: \"\\e927\"; }\n@mixin icon-sd-save { content: \"\\e928\"; }\n@mixin icon-back-button { content: \"\\e91e\"; }\n@mixin icon-japan-incorrect { content: \"\\e91b\"; }\n@mixin icon-japan-correct { content: \"\\e91c\"; }\n@mixin icon-japan-partial { content: \"\\e91d\"; }\n@mixin icon-score-partial { content: \"\\e91a\"; }\n@mixin icon-furigana { content: \"\\e919\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-duplicate { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","@import \"inc/bootstrap\";\n\n$collapsedWidth: 8rem;\n$lineHeight: 3rem;\n$borderWidth: 1px;\n$borderColor: $textHighlight;\n\n.qti-navigator-default {\n    @include disableSelect();\n    @include flex-container();\n    @include vendor-prefix(flex-direction, column, property);\n    padding: 0;\n    cursor: default;\n    min-width: calc(18rem - 8px);\n    height: 100%;\n    position: relative;\n\n    span {\n        display: inline-block;\n    }\n\n    // behavior for collapsible panels\n    .collapsed {\n        .collapsible-panel {\n            display: none!important;\n        }\n\n        .qti-navigator-label {\n            .icon-up {\n                display: none;\n            }\n\n            .icon-down {\n                display: inline-block;\n            }\n        }\n    }\n    .collapsible, .qti-navigator-item {\n        & > .qti-navigator-label {\n            cursor: pointer;\n        }\n    }\n\n    // hide test parts headers when the scope is section only\n    &.scope-test-section {\n        .qti-navigator-part > .qti-navigator-label {\n            display: none!important;\n        }\n    }\n\n    // all labels\n    .qti-navigator-label {\n        @include flex-container();\n        min-width: calc(100% - 12px);\n        padding: 0 6px;\n        line-height: $lineHeight;\n\n        .icon-up, .icon-down {\n            line-height: $lineHeight;\n            margin-left: auto;\n        }\n\n        .icon-down {\n            display: none;\n        }\n\n        .qti-navigator-number {\n            display: none;\n        }\n    }\n\n    // all icons\n    .qti-navigator-icon, .icon {\n        position: relative;\n        top: 1px;\n        display: inline-block;\n        line-height: #{$lineHeight - .2rem};\n        margin-right: 0.5rem;\n    }\n\n    // unseen items cannot be marked for review, disable the pointer cursor on them\n    .unseen {\n        .qti-navigator-icon {\n            cursor: default;\n        }\n    }\n    &.prevents-unseen:not(.skipahead-enabled) {\n        .unseen {\n            .qti-navigator-icon, .qti-navigator-label {\n                cursor: not-allowed!important;\n            }\n        }\n    }\n\n    // additional icon types\n    .icon-answered:before {\n        @include icon-radio-checked();\n    }\n    .icon-viewed:before {\n        @include icon-preview();\n    }\n    .icon-flagged:before {\n        @include icon-anchor();\n    }\n    .icon-unanswered:before,\n    .icon-unseen:before {\n        @include icon-radio();\n    }\n\n    // style of counter displayed after labels\n    .qti-navigator-counter {\n        text-align: right;\n        margin-left: auto;\n        @include font-size(12);\n    }\n\n    // all actions\n    .qti-navigator-actions {\n        text-align: center;\n    }\n\n    // the info panel\n    .qti-navigator-info.collapsed {\n        height: calc(#{$lineHeight} + #{$borderWidth});\n    }\n    .qti-navigator-info {\n        height: calc(5 * (#{$lineHeight} + #{$borderWidth}));\n        overflow: hidden;\n\n        & > .qti-navigator-label {\n            min-width: calc(100% - 16px);\n            padding: 0 8px;\n        }\n\n        ul {\n            padding: 0 4px;\n\n            .qti-navigator-label {\n                span {\n                    &.qti-navigator-text {\n                        padding: 0 6px;\n                        min-width: 10rem;\n                    }\n                    &.qti-navigator-icon {\n                        min-width: 1.5rem;\n                    }\n                    &.qti-navigator-counter {\n                        min-width: 5rem;\n                    }\n                }\n            }\n        }\n    }\n\n    // the filter bar and its buttons\n    .qti-navigator-filters {\n        margin-top: 1rem;\n        text-align: center;\n        width: 15rem;\n        height: calc(#{$lineHeight} + (2 * #{$borderWidth}));\n\n        ul {\n            @include flex-container();\n        }\n\n        li {\n            display: block;\n            .qti-navigator-tab {\n                @include simple-border();\n                border-left: none;\n                line-height: $lineHeight;\n                min-width: 5rem;\n                cursor: pointer;\n                white-space: nowrap;\n            }\n        }\n    }\n\n    // the panel listing the items\n    .qti-navigator-tree {\n        @include vendor-prefix(flex, 1, property);\n        overflow-y: auto;\n    }\n\n    // the panel displayed when the navigation is not allowed\n    .qti-navigator-linear,\n    .qti-navigator-linear-part {\n        padding: 8px;\n\n        .icon {\n            display: none;\n        }\n\n        .qti-navigator-label {\n            @include font-size(14);\n        }\n\n        .qti-navigator-title {\n            @include font-size(14);\n            margin: 8px 0;\n        }\n\n        .qti-navigator-message {\n            @include font-size(14);\n        }\n    }\n\n    // parts, sections and items\n    .qti-navigator-part {\n        & > .qti-navigator-label {\n            padding: 0 8px;\n        }\n        &:not(:first-child) {\n            margin-top: 1px;\n        }\n    }\n    .qti-navigator-section {\n        & > .qti-navigator-label {\n            padding: 0 8px;\n        }\n    }\n    .qti-navigator-item {\n        margin: 1px 0;\n        padding-left: 10px;\n\n        &:first-child {\n            margin-top: 0;\n        }\n        &.disabled {\n            & > .qti-navigator-label {\n                cursor: not-allowed;\n            }\n        }\n    }\n\n    // the handle displayed when the review panel is fully collapsible\n    .qti-navigator-collapsible {\n        cursor: pointer;\n        text-align: center;\n        display: none;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        padding-top: 50%;\n\n        .icon {\n            @include font-size(20);\n            width: 1rem!important;\n            height: 2rem!important;\n        }\n\n        .qti-navigator-expand {\n            display: none;\n        }\n    }\n    &.collapsible {\n        padding-right: calc(1rem + 10px)!important;\n\n        .qti-navigator-collapsible {\n            display: block;\n        }\n    }\n\n    // when the review panel is collapsed\n    &.collapsed {\n        width: calc(#{$collapsedWidth} + 1rem + 10px);\n        min-width: $collapsedWidth;\n\n        ul {\n            padding: 0!important;\n        }\n\n        .qti-navigator-text,\n        .qti-navigator-info > .qti-navigator-label,\n        .qti-navigator-part > .qti-navigator-label,\n        .qti-navigator-section > .qti-navigator-label,\n        .qti-navigator-message {\n            display: none !important;\n        }\n\n        .qti-navigator-label {\n            padding: 0 2px!important;\n            width: calc(#{$collapsedWidth} - 4px);\n            min-width: calc(#{$collapsedWidth} - 4px);\n        }\n\n        .qti-navigator-icon, .icon {\n            width: auto;\n        }\n\n        .qti-navigator-counter {\n            margin-left: 0;\n            min-width: 4rem!important;\n        }\n\n        .qti-navigator-collapsible {\n            .qti-navigator-collapse {\n                display: none;\n            }\n            .qti-navigator-expand {\n                display: block;\n            }\n        }\n\n        .qti-navigator-info {\n            height: calc(4 * (#{$lineHeight} + #{$borderWidth}));\n\n            &.collapsed .collapsible-panel {\n                display: block !important;\n            }\n        }\n\n        .qti-navigator-filters {\n            width: calc(#{$collapsedWidth} - 16px);\n        }\n\n        .qti-navigator-filter {\n            span {\n                display: none;\n            }\n            &.active {\n                span {\n                    display: block;\n                    border: 0 none;\n                    width: calc(#{$collapsedWidth} - 16px);\n                }\n            }\n        }\n\n        .qti-navigator-item,\n        .qti-navigator-linear,\n        .qti-navigator-linear-part {\n            padding-left: 2px;\n            text-align: center;\n        }\n\n        .qti-navigator-item {\n            overflow: hidden;\n            .qti-navigator-icon {\n                padding-left: 6px;\n                width: 2rem;\n            }\n            .qti-navigator-number {\n                display: inline-block;\n                margin-left: 6px;\n                margin-right: $collapsedWidth;\n            }\n        }\n\n        .qti-navigator-linear,\n        .qti-navigator-linear-part {\n            padding: 0 0 8px 0;\n\n            .icon {\n                display: block;\n            }\n        }\n\n        .qti-navigator-actions button {\n            padding: 0 9px 0 5px;\n        }\n    }\n\n    // appearances\n    .qti-navigator-info {\n        & > .qti-navigator-label {\n            background-color: $uiHeaderBg;\n            color: $textColor;\n            border-top: $borderWidth solid $uiHeaderBg;\n        }\n\n        li {\n            border-bottom: $borderWidth solid $borderColor;\n        }\n    }\n    .qti-navigator-filter {\n        .qti-navigator-tab {\n            background-color: $uiGeneralContentBg;\n\n            &:hover {\n                background-color: $uiClickableHoverBg;\n                color: $textHighlight;\n            }\n        }\n        &.active {\n            .qti-navigator-tab {\n                background-color: $uiClickableActiveBg;\n                color: $textHighlight;\n            }\n        }\n    }\n    .qti-navigator-linear,\n    .qti-navigator-linear-part {\n        background: white();\n    }\n    .qti-navigator-part {\n        & > .qti-navigator-label {\n            background-color: mix($textHighlight, $websiteBorder, 70%);\n            &:hover {\n                background-color: mix($textHighlight, $websiteBorder, 50%);\n            }\n        }\n        &.active {\n            & > .qti-navigator-label {\n                background-color: mix($textHighlight, $websiteBorder, 45%);\n            }\n        }\n    }\n    .qti-navigator-section {\n        & > .qti-navigator-label {\n            border-bottom: $borderWidth solid $borderColor;\n            &:hover {\n                background-color: mix($textHighlight, $grey, 75%);\n            }\n        }\n        &.active {\n            & > .qti-navigator-label {\n                background-color: mix($textHighlight, $grey, 60%);\n            }\n        }\n    }\n    .qti-navigator-item {\n        background: white();\n        &.active {\n            background: $info;\n            color: $textHighlight;\n        }\n        &:hover {\n            background: darken($info, 10);\n            color: $textHighlight;\n        }\n        &.disabled {\n            background-color: mix($textHighlight, $grey, 65%) !important;\n        }\n    }\n    .qti-navigator-collapsible {\n        background-color: mix($textHighlight, $uiClickableActiveBg, 65%);\n        color: $textColor;\n        .icon {\n            color: $textHighlight;\n        }\n    }\n}\n","@import 'inc/bootstrap';\n@import 'inc/plugin-colors';\n\n@import 'inc/navigator';\n@import 'inc/navigatorFizzy';\n@import 'inc/document-viewer';\n@import 'inc/answer-masking';\n@import 'inc/area-masking';\n@import 'inc/connectivity';\n@import 'inc/line-reader';\n@import 'inc/magnifier';\n@import 'inc/progressbar';\n@import 'inc/apip-text-to-speech';\n\n\n@import 'inc/test-delivery-override';\n@import 'inc/test-layout';\n@import 'inc/test-action-bars';\n@import 'inc/offline-sync-modal-wait-content';\n@import 'inc/rtl';\n\n@import 'inc/shortcuts';\n@import 'inc/jumplinks';\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n","@import 'inc/bootstrap';\n\n$lineHeight: 3rem;\n$separatorColor: whiten($grey, 0.4);\n\n.qti-navigator-fizzy {\n    @include disableSelect();\n    @include flex-container();\n    @include vendor-prefix(flex-direction, column, property);\n    cursor: default;\n    min-width: calc(18rem - 8px);\n    height: 100%;\n    position: relative;\n    background-color: $uiReviewPanelBg !important;\n    width: 30rem;\n\n    .qti-navigator-tree {\n        overflow-y: auto;\n        max-height: 100%;\n        display: block;\n        background: none;\n        margin: 0 5px;\n    }\n\n    .qti-navigator-linear {\n        padding: 8px;\n        margin: 0 5px;\n        background: white();\n\n        .qti-navigator-message {\n            @include font-size(14);\n        }\n    }\n\n    .qti-navigator-section {\n        display: block;\n\n        .qti-navigator-label {\n            background-color: initial;\n            border: none;\n            padding: 0;\n            line-height: initial;\n            margin: 13px 0 10px 0;\n            @include font-size(15);\n        }\n    }\n\n    .qti-navigator-header {\n        display: flex;\n        justify-content: space-between;\n        border-bottom: 1px solid $separatorColor;\n        padding: 15px 0 5px 0;\n        margin: 0 5px;\n        line-height: initial;\n\n        .qti-navigator-text {\n            @include font-size(20);\n            font-weight: bold;\n        }\n\n        .icon-close {\n            @include font-size(28);\n            line-height: $lineHeight;\n            color: $uiReviewPanelTextDefault;\n\n            &:hover {\n                color: $uiReviewPanelTextDefault;\n                text-decoration: none;\n                cursor: pointer;\n            }\n        }\n    }\n}\n","@import \"inc/bootstrap\";\n\n$panelMarginHor: 10px;\n$panelMarginVer: 10px;\n\n.document-viewer-plugin {\n    position: relative;\n\n    .viewer-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        z-index: 10000;\n        width: 100%;\n        opacity : .5;\n        background-color: $uiOverlay;\n    }\n\n    .viewer-panel {\n        position: fixed;\n        top: $panelMarginVer;\n        left: $panelMarginHor;\n        bottom: $panelMarginVer;\n        right: $panelMarginHor;\n        z-index: 100000;\n        color: $textColor;\n        background: $canvas;\n        @include font-size(14);\n        @include simple-border();\n    }\n\n    .viewer-header {\n        position: relative;\n        width: 100%;\n        height: 30px;\n        padding: 5px 0;\n        z-index: 1;\n\n        .viewer-title {\n            @include font-size(15);\n            padding: 0;\n            margin: 0 0 0 1.6rem;\n        }\n\n        .icon {\n            float: right;\n            @include font-size(20);\n            color: whiten($info, .1);\n            margin: 1px 6px;\n            top: 3px;\n\n            &:hover {\n                cursor: pointer;\n                opacity: .75;\n            }\n        }\n    }\n\n    .viewer-content {\n        padding: 0 20px;\n        margin-top: 4px;\n        position: relative;\n        height: calc(100% - 40px);\n        overflow: auto;\n    }\n}\n\n",".qti-choiceInteraction {\n    &.maskable {\n\n        .qti-choice {\n            .answer-mask {\n                position: absolute;\n                top: 0;\n                right: 0;\n\n                height: 100%;\n                padding: 5px 10px 0 10px;\n\n                z-index: 10;\n\n                color: $info;\n                border : solid 1px $textColor;\n                background-color: whiten($darkBlueGrey, .4);\n                text-align: right;\n                vertical-align: middle;\n\n                &:hover {\n                    color: whiten($info, .3);\n                }\n\n                .answer-mask-toggle:before {\n                    @include tao-icon-setup;\n                    @include icon-eye-slash;\n                }\n            }\n            .label-content {\n                padding-right: 40px;\n            }\n\n            &.masked {\n                .answer-mask {\n                    width: 100%;\n\n                    .answer-mask-toggle:before {\n                        @include tao-icon-setup;\n                        @include icon-preview;\n                    }\n\n                    &:hover {\n                        background-color: whiten($darkBlueGrey, .5);\n                    }\n                }\n            }\n        }\n    }\n\n}\n","\n.mask-container.mask-container {\n    background-color: transparent;\n\n    .dynamic-component-title-bar {\n        border-top-left-radius: 5px;\n        border-top-right-radius: 5px;\n        background-color: transparent;\n        border: none;\n        position: absolute;\n        width: 100%;\n        z-index: 1;\n\n        &.moving {\n            background: $uiClickableDefaultBg;\n            border-bottom: 1px solid $websiteBorder;\n        }\n\n        .closer {\n            display: none;\n        }\n\n    }\n\n    .dynamic-component-resize-container {\n        .dynamic-component-resize-wrapper {\n            bottom: 0;\n\n            &:hover, &.resizing {\n                bottom: 20px;\n            }\n        }\n    }\n\n    .dynamic-component-content {\n        .mask {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            @include border-radius(5);\n            background: transparent;\n            opacity: 1;\n            @include vendor-prefix(property, transform, translateZ(0));\n\n            .inner {\n                @include border-radius(5);\n                position: relative;\n                width: 100%;\n                height: 100%;\n                background-color: $uiGeneralContentBg;\n                opacity: 1;\n                box-sizing: content-box;\n                padding-bottom: 30px;\n            }\n\n            .controls {\n                background: $uiClickableDefaultBg;\n                position: absolute;\n                top: 0;\n                right: 0;\n                padding: 0 5px 0 10px;\n                border-radius: 5px;\n                border-top-left-radius: 0;\n                border-bottom-right-radius: 0;\n                border-bottom: 1px solid $websiteBorder;\n                border-left: 1px solid $websiteBorder;\n                height: 30px;\n                z-index: 2;\n\n                a {\n                    text-decoration: none;\n                    margin-right: 5px;\n                    vertical-align: middle;\n                    &:hover {\n                        color: $pluginLinkHover;\n                    }\n                }\n                .view {\n                    @include font-size(20);\n                }\n                .close {\n                    @include font-size(20);\n                }\n            }\n        }\n\n        &.moving {\n            .mask {\n                .inner {\n                    border-color: $pluginBorderTransparent;\n                    opacity: .55;\n                }\n                .controls {\n                    border-left: none;\n                    border-bottom-left-radius: 0;\n                    z-index: 2;\n                }\n            }\n        }\n\n        &.sizing {\n            .mask {\n                border-color: $pluginBorderTransparent;\n                .inner{\n                    opacity: .55;\n                }\n                .controls {\n                    background-color: transparent;\n                    border-bottom: none;\n                    border-left: none;\n                }\n            }\n        }\n    }\n\n    &.previewing {\n        .dynamic-component-content{\n            .mask{\n                .inner {\n                    opacity: .15;\n                    @include transition(opacity, 600ms, ease);\n                }\n\n                .controls {\n                    background-color: transparent;\n                    border-bottom: none;\n                    border-left: none;\n                }\n            }\n        }\n    }\n}\n","$pluginLink: $colorWheel-05;\n$pluginLinkHover: blacken($pluginLink, .3);\n\n$pluginBorder: $colorWheel-05;\n$pluginBorderTransparent: rgba($pluginBorder, .5);\n\n",".connectivity-box {\n    display: none;\n    width: 40px;\n    margin-left: 40px;\n    &.with-message {\n        width: 60px; \n    }\n    .icon-connect, .icon-disconnect {\n        display: none;\n        line-height: 2;\n        @include font-size(16);\n        text-shadow: 0 1px 0 black(.9);\n    }\n    .message-connect, .message-disconnected {\n        display: none;\n        @include font-size(14);\n        text-shadow: none;\n        margin-right: 3px;\n    }\n    &.connected, &.disconnected {\n        display: inline-block;\n    }\n    &.connected {\n        .icon-connect, .message-connect {\n            display: inline-block;\n        }\n        \n    }\n    &.disconnected {\n        .icon-disconnect, .message-disconnected  {\n            display: inline-block;\n        }\n    }\n}\n","$lrBorderWidth: 1px; // this mirrors the visualGuides.borderWidth JS variable\n$lrMaskBg: whiten($pluginBorder, .95);\n$lrMaskBgTransparent: rgba($lrMaskBg, 0.8);\n\n.line-reader-mask {\n    box-sizing: border-box;\n    border: 0 solid $pluginBorder;\n    background-color: $lrMaskBg;\n\n    &.hidden {\n        display: none;\n    }\n\n    &.resizing {\n        background-color: $lrMaskBgTransparent;\n        border-color: $pluginBorderTransparent;\n    }\n\n    &.resizer {\n        z-index: 99999 !important;\n\n        &.se {\n            .resize-control {\n                border-right: 2px solid $pluginLink;\n                border-bottom: 2px solid $pluginLink;\n                width: 40px;\n                height: 40px;\n            }\n        }\n    }\n\n    &.border-top     { border-top-width: $lrBorderWidth; }\n    &.border-right   { border-right-width: $lrBorderWidth; }\n    &.border-bottom  { border-bottom-width: $lrBorderWidth; }\n    &.border-left    { border-left-width: $lrBorderWidth; }\n\n    &.ne { @include border-radius-top-right(5); }\n    &.se { @include border-radius-bottom-right(5); }\n    &.sw { @include border-radius-bottom-left(5); }\n    &.nw { @include border-radius-top-left(5); }\n\n    &.se {\n        .resize-control {\n            width: 20px;\n            height: 20px;\n            margin-bottom: 10px;\n            margin-right: 10px;\n            border-right: 1px solid $pluginLink;\n            border-bottom: 1px solid $pluginLink;\n            position: absolute;\n            right: 0;\n            bottom: 0;\n            cursor: nwse-resize;\n        }\n    }\n\n    &.e {\n        .resize-control {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            bottom: -10px;\n            left: -10px;\n            border-right: 1px solid $pluginLink;\n            border-bottom: 1px solid $pluginLink;\n            cursor: nesw-resize;\n        }\n    }\n\n    &.s {\n        .resize-control {\n            position: absolute;\n            width: 20px;\n            height: 10px;\n            right: -10px;\n            border-bottom: 1px solid $pluginLink;\n        }\n    }\n}\n\n// When moving the compound mask, this is the actual element being dragged (and only this one)\n// It has some visual guides inside to simulate the actual inner window\n.line-reader-overlay {\n    box-sizing: border-box;\n    opacity: 0;\n\n    &.hidden {\n        display: none;\n    }\n\n    &.moving {\n        @include border-radius(5);\n        &.n {\n            max-height: none;\n        }\n    }\n\n    &.moving, .inner-window {\n        overflow: hidden;\n        position: absolute;\n        opacity: 1;\n        background-color: transparent;\n        border: $lrBorderWidth solid $pluginBorderTransparent;\n    }\n\n    .inner-window {\n        box-sizing: content-box;\n    }\n\n    // the mask transparent background is actually the border of this element\n    .mask-bg {\n        box-sizing: border-box;\n        border: 0 solid $lrMaskBgTransparent;\n        background-color: transparent;\n        position: absolute;\n\n    }\n\n    &.n {\n        max-height: 30px;\n        opacity: 1;\n\n        .icon-mobile-menu {\n            @include font-size(22);\n            @include flex-container();\n            @include vendor-prefix(justify-content, center, property);\n\n            border-bottom: 1px solid $pluginLink;\n            color: $pluginLink;\n            position: absolute;\n            left: 0;\n            top: 0;\n            height: 30px;\n            width: 100%;\n            z-index: 1;\n\n            &:hover {\n                color: $pluginLinkHover;\n            }\n\n            &:before {\n                position: relative;\n                top: 3px;\n            }\n        }\n    }\n\n    .icon-mobile-menu {\n        display: none;\n    }\n}\n\n// This drag handle allows to move the inner window\n.line-reader-inner-drag {\n    @include border-radius(3);\n    @include flex-container();\n    @include vendor-prefix(justify-content, center, property);\n    text-align: center;\n    padding-top: 3px;\n    color: $pluginLink;\n\n    &.hidden {\n        display: none;\n    }\n\n    &:hover {\n        background-color: whiten($pluginLink, .5);\n        color: $pluginLinkHover;\n    }\n\n    &.moving {\n        background-color: transparent;\n        color: whiten($pluginLink, 0.6);\n    }\n\n    .icon {\n        text-shadow: none !important;\n        border-bottom-left-radius: 110px;\n        border-bottom-right-radius: 110px;\n        border: 1px solid $pluginLink;\n        border-top: 0;\n        width: 50px;\n        height: 25px;\n        position: relative;\n        bottom: 10px;\n\n        &:before {\n            position: relative;\n            top: 5px;\n            left: 1px;\n        }\n    }\n}\n\n// The button to close the line reader\n.line-reader-closer {\n    @include font-size(22);\n    cursor: pointer;\n    color: $pluginLink;\n    width: 12px;\n    height: 12px;\n\n    &:hover {\n        color: $pluginLinkHover;\n    }\n\n    .icon {\n        text-shadow: none !important;\n    }\n}\n",".magnifier-container.magnifier-container {\n\n    background-color: transparent;\n\n    .dynamic-component-title-bar {\n        border-top-left-radius: 5px;\n        border-top-right-radius: 5px;\n        background-color: transparent;\n        border: none;\n        position: absolute;\n        width: 100%;\n        z-index: 3;\n\n        &.moving {\n            background: $uiClickableDefaultBg;\n            border-bottom: 1px solid $websiteBorder;\n        }\n\n        .closer {\n            display: none;\n        }\n    }\n\n    .dynamic-component-resize-container {\n        .dynamic-component-resize-wrapper {\n            bottom: 0;\n\n            &:hover, &.resizing {\n                bottom: 20px;\n            }\n        }\n    }\n\n    .dynamic-component-content {\n        .magnifier {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n            background-color: $uiGeneralContentBg;\n            opacity: 1;\n            @include border-radius(5);\n            @include vendor-prefix(property, transform, translateZ(0));\n            box-sizing: content-box;\n            padding-bottom: 30px;\n\n            @include keyframes(fadeIn) {\n                0%   {opacity:0; visibility: visible;}\n                100% {opacity:1; visibility: visible;}\n            }\n            @include keyframes(fadeOut) {\n                0%   {opacity:1; visibility: visible;}\n                100% {opacity:0; visibility: hidden;}\n            }\n            @include keyframes(pop) {\n                0%   {opacity:0;  visibility: visible;}\n                50%  {opacity:.5; visibility: visible; transform: scale(2);}\n                100% {opacity:0;  visibility: hidden;  transform: scale(3);}\n            }\n\n            .level {\n                position: absolute;\n                overflow: hidden;\n                z-index: 1;\n                top: 0;\n                left: 0;\n                bottom: 0;\n                right: 0;\n                background: transparent;\n                color: $uiClickableHoverBg;\n                opacity: 1;\n\n                @include font-size(50);\n                @include flex-container();\n                @include vendor-prefix(align-items, center, property);\n                @include vendor-prefix(justify-content, center, property);\n                @include vendor-prefix(animation, pop 400ms forwards, property);\n\n                &:before {\n                    content: \"x\";\n                }\n            }\n\n            .overlay {\n                position: absolute;\n                overflow: hidden;\n                z-index: 2;\n                top: 0;\n                left: 0;\n                bottom: 0;\n                right: 0;\n                background: transparent;\n            }\n\n            > .controls {\n                position: absolute;\n                background-color: $uiClickableDefaultBg;\n                border: 0 solid $websiteBorder;\n                min-height: 29px;\n                z-index: 4;\n\n                a {\n                    color: $textColor;\n                    text-decoration: none;\n                    @include font-size(20);\n                    margin: 0 2px;\n\n                    &:hover {\n                        color: $pluginLinkHover;\n                    }\n                }\n\n                &.close {\n                    top: 0;\n                    right: 0;\n                    border-bottom-width: 1px;\n                    border-left-width: 1px;\n                    @include border-radius-bottom-left(5);\n                }\n            }\n\n            .inner {\n                position: absolute;\n            }\n        }\n\n        &.moving {\n            .magnifier {\n                .controls {\n                    border-left: none;\n                    border-bottom-left-radius: 0;\n                }\n            }\n        }\n\n        &.sizing {\n            border-color: $pluginBorderTransparent;\n\n            .inner, .controls, .level {\n                opacity: .45!important;\n            }\n        }\n    }\n}\n",".progress-box {\n    .progressbar {\n        .progressbar-points {\n            @include flex-container();\n            & > span.progressbar-point {\n                flex: 1;\n                display: inline-block;\n                border: 1px solid $info;\n                background-color: $uiClickableDefaultBg;\n                height: calc(1rem - 4px);\n                margin: 0 1px 0 0;\n\n                &:last-child {\n                    margin-right: 0;\n                }\n\n                &.reached {\n                    background-color: $info;\n                }\n\n                &.current {\n                    background-color: $uiClickableActiveBg;\n                }\n            }\n        }\n    }\n}","$stfCursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNCAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5Hcm91cCAyPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQuMDAwMDAwLCAtMTYuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLjAwMDAwMCwgMTUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS02IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4gICAgICAgICAgICAgICAgPGcgaWQ9Imljb24tLy0xNi0vLWNoZXZyb24tYm90dG9tLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAyLjAwMDAwMCkiIGZpbGw9IiMyRDJEMkQiPiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InN3YXAtaWNvbi1jb2xvciIgcG9pbnRzPSIwIDAgMCA4IDYgNCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weSIgZmlsbD0iIzJEMkQyRCIgeD0iOSIgeT0iNSIgd2lkdGg9IjYiIGhlaWdodD0iMiI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgZmlsbD0iIzJEMkQyRCIgeD0iOSIgeT0iMSIgd2lkdGg9IjYiIGhlaWdodD0iMiI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMiIgZmlsbD0iIzJEMkQyRCIgeD0iOSIgeT0iOSIgd2lkdGg9IjYiIGhlaWdodD0iMiI+PC9yZWN0PiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMyIgZmlsbD0iIzJEMkQyRCIgeD0iMSIgeT0iMTMiIHdpZHRoPSIxNCIgaGVpZ2h0PSIyIj48L3JlY3Q+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);\n$activeApipElementBackgroundColor: yellow;\n\n.tts-container {\n    .tts-controls {\n        @include flex-container();\n\n        background-color: $uiClickableDefaultBg;\n        @include box-shadow(0, 2px, 3px, 1px, rgba(0, 0, 0, 0.20));\n\n        .tts-control {\n            @include flex-container();\n            @include vendor-prefix(justify-content, center, property);\n            @include vendor-prefix(align-items, center, property);\n\n            color: $textColor;\n            height: 100%;\n            padding: 6px 8.5px;\n            text-decoration: none;\n\n            .tts-control-label {\n                padding-left: 7.5px;\n            }\n\n            .tts-icon {\n                font-size: 18px;\n                text-align: center;\n                width: 18px;\n            }\n\n            .icon-pause {\n                display: none;\n            }\n\n            &.tts-control-drag {\n                cursor: move;\n\n                .tts-icon {\n                    color: lighten($textColor, 20);\n                }\n\n                &:hover {\n                    background-color: transparent;\n                }\n            }\n\n            &:hover {\n                background-color: darken($uiClickableDefaultBg, 10);\n            }\n        }\n\n        .tts-control-container {\n            @include flex-container();\n\n            .tts-slider-container {\n                display: none;\n\n                .tts-slider {\n                    margin: 0 8.5px;\n                    width: 80px;\n                }\n            }\n        }\n    }\n\n    &.playing {\n        .tts-controls {\n            .tts-control {\n                .icon-pause {\n                    display: block;\n                }\n\n                .icon-play {\n                    display: none;\n                }\n            }\n        }\n    }\n\n    &.sfhMode {\n        .tts-controls {\n            .tts-control.tts-control-mode {\n                @include vendor-prefix(box-shadow, inset 2px 2px 4px rgba(0, 0, 0, 0.20), property);\n\n                background-color: darken($uiClickableDefaultBg, 10);\n            }\n        }\n    }\n\n    &.settings {\n        .tts-controls {\n            .tts-control-container {\n                .tts-slider-container {\n                    @include flex-container();\n                    @include vendor-prefix(align-items, center, property);\n                }\n\n                &:last-child {\n                    @include vendor-prefix(box-shadow, inset 2px 2px 4px rgba(0, 0, 0, 0.20), property);\n\n                    background-color: darken($uiClickableDefaultBg, 10);\n                }\n\n                .tts-control-settings {\n                    &:hover {\n                        background-color: transparent;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.tts-content-node {\n    outline: none;\n}\n\n\n.tts-visible.tts-component-container {\n    .test-runner-sections {\n        .tts-content-node {\n            &:hover,\n            &:focus {\n                background-color: transparent !important;\n                color: $textColor !important;\n            }\n\n            .label-box,\n            .qti-choice {\n                cursor: default !important;\n            }\n        }\n    }\n}\n\n.tts-sfhMode.tts-component-container {\n    .test-runner-sections {\n        cursor: $stfCursor 0 32, auto !important;\n\n        .tts-content-node {\n            &.tts-active-content-node {\n                &:hover {\n                    color: $textColor !important;\n                    background-color: $activeApipElementBackgroundColor !important;\n                }\n            }\n\n            &:hover,\n            &:focus {\n                color: $textColor !important;\n                background-color: $uiClickableDefaultBg !important;\n            }\n\n            .label-box,\n            .qti-choice {\n                cursor: $stfCursor 0 32, auto !important;\n            }\n        }\n\n        img.tts-content-node {\n            &:hover,\n            &:focus {\n                padding: 5px;\n            }\n        }\n    }\n}\n\n.tts-playing.tts-component-container {\n    .test-runner-sections {\n        .tts-content-node {\n            &.tts-active-content-node, &.tts-active-content-node * {\n                color: $textColor !important;\n                background-color: $activeApipElementBackgroundColor !important;\n\n                &:hover {\n                    color: $textColor !important;\n                    background-color: $activeApipElementBackgroundColor !important;\n                }\n            }\n        }\n\n        img.tts-content-node {\n            &.tts-active-content-node {\n                padding: 5px;\n            }\n        }\n    }\n}\n","// override original .delivery-scope from delivery.css\nbody {\n    &.delivery-scope {\n        min-height: 100vh;\n        max-height: 100vh;\n        margin-bottom: 0;\n    }\n}\n","@import 'inc/bootstrap';\n@import './test-dimensions';\n\n.runner {\n    position: relative;\n}\n\n.qti-choiceInteraction {\n    .overlay-answer-eliminator {\n        display: none;\n    }\n}\n\n.test-runner-scope {\n    position: relative;\n\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-direction: column;\n    -ms-flex-direction: column;\n    flex-direction: column;\n\n    height: calc(100vh - #{(map-get($heights, header) + map-get($heights, footer)) * 1px});\n\n    .landmark-title-hidden {\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        position: absolute;\n    }\n\n    .test-runner-sections {\n        /* flex column value */\n        -webkit-flex: 1 1 0%;\n        -ms-flex: 1 1 0%;\n        flex: 1 1 0%;\n\n        overflow: hidden;\n\n        /* is also a flex container */\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -webkit-flex-direction: row;\n        -ms-flex-direction: row;\n        flex-direction: row;\n    }\n\n    .test-sidebar {\n        background: $canvas;\n\n        /* side bars are supposed to have no width until they've got content */\n        -webkit-flex: 0 1 auto;\n        -ms-flex: 0 1 auto;\n        flex: 0 1 auto;\n        overflow-y: auto;\n\n        max-width: 350px;\n\n        & > .qti-panel {\n            max-width: 350px;\n            padding: 10px;\n        }\n\n        @media only screen and (max-device-width: 800px) {\n            max-width: 200px;\n\n            & > .qti-panel {\n                max-width: 200px;\n            }\n        }\n\n        @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) {\n            max-width: 250px;\n\n            & > .qti-panel {\n                max-width: 250px;\n            }\n        }\n\n        @media only screen and (min-device-width: 1280px) and (max-device-width: 1440px) {\n            max-width: 300px;\n\n            & > .qti-panel {\n                max-width: 300px;\n            }\n        }\n    }\n\n    .test-sidebar-left {\n        border-right: 1px $uiGeneralContentBorder solid;\n    }\n\n    .test-sidebar-right {\n        border-left: 1px $uiGeneralContentBorder solid;\n    }\n\n    .content-wrapper {\n        position: relative;\n\n        -webkit-flex: 1 1 0%;\n        -ms-flex: 1 1 0%;\n        flex: 1 1 0%;\n\n        overflow: auto;\n\n        padding: 0;\n\n        .overlay {\n            position: absolute;\n            left: 0;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            width: 100%;\n            opacity: 0.9;\n\n            &-full {\n                background-color: $uiGeneralContentBg;\n                opacity: 1;\n            }\n        }\n    }\n\n    #qti-content {\n        -webkit-overflow-scrolling: touch;\n        max-width: map-get($widths, item-max-width) * 1px;\n        width: 100%;\n        margin: auto;\n    }\n\n    #qti-item {\n        width: 100%;\n        min-width: 100%;\n        height: auto;\n        overflow: visible;\n    }\n\n    .qti-item {\n        padding: 30px;\n    }\n\n    .size-wrapper {\n        max-width: map-get($widths, size-wrapper) * 1px;\n        margin: auto;\n        width: 100%;\n    }\n\n    #qti-rubrics {\n        margin: auto;\n        max-width: map-get($widths, item-max-width) * 1px;\n        width: 100%;\n\n        .qti-rubricBlock {\n            margin: 20px 0;\n        }\n\n        .hidden {\n            display: none;\n        }\n    }\n\n    .visible-hidden {\n        position: absolute;\n        overflow: hidden;\n        height: 1px;\n        width: 1px;\n        word-wrap: normal;\n    }\n}\n\n.no-controls .test-runner-scope {\n    height: 100vh;\n}\n\n.item-writing-mode-vertical-rl {\n    #qti-content {\n        height: 100%;\n    }\n    .qti-item {\n        padding: 15px;\n    }\n}\n.qti-itemBody.writing-mode-vertical-rl {\n    writing-mode: vertical-rl;\n    padding: 15px;\n    block-size: 100%;\n    inline-size: 100%;\n    overflow: auto;\n    overscroll-behavior: contain;\n    line-height: 1.8; /* assuming ruby tags */\n\n    /* vertical writing mode is set for whole item, to fit wavy underlines and subscripts */\n    .custom-text-box {\n        padding-block-start: 12px;\n    }\n}\n\n.qti-itemBody {\n    /* vertical writing mode is set for A-block, to fit wavy underlines and subscripts */\n    .writing-mode-vertical-rl {\n        padding-block-start: 12px;\n    }\n}\n\n","@import \"inc/bootstrap\";\n\n// action bars\n.test-runner-scope {\n\n    .action-bar.content-action-bar {\n        padding: 2px;\n        li {\n            margin: 2px 0 0 10px;\n            border: none;\n            &.btn-info {\n                padding-top: 6px;\n                height: 36px;\n                margin-top: 0;\n                border-bottom: solid 2px transparent;\n                border-radius: 0;\n                &.btn-group {\n                    border:none !important;\n                    overflow:hidden;\n                    padding:0;\n                    a {\n                        float:left;\n                        margin: 0 2px;\n                        padding: 0 15px;\n                        border: 1px solid white(.3);\n                        border-radius: 0px;\n                        display: inline-block;\n                        height: inherit;\n                        &:first-of-type {\n                            border-top-left-radius: 3px;\n                            border-bottom-left-radius: 3px;\n                            margin-left: 0;\n                        }\n                        &:last-of-type {\n                            border-top-right-radius: 3px;\n                            border-bottom-right-radius: 3px;\n                            margin-right: 0;\n                        }\n                        &:hover, &.active {\n                            border-color: white(.8);\n                        }\n                        .no-label {\n                            padding-right: 0;\n                        }\n                    }\n                }\n                &:hover, &.active {\n                    border-bottom-color: white(.8);\n                }\n                &:active,\n                &.active {\n                    a {\n                        color: whiten($info, .1);\n                        text-shadow: none;\n                    }\n                    background: whiten($info, .9);\n                    border-color: white(.8);\n\n                    &:hover {\n                        background: white(1);\n                    }\n                }\n            }\n        }\n\n        &.horizontal-action-bar {\n            opacity: 1;\n            height: #{(map-get($heights, horizontal-action-bar)) * 1px };\n            flex-basis: #{(map-get($heights, horizontal-action-bar)) * 1px }; //IE11 touch\n\n            &.top-action-bar > .control-box {\n\n                height: #{(map-get($heights, horizontal-action-bar) - 2) * 1px };\n\n                display: -ms-flexbox;\n                display: -webkit-flex;\n                display: flex;\n\n                -webkit-flex-direction: row;\n                -ms-flex-direction: row;\n                flex-direction: row;\n\n                -webkit-flex-wrap: nowrap;\n                -ms-flex-wrap: nowrap;\n                flex-wrap: nowrap;\n\n                -webkit-justify-content: space-between;\n                -ms-flex-pack: space-between;\n                justify-content: space-between;\n\n                padding-left: 10px;\n                padding-right: 10px;\n\n                .title-box {\n                    @include font-size(14);\n                    padding: 4px 0 0;\n\n                    -ms-flex : 0 1 auto;\n                    -webkit-flex: 0 1 auto;\n                    flex: 0 1 auto;\n                }\n                .progress-box, .item-number-box {\n                    padding-top: 4px;\n                    white-space: nowrap;\n\n                    -ms-flex : 0 1 auto;\n                    -webkit-flex: 0 1 auto;\n                    flex: 0 1 auto;\n\n                    .qti-controls {\n                        display: inline-block;\n                        margin-left: 20px;\n                        white-space: nowrap;\n                    }\n\n                }\n                .timer-box {\n                    /*flex item of control-box */\n                    -webkit-flex: 1 0 auto;\n                    -ms-flex : 1 0 auto;\n                    flex: 1 0 auto;\n                }\n                .progressbar {\n                    margin-top: 5px;\n                    min-width: 150px;\n                    max-width: 200px;\n                    height: 0.6em;\n                }\n            }\n\n            & > .control-box {\n                color: white(.9);\n                text-shadow: 1px 1px 0 black;\n                .lft, .rgt {\n                    padding-left: 20px;\n                    &:first-child {\n                        padding-left: 0;\n                    }\n                    &:last-child {\n                        //text-align: right;\n                        ul {\n                            display: inline-block;\n                        }\n                    }\n                }\n                [class^=\"btn-\"], [class*=\" btn-\"] {\n                    white-space: nowrap;\n                }\n            }\n            .tools-box {\n                .action {\n                    position: relative;\n                    overflow: visible;\n                }\n\n                .menu {\n                    color: $textColor;\n                    background: $canvas;\n                    border: 1px solid blacken($canvas, 0.3);\n                    overflow: auto;\n                    list-style: none;\n                    min-width: 150px;\n\n                    margin: 0;\n                    padding: 0;\n\n                    position: absolute;\n                    bottom: 36px;\n                    left: -3px;\n\n                    .action {\n                        display: inline-block;\n                        text-align: left;\n                        width: 100%;\n                        white-space: nowrap;\n                        overflow: hidden;\n                        color: $textColor;\n                        border-bottom: 1px solid blacken($canvas, 0.2);\n                        margin: 0;\n                        @include border-radius(0);\n                        height: auto;\n                        padding: 8px 15px 9px;\n                        line-height: 1;\n                        border-left: solid 3px transparent;\n\n                        .icon-checkbox-checked {\n                            display: none;\n                        }\n\n                        &.active {\n                            background-color: blacken($canvas, 0.1);\n                            font-weight: bold;\n                        }\n\n                        // display checked icon on hover & active states\n                        &.hover,\n                        &:hover,\n                        &.active {\n                            .icon-checkbox {\n                                display: none;\n                            }\n                            .icon-checkbox-checked {\n                                display: inline-block;\n                            }\n                        }\n\n                        &:focus,\n                        &.hover,\n                        &:hover {\n                            background-color: $info;\n                            color: $textHighlight;\n                            border-left-color: blacken($canvas, 0.8) !important;\n\n                            .label, .icon {\n                                color: $textHighlight;\n                            }\n                            .icon {\n                                color: whiten($info, 0.9);\n                            }\n                        }\n\n                        .label, .icon {\n                            @include font-size(14);\n                            text-shadow: none;\n                            color: $textColor;\n                        }\n                    }\n                }\n            }\n\n            &.bottom-action-bar {\n                overflow: visible;\n                position: relative;\n                .action {\n                    line-height: 1.6;\n                }\n                .icon {\n                    &.no-label {\n                        padding-right: 0;\n                    }\n                }\n\n                // label masking at toolbar level\n                .tool-label-collapsed .btn-info,\n                .tool-label-collapsed-hover .btn-info:not(:hover),\n                // label masking at tool level\n                .btn-info.no-tool-label,\n                .btn-info.tool-label-collapsed,\n                .btn-info.tool-label-collapsed-over:not(:hover) {\n                    .text {\n                        display: none;\n                    }\n                    .icon {\n                        padding: 0;\n                    }\n                }\n            }\n        }\n    }\n\n    [data-control=\"exit\"]{\n        margin-left: 20px;\n    }\n\n    [data-control=\"comment-toggle\"] {\n        display:none;\n    }\n\n\n    &.non-lti-context {\n        .title-box {\n            display:none;\n        }\n    }\n\n    [data-control=\"qti-comment\"]{\n        background-color: $canvas;\n        position: absolute;\n        bottom: 33px;\n        left: 8px;\n        text-align: right;\n        padding: 5px;\n        @include simple-border();\n        @include box-shadow(0, 0, 15px, 1px, rgba(0,0,0,0.20));\n        textarea {\n            display: block;\n            height: 100px;\n            resize: none;\n            width: 350px;\n            padding: 3px;\n            margin: 0  0 10px 0;\n            border: none;\n            @include font-size(13);\n            @include simple-border();\n        }\n    }\n\n    // comment\n    .tools-box {\n        position: relative;\n        overflow:visible\n    }\n}\n\n",".wait-content {\n    .wait-content_text--centered {\n        text-align: center;\n    }\n\n    .wait-content_actions-list {\n        @include flex-container();\n        @include vendor-prefix(flex-direction, column, property);\n\n        .wait-content_text--centered{\n            position: relative;\n            right: 15px;\n        }\n    }\n}\n","/**\n * Copyright (c) 2021 Open Assessment Technologies SA\n*/\n\nbody {\n  &.delivery-scope {\n    &[dir=rtl] {\n      @import 'rtl/action-bar';\n      @import 'rtl/review-panel';\n      @import 'rtl/feedback';\n      @import 'rtl/title-bar';\n    }\n  }\n}\n","/**\n * Copyright (c) 2021 Open Assessment Technologies SA\n*/\n\n.runner {\n  .test-runner-scope {\n    .bottom-action-bar {\n      .control-box {\n\n        & > .lft {\n          float: right;\n          margin: 2px 10px 0 0;\n        }\n        .rgt {\n          float: left;\n        }\n\n        .tools-box-list, .navi-box-list {\n          //for first level only\n          & > .action {\n            & > .li-inner > .icon {\n              display: inline-block;\n            }\n            // for nested menus\n            .action {\n              text-align: right;\n              &.active {\n                .icon.icon-checkbox-checked {\n                  display: inline-block;\n                }\n              }\n              &:not(.active) {\n                .icon.icon-checkbox {\n                  display: inline-block;\n                }\n                &:hover {\n                  .icon.icon-checkbox {\n                    display: none;\n                  }\n                  .icon.icon-checkbox-checked {\n                    display: inline-block;\n                  }\n                }\n              }\n            }\n            .menu {\n              left: auto;\n              right: -3px;\n            }\n          }\n\n          .action {\n            float: right;\n            .icon {\n              padding: 0 0 0 9px;\n              &.icon-right,\n              &.icon-left,\n              &.icon-fast-forward,\n              &.icon-step-forward,\n              &.icon-forward,\n              &.icon-fast-backward,\n              &.icon-step-backward,\n              &.icon-external,\n              &.icon-backward {\n                &:before {\n                  display: inline-block;\n                  transform: scaleX(-1);\n                }\n              }\n            }\n            .action {\n              text-align: right;\n            }\n          }\n\n        }\n\n      }\n    }\n  }\n}\n","/**\n * Copyright (c) 2021 Open Assessment Technologies SA\n*/\n\n\n.qti-navigator {\n    .icon-up, .icon-down {\n        margin-left: 0;\n        margin-right: auto;\n    }\n    .qti-navigator-counter {\n        margin-left: 0;\n        margin-right: auto;\n        text-align: left;\n    }\n}\n","/**\n * Copyright (c) 2021 Open Assessment Technologies SA\n*/\n.qti-item {\n    & [class^=\"feedback-\"].small,\n    & [class*=\" feedback-\"].small {\n        padding: 8px 45px 8px 20px;\n        text-align: right;\n\n        &>[class^=\"icon-\"],\n        &>[class*=\" icon-\"] {\n            left: auto;\n            right: 10px;\n        }\n    }\n}\n","/**\n * Copyright (c) 2021 Open Assessment Technologies SA\n*/\n\n.runner {\n  .test-runner-scope {\n    .action-bar.content-action-bar.horizontal-action-bar.top-action-bar {\n      .control-box {\n\n        & > .connectivity-box {\n          margin-left: 0px;\n          margin-right: 40px;\n          &.with-message {\n            .message-connect {\n              margin-left: 3px;\n              margin-right: 0px;\n            }\n          }\n        }\n\n        & > .progress-box {\n          & > .qti-controls {\n            margin-left: 0px;\n            margin-right: 20px;\n          }\n        }\n\n        & > .timer-box {\n          .timer-toggler {\n            right: 20px;\n          }\n          .timer-wrapper {\n            .countdown {\n              &:first-child {\n                &::before {\n                  content: ' ';\n                }\n              }\n              &:last-child {\n                &::before {\n                  content: none;\n\n                }\n              }\n            }\n          }\n        }\n\n      }\n    }\n  }\n}\n","/**\n * Copyright (c) 2020 Open Assessment Technologies SA\n*/\n@import 'inc/bootstrap';\n\n.action-bar {\n\n  .shortcuts-list-wrapper {\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    align-content: center;\n    justify-content: center;\n    overflow: auto;\n    background: rgba(0,0,0,0.5);\n    z-index: 10001;\n\n    .shortcuts-list {\n      width: auto;\n      min-width: 400px;\n      height: auto;\n      min-height: 300px;\n      padding: 30px !important;\n      color: $textColor !important;\n      text-shadow: none !important;\n      position: relative;\n      background-color: $uiGeneralContentBg;\n      border: 1px solid $uiGeneralContentBorder;\n\n      .shortcuts-list-description {\n        width: 450px;\n      }\n\n      .shortcuts-list-title {\n        font-size: 24px;\n        margin-top: 0;\n      }\n\n      .shortcuts-group-title {\n          font-size: 18px;\n          margin-top: 20px;\n\n          &:focus {\n              outline: 3px solid $actionLinkColor;\n              outline-offset: 3px;\n          }\n      }\n\n      .shortcuts-group-list {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n\n          .shortcut-item {\n            display: -ms-flexbox;\n            display: -webkit-flex;\n            display: flex;\n            float: none;\n            margin: 0;\n\n            .shortcut-item-action,\n            .shortcut-item-shortcut {\n                -ms-flex : 0 1 50%;\n                -webkit-flex: 0 1 50%;\n                flex: 0 1 50%;\n                margin: 0;\n                text-align: center;\n            }\n\n            .shortcut-item-action {\n                text-align: left;\n            }\n          }\n      }\n\n      .btn-close {\n          background-color: transparent;\n          box-shadow: none;\n          height: 20px;\n          padding: 0;\n          position: absolute;\n          right: 12px;\n          top: 10px;\n          width: 20px;\n\n          .icon-close {\n              color: $textColor;\n              font-size: 20px;\n              padding: 0;\n          }\n\n          &:focus {\n              outline: 3px solid $actionLinkColor;\n              outline-offset: 3px;\n          }\n      }\n    }\n  }\n}\n","/**\n * Copyright (c) 2020 Open Assessment Technologies SA\n*/\n@import 'inc/bootstrap';\n\n.jump-links-container {\n\n  .jump-links-box {\n    display: block;\n    width: 0;\n    height: 0;\n    position: absolute;\n\n    .jump-link-item {\n      position: fixed;\n      display: block;\n      z-index: 1001;\n    }\n\n    .jump-link {\n      z-index: 1002;\n      position: fixed;\n      display: block;\n      overflow: hidden;\n      top: 10px;\n      left: 10px;\n      width: 0;\n      padding: 0 !important;\n      font-size: 2.4rem !important;\n\n      &:focus {\n        width: auto;\n        height: auto;\n        padding: 30px !important;\n        background: $uiClickableDefaultBg;\n        color: $textColor !important;\n        border: 3px solid $textColor;\n        outline: none;\n        text-shadow: none !important;\n      }\n      &:focus:hover {\n        background: $uiClickableDefaultBg;\n        text-decoration: underline;\n      }\n    }\n  }\n\n}\n"]}