{"version":3,"file":"stylesheets/9633.css?h=4b3614bac1cdf59c5baf","mappings":"AACI,qDAII,6EACA,0CACA,aACA,SAGJ,2JATI,qDACA,qGACA,iCAaA,CANJ,sGAKI,SACA,yDAEA,kIACI,yGAGJ,sIACI,cACA,qDACA,qGAEA,wKACI,kBACA,WAGJ,oJACI,YACA,aACA,qCAGJ,oKACI,aACA,0CAIA,8JACI,kBAIR,oJACI,WACA,YACA,eACA,cACA,6BACA,YAIR,4JACI,mDACA,gBACA,kBACA,qDACA,yGAEA,4MACI,mDACA,gBACA,gBACA,cAEA,oaAEI,aAMA,wQACI,WACA,wBACA,qCACA,eACA,aACA,WACA,mCAEA,oTACI,wBACA,gBACA,YACA,WACA,mCACA,kBACA,YAGJ,4SACI,YACA,WACA,mCACA,kBACA,YAIR,sQACI,qDACA,qGACA,6EAIR,wPACI,qDACA,qGACA,8DACA,QACA,YACA,kBACA,mBACA,gDAEA,sTACI,eACA,aACA,mCAEA,wUACI,qBAIZ,sOACI,qDACA,qGACA,sFAEA,oPACI,eACA,YACA,uBAOpB,4DACI,mDACA,gBACA,iBACA,gBAEA,+EACI,eACA,gBACA,gBACA,eAGI,mGACI,mDAGJ,oGACI,cACA,cACA,SACA,wGACI,sBAOxB,yCACI,qDACA,qGACA,kBAEA,yDACI,YACA,aACA,qCAEA,uEACI,aACA,0CAIR,uDACI,6BACA,YACA,YACA,WACA,cACA,eCxMJ,gEACI,qBACA,WACA,qFACI,WAEJ,sFACI,WAEJ,oEACI,WACA,WCXZ,MACI,oDACA,wCACA,+CACA,oCACA,wCACA,0BACA,yCACA,+CACA,iCAIA,6DACA,8DACA,oDACA,kDACA,wDACA,yDACA,+CACA,iDACA,yDACA,+DACA,iDACA,qDAIA,0CACA,0CAKA,0CACA,sDACA,iDAIA,qBAIA,wBACA,uBACA,8BACA,mCAIA,yBACA,iCAGA,4BACA,uDAGA,kBAGA,0CAGJ,0BACI,wBAEJ,oQAII,mBAIJ,6BACI,eACA,wBAGJ,oBACI,eAGJ,oCChBI,sDAMI,oBAFW,CDcf,wBACA,4BAGJ,sCCtBI,uDAMI,oBAFW,CDoBf,wBACA,4BAGJ,sGACI,4BACA,oC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","sources":["webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/audio.scss","webpack://@studip/core/./resources/vue/components/courseware/blocks/CoursewareBeforeAfterBlock.vue","webpack://@studip/core/./resources/assets/stylesheets/scss/studip-cke-ui.scss","webpack://@studip/core/./resources/assets/stylesheets/mixins/studip.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/biography.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/timeline.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/variables.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/canvas.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/code.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/confirm.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/date.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/dialog-cards.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/document.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/files.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/embed.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/gallery.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/iframe.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/image-map.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/keypoint.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/link.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/lti.scss","webpack://@studip/core/./resources/vue/components/StudipIdentImage.vue","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/table-of-contents.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/text.scss","webpack://@studip/core/./resources/assets/stylesheets/scss/courseware/blocks/typewriter.scss","webpack://@studip/core/./resources/vue/components/courseware/blocks/CoursewareVideoBlock.vue"],"sourcesContent":[".cw-block-audio {\n    .cw-audio-container {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        border: solid thin var(--content-color-40);\n        padding: 36px;\n        gap: 64px;\n    }\n\n    .cw-audio-recorder,\n    .cw-audio-player {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        gap: 36px;\n        flex-grow: 100;\n\n        &.with-playlist {\n            flex-direction: column;\n        }\n\n        .cw-audio-cover {\n            margin: 0 auto;\n            display: flex;\n            flex-direction: row;\n\n            &.with-edit-button {\n                position: relative;\n                right: -8px;\n            }\n\n            .cover {\n                width: 256px;\n                height: 256px;\n                object-fit: cover;\n            }\n\n            .default-cover {\n                padding: 64px;\n                border: solid thin var(--content-color-40);\n            }\n\n            &.loading {\n                img {\n                    visibility: hidden;\n                }\n            }\n\n            button {\n                width: 16px;\n                height: 16px;\n                cursor: pointer;\n                padding: 0 8px;\n                background-color: transparent;\n                border: none;\n            }\n        }\n\n        .cw-audio-controls-wrapper {\n            flex-grow: 1;\n            min-width: 256px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n\n            .cw-audio-current-track {\n                flex-grow: 1;\n                max-width: 270px;\n                min-height: 60px;\n                margin: 0 auto;\n\n                h2,\n                h3 {\n                    margin-top: 0;\n                }\n            }\n\n            .cw-audio-controls {\n                .cw-audio-progress {\n                    .cw-audio-range {\n                        width: 100%;\n                        -webkit-appearance: none;\n                        appearance: none;\n                        cursor: pointer;\n                        outline: none;\n                        height: 2px;\n                        background: var(--content-color-40);\n\n                        &::-webkit-slider-thumb {\n                            -webkit-appearance: none;\n                            appearance: none;\n                            height: 16px;\n                            width: 16px;\n                            background-color: var(--base-color);\n                            border-radius: 50%;\n                            border: none;\n                        }\n\n                        &::-moz-range-thumb {\n                            height: 16px;\n                            width: 16px;\n                            background-color: var(--base-color);\n                            border-radius: 50%;\n                            border: none;\n                        }\n                    }\n\n                    .cw-audio-time {\n                        display: flex;\n                        flex-direction: row;\n                        justify-content: space-between;\n                    }\n                }\n\n                .cw-recorder-visualization {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: flex-end;\n                    gap: 2px;\n                    height: 28px;\n                    margin-bottom: 1em;\n                    padding-bottom: 4px;\n                    border-bottom: solid 2px var(--content-color-40);\n\n                    .cw-recorder-visualization-bar {\n                        min-height: 4px;\n                        width: calc(100% / 32);\n                        background-color: var(--base-color);\n\n                        &.idle-bar {\n                            height: 4px !important;\n                        }\n                    }\n                }\n                .cw-audio-buttons {\n                    display: flex;\n                    flex-direction: row;\n                    justify-content: space-evenly;\n\n                    button {\n                        cursor: pointer;\n                        border: none;\n                        background: transparent;\n                    }\n                }\n            }\n        }\n    }\n\n    .cw-audio-playlist-wrapper {\n        flex-grow: 1;\n        min-width: 270px;\n        max-height: 450px;\n        overflow-y: auto;\n\n        .cw-audio-playlist {\n            padding-left: 0;\n            margin-top: -1em;\n            list-style: none;\n            cursor: pointer;\n\n            li {\n                &:not(:last-child) {\n                    border-bottom: solid thin var(--dark-gray-color-30);\n                }\n\n                .cw-playlist-item {\n                    display: block;\n                    padding: 1em 0;\n                    margin: 0;\n                    img {\n                        vertical-align: middle;\n                    }\n                }\n            }\n        }\n    }\n}\n.edit-mp3-cover-wrapper {\n    display: flex;\n    flex-direction: row;\n    margin-bottom: 1em;\n\n    .edit-mp3-cover {\n        width: 128px;\n        height: 128px;\n        object-fit: cover;\n\n        &.default-cover {\n            padding: 32px;\n            border: solid thin var(--content-color-40);\n        }\n    }\n\n    .remove-cover {\n        background-color: transparent;\n        border: none;\n        height: 16px;\n        width: 16px;\n        padding: 0 8px;\n        cursor: pointer;\n    }\n}\n","\n.cw-block-before-after {\n    .twentytwenty-container {\n        width: 100% !important;\n        z-index: 19;\n        .twentytwenty-handle {\n            z-index: 18;\n        }\n        .twentytwenty-overlay {\n            z-index: 17;\n        }\n        img {\n            width: 100%;\n            z-index: 16;\n        }\n    }\n}\n","@use '../mixins.scss' as *;\n\n:root {\n    --ck-color-base-foreground: var(--dark-gray-color-5);\n    --ck-color-base-background: var(--white);\n    --ck-color-base-border: var(--content-color-40);\n    --ck-color-base-action: var(--green);\n    --ck-color-base-focus: var(--base-color);\n    --ck-color-base-text: #000;\n    --ck-color-base-active: var(--base-color);\n    --ck-color-base-active-focus: var(--base-color);\n    --ck-color-base-error: var(--red);\n\n    /* -- Buttons ------------------------------------------------------------------------------- */\n\n    --ck-color-button-default-hover-background: var(--base-color);\n    --ck-color-button-default-active-background: var(--base-color);\n    --ck-color-button-default-active-shadow: transparent;\n    --ck-color-button-on-background: var(--base-color);\n    --ck-color-button-on-hover-background: var(--base-color);\n    --ck-color-button-on-active-background: var(--base-color);\n    --ck-color-button-on-active-shadow: transparent;\n    --ck-color-button-action-background: var(--white);\n    --ck-color-switch-button-on-background: var(--base-color);\n    --ck-color-switch-button-on-hover-background: var(--base-color);\n    --ck-color-split-button-hover-border: transparent;\n    --ck-color-split-button-hover-background: transparent;\n\n    /* -- Generic colors ------------------------------------------------------------------------ */\n\n    --ck-color-focus-border: var(--base-color);\n    --ck-color-text: var(--ck-color-base-text);\n\n\n    /* -- Link -------------------------------------------------------------------------------- */\n\n    --ck-color-link-default: var(--base-color);\n    --ck-color-link-selected-background: var(--base-color);\n    --ck-color-link-fake-selection: var(--base-color);\n\n    /* disable border radius*/\n\n    --ck-border-radius: 0;\n\n    /* disable shadows */\n\n    --ck-inner-shadow: unset;\n    --ck-drop-shadow: unset;\n    --ck-drop-shadow-active: unset;\n    --ck-focus-outer-shadow-geometry: 0;\n\n    /* fonts */\n\n    --ck-font-size-base: 14px;\n    --ck-font-face: \"Lato\", sans-serif;\n\n    /* tooltip */\n    --ck-tooltip-arrow-size: 8px;\n    --ck-color-tooltip-background: var(--dark-gray-color-5);\n\n    /* z-index */\n    --ck-z-modal: 1003;\n\n    /* tooltips */\n    --ck-color-tooltip-text: var(--color-text);\n}\n\n.ck.ck-icon, .ck.ck-icon * {\n    color: var(--base-color);\n}\n.ck.ck-button.ck-on .ck.ck-icon,\n.ck.ck-button.ck-on .ck.ck-icon *,\n.ck.ck-button:not(.ck-dropdown__button.ck-button_with-text):not(.ck-disabled):hover .ck.ck-icon,\n.ck.ck-button:not(.ck-dropdown__button.ck-button_with-text):not(.ck-disabled):hover .ck.ck-icon * {\n    color: var(--white);\n}\n\n/* buttons */\n.ck.ck-button, a.ck.ck-button {\n    font-size: 12px;\n    color: var(--base-color);\n}\n\n.ck.ck-button:hover {\n    cursor: pointer;\n}\n\n.ck.ck-button.ck-off.ck-button-save {\n    @include background-icon(accept, clickable, 24);\n    background-position: center;\n    background-repeat: no-repeat;\n}\n\n.ck.ck-button.ck-off.ck-button-cancel {\n    @include background-icon(decline, clickable, 24);\n    background-position: center;\n    background-repeat: no-repeat;\n}\n\n.ck.ck-button.ck-off.ck-button_with-text:not(.ck-character-grid__tile):not(.ck-source-editing-button) {\n    background-position: 5px 50%;\n    border: solid thin var(--base-color);\n}\n\n.ck-list .ck.ck-button.ck-off.ck-button_with-text:not(.ck-character-grid__tile):not(.ck-source-editing-button) {\n    border: none;\n}\n\n.ck.ck-button.ck-off.ck-button_with-text:hover {\n    background-color: var(--base-color);\n}\n.ck.ck-button.ck-button_with-text.ck-dropdown__button:not(.ck-disabled):hover {\n    background-color: var(--white);\n    color: var(--base-color);\n}\n\n\n.ck.ck-button.ck-off.ck-button_with-text.ck-disabled:hover,\n.ck.ck-button.ck-off.ck-button_with-text.ck-character-grid__tile:hover {\n    background: transparent;\n    color: var(--black);\n}\n\n.ck.ck-button.ck-off.ck-button_with-text:not(.ck-disabled) .ck.ck-button__label {\n    color: var(--base-color);\n}\n\n.ck.ck-button.ck-on.ck-button_with-text:not(.ck-disabled):not(.ck-switchbutton):not(.ck-dropdown__button) .ck.ck-button__label,\n.ck.ck-button.ck-off.ck-button_with-text:not(.ck-disabled):not(.ck-dropdown__button):not(.ck-character-grid__tile):hover .ck.ck-button__label {\n    color: var(--white);\n}\n\n.ck.ck-button.ck-on.ck-button_with-text.ck-switchbutton {\n    color: var(--base-color);\n}\n.ck.ck-button.ck-on.ck-button_with-text.ck-switchbutton:hover {\n    color: var(--white);\n}\n\n.ck.ck-button.ck-off.ck-button-save:hover:not(.ck-disabled) {\n    @include background-icon(accept, info_alt, 24);\n}\n\n.ck.ck-button.ck-off.ck-button-save.ck-disabled {\n    @include background-icon(accept, inactive, 24);\n}\n\n.ck.ck-button.ck-off.ck-button-cancel:hover {\n    @include background-icon(decline, info_alt, 24);\n}\n\n.ck.ck-button.ck-off.ck-button-save svg,\n.ck.ck-button.ck-off.ck-button-cancel svg {\n    display: none;\n}\n\n.ck.ck-button.ck-off.ck-button_with-text.ck-disabled:not(.ck-character-grid__tile):not(.ck-source-editing-button) {\n    border: solid thin var(--dark-gray-color-20);\n    cursor: default;\n}\n\n.ck.ck-collapsible.ck-collapsible_collapsed .ck.ck-button.ck-off.ck-button_with-text.ck-disabled:not(.ck-character-grid__tile):not(.ck-source-editing-button) {\n    border: none;\n}\n\n.ck.ck-button.ck-button_with-text.ck-switchbutton {\n    color: var(--base-color);\n    background-color: var(--white);\n}\n\n.ck.ck-button.ck-button_with-text.ck-switchbutton,\n.ck.ck-button.ck-numbered-list-properties__reversed-order.ck-button_with-text.ck-switchbutton {\n    border: none !important;\n}\n\n.ck.ck-collapsible .ck.ck-button.ck-off.ck-button_with-text {\n    border: none;\n}\n\n.ck.ck-collapsible.ck-collapsible_collapsed .ck.ck-button.ck-button_with-text:hover .ck.ck-button__label,\n.ck.ck-collapsible .ck.ck-button.ck-on.ck-button_with-text:not(.ck-disabled):not(.ck-switchbutton):not(.ck-dropdown__button) .ck.ck-button__label {\n    color: var(--base-color);\n}\n\n.ck.ck-collapsible.ck-collapsible_collapsed .ck.ck-button.ck-disabled.ck-button_with-text:hover .ck.ck-button__label {\n    color: var(--black);\n}\n\n.ck.ck-collapsible .ck.ck-icon.ck-button__icon *,\n.ck.ck-collapsible .ck.ck-button:hover .ck.ck-icon.ck-button__icon *,\n.ck.ck-collapsible .ck.ck-button.ck-on .ck.ck-icon.ck-button__icon *  {\n    color: var(--base-color);\n}\n\n\n\n.ck.ck-button.ck-button_with-text.ck-switchbutton.ck-on:hover,\n.ck.ck-button.ck-button_with-text.ck-switchbutton:hover {\n    background-color: var(--white);\n\n}\n.ck.ck-button.ck-button_with-text.ck-switchbutton.ck-on:hover span,\n.ck.ck-button.ck-button_with-text.ck-switchbutton:hover span {\n    color: var(--active-color) !important;\n}\n\n.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon {\n    opacity: unset;\n    cursor: default;\n    filter: hue-rotate(350deg) saturate(8.7%) brightness(177.3%);\n}\n\n.ck .ck-button .ck-disabled .ck-off .ck-button_with-text, .ck .ck-button .ck-disabled .ck-off .ck-button_with-text:hover {\n    display: none;\n}\n\n.ck.ck-button.ck-source-editing-button .ck.ck-button__label {\n    display: none;\n}\n\n/* links */\n.ck .ck-fake-link-selection,\n.ck .ck-link_selected {\n    color: var(--white);\n}\n\n/* input */\n.ck.ck-labeled-field-view.ck-labeled-field-view_focused .ck.ck-label {\n    display: none;\n}\n\n.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {\n    min-width: 250px;\n    text-align: left;\n}\n\n/* math */\n.ck.ck-math-form {\n    padding: var(--ck-spacing-large);\n}\n.ck.ck-math-form .ck-button-display-toggle {\n    display: none;\n}\n\n/* blockquote */\n.ck-content blockquote {\n    border-left: 3px solid var(--brand-color-lighter);\n    padding: 5px 5px 5px 8px;\n    margin: 8px 8px 8px 0;\n    background-color: rgba(0, 0, 0, 0.05);\n    font-style: unset;\n}\n\n/* hr */\n.ck-content hr {\n    margin: 7px 0;\n    height: 0;\n    background: initial;\n    border: 1px solid var(--dark-gray-color-60);\n}\n\n/* table */\n.ck-content .table {\n    margin: 0.9em auto;\n}\n.ck-content .table {\n    margin: 0.9em auto;\n\n    &:not([style]) {\n        margin-inline-start: 0;\n    }\n}\n\n/* StudipWikiLink plugin */\n.ck.ck-studip-wiki-link-form {\n    max-width: 100%;\n    width: 400px;\n}\n\n.ck.ck-studip-wiki-link-form fieldset {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-items: start;\n    align-content: stretch;\n    padding: var(--ck-spacing-large);\n    border: 0;\n    margin: 0;\n\n}\n.ck.ck-studip-wiki-link-form fieldset > * + * {\n    margin-left: var(--ck-spacing-standard);\n}\n\n.ck.ck-studip-wiki-link-form fieldset .ck-button {\n    flex: 0 0 auto;\n    padding-left: var(--ck-spacing-large);\n    padding-right: var(--ck-spacing-large);\n}\n\n.ck.ck-studip-wiki-link-form fieldset .ck-labeled-field-view {\n    flex: 1 1 auto;\n}\n\n.ck.ck-studip-wiki-link-form fieldset .ck-labeled-field-view .ck-input {\n    width: 100%;\n    min-width: 50px;\n}\n\n/* table inserter */\n.ck.ck-insert-table-dropdown-grid-box.ck-on {\n    background: var(--base-color-20);\n}\n\n/* tooltips */\n\n.ck.ck-balloon-panel.ck-tooltip {\n    background-color: transparent;\n}\n\n.ck.ck-tooltip .ck.ck-tooltip__text {\n    background-color: var(--dark-gray-color-5);\n    border: 1px solid var(--dark-gray-color-30);\n    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5);\n    font-size: 14px;\n    margin-bottom: 8px;\n    padding: 12px;\n    text-align: left;\n    text-shadow: 0 1px 0 hsla(0,0%,100%,.5);\n    white-space: normal;\n    z-index: 10000;\n    word-wrap: break-word;\n    color: var(--black);\n    top: 12px;\n    position: relative;\n}\n\n.ck.ck-tooltip__text::after {\n    content: \"\";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border: 8px solid rgba(245,246,246,0);\n    border-bottom-color: var(--dark-gray-color-5);\n    bottom: 100%;\n    right: 50%;\n    margin-right: -8px;\n    top: -16px;\n}\n\n.ck.ck-tooltip__text::before {\n    content: \"\";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border: 9px solid rgba(197,199,202,0);\n    border-bottom-color: var(--dark-gray-color-30);\n    bottom: 100%;\n    right: 50%;\n    margin-right: -9px;\n    top: -19px;\n}\n\n/* search and replace */\n.ck.ck-find-and-replace-form fieldset .ck-labeled-field-view .ck-input {\n    margin-top: 0 !important; /* overwrite form css in dialogs*/\n    max-height: var(--ck-ui-component-min-height);\n}\n\n/* editor */\n$editor-min-height: 8em;\n\n.ck-source-editing-area {\n    min-height: calc($editor-min-height + 2px);\n}\n.ck.ck-editor__editable_inline {\n    border-color: var(--ck-color-base-border);\n    cursor: text;\n    min-height: $editor-min-height;\n}\n\n/* forum fixes */\n#forum .ck-source-editing-area textarea {\n    height: 100%;\n}\n\n#forum .ck form {\n    display: inherit;\n}\n.ck.ck-toolbar {\n    background-color: var(--dark-gray-color-5);\n}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {\n    right: -5px;\n    top: calc(100% + 4px);\n}\n\n/* toolbar fix for dialogs */\n.studip-dialog {\n    .ck-editor {\n        .ck-editor__editable_inline {\n            height: 200px;\n            resize: vertical;\n        }\n    }\n}\n\n/* balloon editor button*/\n.ck.ck-block-toolbar-button {\n    background-color: var(--dark-gray-color-5);\n    border: 1px solid var(--ck-color-base-border);\n    z-index: var(--ck-z-modal);\n}\n","/**\n * studip-mixins.less\n *\n * This file contains all mixins created specifically for Stud.IP\n * while mixins.less should contain a copy of the mixins from\n * twitter's bootstrap.\n *\n * This program is free software; you can redistribute it and/or\n * modify it under the terms of the GNU General Public License as\n * published by the Free Software Foundation; either version 2 of\n * the License, or (at your option) any later version.\n *\n * @author      Jan-Hendrik Willms <tleilax+studip@gmail.com>\n * @license     http://www.gnu.org/licenses/gpl-2.0.html GPL version 2\n * @category    Stud.IP\n * @since       4.4\n */\n\n// Clearfix\n// --------\n// For clearing floats like a boss h5bp.com/q\n@mixin clearfix {\n    &::before,\n    &::after {\n        display: table;\n        content: '';\n        // Fixes Opera/contenteditable bug:\n        // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952\n        line-height: 0;\n    }\n    &::after {\n        clear: both;\n    }\n}\n\n// CSS image replacement\n// -------------------------\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n@mixin hide-text {\n    font: 0/0 a;\n    color: transparent;\n    text-shadow: none;\n    background-color: transparent;\n    border: 0;\n}\n\n@function icon-path($icon, $role: clickable) {\n    $icon: unquote($icon);\n    $role: unquote($role);\n\n    $color: 'blue';\n    @if $role == info {\n        $color: 'black';\n    } @else if $role == accept or $role == status-green {\n        $color: 'green';\n    } @else if $role == inactive {\n        $color: 'grey';\n    } @else if $role == new or $role == attention or $role == status-red {\n        $color: 'red';\n    } @else if $role == info_alt or $role == info-alt {\n        $color: 'white';\n    } @else if $role == status-yellow {\n        $color: 'yellow';\n    }\n\n    @return \"#{$icon-path}/#{$color}/#{$icon}.svg\";\n}\n\n@mixin background-icon($icon, $role: clickable, $size: 16) {\n    $svg: icon-path($icon, $role);\n\n    background-image: url(\"#{$svg}\");\n\n    @if $size {\n        @if unitless($size) {\n            $size: $size * 1px;\n        }\n        background-size: $size;\n    }\n}\n\n@mixin retina-background-image($image0, $image1, $width: 100%, $height: $width) {\n    background-image: url(\"#{$image-path}/#{$image0}\");\n    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)\n    {\n        background-image: url(\"#{$image-path}/#{$image1}\");\n        background-size: $width;\n    }\n}\n\n@mixin icon($position, $icon, $role, $size: 16px, $padding: 0) {\n    $position: unquote($position);\n\n    @if unitless($size) {\n        @warn \"Assuming icon size to be in pixels\";\n        $size: $size * 1px;\n    }\n\n    @if $position == before or $position == after {\n        &::#{$position} {\n            @include background-icon($icon, $role, $size);\n            background-repeat: no-repeat;\n            content: ' ';\n            display: inline-block;\n            height: $size;\n            vertical-align: text-top;\n            width: $size;\n\n            @if position == before {\n                margin-right: $padding;\n            } @else {\n                margin-left: $padding;\n            }\n        }\n    }\n}\n\n// Mixin that replaces the navigation icon tags with css images\n@mixin navigation-icon($default-icon-name, $toggled-icon-name) {\n    img { display: none; }\n\n    display: inline-block;\n\n    @include background-icon($default-icon-name, clickable);\n    @include hide-text();\n    @include square(16px);\n\n    &.toggled {\n        @include background-icon($toggled-icon-name, clickable);\n    }\n}\n\n@mixin empty-placeholder-image($icon, $background-color: $dark-gray-color-5) {\n    &::before,\n    &::after {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        content: '';\n        display: block;\n        background-image: url(icon-path($icon));\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: contain;\n    }\n    &::before {\n        height: 280px;\n        width: 280px;\n        opacity: 0.3;\n        transform: translate(-50%, -50%);\n    }\n    &::after {\n        height: 180px;\n        width: 180px;\n        opacity: 0.6;\n        transform: translate(20px, -50px);\n\n    }\n\n    padding-top: 100px;\n    background-image: url(icon-path($icon));\n    background-repeat: no-repeat;\n    background-size: 140px;\n    background-position: calc(50% - 100px) calc(50% + 40px);\n\n    @if ($background-color) {\n        background-color: mix($background-color, rgba(255, 255, 255, 0), 70%);\n    }\n\n    text-align: center;\n    height: 40vh;\n    color: $content-color;\n    font-size: 1.6em;\n    position: relative;\n\n}\n\n// Scrollboxes\n// From http://lea.verou.me/2012/04/background-attachment-local/\n//  and http://dabblet.com/gist/6134408\n%scrollbox-vertical {\n    overflow: auto;\n\n    background:\n        /* Shadow covers */\n        linear-gradient(white 30%, rgba(255,255,255,0)),\n        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,\n\n        /* Shadows */\n        radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),\n        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n\n    /* Opera doesn't support this in the shorthand */\n    background-attachment: local, local, scroll, scroll;\n}\n\n@mixin scrollbox-horizontal {\n    overflow: auto;\n\n    background:\n        /* Shadow covers */\n        linear-gradient(90deg, white 30%, rgba(255,255,255,0)),\n        linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0,\n\n        /* Shadows */\n        radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),\n        radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;\n    background-repeat: no-repeat;\n    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;\n\n    /* Opera doesn't support this in the shorthand */\n    background-attachment: local, local, scroll, scroll;\n}\n\n// Define action icons for widgets\n@mixin widget-action($action, $icon: $action, $role: clickable) {\n    .widget-action[data-action=\"#{$action}\"] {\n        @include hide-text();\n\n        width: 16px;\n        height: 16px;\n\n        @include background-icon($icon, $role, 16px);\n\n        background-repeat: no-repeat;\n        cursor: pointer;\n        display: block;\n        // vertical-align: middle;\n\n        @content;\n    }\n}\n\n@mixin scrollbox-horizontal() {\n    overflow: auto;\n\n    background:\n        /* Shadow covers */\n        linear-gradient(90deg, white 30%, rgba(255,255,255,0)),\n        linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0,\n\n            /* Shadows */\n        radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),\n        radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;\n    background:\n        /* Shadow covers */\n        linear-gradient(90deg, white 30%, rgba(255,255,255,0)),\n        linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0,\n\n            /* Shadows */\n        radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),\n        radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;\n    background-repeat: no-repeat;\n    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;\n\n    /* Opera doesn't support this in the shorthand */\n    background-attachment: local, local, scroll, scroll;\n}\n","@use '../../../mixins.scss' as *;\n\n$achievement-types: (\n    certificate: file-text,\n    accreditation: vcard,\n    award: medal,\n    book: literature,\n    publication: news,\n    membership: group3,\n);\n\n$goals-types: (\n    personal: person2,\n    school: doctoral-cap,\n    academic: doctoral-cap,\n    professional: tools,\n);\n\n.cw-block-biography {\n    .cw-block-biography-content {\n        display: flex;\n        min-height: 200px;\n        flex-direction: row;\n        padding: 2em 2em 2em 1em;\n        border: 2px solid var(--base-color);\n\n        .cw-block-biography-type {\n            margin: auto 1em auto 0;\n            padding-top: 96px;\n            min-width: 192px;\n            max-width: 192px;\n            text-align: center;\n            background-repeat: no-repeat;\n            background-position: center top;\n        }\n\n        .cw-block-biography-details {\n            h2, h3 {\n                margin-top: 0;\n            }\n        }\n\n    }\n}\n\n.cw-block-biography-achievements {\n    @each $type, $icon in $achievement-types {\n        .cw-block-biography-achievements-type-#{$type} {\n            @include background-icon($icon, clickable, 96);\n        }\n    }\n}\n\n.cw-block-biography-goals {\n    @each $type, $icon in $goals-types {\n        .cw-block-biography-goals-type-#{$type} {\n            @include background-icon($icon, clickable, 96);\n        }\n    }\n}\n\n.cw-block-biography-personal-information {\n    .cw-block-biography-content {\n        min-height: 140px;\n\n        .cw-block-biography-personal-information-type {\n            @include background-icon(person2, clickable, 96);\n        }\n\n        .cw-block-biography-personal-information-details {\n            display: grid;\n            max-height: 7em;\n            grid-template-columns: max-content 1fr;\n            grid-gap: 5px 10px;\n\n            .preface {\n                grid-column-start: 1;\n                grid-column-end: 3;\n            }\n        }\n    }\n}","@import '../variables.scss';\n\n%clearfix {\n    &:after, &:before {\n        content: '';\n        display: block;\n        width: 100%;\n        clear: both;\n    }\n}\n\n.cw-timeline {\n    list-style: none;\n    width: 100%;\n    margin: 30px auto;\n    position: relative;\n    padding: 0;\n    transition: all 0.4s ease;\n\n    &:before {\n        content:\"\";\n        width: 3px;\n        height: 100%;\n        background: var(--content-color-40);\n        left: 50%;\n        top: 0;\n        position: absolute;\n    }\n\n    &:after {\n        content: \"\";\n        clear: both;\n        display: table;\n        width: 100%;\n    }\n\n    .cw-timeline-item {\n        margin-bottom: 50px;\n        position: relative;\n        @extend %clearfix;\n\n        .cw-timeline-item-icon {\n            background: var(--white);\n            width: 50px;\n            height: 50px;\n            position: absolute;\n            top: 0;\n            left: 50%;\n            overflow: hidden;\n            margin-left: -25px;\n            @each $name, $color in $tile-colors {\n                &.cw-timeline-item-icon-color-#{\"\" + $name} {\n                    border: solid 2px $color;\n                }\n            }\n\n            border-radius: 50%;\n\n            img {\n                position: relative;\n                top: 9px;\n                left: 9px;\n\n                &.charcoal {\n                    filter: brightness(0) saturate(100%) invert(22%) sepia(29%) saturate(364%) hue-rotate(168deg) brightness(87%) contrast(79%);\n                }\n                &.royal-purple {\n                    filter: brightness(0) saturate(100%) invert(35%) sepia(43%) saturate(658%) hue-rotate(234deg) brightness(100%) contrast(87%);\n                }\n                &.iguana-green {\n                    filter: brightness(0) saturate(100%) invert(74%) sepia(9%) saturate(1885%) hue-rotate(76deg) brightness(86%) contrast(88%);\n                }\n                &.queen-blue {\n                    filter: brightness(0) saturate(100%) invert(44%) sepia(10%) saturate(2086%) hue-rotate(178deg) brightness(88%) contrast(80%);\n                }\n                &.verdigris {\n                    filter: brightness(0) saturate(100%) invert(64%) sepia(11%) saturate(4959%) hue-rotate(131deg) brightness(103%) contrast(49%);\n                }\n                &.mulberry {\n                    filter: brightness(0) saturate(100%) invert(49%) sepia(16%) saturate(1665%) hue-rotate(271deg) brightness(88%) contrast(95%);\n                }\n                &.pumpkin {\n                    filter: brightness(0) saturate(100%) invert(38%) sepia(86%) saturate(1993%) hue-rotate(13deg) brightness(104%) contrast(108%);\n                }\n                &.sunglow {\n                    filter: brightness(0) saturate(100%) invert(93%) sepia(69%) saturate(6824%) hue-rotate(313deg) brightness(102%) contrast(100%);\n                }\n                &.apple-green {\n                    filter: brightness(0) saturate(100%) invert(69%) sepia(5%) saturate(5203%) hue-rotate(42deg) brightness(100%) contrast(84%);\n                }\n                &.studip-blue {\n                    filter: brightness(0) saturate(100%) invert(26%) sepia(19%) saturate(1783%) hue-rotate(177deg) brightness(96%) contrast(93%);\n                }\n                &.studip-lightblue {\n                    filter: brightness(0) saturate(100%) invert(91%) sepia(12%) saturate(190%) hue-rotate(190deg) brightness(104%) contrast(89%);\n                }\n                &.studip-red {\n                    filter: brightness(0) saturate(100%) invert(8%) sepia(95%) saturate(6904%) hue-rotate(1deg) brightness(95%) contrast(109%);\n                }\n                &.studip-green {\n                    filter: brightness(0) saturate(100%) invert(27%) sepia(85%) saturate(1531%) hue-rotate(109deg) brightness(95%) contrast(101%);\n                }\n                &.studip-yellow {\n                    filter: brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(7314%) hue-rotate(330deg) brightness(103%) contrast(101%);\n                }\n                &.studip-gray {\n                    filter: brightness(0) saturate(100%) invert(46%) sepia(1%) saturate(2621%) hue-rotate(169deg) brightness(87%) contrast(87%);\n                }\n            }\n        }\n\n        .cw-timeline-item-content {\n            width: 40%;\n            background: var(--white);\n            padding: 20px;\n            transition: all var(--transition-duration) ease;\n\n            h3 {\n                padding: 15px;\n                color: var(--white);\n                margin: -20px -20px 0 -20px;\n                font-weight: 700;\n                min-height: 1.1em;\n            }\n\n            article {\n                min-height: 2em;\n                border: solid thin var(--content-color-20);\n                border-top: none;\n                margin: 0 -20px;\n                padding: 15px;\n\n                header {\n                    font-weight: 700;\n                    font-size: 1.1em;\n                    margin: 0.5em 0;\n                }\n            }\n\n            &:before {\n                content: '';\n                position: absolute;\n                left: calc(40% + 40px);\n                top: 18px;\n                width: 0;\n                height: 0;\n                border-top: 7px solid transparent;\n                border-bottom: 7px solid transparent;\n            }\n            &.left {\n                h3 {\n                    text-align: right;\n                }\n            }\n            &.right {\n                float: right;\n\n                h3 {\n                    text-align: left;\n                }\n\n                &:before {\n                    content: '';\n                    right: calc(40% + 40px);\n                    left: inherit;\n                    border-left: 0;\n                }\n            }\n\n            @each $name, $color in $tile-colors {\n                &.cw-timeline-item-content-color-#{\"\" + $name} {\n                    border-color: $color;\n                    h3 {\n                        background-color: $color;\n                    }\n                    &.left {\n                        &:before {\n                            border-left: 7px solid $color;\n                        }\n                    }\n                    &.right {\n                        &:before {\n                            border-right: 7px solid $color;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n@mixin oneSidedTimeline() {\n    .cw-timeline {\n        &:before {\n            left: 25px;\n        }\n        .cw-timeline-item {\n            .cw-timeline-item-icon {\n                left: 25px;\n            }\n            .cw-timeline-item-content {\n                width: stretch;\n                margin-left: 70px;\n                &.left {\n                    float: unset;\n\n                    h3 {\n                        text-align: left;\n                    }\n\n                    &:before {\n                        content: '';\n                        right: calc(100% - 70px);\n                        left: inherit;\n                        border-left: 0;\n                    }\n                }\n                &.right {\n                    float: unset;\n                    &:before {\n                        right: calc(100% - 70px);\n                    }\n                }\n\n                @each $name, $color in $tile-colors {\n                    &.cw-timeline-item-content-color-#{\"\" + $name} {\n                        &.left {\n                            &:before {\n                                border-right: 7px solid $color;\n                                border-left: none;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.cw-container-colspan-half {\n    @include oneSidedTimeline();\n}\n\n@media only screen and (max-width: 1070px) {\n    @include oneSidedTimeline();\n}\n","$element-icons: (\n    content: content2,\n    draft: category-draft,\n    task: category-task,\n    template: category-template,\n    oer: oer-campus,\n    other: category-others,\n    portfolio: category-portfolio\n);\n\n$tree-item-flag-icons: (\n    date: date,\n    write: community,\n    cant-read: lock-locked2,\n);\n\n$tile-colors: (\n    black: #000,\n    charcoal: #3c454e,\n    royal-purple: #8656a2,\n    iguana-green: #66b570,\n    queen-blue: #536d96,\n    verdigris: #41afaa,\n    mulberry: #bf5796,\n    pumpkin: #f26e00,\n    sunglow: #ffca5c,\n    apple-green: #8bbd40,\n    studip-blue: #28497c,\n    studip-lightblue: #e7ebf1,\n    studip-red: #d60000,\n    studip-green: #008512,\n    studip-yellow: #ffbd33,\n    studip-gray: #636a71,\n);\n\n$icon-colors:(\n    icon-white: #ffffff,\n    icon-black: #000000,\n    icon-red: #cb1800,\n    icon-blue: #24437c,\n    icon-green: #00962d,\n    icon-gray: #6e6e6e,\n    icon-yellow: #ffad00\n);\n$border-colors:(\n    white: #ffffff,\n    black: #000000,\n    studip-red: #cb1800,\n    studip-blue: #24437c,\n    studip-green: #00962d,\n    studip-gray: #6e6e6e,\n    studip-yellow: #ffad00\n);\n\n$blockadder-items: (\n    before-after: block-comparison,\n    canvas: block-canvas,\n    gallery: block-gallery,\n    image-map: block-imagemap,\n    audio: audio,\n    chart: vote,\n    code: computer,\n    confirm: accept,\n    date: date,\n    dialog-cards: dialog-cards,\n    document: file-text,\n    download: download,\n    embed: code,\n    folder: folder-full,\n    headline: block-eyecatcher,\n    iframe: door-enter,\n    lti: plugin,\n    key-point: exclaim-circle,\n    link: link-extern,\n    table-of-contents: table-of-contents,\n    text: edit,\n    timeline: date-cycle,\n    typewriter: block-typewriter,\n    video: video2,\n    biography-achievements: medal,\n    biography-career: ranking,\n    biography-personal-information: own-license,\n    biography-goals: radar\n);\n\n$containeradder-items: (\n    accordion: block-accordion,\n    list: view-list,\n    tabs: block-tabs,\n);\n\n$cw-wrapper-gap: 0.5em;\n\n$icons: (\n    accept,\n    add,\n    add-circle,\n    admin,\n    aladdin,\n    arr_1down,\n    arr_1left,\n    arr_1right,\n    arr_1up,\n    arr_2down,\n    arr_2left,\n    arr_2right,\n    arr_2up,\n    audio,\n    audio3,\n    billboard,\n    block-canvas,\n    block-comparison,\n    block-eyecatcher,\n    block-gallery,\n    block-gallery2,\n    block-imagemap,\n    brainstorm,\n    campusnavi,\n    chat2,\n    code,\n    community2,\n    computer,\n    consultation,\n    content,\n    courseware,\n    crown,\n    date-single,\n    decline,\n    decline-circle,\n    doctoral_cap,\n    download,\n    dropbox,\n    edit,\n    exclaim,\n    exclaim-circle,\n    export,\n    favorite,\n    filter,\n    globe,\n    graph,\n    group2,\n    group3,\n    group4,\n    home2,\n    info,\n    info-circle,\n    install,\n    institute,\n    key,\n    knife,\n    learnmodule,\n    lightbulb,\n    lightbulb2,\n    link2,\n    link3,\n    link-extern,\n    link-intern,\n    literature,\n    lock-locked,\n    lock-unlocked,\n    mail2,\n    medal,\n    metro,\n    microphone,\n    module,\n    network,\n    notification,\n    notification2,\n    opencast,\n    outer-space,\n    permalink,\n    person,\n    phone,\n    picture,\n    place,\n    plugin,\n    question,\n    question-circle,\n    ranking,\n    remove,\n    remove-circle,\n    resources,\n    roles,\n    schedule2,\n    search,\n    settings,\n    span-empty,\n    span-1quarter,\n    span-2quarter,\n    span-3quarter,\n    span-full,\n    spiral,\n    sport,\n    staple,\n    star,\n    star-empty,\n    star-halffull,\n    test,\n    tools,\n    topic,\n    ufo,\n    video2,\n    visibility-visible,\n    wizard\n);","@use '../../../mixins.scss' as *;\n\n.cw-block-canvas {\n    .cw-canvasblock-canvas {\n        max-width: 100%;\n        border: solid thin var(--content-color-40);\n    }\n\n    .cw-canvasblock-upload-message {\n        display: none;\n    }\n\n    .cw-canvasblock-original-img {\n        display: none;\n    }\n\n    .cw-canvasblock-tool-selected-text {\n        cursor: text;\n    }\n\n    h1.cw-canvasblock-description {\n        border-bottom: none;\n    }\n\n    .cw-canvasblock-toolbar {\n        border: solid thin var(--content-color-40);\n        border-bottom: none;\n\n        .cw-canvasblock-buttonset {\n            display: inline-block;\n            padding: 5px;\n            margin-right: 0.5em;\n\n            button {\n                cursor: pointer;\n                user-select: none;\n                border: solid thin var(--content-color-40);\n                height: 32px;\n                width: 32px;\n                background-color: var(--white);\n                background-position: center;\n                background-repeat: no-repeat;\n                background-size: 24px 24px;\n\n                &.cw-canvasblock-color {\n                    $colors: (\n                        white: var(--white),\n                        blue: #3498db,\n                        green: #2ecc71,\n                        purple: #9b59b6,\n                        red: #e74c3c,\n                        yellow: #fed330,\n                        orange: #f39c12,\n                        grey: #95a5a6,\n                        darkgrey: #34495e,\n                        black: var(--black),\n                    );\n\n                    @each $name, $color in $colors {\n                        &.#{'' + $name} {\n                            background-color: $color;\n                        }\n                    }\n\n                    &.selected-color {\n                        border: solid 2px var(--black);\n                    }\n                }\n\n                &.cw-canvasblock-reset {\n                    @include background-icon(refresh, clickable, 24);\n                }\n\n                &.cw-canvasblock-size {\n                    @include background-icon(stop, clickable);\n\n                    &.cw-canvasblock-size-small {\n                        background-size: 8px 7px;\n                    }\n                    &.cw-canvasblock-size-normal {\n                        background-size: 16px 14px;\n                    }\n                    &.cw-canvasblock-size-large {\n                        background-size: 22px 20px;\n                    }\n                    &.cw-canvasblock-size-huge {\n                        background-size: 26px 24px;\n                    }\n                    &.selected-size {\n                        border: solid 2px var(--black);\n                    }\n                }\n\n                &.cw-canvasblock-tool {\n                    &.cw-canvasblock-tool-pen {\n                        @include background-icon(comment, clickable);\n                    }\n\n                    &.cw-canvasblock-tool-text {\n                        vertical-align: top;\n                        font-size: 22px;\n                        color: var(--base-color);\n                        font-weight: 600;\n                    }\n\n                    &.selected-tool {\n                        border: solid 2px var(--black);\n                    }\n                }\n\n                &.cw-canvasblock-undo {\n                    @include background-icon(arr_2left, clickable, 24);\n                }\n\n                &.cw-canvasblock-download {\n                    @include background-icon(download, clickable, 24);\n                }\n\n                &.cw-canvasblock-store {\n                    @include background-icon(upload, clickable, 24);\n                }\n\n                &.cw-canvasblock-show-all {\n                    @include background-icon(group2, clickable, 24);\n\n                    &.selected-view {\n                        border: solid 2px var(--black);\n                    }\n                }\n\n                &.cw-canvasblock-show-own {\n                    @include background-icon(person, clickable, 24);\n\n                    &.selected-view {\n                        border: solid 2px var(--black);\n                    }\n                }\n            }\n        }\n    }\n\n    .cw-canvasblock-tool-selected-text {\n        cursor: text;\n    }\n}\n",".cw-block-code {\n    pre {\n        margin-bottom: 0;\n    }\n\n    .hljs {\n        display: block;\n        overflow-x: auto;\n        padding: 0.5em;\n        background: var(--dark-gray-color-5);\n        color: black;\n        border: solid thin var(--content-color-40);\n    }\n\n    .hljs-comment,\n    .hljs-quote,\n    .hljs-variable {\n        color: var(--dark-green);\n    }\n\n    .hljs-keyword,\n    .hljs-selector-tag,\n    .hljs-selector-class,\n    .hljs-built_in,\n    .hljs-name,\n    .hljs-tag {\n        color: var(--base-color);\n        font-weight: 600;\n    }\n\n    .hljs-string,\n    .hljs-title,\n    .hljs-section,\n    .hljs-attribute,\n    .hljs-literal,\n    .hljs-template-tag,\n    .hljs-template-variable,\n    .hljs-type,\n    .hljs-addition {\n        color: var(--orange-80);\n        font-weight: 400;\n    }\n\n    .hljs-deletion,\n    .hljs-selector-attr,\n    .hljs-selector-pseudo,\n    .hljs-meta {\n        color: var(--petrol);\n        font-weight: 400;\n    }\n\n    .hljs-doctag {\n        color: var(--dark-gray-color-75);\n        font-weight: 400;\n    }\n\n    .hljs-attr {\n        color: var(--active-color);\n        font-weight: 400;\n    }\n\n    .hljs-symbol,\n    .hljs-bullet,\n    .hljs-link {\n        color: var(--petrol);\n        font-weight: 400;\n    }\n\n    .hljs-emphasis {\n        font-style: italic;\n        font-weight: 400;\n    }\n\n    .hljs-strong {\n        font-weight: 600;\n    }\n\n    .code-lang {\n        background: var(--dark-gray-color-5);\n        border: solid thin var(--content-color-40);\n        border-top: none;\n        padding: 5px 10px;\n        text-align: right;\n        color: var(--dark-gray-color-45);\n        font-family: monospace;\n        text-transform: full-width;\n    }\n}\n",".cw-block-confirm {\n    .cw-block-confirm-content {\n        border: solid thin var(--content-color-40);\n        padding: 1em;\n        margin: 0;\n\n        input[type='checkbox'] {\n            margin-right: 2em;\n            vertical-align: bottom;\n        }\n    }\n}\n",".cw-container-colspan-half,\n.cw-container-colspan-half-center {\n    .cw-block-date {\n        .cw-block-content {\n            font-size: 9px;\n        }\n    }\n}\n\n.cw-block-date {\n    .cw-date-countdown,\n    .cw-date-date {\n        margin: 0 auto;\n        width: max-content;\n    }\n\n    .cw-date-countdown {\n        .cw-date-countdown-digit {\n            display: inline-block;\n            margin-right: 4px;\n\n            .cw-date-countdown-number {\n                font-size: 6em;\n                line-height: 1.25em;\n                height: 1.25em;\n                padding: 3px 0.5em;\n                background: rgba(245, 245, 245, 1);\n                font-weight: 300;\n            }\n\n            .cw-date-countdown-label-sg,\n            .cw-date-countdown-label-pl {\n                padding: 5px;\n                font-size: 1.25em;\n                text-align: left;\n                text-transform: uppercase;\n            }\n        }\n    }\n\n    .cw-date-date {\n        .cw-date-date-space {\n            display: inline-block;\n            width: 2em;\n        }\n\n        .cw-date-date-digits {\n            display: inline-block;\n\n            .cw-date-date-number {\n                font-size: 5em;\n                line-height: 1.25em;\n                height: 1.25em;\n                padding: 0.25em;\n                background: rgba(245, 245, 245, 1);\n                font-weight: 300;\n            }\n        }\n    }\n}\n\n.responsive-display {\n    .cw-block-date {\n        .cw-block-content {\n            font-size: 9px;\n\n            .cw-date-countdown-number {\n                font-size: 3.5em;\n            }\n            .cw-date-countdown-label-sg,\n            .cw-date-countdown-label-pl {\n                font-size: 1em;\n            }\n            .cw-date-date-number {\n                font-size: 3em;\n            }\n        }\n    }\n}\n","@use '../../../mixins.scss' as *;\n\n.cw-block-dialog-cards-content {\n    display: flex;\n\n    .cw-dialogcards {\n        flex-grow: 2;\n\n        .scene {\n            margin: 0 auto;\n            width: 440px;\n            height: 600px;\n            perspective: 880px;\n            display: none;\n\n            &.active {\n                display: block;\n                animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n                transform: translate3d(0, 0, 0);\n                backface-visibility: hidden;\n                perspective: 1000px;\n            }\n        }\n\n        .card {\n            width: 100%;\n            height: 78%;\n            transition: transform 1s;\n            transform-style: preserve-3d;\n            cursor: pointer;\n            position: relative;\n            top: 11%;\n        }\n\n        .card.is-flipped {\n            transform: rotateY(180deg);\n        }\n\n        .card__face {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            color: var(--black);\n            text-align: center;\n            font-weight: bold;\n            font-size: 1.2em;\n            backface-visibility: hidden;\n            box-shadow: 0 2px 15px fade-out($black, 0.7);\n\n            img {\n                max-width: 380px;\n                max-height: 220px;\n                margin-top: 1em;\n            }\n\n            .cw-dialogcards-front-no-image {\n                @include background-icon(question, navigation, 150);\n            }\n\n            .cw-dialogcards-back-no-image {\n                @include background-icon(exclaim, navigation, 150);\n            }\n\n            .cw-dialogcards-front-no-image,\n            .cw-dialogcards-back-no-image {\n                width: 100%;\n                height: 180px;\n                margin-top: 2em;\n                background-repeat: no-repeat;\n                background-position-x: center;\n            }\n\n            p {\n                margin: 1em 3em 1em 4em;\n                padding-right: 1em;\n                overflow-y: auto;\n                max-height: 12em;\n                text-align: justify;\n            }\n        }\n\n        .card__face--front {\n            @include background-icon(arr_1right, clickable);\n            background-color: var(--white);\n            background-repeat: no-repeat;\n            background-position: 95% 95%;\n        }\n\n        .card__face--back {\n            @include background-icon(arr_1left, clickable);\n            background-color: var(--white);\n            background-repeat: no-repeat;\n            background-position: 5% 95%;\n            transform: rotateY(180deg);\n        }\n    }\n\n    .cw-dialogcards-navbutton {\n        color: transparent;\n        width: 35px;\n        height: 35px;\n        border-radius: 2px;\n        background-position: 50%;\n        background-repeat: no-repeat;\n        background-color: var(--base-color);\n        border: none;\n        display: block;\n        z-index: 4;\n        margin: auto 2px;\n        padding: 0;\n        cursor: pointer;\n\n        &.cw-dialogcards-prev {\n            @include background-icon(arr_1left, info-alt, 24);\n        }\n\n        &.cw-dialogcards-next {\n            @include background-icon(arr_1right, info-alt, 24);\n            right: 0;\n        }\n\n        &.cw-dialogcards-prev-disabled,\n        &.cw-dialogcards-next-disabled {\n            background-color: var(--light-gray-color-40);\n        }\n    }\n\n    @keyframes shake {\n        10%,\n        90% {\n            transform: translate3d(-1px, 0, 0);\n        }\n\n        20%,\n        80% {\n            transform: translate3d(2px, 0, 0);\n        }\n\n        30%,\n        50%,\n        70% {\n            transform: translate3d(-4px, 0, 0);\n        }\n\n        40%,\n        60% {\n            transform: translate3d(4px, 0, 0);\n        }\n    }\n}\n",".cw-block-document {\n    .cw-pdf-main-container {\n        width: calc(100% - 2px);\n        border: solid thin var(--content-color-40);\n\n        .cw-block-title {\n            border: none;\n            border-bottom: solid thin var(--content-color-40);\n        }\n    }\n    .cw-pdf-toolbar {\n        position: relative;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: baseline;\n        align-content: space-around;\n        background-color: var(--content-color-20);\n        padding: 4px 8px;\n\n        button {\n            height: 100%;\n            margin: 0 2px 0 0;\n            padding: 4px;\n\n            &.active {\n                background-color: var(--base-color);\n            }\n        }\n\n        .cw-pdf-toolbar-left {\n            position: relative;\n            display: flex;\n            flex-direction: row;\n            justify-content: flex-start;\n            align-items: baseline;\n            align-content: space-between;\n            width: 33%;\n        }\n\n        .cw-pdf-toolbar-middle {\n            position: relative;\n            display: flex;\n            justify-content: center;\n            width: 34%;\n\n            .cw-pdf-zoom-buttons {\n                margin-right: 8px;\n\n                button {\n                    margin: 0;\n                    padding: 4px 0;\n                }\n            }\n        }\n\n        .cw-pdf-toolbar-right {\n            display: flex;\n            flex-direction: row;\n            justify-content: flex-end;\n            align-items: baseline;\n            align-content: space-between;\n            position: relative;\n            width: 33%;\n            margin-right: 4px;\n        }\n\n        .cw-pdf-page-nav {\n            margin: 0 4px;\n\n            button {\n                margin: 0;\n                padding: 4px 0;\n            }\n\n            .cw-pdf-page-num {\n                text-align: right;\n                width: 2em;\n            }\n        }\n\n        .cw-pdf-search-box {\n            position: absolute;\n            top: 33px;\n            left: 22px;\n            width: auto;\n            background-color: var(--content-color-20);\n            border-top: none;\n            padding: 6px;\n            z-index: 2;\n            line-height: normal;\n\n            .cw-pdf-search-num {\n                margin: 4px 0 0 0;\n                display: block;\n            }\n\n            .cw-pdf-search-navs {\n                display: inline-block;\n\n                button {\n                    margin: 0;\n                    padding: 0;\n                }\n            }\n        }\n    }\n\n    .cw-pdf-outer-container {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n\n        .cw-pdf-content {\n            display: flex;\n            flex-direction: row;\n\n            .cw-pdf-sidebar {\n                width: 25%;\n                min-width: 270px;\n                align-self: stretch;\n                background-color: var(--white);\n                border-right: solid 1px var(--content-color-40);\n\n                ul.cw-pdf-toc-list,\n                ul.cw-pdf-toc-sub-list {\n                    padding: 0;\n                    list-style: none;\n\n                    li {\n                        padding: 0.5em 1em;\n                    }\n                }\n\n                ul.cw-pdf-toc-list {\n                    margin-top: 1em;\n                }\n            }\n\n            .cw-pdf-viewer-container {\n                width: 100%;\n                height: 100%;\n                overflow: hidden;\n                cursor: text;\n\n                &.hand-cursor-grab {\n                    cursor: grab;\n\n                    &.grabbing {\n                        cursor: grabbing;\n                    }\n                }\n\n                &.has-error {\n                    display: none;\n                }\n\n                .page {\n                    position: relative;\n                    margin: 0 auto;\n                }\n            }\n        }\n\n        .cw-pdf-viewer-fake-container {\n            position: absolute;\n        }\n\n        .cw-pdf-error-page {\n            overflow: hidden;\n            width: calc(100% - 16px);\n            height: 100%;\n            padding: 8px;\n            display: table;\n        }\n    }\n}\n","@use '../../../mixins.scss' as *;\n\n// folder block\n.cw-block-folder-info {\n    border: solid thin var(--content-color-40);\n    padding: 10px 10px 0 10px;\n    overflow: hidden;\n    border-bottom: none;\n}\n\n.cw-block-folder-list {\n    border: solid thin var(--content-color-40);\n    padding: 0;\n    list-style: none;\n\n    .cw-block-folder-file-item {\n        list-style: none;\n\n        &:not(:last-child) {\n            border-bottom: solid thin var(--content-color-40);\n        }\n\n        a {\n            display: block;\n        }\n\n        &:hover {\n            background-color: hsla(217, 6%, 45%, 0.2);\n        }\n    }\n\n    .cw-block-folder-download-icon {\n        @include background-icon(download, clickable, 24);\n        background-repeat: no-repeat;\n        float: right;\n        height: 24px;\n        width: 24px;\n        margin: 1em;\n    }\n}\n\n.cw-block-folder-upload {\n    border: solid thin var(--content-color-40);\n    padding: 1em 10px;\n    border-top: none;\n\n    .cw-file-input {\n        width: calc(100% - 148px);\n        vertical-align: middle;\n    }\n}\n\n// for folder and download block\n.cw-block-file-info {\n    @include background-icon(file, clickable, 24);\n    background-repeat: no-repeat;\n    display: block;\n    padding: 16px 16px 16px 40px;\n    background-position: 10px 16px;\n    width: calc(100% - 56px);\n    min-height: 20px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.cw-block-file-icon-empty {\n        color: var(--black);\n        @include background-icon(folder-empty, info, 24);\n    }\n\n    &.cw-block-file-icon-none {\n        color: var(--black);\n        @include background-icon(file, info, 24);\n    }\n\n    &.cw-block-file-icon-audio {\n        @include background-icon(file-audio, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-audio, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-pic {\n        @include background-icon(file-pic, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-pic, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-video {\n        @include background-icon(file-video, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-video, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-pdf {\n        @include background-icon(file-pdf, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-pdf, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-word {\n        @include background-icon(file-word, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-word, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-spreadsheet {\n        @include background-icon(file-excel, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-excel, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-text {\n        @include background-icon(file-text, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-text, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-ppt {\n        @include background-icon(file-ppt, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-ppt, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-archive {\n        @include background-icon(file-archive, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file-archive, info, 24);\n        }\n    }\n\n    &.cw-block-file-icon-file {\n        @include background-icon(file, clickable, 24);\n\n        &.download-disabled {\n            @include background-icon(file, info, 24);\n        }\n    }\n}\n.cw-block-file-details {\n    margin-top: -16px;\n    padding-left: 40px;\n    padding-bottom: 16px;\n    color: var(--dark-gray-color);\n}\n.cw-block-file-owner,\n.cw-block-file-mkdate {\n    display: block;\n    width: calc(100% - 56px);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n// download block\n.cw-block-download {\n    .cw-block-download-content {\n        border: solid thin var(--content-color-40);\n\n        .cw-block-download-file-item {\n            a {\n                display: block;\n            }\n\n            &:hover {\n                background-color: fade-out($dark-gray-color-75, 0.8);\n            }\n\n            .cw-block-download-download-icon {\n                @include background-icon(download, clickable, 24);\n                background-repeat: no-repeat;\n                float: right;\n                height: 24px;\n                width: 24px;\n                margin: 1em;\n            }\n        }\n    }\n}\n",".cw-block-embed {\n    .cw-block-content {\n        .cw-block-embed-iframe-wrapper {\n            overflow-y: hidden;\n\n            iframe {\n                height: 100% !important;\n                width: 100% !important;\n            }\n        }\n        .cw-block-embed-info {\n            margin-top: 0.5em;\n        }\n    }\n}","@use '../../../mixins.scss' as *;\n\n.cw-block-gallery {\n    .cw-block-content {\n        overflow: hidden;\n    }\n}\n\n.cw-block-gallery-content {\n    position: relative;\n    margin: auto;\n}\n\n.cw-block-gallery-slides {\n    display: none;\n\n    img {\n        display: block;\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n    }\n}\n\n.cw-block-gallery-prev,\n.cw-block-gallery-next {\n    cursor: pointer;\n    position: absolute;\n    background-color: fade-out($white, 0.6);\n    top: 50%;\n    height: 36px;\n    width: 36px;\n    background-repeat: no-repeat;\n    background-position: center;\n    margin-top: -22px;\n    transition: 200ms ease;\n    user-select: none;\n    border: none;\n\n    &:hover {\n        background-color: var(--base-color);\n    }\n}\n\n.cw-block-gallery-prev {\n    @include background-icon(arr_1left, clickable, 24);\n\n    &:hover {\n        @include background-icon(arr_1left, info-alt, 24);\n    }\n}\n\n.cw-block-gallery-next {\n    right: 0;\n    @include background-icon(arr_1right, clickable, 24);\n\n    &:hover {\n        @include background-icon(arr_1right, info-alt, 24);\n    }\n}\n\n.cw-block-gallery-file-description {\n    width: -moz-available;\n    color: var(--white);\n    font-size: 15px;\n    padding: 8px 12px;\n    position: absolute;\n    bottom: 8px;\n    text-align: center;\n\n    p {\n        display: -webkit-inline-box;\n        background-color: fade-out($black, 0.6);\n        padding: 0 2em;\n        margin-bottom: 4px;\n        overflow: hidden;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n\n    &.show-on-hover {\n        display: none;\n    }\n}\n\n.cw-block-gallery-content:hover .show-on-hover {\n    display: block;\n}\n\n.cw-block-gallery-number-text {\n    color: var(--white);\n    font-size: 12px;\n    padding: 8px 12px;\n    position: absolute;\n    top: 0;\n    background-color: fade-out($black, 0.6);\n}\n\n.cw-block-gallery-fade {\n    -webkit-animation-name: fade;\n    -webkit-animation-duration: 1.5s;\n    animation-name: fade;\n    animation-duration: 1.5s;\n}\n\n@-webkit-keyframes fade {\n    from {\n        opacity: 0.4;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes fade {\n    from {\n        opacity: 0.4;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.cw-block-gallery-grid {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    list-style: none;\n    padding: 0;\n\n    figure {\n        padding: 1px 4px;\n        margin: unset;\n\n        figcaption {\n            margin-bottom: 12px;\n\n            .cw-block-gallery-grid-file-name {\n                font-weight: 700;\n                margin-bottom: 4px;\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n            }\n\n            .cw-block-gallery-grid-file-description {\n                overflow: hidden;\n                display: -webkit-box;\n                -webkit-line-clamp: 5;\n                -webkit-box-orient: vertical;\n            }\n        }\n    }\n}\n\n.cw-container-wrapper-edit .cw-block-gallery-grid {\n    margin: 0;\n}\n","@use '../../../mixins.scss' as *;\n\n.cw-block-iframe {\n    .cw-block-content {\n        iframe {\n            border: solid thin var(--content-color-40);\n            width: calc(100% - 2px);\n        }\n\n        .cw-block-iframe-cc-data {\n            border: solid thin var(--content-color-40);\n            border-top: none;\n            margin-top: -6px;\n            padding-top: 10px;\n            height: 75px;\n\n            .cw-block-iframe-cc {\n                width: 120px;\n                height: 50px;\n                margin-left: 4px;\n                display: inline-block;\n                background-repeat: no-repeat;\n\n                &.cw-block-iframe-cc-by {\n                    background-image: url('#{$image-path}/cc/by.svg');\n                }\n                &.cw-block-iframe-cc-by-nc {\n                    background-image: url('#{$image-path}/cc/by-nc.eu.svg');\n                }\n                &.cw-block-iframe-cc-by-nc-nd {\n                    background-image: url('#{$image-path}/cc/by-nc-nd.eu.svg');\n                }\n                &.cw-block-iframe-cc-by-nc-sa {\n                    background-image: url('#{$image-path}/cc/by-nc-sa.svg');\n                }\n                &.cw-block-iframe-cc-by-nd {\n                    background-image: url('#{$image-path}/cc/by-nd.svg');\n                }\n                &.cw-block-iframe-cc-by-sa {\n                    background-image: url('#{$image-path}/cc/by-sa.svg');\n                }\n            }\n\n            .cw-block-iframe-cc-infos {\n                display: inline-block;\n                vertical-align: top;\n                padding-left: 1em;\n                p {\n                    margin: 0;\n                }\n            }\n        }\n    }\n}\n","@import '../variables.scss';\n\n.cw-block-image-map {\n    .cw-image-map-canvas,\n    .cw-image-map-original-img {\n        display: none;\n    }\n\n    form.default {\n        label.cw-block-image-map-dimensions > input[type='number'] {\n            display: inline-block;\n        }\n    }\n}\n\n.cw-draggable-shapes-wrapper {\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    width: 100%;\n    height: 100%;\n    margin: $cw-wrapper-gap;\n\n    .cw-draggable-area {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        &:hover {\n            cursor: grab;\n        }\n    }\n}","@use '../../../mixins.scss' as *;\n@import '../variables.scss';\n\n.cw-keypoint-content {\n    display: flex;\n    min-height: 52px;\n    padding: 1.5em 2.5em 1.5em 2.5em;\n    border-style: solid;\n    border-width: 2px;\n    align-items: center;\n}\n\n.cw-keypoint-content > img {\n    flex-shrink: 0;\n}\n\n.cw-keypoint-red {\n    border-color: map-get($icon-colors, 'icon-red');\n}\n\n.cw-keypoint-blue {\n    border-color: map-get($icon-colors, 'icon-blue');\n}\n\n.cw-keypoint-green {\n    border-color: map-get($icon-colors, 'icon-green');\n}\n\n.cw-keypoint-gray {\n    border-color: map-get($icon-colors, 'icon-gray');\n}\n\n.cw-keypoint-yellow {\n    border-color: map-get($icon-colors, 'icon-yellow');\n}\n\n.cw-keypoint-sentence {\n    display: inline;\n    font-size: 1.25em;\n    padding-left: 1.5em;\n    margin-top: 10px;\n}\n\n.cw-keypoint-label-color {\n    width: 32px !important;\n    min-width: 32px !important;\n    height: 32px;\n    padding: 5px !important;\n\n    > .cw-keypoint-input-color {\n        visibility: hidden;\n        position: absolute;\n    }\n\n    > .cw-keypoint-input-color + div {\n        cursor: pointer;\n        border: 2px solid transparent;\n        height: 32px;\n        width: 32px;\n    }\n\n    > .cw-keypoint-input-color:checked + div {\n        /* (RADIO CHECKED) IMAGE STYLES */\n        @include background-icon(accept, info_alt, 24);\n        background-repeat: no-repeat;\n        background-position: center;\n    }\n}\n\nlabel[for='cw-keypoint-color'] {\n    vertical-align: top;\n}\n\n.cw-keypoint-label-color {\n    display: inline-block !important;\n}\n\n.cw-keypoint-icons {\n    background-color: var(--white);\n}\n\n.cw-keypoint-bg-red {\n    background-color: map-get($icon-colors, 'icon-red');\n}\n\n.cw-keypoint-bg-blue {\n    background-color: map-get($icon-colors, 'icon-blue');\n}\n\n.cw-keypoint-bg-green {\n    background-color: map-get($icon-colors, 'icon-green');\n}\n\n.cw-keypoint-bg-gray {\n    background-color: map-get($icon-colors, 'icon-gray');\n}\n\n.cw-keypoint-bg-yellow {\n    background-color: map-get($icon-colors, 'icon-yellow');\n}\n","@use '../../../mixins.scss' as *;\n\n.cw-block-link {\n    a {\n        text-decoration: none;\n    }\n\n    .cw-link {\n        border: solid thin var(--content-color-40);\n        color: var(--base-color);\n        height: 20px;\n        padding: 1em;\n\n        .cw-link-title {\n            margin-left: 3em;\n        }\n\n        &:hover {\n            background-color: var(--base-color);\n            border: solid thin var(--base-color);\n            color: var(--white);\n        }\n\n        &.internal {\n            @include background-icon(link-intern, clickable, 28);\n            background-position: 1em 50%;\n            background-repeat: no-repeat;\n\n            &:hover {\n                @include background-icon(link-intern, info-alt, 28);\n            }\n        }\n\n        &.external {\n            @include background-icon(link-extern, clickable, 28);\n            background-position: 1em 50%;\n            background-repeat: no-repeat;\n\n            &:hover {\n                @include background-icon(link-extern, info-alt, 28);\n            }\n\n            .cw-link-og-image {\n                display: inline-block;\n                max-width: 40%;\n                vertical-align: top;\n                margin-right: 2em;\n            }\n\n            .cw-link-og-textwrapper {\n                display: inline-block;\n                max-width: 50%;\n\n                p {\n                    margin: 0;\n                }\n\n                .cw-link-og-site {\n                    font-size: 1.25em;\n                }\n\n                .cw-link-og-title {\n                    font-weight: 600;\n                }\n\n                .cw-link-og-description {\n                    color: var(--base-color-80);\n                    text-align: justify;\n                }\n            }\n        }\n    }\n}\n","@use '../../../mixins.scss' as *;\n\n.cw-block-lti {\n    .cw-block-content {\n        .cw-block-lti-content {\n            border: solid thin var(--content-color-40);\n            box-sizing: border-box;\n        }\n\n        .cw-block-lti-icon-tool {\n            @include background-icon(plugin, info, 24);\n            background-repeat: no-repeat;\n            display: block;\n            padding: 16px 16px 16px 40px;\n            background-position: 10px center;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n}\n","<template>\n    <canvas v-show=\"showCanvas\" ref=\"canvas\"></canvas>\n</template>\n\n<script>\nexport default {\n    name: 'studip-ident-image',\n    props: {\n        value: {\n            type: String,\n        },\n        showCanvas: {\n            type: Boolean,\n            default: false,\n        },\n        baseColor: {\n            type: String, // hex color\n        },\n        pattern: {\n            type: String,\n            required: true,\n        },\n        width: {\n            type: Number,\n            default: 1080,\n        },\n        height: {\n            type: Number,\n            default: 720,\n        },\n        shapesMin: {\n            type: Number,\n            default: 5,\n        },\n        shapesMax: {\n            type: Number,\n            default: 8,\n        },\n    },\n    data() {\n        return {\n            random: null,\n            ellipse: null,\n        };\n    },\n    methods: {\n        randint(min, max) {\n            return Math.floor(this.random() * (max - min) + min);\n        },\n        renderIdentimage() {\n            let canvas = this.$refs.canvas;\n            canvas.width = this.width;\n            canvas.height = this.height;\n\n            const minSize = Math.min(this.width, this.height) * 0.2;\n            const ctx = canvas.getContext('2d');\n            const backgroundHSL = this.hexToHSL(this.baseColor);\n            const numShape = this.randint(this.shapesMin, this.shapesMax);\n            const shapeSizes = [];\n\n            ctx.fillStyle = this.hexToRgbA(this.baseColor, 0.8);\n            ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n            const curveStart = this.randint(10, 70)/100 * this.height;\n            const curveEnd = this.randint(10, 70)/100 * this.height;\n            ctx.strokeStyle = `rgba(255, 255, 255, ${this.randint(50, 70) / 100})`;\n            const curvedistance = this.randint(20, 40);\n            const xFactor = this.randint(10, 45) / 100;\n            const yFactor = this.randint(10, 45) / 100;\n            for (let c = 0; c < numShape * 2; c++) {\n                ctx.beginPath();\n                ctx.moveTo(0, curveStart + curvedistance * c);\n                ctx.bezierCurveTo(this.width * xFactor, this.height * yFactor, this.width * (xFactor + 0.5), this.height * (yFactor + 0.5), this.width, curveEnd + curvedistance * c);\n                ctx.stroke();\n            }\n\n            for (let i = 0; i < numShape; i++) {\n                shapeSizes.push(this.randint(minSize*0.2, minSize*2) + minSize);\n            }\n\n            shapeSizes.sort((a, b) => {\n                return a < b ? 1 : a > b ? -1 : 0;\n            });\n\n            shapeSizes.forEach((shapeSizes, index) => {\n                const radius = shapeSizes / 2;\n                const [x, y] = this.createPointInEllipse(ctx);\n                const x_center = x * (this.width + radius / 2) - radius / 4;\n                const y_center = y * (this.height + radius / 2) - radius / 4;\n\n                ctx.fillStyle = `rgba(255, 255, 255, ${this.randint(10, 80) / 100})`;\n\n                ctx.beginPath();\n\n                if (index % 2 === 0) {\n                    ctx.arc(x_center, y_center, radius, 0, 2 * Math.PI);\n                } else {\n                    const size = radius;\n                    ctx.moveTo(x_center + size * Math.cos(0), y_center + size * Math.sin(0));\n\n                    for (let side = 0; side < 7; side++) {\n                        ctx.lineTo(\n                            x_center + size * Math.cos((side * 2 * Math.PI) / 6),\n                            y_center + size * Math.sin((side * 2 * Math.PI) / 6)\n                        );\n                    }\n                }\n\n                ctx.fill();\n            });\n\n            this.$emit('input', canvas.toDataURL());\n        },\n        createPointInEllipse(ctx) {\n            const x = this.random();\n            const y = this.random();\n\n            if (ctx.isPointInPath(this.ellipse, x, y)) {\n                return [x, y];\n            }\n\n            return this.createPointInEllipse(...arguments);\n        },\n\n        cyrb128(value) {\n            let h1 = 1779033703,\n                h2 = 3144134277,\n                h3 = 1013904242,\n                h4 = 2773480762;\n\n            for (let i = 0, k; i < value.length; i++) {\n                k = value.charCodeAt(i);\n                h1 = h2 ^ Math.imul(h1 ^ k, 597399067);\n                h2 = h3 ^ Math.imul(h2 ^ k, 2869860233);\n                h3 = h4 ^ Math.imul(h3 ^ k, 951274213);\n                h4 = h1 ^ Math.imul(h4 ^ k, 2716044179);\n            }\n\n            h1 = Math.imul(h3 ^ (h1 >>> 18), 597399067);\n            h2 = Math.imul(h4 ^ (h2 >>> 22), 2869860233);\n            h3 = Math.imul(h1 ^ (h3 >>> 17), 951274213);\n            h4 = Math.imul(h2 ^ (h4 >>> 19), 2716044179);\n\n            return [(h1 ^ h2 ^ h3 ^ h4) >>> 0, (h2 ^ h1) >>> 0, (h3 ^ h1) >>> 0, (h4 ^ h1) >>> 0];\n        },\n        sfc32(a, b, c, d) {\n            return function () {\n                a >>>= 0;\n                b >>>= 0;\n                c >>>= 0;\n                d >>>= 0;\n                var t = (a + b) | 0;\n                a = b ^ (b >>> 9);\n                b = (c + (c << 3)) | 0;\n                c = (c << 21) | (c >>> 11);\n                d = (d + 1) | 0;\n                t = (t + d) | 0;\n                c = (c + t) | 0;\n\n                return (t >>> 0) / 4294967296;\n            };\n        },\n\n        hexToRGB(color) {\n            color = color.slice(1); // remove #\n            let val = parseInt(color, 16);\n            let r = val >> 16;\n            let g = (val >> 8) & 0x00ff;\n            let b = val & 0x0000ff;\n\n            if (g > 255) {\n                g = 255;\n            } else if (g < 0) {\n                g = 0;\n            }\n            if (b > 255) {\n                b = 255;\n            } else if (b < 0) {\n                b = 0;\n            }\n\n            return { r: r, g: g, b: b };\n        },\n        RGBToHSL(r, g, b) {\n            r /= 255;\n            g /= 255;\n            b /= 255;\n\n            let cmin = Math.min(r, g, b),\n                cmax = Math.max(r, g, b),\n                delta = cmax - cmin,\n                h = 0,\n                s = 0,\n                l = 0;\n            if (delta == 0) h = 0;\n            // Red is max\n            else if (cmax == r) h = ((g - b) / delta) % 6;\n            // Green is max\n            else if (cmax == g) h = (b - r) / delta + 2;\n            // Blue is max\n            else h = (r - g) / delta + 4;\n\n            h = Math.round(h * 60);\n\n            if (h < 0) h += 360;\n            l = (cmax + cmin) / 2;\n\n            s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));\n\n            s = +(s * 100).toFixed(1);\n            l = +(l * 100).toFixed(1);\n\n            return { h: h, s: s, l: l };\n            // return 'hsl(' + h + ',' + s + '%,' + l + '%)';\n        },\n        hexToHSL(color) {\n            const RGB = this.hexToRGB(color);\n            return this.RGBToHSL(RGB.r, RGB.g, RGB.b);\n        },\n        hexToRgbA(hex, a){\n            const RGB = this.hexToRGB(hex);\n\n            return 'rgba(' + RGB.r + ',' + RGB.g + ',' + RGB.b + ',' + a +')';\n        },\n        init() {\n            const seed = this.cyrb128(this.pattern);\n            this.random = this.sfc32(...seed);\n            this.ellipse = new Path2D();\n            this.ellipse.ellipse(0.5, 0.5, 0.5, 0.5, 0, 0, Math.PI * 2);\n            this.renderIdentimage();\n        }\n    },\n    mounted() {\n        this.init();\n    },\n    watch: {\n        baseColor() {\n            this.init();\n        },\n    },\n};\n</script>\n<style scoped>\n  canvas {\n    background-color: #fff;\n  }\n</style>\n","@use '../../../mixins.scss' as *;\n@import '../variables.scss';\n\n.cw-block-table-of-contents {\n    .cw-block-content {\n        overflow: unset;\n    }\n}\n\n.cw-block-table-of-contents-list {\n    padding: 0;\n    list-style: none;\n    border: solid thin var(--content-color-40);\n    li {\n        &:not(:last-child) {\n            border-bottom: solid thin var(--dark-gray-color-30);\n        }\n        a {\n            display: block;\n            padding: 1em;\n        }\n        &:hover {\n            background-color: fade-out($dark-gray-color-75, 0.8);\n        }\n    }\n}\n\n.cw-block-table-of-contents-list-details {\n    padding: 0;\n    list-style: none;\n    border: solid thin var(--content-color-40);\n    li {\n        &:not(:last-child) {\n            border-bottom: solid thin var(--dark-gray-color-30);\n        }\n\n        &:hover {\n            background-color: fade-out($dark-gray-color-75, 0.8);\n        }\n        a {\n            display: block;\n            padding: 1em;\n        }\n    }\n}\n\n.cw-block-table-of-contents-title-box {\n    min-height: 3em;\n    padding-left: 1em;\n    border-left-width: 10px;\n    border-left-style: solid;\n\n    @each $name, $color in $tile-colors {\n        &.#{'' + $name} {\n            border-color: $color;\n        }\n    }\n\n    p,\n    p:hover {\n        color: var(--black);\n    }\n}\n\n.cw-container-colspan-half {\n    .cw-block-table-of-contents-tiles.cw-tiles {\n        .tile {\n            width: 267px;\n        }\n    }\n}\n",".cw-block-text {\n    .cktoolbar {\n        width: 100% !important;\n        max-width: 100% !important;\n        position: relative !important;\n        top: 0 !important;\n    }\n\n    .cke {\n        width: 100% !important;\n    }\n}\n",".cw-typewriter-content {\n    .vue-typer {\n        &.font-typewriter {\n            font-family: 'Lucida Sans Typewriter', 'Lucida Console', Monaco, 'Bitstream Vera Sans Mono', monospace;\n        }\n\n        &.font-trebuchet {\n            font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;\n        }\n\n        &.font-tahoma {\n            font-family: Tahoma, Verdana, Segoe, sans-serif;\n        }\n\n        &.font-georgia {\n            font-family: Georgia, Times, 'Times New Roman', serif;\n        }\n\n        &.font-narrow {\n            font-family: 'Arial Narrow', Arial, 'Helvetica Condensed', Helvetica, sans-serif;\n        }\n\n        &.size-tall {\n            font-size: 1.25em;\n            line-height: 1.25em;\n        }\n\n        &.size-grande {\n            font-size: 1.5em;\n            line-height: 1.25em;\n        }\n\n        &.size-huge {\n            font-size: 2em;\n            line-height: 1.25em;\n        }\n    }\n}\n","\n.cw-block-video {\n    video {\n        width: 100%;\n    }\n}\n"],"names":[],"sourceRoot":""}