{"version":3,"file":"stylesheets/2521.css?h=e07976e1c77271fad010","mappings":"AAEA,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,oCAGJ,+GACI,YAGJ,+CACI,mCAEJ,8EACI,8BACA,wBAIJ,kIAEI,uBACA,mBAGJ,gFACI,wBAGJ,6QAEI,mBAGJ,wDACI,wBAEJ,8DACI,mBAGJ,4DCpEI,uDAMI,oBAFW,CDoEnB,gDCxEI,sDAMI,oBAFW,CDwEnB,4CC5EI,wDAMI,oBAFW,CD4EnB,kFAEI,aAGJ,kHACI,4CACA,eAGJ,8JACI,YAGJ,kDACI,wBACA,8BAGJ,gJAEI,sBAGJ,4DACI,YAGJ,2PAEI,wBAGJ,qHACI,mBAGJ,2LAGI,wBAKJ,sHAEI,8BAGJ,gIAEI,oCAGJ,uFACI,cACA,eACA,gIAOJ,oLACI,aAIJ,kDAEI,mBAIJ,qEACI,aAGJ,0EACI,gBACA,gBAIJ,iBACI,gCAEJ,2CACI,aAIJ,uBACI,iDACA,wBACA,qBACA,iCACA,iBAIJ,eACI,aACA,SACA,mBACA,2CAOJ,mBACI,iBAEA,gCACI,6CAKR,6BACI,eACA,YAGJ,sCACI,qDACA,qGACA,sCACA,+DACA,iDACA,gCACA,SACA,SAGJ,0CACI,uCAGJ,iDACI,mDACA,qCACA,sCAGJ,6DACI,mDAGJ,uEACI,WACA,eAIJ,4CACI,gCAKJ,gCACI,6BAGJ,oCACI,0CACA,2CACA,gGACA,eACA,kBACA,aACA,gBACA,uCACA,mBACA,cACA,qBACA,mBACA,SACA,kBAGJ,2BAOI,sFAGA,kBACA,UAGJ,uDAbI,WACA,SACA,QACA,kBACA,oBAGA,YACA,SAgBA,CAXJ,4BAOI,uFAGA,kBACA,UAIJ,uEACI,uBACA,6CAMJ,wBACI,2BAEJ,+BACI,yCACA,YACA,cARgB,CAYpB,wCACI,YAGJ,gBACI,gBAEJ,eACI,0CAGJ,0DACI,WACA,qBAMI,sDACI,aACA,gBAMZ,4BACI,0CACA,6CACA","sources":["webpack://@studip/core/./resources/assets/stylesheets/scss/studip-cke-ui.scss","webpack://@studip/core/./resources/assets/stylesheets/mixins/studip.scss"],"sourcesContent":["@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"],"names":[],"sourceRoot":""}